/* The native scrollbar remains available when JavaScript is disabled. */
html.has-page-scrollbar{scrollbar-width:none}
html.has-page-scrollbar::-webkit-scrollbar,
html.has-page-scrollbar body::-webkit-scrollbar{width:0;height:0}
.page-scrollbar{position:absolute;top:100%;left:0;width:100%;height:14px;z-index:2;cursor:pointer;touch-action:none;user-select:none;outline:none}
.page-scrollbar[hidden]{display:none}
.page-scrollbar::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#292126}
.page-scrollbar-thumb{position:absolute;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--red);border-radius:0 2px 2px 0;box-shadow:0 0 9px #ec123b40;pointer-events:none}
.page-scrollbar:hover::before,.page-scrollbar:hover .page-scrollbar-thumb,
.page-scrollbar:focus-visible::before,.page-scrollbar:focus-visible .page-scrollbar-thumb,
.page-scrollbar.is-dragging::before,.page-scrollbar.is-dragging .page-scrollbar-thumb{height:5px}
.page-scrollbar:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(pointer:coarse){.page-scrollbar{height:24px}.page-scrollbar::before,.page-scrollbar-thumb{height:4px}}
@media(forced-colors:active){.page-scrollbar::before{background:CanvasText}.page-scrollbar-thumb{background:Highlight}}