:root{--sb-page: rgba(255, 255, 255, .14);--sb-page-hover: rgba(255, 255, 255, .28);--sb-quiet: rgba(255, 255, 255, .18)}:root[data-theme=light]{--sb-page: rgba(0, 0, 0, .14);--sb-page-hover: rgba(0, 0, 0, .28);--sb-quiet: rgba(0, 0, 0, .18)}html{scrollbar-gutter:stable}.scroll-quiet{--sb-thumb: transparent;scrollbar-gutter:stable}@media(hover:hover)and (pointer:fine){html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--sb-page);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--sb-page-hover)}html::-webkit-scrollbar-corner{background:transparent}.scroll-quiet::-webkit-scrollbar{width:6px;height:6px}.scroll-quiet::-webkit-scrollbar-track{background:transparent;margin:10px}.scroll-quiet::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:999px}.scroll-quiet::-webkit-scrollbar-corner{background:transparent}.scroll-quiet:hover,.scroll-quiet.is-scrolling{--sb-thumb: var(--sb-quiet)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--sb-page) transparent}html:hover{scrollbar-color:var(--sb-page-hover) transparent}.scroll-quiet{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent;transition:scrollbar-color .3s ease}}}