/* Transparent overlay track; retain the original eight-pixel proportional gray thumb. */
html{scrollbar-width:thin;scrollbar-color:#888 transparent}
html.has-page-scrollbar{scrollbar-width:none;scrollbar-gutter:auto}
html.has-page-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}
#page-scroll-track{position:fixed;z-index:65;top:12px;right:2px;bottom:12px;width:12px;background:transparent;border:0;outline:0;touch-action:none;user-select:none;cursor:grab;mix-blend-mode:difference}
#page-scroll-track[hidden]{display:none}
#page-scroll-thumb{position:absolute;top:0;right:0;width:8px;height:max(64px,12vh);background:#777;border:0;outline:0;border-radius:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#page-scroll-track:focus-visible,#page-scroll-track:focus-visible #page-scroll-thumb{outline:none}
.spa-round-cursor #page-scroll-track,.spa-round-cursor #page-scroll-track *{cursor:grab!important}
.spa-round-cursor #page-scroll-track.is-dragging,.spa-round-cursor #page-scroll-track.is-dragging *{cursor:grabbing!important}
html:has(#page-scroll-track:hover) .spa-ink-cursor,html:has(#page-scroll-track.is-dragging) .spa-ink-cursor{opacity:0}