/* Preserve native scrolling, keyboard controls and a stable gutter. */
html { scrollbar-gutter:stable; }
html, html * { scrollbar-width:thin; }
html.scroll-hints, html.scroll-hints * { scrollbar-color:transparent transparent; }
html.scroll-hints.is-scrolling, html.scroll-hints .is-scrolling { scrollbar-color:color-mix(in srgb,var(--brand-muted,#65695f) 46%,transparent) transparent; }
html.scroll-hints::-webkit-scrollbar, html.scroll-hints *::-webkit-scrollbar { width:6px; height:6px; background:transparent; }
html.scroll-hints::-webkit-scrollbar-thumb, html.scroll-hints *::-webkit-scrollbar-thumb { background:transparent; border-radius:8px; }
html.scroll-hints.is-scrolling::-webkit-scrollbar-thumb, html.scroll-hints .is-scrolling::-webkit-scrollbar-thumb { background:color-mix(in srgb,var(--brand-muted,#65695f) 46%,transparent); }
html.scroll-hints::-webkit-scrollbar-corner, html.scroll-hints *::-webkit-scrollbar-corner { background:transparent; }
@media(forced-colors:active) {
  html.scroll-hints, html.scroll-hints * { scrollbar-color:auto; }
}