.seqr{--paper:#f3ead8;--paper-2:#e9dfc8;--ink:#111;--red:#d10f0f;--blue:#2563eb;--yellow:#ffd23f;color:var(--ink);background-color:#141414;background-image:radial-gradient(#ffffff13 1.1px,#0000 1.1px);background-size:9px 9px}.seqr .panel{background:var(--paper);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:4px}.seqr .panel-2{background:var(--paper-2);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:4px}.seqr .title{font-family:var(--font-bebas), "Bebas Neue", Impact, sans-serif;letter-spacing:.08em;text-transform:uppercase}.seqr .caption{background:var(--yellow);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-bebas), "Bebas Neue", Impact, sans-serif;letter-spacing:.1em;text-transform:uppercase}.seqr .num{background:var(--red);color:#fff;border:3px solid var(--ink);min-width:30px;height:30px;font-family:var(--font-bebas), "Bebas Neue", Impact, sans-serif;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:19px;line-height:1;display:inline-flex}.seqr .btn{border:3px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-bebas), "Bebas Neue", Impact, sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.seqr .btn:hover:not(:disabled){box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.seqr .btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.seqr .btn:disabled{opacity:.55;cursor:not-allowed}.seqr .btn-red{background:var(--red);color:#fff}.seqr .btn-blue{background:var(--blue);color:#fff}.seqr .btn-yellow{background:var(--yellow)}.seqr .move{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:4px;transition:transform 80ms,box-shadow 80ms;overflow:hidden}.seqr .move:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.seqr .move:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.seqr .beat{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:#fff;border-radius:4px;position:relative;overflow:hidden}.seqr .beat.is-selected{outline:4px solid var(--yellow);outline-offset:2px}.seqr .beat.is-dragging{opacity:.4}.seqr .beat.is-over{outline:4px dashed var(--red);outline-offset:2px}.seqr input,.seqr select,.seqr textarea{border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:4px;padding:6px 8px;font-size:13px}.seqr input:focus,.seqr select:focus,.seqr textarea:focus{outline:3px solid var(--yellow);outline-offset:1px}.seqr .chip{border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#fff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.seqr .chip.is-on{background:var(--ink);color:#fff}.seqr .chip-red.is-on{background:var(--red);color:#fff}.seqr .chip-blue.is-on{background:var(--blue);color:#fff}.seqr .scroll{scrollbar-width:thin;scrollbar-color:#111 transparent}