/* Shared by Aniible and its element chart; no effect on the main study. */
:root{
  --aniible-scroll-thumb:#817a98;
  --aniible-scroll-hover:#b4a4ce;
  --aniible-scroll-track:transparent;
}
*{scrollbar-width:thin;scrollbar-color:var(--aniible-scroll-thumb) var(--aniible-scroll-track)}
html{scrollbar-gutter:stable both-edges}
.sidebar{scrollbar-gutter:stable}

/* Native pseudo-elements allow button removal and an exact eight-pixel track.
   Reset the standard properties here so they do not override these rules. */
@supports selector(::-webkit-scrollbar){
  *{scrollbar-width:auto;scrollbar-color:auto}
  ::-webkit-scrollbar{width:8px;height:8px}
  ::-webkit-scrollbar-track{background:var(--aniible-scroll-track)}
  ::-webkit-scrollbar-thumb{
    background:var(--aniible-scroll-thumb);
    border:1px solid transparent;
    background-clip:padding-box;
    border-radius:999px;
    min-height:32px;
    min-width:32px;
  }
  ::-webkit-scrollbar-thumb:hover{background-color:var(--aniible-scroll-hover)}
  ::-webkit-scrollbar-thumb:active{background-color:#cebee4}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
  ::-webkit-scrollbar-corner{background:transparent}
}
@media(forced-colors:active){
  *{scrollbar-color:auto}
  ::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
  ::-webkit-scrollbar-track{background:Canvas}
}