:root{
  --scrollbar-track:#f8fcfb;
  --scrollbar-thumb:#138c6a;
  --scrollbar-thumb-hover:#117d5e;
  --scrollbar-thumb-active:#0e6a50;
  scrollbar-gutter:stable;
}

/* Standard scrollbars, including Firefox and browsers without WebKit styling. */
*{
  scrollbar-width:thin;
  scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Keep a comfortable drag target around a fine, rounded thumb in both axes. */
@supports selector(::-webkit-scrollbar){
  *{scrollbar-width:auto;scrollbar-color:auto}
  *::-webkit-scrollbar{width:10px;height:10px}
  *::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}
  *::-webkit-scrollbar-thumb{
    min-width:36px;
    min-height:36px;
    border:3px solid transparent;
    border-radius:999px;
    background:var(--scrollbar-thumb);
    background-clip:padding-box;
  }
  *::-webkit-scrollbar-thumb:hover{border-width:2px;background-color:var(--scrollbar-thumb-hover)}
  *::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}
  *::-webkit-scrollbar-corner{background:var(--scrollbar-track)}
  *::-webkit-scrollbar-button{display:none;width:0;height:0}
}

.table-scroll,.material-toolbar{overscroll-behavior-x:contain}
dialog,.sidebar,.search-results,.qw-dropdown-options,.import-preview-scroll,.package-table-scroll,.package-preview-cards{overscroll-behavior-y:contain}

/* Leave system high-contrast scrollbars and larger pointer targets available. */
@media(forced-colors:active){
  *{scrollbar-width:auto;scrollbar-color:auto}
  *::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:Canvas}
  *::-webkit-scrollbar-thumb{background-color:ButtonText}
  *::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:active{background-color:Highlight}
}
@media(pointer:coarse){
  *::-webkit-scrollbar{width:12px;height:12px}
}