/* Generated; edit the listed source files, then rebuild. */

/* SOURCE: styles/scrollbar/01-hover-hover.css */

/* A glazed cobalt handle on a porcelain-white rail; native scrolling stays intact. */
@media (hover: hover) and (pointer: fine)  {
  html  {
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: var(--primary) var(--cream);
  }
  @supports selector(::-webkit-scrollbar)  {
    html  {
      scrollbar-color: auto;
    }
    html::-webkit-scrollbar  {
      width: 15px;
      height: 15px;
      background: var(--background);
    }
    html::-webkit-scrollbar-track  {
      background: linear-gradient(90deg, var(--background) 0 5px, var(--accent) 5px 10px, var(--background) 10px);
      border-left: 1px solid var(--border);
    }
    html::-webkit-scrollbar-thumb  {
      min-height: 64px;
      border: 4px solid transparent;
      border-radius: 999px;
      background: linear-gradient(100deg, #8491ce 0%, var(--primary) 48%, #202c78 100%) padding-box;
    }
    html::-webkit-scrollbar-thumb:hover  {
      border-width: 3px;
      background: linear-gradient(100deg, #a6b6ec 0%, #5267b9 22%, var(--primary) 64%, #202c78 100%) padding-box;
    }
    html::-webkit-scrollbar-thumb:active  {
      border-width: 3px;
      background: linear-gradient(100deg, #6c82ca, #232c78) padding-box;
    }
    html::-webkit-scrollbar-corner  {
      background: var(--background);
    }
  }
}


/* SOURCE: styles/scrollbar/02-forced-colors-active.css */

@media (forced-colors: active)  {
  html  {
    scrollbar-color: auto;
  }
  html::-webkit-scrollbar, html::-webkit-scrollbar-track, html::-webkit-scrollbar-corner  {
    background: Canvas;
  }
  html::-webkit-scrollbar-track  {
    border-color: CanvasText;
  }
  html::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:active  {
    background: CanvasText;
  }
}