*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-base);color:var(--text-1);font:400 var(--fs-14)/var(--lh-body) var(--font-sans);-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
h1,h2,h3,h4,p{margin:0}
h1{font:500 var(--fs-28)/var(--lh-tight) var(--font-sans);letter-spacing:var(--ls-tight)}
h2{font:500 var(--fs-20)/var(--lh-snug) var(--font-sans)}
h3{font:500 var(--fs-16)/var(--lh-snug) var(--font-sans)}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}
::selection{background:var(--accent);color:var(--text-on-accent)}
:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid transparent;outline-offset:2px}
button,input,select,textarea{font:inherit;color:inherit}
.label{font:500 var(--fs-11)/1 var(--font-mono);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-3)}
.mono{font-family:var(--font-mono)}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter;flex:none}
.icon--16{width:16px;height:16px}.icon--24{width:24px;height:24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
*{scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--bg-void)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-void)}
::-webkit-scrollbar-thumb{background:var(--line-2);border:2px solid var(--bg-void)}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}