/* Import Google font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

.tab {
    color: #1e1e27;
    display: inline-block;
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 0;
  }

.tab img {
    width: 26px; /* Norimas ikonos plotis */
    height: 26px; /* Norimas ikonos aukštis */
    vertical-align: middle;
 }




.wrapper {
  padding: 4px;
  position: relative;
  overflow-x: hidden;
  max-width: 1000px;
  background: #fff;
  border-radius: 6px;
}
.wrapper .icon {
  position: absolute;
  top: 0;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
}
.icon:first-child {
  left: 0;
  display: none;
  background: linear-gradient(90deg, #fff 70%, transparent);
}
.icon:last-child {
  right: 0;
  justify-content: flex-end;
  background: linear-gradient(-90deg, #fff 70%, transparent);
}
.icon i {
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-size: 1.5rem;
  text-align: center;
  line-height: 30px;
  border-radius: 10%;
}
.icon i:hover {
  background: #efedfb;
}
.icon:first-child i {
  margin-left: 0px;
} 
.icon:last-child i {
  margin-right: 0px;
} 
.wrapper .tabs-box {
  display: flex;
  gap: 7px;
  list-style: none;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.tabs-box.dragging {
  scroll-behavior: auto;
  cursor: grab;
}
.tabs-box .tab {
  cursor: pointer;
  font-size: 0.7rem;
  white-space: nowrap;
  background: #FFFFFF;
  padding: 8px 10px;
  border-radius: 0px;
  border: 1px solid #000000;
}
.tabs-box .tab:hover{
  background: #efedfb;
}
.tabs-box.dragging .tab {
  user-select: none;
  pointer-events: none;
}
.tabs-box .tab.active{
  color: #000;
  background: #E0E0E0;
  border-color: 1px solid #000000;
}

.spalva {
  color: #000;
  text-decoration: none;
}

.spalva:hover {
  /* ":hover" nurodo, kad tai yra stilius, kuris bus taikomas, kai vartotojas paspaus ant nuorodos */
  color: #FFF; /* Užtikrina, kad spalva išliktų balta, kai nuoroda yra paspausta */
  text-decoration: none; /* Užtikrina, kad paspaudus ant nuorodos, jos nebus pasvirinta */
}