/* Narrow tracks without hiding scroll position or removing keyboard scrolling. */
:root{--scroll-thumb:#385264;--scroll-thumb-hover:#64849a}
:root[data-theme=light]{--scroll-thumb:#a1b4c2;--scroll-thumb-hover:#637f92}
:root,:root *{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
@supports selector(::-webkit-scrollbar){
  :root,:root *{scrollbar-width:auto!important;scrollbar-color:auto!important}
  :root::-webkit-scrollbar,:root *::-webkit-scrollbar{width:3px!important;height:3px!important}
  :root::-webkit-scrollbar-track,:root *::-webkit-scrollbar-track{background:transparent}
  :root::-webkit-scrollbar-thumb,:root *::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:0}
  :root::-webkit-scrollbar-thumb:hover,:root *::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
  :root::-webkit-scrollbar-button,:root *::-webkit-scrollbar-button{display:none;width:0;height:0}
  :root::-webkit-scrollbar-corner,:root *::-webkit-scrollbar-corner{background:transparent}
}
@media(pointer:coarse){:root::-webkit-scrollbar,:root *::-webkit-scrollbar{width:2px!important;height:2px!important}}
@media(prefers-color-scheme:light){:root:not([data-theme]){--scroll-thumb:#a1b4c2;--scroll-thumb-hover:#637f92}}
@media(forced-colors:active){:root,:root *{scrollbar-width:auto!important;scrollbar-color:auto!important}:root::-webkit-scrollbar,:root *::-webkit-scrollbar{width:12px!important;height:12px!important}:root::-webkit-scrollbar-thumb,:root *::-webkit-scrollbar-thumb{background:ButtonText}}