html{--set-preview-width:20rem;--accent-color:#b69bf1;--text-on-accent:#1a1b26;--border-radius:.375rem;accent-color:var(--accent-color);font-family:Departure Mono,UnifontEX,sans-serif}body{touch-action:pan-y;color:#1a1b26;margin:0;padding:0;font-family:Departure Mono,UnifontEX,sans-serif}h1,h2,h3,h4,h5,h6{text-align:center;font-weight:700}h1{font-size:1.875rem}h2{font-size:1.5rem}button,.button{cursor:pointer;background-color:var(--accent-color);color:var(--text-on-accent);border-radius:var(--border-radius);border:none;padding:.485rem .625rem;font-family:Departure Mono,UnifontEX,sans-serif}button:hover,.button:hover{opacity:.8}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,.button:focus-visible,select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}a.button{text-decoration:none}select{accent-color:#000}nav{z-index:20;gap:.6rem;display:flex;position:fixed;top:.75rem;left:.75rem}.set-preview{border:4px solid var(--accent-color);border-radius:var(--border-radius);text-align:center}.tag{border:1px solid var(--accent-color);background-color:var(--accent-color);color:var(--text-on-accent);border-radius:var(--border-radius);padding:.25rem .75rem;font-size:.8em;font-weight:700}.tag[data-tag=banger]{color:#fff;background-color:red}@font-face{font-family:UnifontEX;font-style:normal;font-display:swap;font-weight:400;src:url(./unifontex-latin-400-normal.GuatZGLw.woff2)format("woff2"),url(./unifontex-latin-400-normal.Cd1xrwoe.woff)format("woff")}