/* ===== Dynamic Progress Scrollbar ===== */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 109, 119, 0.06);
}

::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      180deg,
      #702e86 0%,
      #355ba4 50%,
      #2087c5 100%
    );
  border-radius: 12px;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.2),
    0 4px 12px rgba(0,0,0,0.25);
  position: relative;
}

::-webkit-scrollbar-thumb::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0),
    transparent
  );
}

/* Hover = power mode */
::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      180deg,
      #8f3fb0,
      #4b7be0,
      #33b4ff
    );
}




::-webkit-scrollbar-thumb {
  opacity: 0.35;
}

body:hover ::-webkit-scrollbar-thumb {
  opacity: 1;
}