/* A single scrollbar treatment for every WebDocs surface. */
:root {
  --scrollbar-track: color-mix(in srgb, var(--bg-main, #071321) 76%, transparent);
  --scrollbar-thumb: color-mix(in srgb, var(--accent, var(--button-b, #3f8cff)) 72%, var(--border, #1d3553));
  --scrollbar-thumb-hover: var(--accent, var(--button-b, #3f8cff));
}

:where(*) {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

:where(*)::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

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

:where(*)::-webkit-scrollbar-thumb {
  min-height: 36px;
  border: 3px solid transparent;
  border-radius: 999px;
  background: var(--scrollbar-thumb);
  background-clip: padding-box;
}

:where(*)::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: padding-box;
}

:where(*)::-webkit-scrollbar-corner {
  background: var(--scrollbar-track);
}