/* Skrytí nativního scrollbaru */
html {
  scrollbar-width: none !important;
}
html::-webkit-scrollbar {
  display: none !important;
}

/* Custom scrollbar track */
#sl-scrollbar {
  position: fixed;
  top: 0;
  right: 0;
  width: 12px;
  height: 100vh;
  background: rgba(255,255,255,0.04);
  z-index: 999999;
  cursor: pointer;
  transition: width 0.2s, background 0.2s;
}
#sl-scrollbar:hover {
  width: 16px;
  background: rgba(255,255,255,0.07);
}

/* Thumb */
#sl-scrollbar-thumb {
  position: absolute;
  right: 0;
  width: 100%;
  min-height: 50px;
  cursor: pointer;
}
#sl-scrollbar-thumb svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.25));
  display: block;
}
#sl-scrollbar:hover #sl-scrollbar-thumb svg .thumb-fill {
  fill: rgba(255,255,255,0.95);
}
#sl-scrollbar.dragging #sl-scrollbar-thumb svg .thumb-fill {
  fill: rgba(255,255,255,1);
}