html.has-custom-scrollbar{scrollbar-width:none;scrollbar-gutter:auto}
html.has-custom-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
.site-scrollbar[hidden]{display:none!important}
.site-scrollbar{position:fixed;z-index:100;top:12px;bottom:12px;right:2px;width:20px;outline:none;touch-action:none;cursor:pointer}
.site-scrollbar:before{content:"";position:absolute;inset:0;left:9px;width:1px;border-radius:2px;background:#d3dce508;opacity:0;transition:opacity .25s}
.site-scrollbar-thumb{position:absolute;top:0;left:8px;width:3px;min-height:36px;border-radius:4px;background:#bac8da57;transition:background .25s,width .25s;pointer-events:none;will-change:transform}
.site-scrollbar:hover:before,.site-scrollbar:focus-visible:before,.site-scrollbar.is-dragging:before{opacity:1}
.site-scrollbar:hover .site-scrollbar-thumb,.site-scrollbar:focus-visible .site-scrollbar-thumb,.site-scrollbar.is-dragging .site-scrollbar-thumb{width:4px;background:#dce6f2a6}
html.has-intro .site-scrollbar{visibility:hidden;pointer-events:none}
html.is-scrollbar-dragging,html.is-scrollbar-dragging *{cursor:grabbing!important;user-select:none!important}
@media(max-width:760px),(hover:none),(pointer:coarse){.site-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){.site-scrollbar:before,.site-scrollbar-thumb{transition:none}}
