.roll[data-astro-cid-v3o7pxqm]{width:100%;height:calc(var(--roll-h) * clamp(1px, .16vw, 1.3px));display:block}.bg[data-astro-cid-v3o7pxqm]{fill:var(--roll-bg)}.beats[data-astro-cid-v3o7pxqm] rect[data-astro-cid-v3o7pxqm]{fill:color-mix(in oklab, var(--roll-grid) 45%, var(--roll-bg))}.bars[data-astro-cid-v3o7pxqm] rect[data-astro-cid-v3o7pxqm]{fill:var(--paper-edge)}.soprano[data-astro-cid-v3o7pxqm]{fill:var(--voice-soprano)}.alto[data-astro-cid-v3o7pxqm]{fill:var(--voice-alto)}.tenor[data-astro-cid-v3o7pxqm]{fill:var(--voice-tenor)}.bass[data-astro-cid-v3o7pxqm]{fill:var(--voice-bass)}.arpeggio[data-astro-cid-v3o7pxqm]{fill:var(--voice-arpeggio)}bock-before-after[data-astro-cid-amtst2ls]{display:block;container-type:inline-size}.card[data-astro-cid-amtst2ls]{padding:var(--space-3);gap:var(--space-2);display:grid}header[data-astro-cid-amtst2ls]{gap:.2rem;display:grid}.feature[data-astro-cid-amtst2ls]{font:400 .7rem/1.2 var(--font-ui);text-transform:uppercase;color:var(--accent-ink);order:-1;margin:0}.credit[data-astro-cid-amtst2ls]{font-size:var(--text-sm);color:var(--ink-soft);margin:0}.blurb[data-astro-cid-amtst2ls]{margin:0}.controls[data-astro-cid-amtst2ls]{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.play[data-astro-cid-amtst2ls]{min-width:6.5rem}.icon[data-astro-cid-amtst2ls]{fill:currentColor;width:1rem;height:1rem}.icon-stop[data-astro-cid-amtst2ls],bock-before-after[data-astro-cid-amtst2ls]:not([data-state=idle]) .icon-play[data-astro-cid-amtst2ls],bock-before-after[data-astro-cid-amtst2ls]:not([data-state=idle]) .label-idle[data-astro-cid-amtst2ls],bock-before-after[data-astro-cid-amtst2ls]:not([data-state=loading]) .label-loading[data-astro-cid-amtst2ls],bock-before-after[data-astro-cid-amtst2ls]:not([data-state=playing]) .label-playing[data-astro-cid-amtst2ls]{display:none}bock-before-after[data-astro-cid-amtst2ls]:not([data-state=idle]) .icon-stop[data-astro-cid-amtst2ls]{display:inline}bock-before-after[data-astro-cid-amtst2ls][data-state=loading] .play[data-astro-cid-amtst2ls]{background:var(--paper-deep)}.tabs[data-astro-cid-amtst2ls],.sounds[data-astro-cid-amtst2ls]{margin:var(--px);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(-1 * var(--px)) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink);display:inline-flex}.tabs[data-astro-cid-amtst2ls] button[data-astro-cid-amtst2ls],.sounds[data-astro-cid-amtst2ls] button[data-astro-cid-amtst2ls]{font:400 .8rem/1.2 var(--font-ui);color:var(--ink);background:var(--paper);cursor:pointer;border:0;padding:.4rem .8rem}.tabs[data-astro-cid-amtst2ls] button[data-astro-cid-amtst2ls][aria-selected=true],.sounds[data-astro-cid-amtst2ls] button[data-astro-cid-amtst2ls][aria-checked=true]{background:var(--ink);color:var(--paper)}.sounds[data-astro-cid-amtst2ls]{margin-inline-start:auto}.roll-wrap[data-astro-cid-amtst2ls]{margin:var(--px);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--ink), 0 var(--px) 0 0 var(--ink), calc(-1 * var(--px)) 0 0 0 var(--ink), var(--px) 0 0 0 var(--ink);position:relative}bock-before-after[data-astro-cid-amtst2ls][data-version=before] .v-bock,bock-before-after[data-astro-cid-amtst2ls][data-version=bock] .v-before{display:none}.playhead[data-astro-cid-amtst2ls]{--progress:0;inset-block:0;left:calc(var(--progress) * 100%);width:var(--px);background:var(--ink);opacity:0;pointer-events:none;position:absolute}bock-before-after[data-astro-cid-amtst2ls][data-state=playing] .playhead[data-astro-cid-amtst2ls]{opacity:1}.chords[data-astro-cid-amtst2ls]{height:1.6rem;margin:var(--space-1) var(--px) 0;font:400 .7rem/1.6rem var(--font-ui);color:var(--ink-soft);padding:0;list-style:none;position:relative}.chords[data-astro-cid-amtst2ls] li[data-astro-cid-amtst2ls]{white-space:nowrap;border-inline-start:2px solid var(--paper-edge);padding-inline-start:.2rem;position:absolute;top:0;overflow:hidden}footer[data-astro-cid-amtst2ls]{justify-content:space-between;gap:var(--space-1) var(--space-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}footer[data-astro-cid-amtst2ls] p[data-astro-cid-amtst2ls]{margin:0}.rules[data-astro-cid-amtst2ls]{font-family:var(--font-ui)}.bad[data-astro-cid-amtst2ls]{color:var(--bad)}.good[data-astro-cid-amtst2ls]{color:var(--good)}@container (width<34rem){.card[data-astro-cid-amtst2ls]{padding:var(--space-2)}.sounds[data-astro-cid-amtst2ls]{margin-inline-start:0}.chords[data-astro-cid-amtst2ls]{font-size:.7rem}}