/* Northrend scrollbar: native scrolling, with the same treatment in every panel. */
:root{--scroll-track:#091827;--scroll-thumb:#527e99;--scroll-thumb-hover:#9cd7ef;scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:var(--scroll-track);border-left:1px solid rgba(156,215,239,.09)}
::-webkit-scrollbar-thumb{min-height:40px;border:3px solid var(--scroll-track);border-radius:12px;background:linear-gradient(180deg,#8bc5df,#436b87);background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c0ebff,#6da9c7);background-clip:padding-box}
::-webkit-scrollbar-thumb:active{background:#b5e5fa;background-clip:padding-box}
::-webkit-scrollbar-corner{background:var(--scroll-track)}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}html{scrollbar-width:auto}}
/* Keep the artwork independent of scrollbar width and mobile browser chrome. */
.backdrop{inset:auto;top:0;left:0;width:100vw;height:100vh;pointer-events:none;transition:none;animation:none}
@supports(height:100lvh){.backdrop{height:100lvh}}
@supports(min-height:100svh){body{min-height:100svh}}
@media(forced-colors:active){*{scrollbar-color:auto}::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:Canvas}}