/* v0.9.3 — compact scrollbars and clean numeric inputs. */
:root{--gextto-scroll-thumb:#505963;--gextto-scroll-hover:#727d89}
body.light-theme{--gextto-scroll-thumb:#a8b1bc;--gextto-scroll-hover:#7e8997}
html,body,#app *,#modal *,#app .sidebar #nav,#modal .modal-card{scrollbar-width:thin;scrollbar-color:var(--gextto-scroll-thumb) transparent}
/* Chromium/WebKit use the custom track so Windows scrollbar arrows disappear. */
@supports selector(::-webkit-scrollbar){
  html,body,#app *,#modal *,#app .sidebar #nav,#modal .modal-card{scrollbar-width:auto;scrollbar-color:auto}
  ::-webkit-scrollbar{width:8px;height:8px}
  ::-webkit-scrollbar-track{background:transparent}
  ::-webkit-scrollbar-thumb{background:var(--gextto-scroll-thumb);border:2px solid transparent;border-radius:999px;background-clip:padding-box}
  ::-webkit-scrollbar-thumb:hover{background-color:var(--gextto-scroll-hover)}
  ::-webkit-scrollbar-button{display:none;width:0;height:0}
  ::-webkit-scrollbar-corner{background:transparent}
}
input[type="number"]{-moz-appearance:textfield;appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/* Use system colors in high contrast mode. */
@media(forced-colors:active){
  html,body,#app *,#modal *,#app .sidebar #nav,#modal .modal-card{scrollbar-width:auto;scrollbar-color:auto}
  ::-webkit-scrollbar-thumb{background:ButtonText}
  ::-webkit-scrollbar-track{background:Canvas}
}
