/* Synced from Desklight/apps/backoffice/src/lumen/scrollbars.css. */
/* One scrollbar treatment for the page and nested scrolling surfaces. */
:root {
  --lumen-scroll-thumb: rgba(130, 140, 155, .20);
  --lumen-scroll-hover: rgba(130, 140, 155, .42);
}
/* Native fallback for engines without WebKit scrollbar styling. */
* { scrollbar-width: thin; scrollbar-color: var(--lumen-scroll-thumb) transparent; }
@media (forced-colors: none) {
  @supports selector(::-webkit-scrollbar) {
    /* Chrome's non-auto standard properties override its pixel-sized scrollbar
       rules. Reset both, including older component-level overrides. */
    * { scrollbar-width: auto !important; scrollbar-color: auto !important; }
    *::-webkit-scrollbar { width: 4px; height: 4px; }
    *::-webkit-scrollbar-track, *::-webkit-scrollbar-corner { background: transparent; }
    *::-webkit-scrollbar-thumb {
      min-height: 24px;
      background: var(--lumen-scroll-thumb);
      border: 0;
      border-radius: 999px;
    }
    *::-webkit-scrollbar-thumb:hover { background: var(--lumen-scroll-hover); }
    *::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
  }
}
@media (forced-colors: active) {
  * { scrollbar-width: auto !important; scrollbar-color: auto !important; }
}