/* Keep the page visible beneath the thumb, including the full-width timber. */
html{--page-scroll-thumb:#6e6d5e;scrollbar-color:var(--page-scroll-thumb) transparent}
:root[data-theme="desert"]{--page-scroll-thumb:#a9815f;scrollbar-color:var(--page-scroll-thumb) transparent}
:root[data-theme="winter"]{--page-scroll-thumb:#7d9baa;scrollbar-color:var(--page-scroll-thumb) transparent}
:root[data-theme="tropical"]{--page-scroll-thumb:#6dada3;scrollbar-color:var(--page-scroll-thumb) transparent}
:root[data-theme="animals"]{--page-scroll-thumb:#97865c;scrollbar-color:var(--page-scroll-thumb) transparent}
.page-scrollbar{display:none}
@media(forced-colors:none){
 html.has-overlay-scrollbar{scrollbar-width:none}
 html.has-overlay-scrollbar::-webkit-scrollbar{display:none}
 .has-overlay-scrollbar .page-scrollbar{position:fixed;inset:0 0 0 auto;z-index:120;display:block;width:14px;background:transparent;touch-action:none;user-select:none;cursor:default}
 .has-overlay-scrollbar .page-scrollbar[hidden]{display:none}
 .page-scrollbar-thumb{position:absolute;top:0;right:3px;width:5px;min-height:32px;border-radius:0;background:var(--page-scroll-thumb);box-shadow:0 0 0 1px #0a08013d;pointer-events:none}
 .page-scrollbar:is(:hover,:focus-visible,.is-dragging) .page-scrollbar-thumb{width:7px;background:#b7b3a3}
 .page-scrollbar:focus{outline:none}
 body.menu-open .page-scrollbar{display:none}
}
@media(forced-colors:active){:root,:root[data-theme]{scrollbar-color:auto}}