/* One scrollbar treatment on every page. Reserve its space so short and long
   pages share the same frame. Keep native wheel, touch and keyboard scrolling;
   Bootstrap remains responsible for locking the background of an open modal. */
html.pa-document {
    --pa-scroll-track:#f3f6fb;
    --pa-scroll-thumb:#9aafc5;
    --pa-scroll-hover:#527b9f;
    overflow-y:auto;
    scrollbar-gutter:stable;
    scrollbar-width:auto;
    scrollbar-color:var(--pa-scroll-thumb) var(--pa-scroll-track);
}
html.pa-document[data-pa-color-mode="dark"] {
    --pa-scroll-track:#0f1b2b;
    --pa-scroll-thumb:#49627d;
    --pa-scroll-hover:#7296b8;
}
/* Older browsers still reserve the same width between routes. */
@supports not (scrollbar-gutter:stable) {
    html.pa-document { overflow-y:scroll; }
}
html.pa-document .pa-theme,
html.pa-document .pa-theme * {
    scrollbar-color:var(--pa-scroll-thumb) var(--pa-scroll-track);
}
html.pa-document::-webkit-scrollbar,
html.pa-document .pa-theme ::-webkit-scrollbar { width:12px; height:12px; }
html.pa-document::-webkit-scrollbar-track,
html.pa-document .pa-theme ::-webkit-scrollbar-track { background:var(--pa-scroll-track); }
html.pa-document::-webkit-scrollbar-thumb,
html.pa-document .pa-theme ::-webkit-scrollbar-thumb {
    background:var(--pa-scroll-thumb);
    border:3px solid var(--pa-scroll-track);
    border-radius:12px;
}
html.pa-document::-webkit-scrollbar-thumb:hover,
html.pa-document .pa-theme ::-webkit-scrollbar-thumb:hover { background:var(--pa-scroll-hover); }
@media (forced-colors:active) {
    html.pa-document,
    html.pa-document .pa-theme,
    html.pa-document .pa-theme * { scrollbar-color:auto; }
}