/* PIXBOK document scrollbar — stable, quiet, and shared across site + Studio. */
:root {
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

:root.is-page-scrollbar-active {
  scrollbar-color: rgba(105, 86, 118, 0.32) transparent;
}

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

:root::-webkit-scrollbar-track,
:root::-webkit-scrollbar-corner {
  background: transparent;
}

:root::-webkit-scrollbar-button,
:root::-webkit-scrollbar-button:single-button,
body::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  -webkit-appearance: none;
}

:root::-webkit-scrollbar-thumb {
  min-height: 52px;
  border: 3px solid transparent;
  border-radius: 999px;
  background-color: transparent;
  background-clip: padding-box;
}

:root.is-page-scrollbar-active::-webkit-scrollbar-thumb {
  background-color: rgba(105, 86, 118, 0.3);
  box-shadow: inset 0 0 0 1px rgba(223, 205, 234, 0.06);
}

:root.is-page-scrollbar-active::-webkit-scrollbar-thumb:hover {
  background-color: rgba(126, 102, 142, 0.46);
}

@media (pointer: coarse) {
  :root { scrollbar-gutter: auto; }
}