/* FILEMETA
ver: 1
exports:
style: tokens-only
effects: none
*/
/*
  Shell Scroll Theming
  - Global scrollbar styling using theme tokens.
  - Covers WebKit (Chrome, Safari, Edge) and Firefox.
  - Track: --theme-background
  - Thumb: --theme-ui
  - Thumb hover: --theme-text
*/

/* WebKit (Chrome, Safari, Edge) */

::-webkit-scrollbar {
  width: calc(12px * var(--theme-scale, 1));
  height: calc(12px * var(--theme-scale, 1));
  background: var(--theme-background);
}

::-webkit-scrollbar-track {
  background: var(--theme-background);
}

::-webkit-scrollbar-thumb {
  background: var(--theme-ui);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--theme-text);
}

::-webkit-scrollbar-corner {
  background: var(--theme-background);
}

/* Firefox */

* {
  scrollbar-width: thin;
  scrollbar-color: var(--theme-ui) var(--theme-background);
}