/* Native scrolling, with a quieter visual treatment in both workspace themes. */
@media screen {
  :root { --ow-scroll-thumb:#aebdc8; --ow-scroll-hover:#8299aa; --ow-scroll-active:#607d91; }
  html[data-ow-theme="dark"] { --ow-scroll-thumb:#50677c; --ow-scroll-hover:#71899e; --ow-scroll-active:#92a7b8; }
  :root,:root * { scrollbar-width:thin; scrollbar-color:var(--ow-scroll-thumb) transparent; }
  /* Chromium/WebKit support rounded thumbs and removal of arrow-button chrome. */
  @supports selector(::-webkit-scrollbar) {
    :root,:root * { scrollbar-width:auto; scrollbar-color:auto; }
    ::-webkit-scrollbar { width:8px; height:8px; }
    ::-webkit-scrollbar-track { background:transparent; }
    ::-webkit-scrollbar-thumb { background:var(--ow-scroll-thumb); border:2px solid transparent; background-clip:padding-box; border-radius:12px; }
    ::-webkit-scrollbar-thumb:hover { background-color:var(--ow-scroll-hover); }
    ::-webkit-scrollbar-thumb:active { background-color:var(--ow-scroll-active); }
    ::-webkit-scrollbar-button { display:none; width:0; height:0; }
    ::-webkit-scrollbar-corner { background:transparent; }
  }
  #v15FormModal .dialog-body,.ow-select-list,.ow-geo-aside,.global-results { scrollbar-gutter:stable; }
  @media(pointer:coarse) { ::-webkit-scrollbar { width:10px; height:10px; } }
}
/* Let the system provide high-contrast scrollbars when explicitly requested. */
@media(forced-colors:active) {
  * { scrollbar-width:auto !important; scrollbar-color:auto !important; }
  ::-webkit-scrollbar { width:revert; height:revert; }
  ::-webkit-scrollbar-thumb { background:revert; border:revert; }
  ::-webkit-scrollbar-track { background:revert; }
  ::-webkit-scrollbar-button { display:revert; width:revert; height:revert; }
}