/* =========================================================================
   scrollbar.css
   Custom themed scrollbar — replaces the default browser scrollbar
   everywhere content can scroll (#app-rail, #model-panel, #page-content,
   and any overflow-y: auto element added later).

   Covers both the WebKit (Chrome/Edge/Safari) and Firefox scrollbar
   APIs. There is no third API to support — these two cover every
   browser this admin needs to run in.
   ========================================================================= */

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-charcoal) transparent;
}

*::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: var(--color-charcoal);
  border-radius: var(--radius-buttons);
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--color-slate);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}