:root{--radius: .375rem;--base: #c0c0c0;--background: #222;--base-dimmed: #35352f;--accent: #ffa133}*,*:before,*:after{box-sizing:border-box;margin:0;scrollbar-color:var(--base-dimmed) var(--background);scrollbar-width:thin}*::selection{color:var(--background);background:var(--accent)}html{scrollbar-gutter:stable;font-family:Bahnschrift,DIN Alternate,Franklin Gothic Medium,Nimbus Sans Narrow,sans-serif-condensed,sans-serif;font-size:16px;font-weight:400;font-variant-numeric:tabular-nums;color:var(--base);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html *.disable-scroll{overflow-y:hidden}#app{margin:1rem 0}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li{text-wrap:pretty}input,button,textarea,select{margin:0;font:inherit}legend,summary{-webkit-user-select:none;user-select:none}summary{cursor:pointer}ul,ol{padding:0;margin:0}ul{list-style:none}fieldset{padding:1rem;margin:0;border:1px solid var(--base-dimmed);border-radius:var(--radius)}fieldset ol{margin:0 0 1rem 1.5rem}a{color:inherit;text-decoration:none;outline:none}a:has(svg){display:inline-flex;gap:.125rem;align-items:center;min-width:0}fieldset a{text-decoration:underline}a:hover,a:focus-visible{color:var(--accent)}a:focus-visible{box-shadow:0 .25rem 0 -.125rem var(--accent)}a svg{color:var(--accent)}button{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;padding:.5rem;color:inherit;white-space:nowrap;cursor:pointer;outline:none;background:none;border:1px solid var(--base);border-radius:var(--radius);transition:transform .3s}button:hover,button:focus-visible{color:var(--accent);border-color:var(--accent)}button:focus-visible{box-shadow:0 0 .625rem 0 var(--accent)}button:disabled{pointer-events:none;opacity:.5}button:active{transform:scale(.95)}input{width:100%;padding:.5rem;color:inherit;caret-color:var(--base);outline:none;background:transparent;border:none;border-bottom:1px solid var(--base-dimmed)}input::placeholder{color:inherit;opacity:.6}input:focus-visible{border-color:var(--base)}input:disabled{pointer-events:none;opacity:.5}textarea{min-height:6.25rem;padding:.5rem;color:inherit;caret-color:var(--base);resize:vertical;outline:none;background:transparent;border:1px solid var(--base-dimmed);border-radius:var(--radius)}textarea::placeholder{color:inherit;opacity:.6}textarea:focus-visible{border-color:var(--base)}label:has([type=checkbox]){display:flex;gap:.25rem;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}label:has([type=checkbox]) input{position:relative;width:1.25rem;height:1.25rem;margin-right:.5rem;appearance:none;border:1px solid var(--base-dimmed)}label:has([type=checkbox]) input:hover,label:has([type=checkbox]) input:focus-visible{border-color:var(--base)}label:has([type=checkbox]) input:checked:before{position:absolute;top:.125rem;left:.125rem;width:.875rem;height:.875rem;content:"";background-color:var(--accent)}dialog{left:50%;width:100%;max-width:25rem;max-height:100dvh;padding:0;color:var(--base);background-color:var(--background);border:1px solid var(--base-dimmed);border-radius:.25rem;transform:translate(-50%)}dialog::backdrop{background-color:#00000059}dialog:not([open]){pointer-events:none}dialog>*:not(header){margin:1.5rem}dialog>header{display:flex;align-items:baseline;padding:1rem 1.5rem;font-size:1.75rem;font-weight:700;border-bottom:1px solid var(--base-dimmed)}dialog>header button[name=close]{margin-left:auto}@media(max-width:600px){dialog{max-width:100dvw!important}}.container{margin-right:3rem;margin-left:3rem}@media(max-width:600px){.container{margin-right:1rem;margin-left:1rem}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capitalize{text-transform:capitalize}.main-header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.main-header>div{display:flex;flex-wrap:wrap;gap:inherit;align-items:center}@media(max-width:600px){.main-header>div{flex-basis:100%}.main-header>div>*{flex-grow:1}}.main-header__block-button{text-transform:uppercase}@media(max-width:600px){.main-header__block-button{flex-basis:100%}}.tab-selector{display:flex;gap:.5rem;align-items:center}.tab-selector__button--active{color:var(--accent);border-color:var(--accent)}.main-container{display:grid;gap:1.5rem}