body{
font-family:poppins;
}

body.uice-is-frontend :focus{
outline: none !important;
}

:root{
--fw-5:500;
--fw-7:700;
--fs-h:18px;
--fs-2h:16px;
--fs-3h:14px;
}

.fs-h{
font-size:var(--fs-h);
}
.fs-2h{
font-size:var(--fs-2h);
}

.fs-3h{
font-size:var(--fs-3h);
}
.fw-5{
font-weight:var(--fw-5);
}




[collapse="true"] #sidebar {
width: 90px !important;
}

[collapse="true"] #sidebar .eui-heading , [collapse="true"] #sidebar #menu-links span , [collapse="true"] #sidebar div#eui-pnrikl , [collapse="true"] #sidebar .eui-icon-box .content {
    display: none;
}

#collapse .icon svg {
    height: 22px ;
    width:22px !important;
}

[collapse="true"] #sidebar div#collapse .icon {
    transform: rotate(180deg);
}


@media only screen and (min-width:480px){

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #d1d1d1 transparent;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 9px;
    height: 10px;
  }

  *::-webkit-scrollbar-track {
    background: transparent;
  }

  *::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 10px;
    border: none;
  }


}

.scr-non::-webkit-scrollbar {
display: none;
}


.lactive{
background:black;
}

:root{
  --loader-bg: #0b0b0b;
  --wave-color: #f44336;
  --bar-width: 6px;
  --bar-gap: 6px;
  --anim-duration: 1s;
}

/* Full-screen loader */
.page-loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--loader-bg);
  z-index: 99999;
  transition: opacity .45s ease, visibility .45s ease;
  opacity: 1;
  visibility: visible;
}
.page-loader.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Audio wave */
.audio-wave {
  display: flex;
  align-items: flex-end;
  gap: var(--bar-gap);
}
.audio-wave .bar {
  width: var(--bar-width);
  height: 40px;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.audio-wave .bar::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 100%;
  background: var(--wave-color);
  transform-origin: bottom center;
  transform: scaleY(0.2);
  animation: wavePulse var(--anim-duration) cubic-bezier(.2,.8,.2,1) infinite;
  border-radius: 3px;
}
.audio-wave .bar:nth-child(1)::after { animation-delay: -0.18s; }
.audio-wave .bar:nth-child(2)::after { animation-delay: -0.36s; }
.audio-wave .bar:nth-child(3)::after { animation-delay: -0.54s; }
.audio-wave .bar:nth-child(4)::after { animation-delay: -0.72s; }
.audio-wave .bar:nth-child(5)::after { animation-delay: -0.90s; }
.audio-wave .bar:nth-child(6)::after { animation-delay: -1.08s; }
.audio-wave .bar:nth-child(7)::after { animation-delay: -1.26s; }
.audio-wave .bar:nth-child(8)::after { animation-delay: -1.44s; }
.audio-wave .bar:nth-child(9)::after { animation-delay: -1.62s; }

@keyframes wavePulse{
  0%   { transform: scaleY(0.12); }
  20%  { transform: scaleY(0.9); }
  40%  { transform: scaleY(0.4); }
  60%  { transform: scaleY(1); }
  80%  { transform: scaleY(0.35); }
  100% { transform: scaleY(0.12); }
}

.loader-label {
  margin-left: 12px;
  color: rgba(255,255,255,0.85);
  font-size: 14px;
}