/* Shared by the page, sidebar, theme picker and other scrollable surfaces.
   Palette variables update with colour themes and fixed art/material skins. */
:root {
  --cl-scroll-thumb: color-mix(in srgb, var(--cl-art-gold, rgb(var(--cl-slate-400))) 48%, transparent);
  --cl-scroll-thumb-hover: color-mix(in srgb, var(--cl-art-gold, rgb(var(--cl-slate-400))) 75%, transparent);
}
* {scrollbar-width:thin;scrollbar-color:var(--cl-scroll-thumb) transparent;}
/* Chromium/WebKit expose rounded thumbs; Firefox uses the native thin style. */
@supports selector(::-webkit-scrollbar) {
  * {scrollbar-width:auto;scrollbar-color:auto;}
  ::-webkit-scrollbar {width:8px;height:8px;}
  ::-webkit-scrollbar-track {background:transparent;}
  ::-webkit-scrollbar-thumb {background:var(--cl-scroll-thumb);border:2px solid transparent;border-radius:999px;background-clip:padding-box;}
  ::-webkit-scrollbar-thumb:hover {background-color:var(--cl-scroll-thumb-hover);}
  ::-webkit-scrollbar-button {display:none;width:0;height:0;}
  ::-webkit-scrollbar-corner {background:transparent;}
}
/* Horizontal tab strips deliberately hide their scrollbars. */
.scrollbar-none {scrollbar-width:none;}
.scrollbar-none::-webkit-scrollbar {display:none;}