.se[data-v-9096811e]{--se-fg:var(--paper);--se-dim:color-mix(in oklab, var(--paper) 8%, transparent);--se-grid:color-mix(in oklab, var(--paper) 10%, transparent);background:color-mix(in oklab,var(--ink) 94%,var(--paper));color:var(--se-fg);-webkit-user-select:none;user-select:none}.se-bar[data-v-9096811e]{background:color-mix(in oklab,var(--paper) 5%,transparent)}.se-tabs[data-v-9096811e]{border-top:1px solid var(--se-grid)}.se-hint[data-v-9096811e]{opacity:.5;font-size:10px}.se-dot[data-v-9096811e]{background:color-mix(in oklab,var(--paper) 25%,transparent);border-radius:9999px;width:.55rem;height:.55rem;display:block}.se-dot[data-v-9096811e]:first-child{background:var(--color-accent)}.se-demo[data-v-9096811e]{border:1px dashed color-mix(in oklab,var(--paper) 35%,transparent);opacity:.75}.se-btn[data-v-9096811e],.se-tab[data-v-9096811e]{background:var(--se-dim);transition:background-color .2s}.se-btn[data-v-9096811e]:hover,.se-tab[data-v-9096811e]:hover{background:color-mix(in oklab,var(--paper) 16%,transparent)}.se-tab[aria-selected=true][data-v-9096811e]{background:var(--color-accent)}.se-keys[data-v-9096811e]{border-right:1px solid var(--se-grid)}.se-key.is-white[data-v-9096811e]{background:color-mix(in oklab,var(--paper) 82%,transparent);border-bottom:1px solid color-mix(in oklab,var(--ink) 25%,transparent)}.se-key.is-black[data-v-9096811e]{background:var(--ink);width:62%}.se-key.is-lit[data-v-9096811e]{background:var(--color-accent)}.se-c[data-v-9096811e]{color:var(--ink);font-size:8px;line-height:1;position:absolute;top:50%;right:2px;translate:0 -50%}.se-roll[data-v-9096811e]{background-image:linear-gradient(to right,var(--se-grid) 1px,transparent 1px);background-size:calc(100%/var(--beats)) 100%}.se-row[data-v-9096811e]{background:color-mix(in oklab,var(--ink) 60%,transparent)}.se-note[data-v-9096811e]{background:color-mix(in oklab,var(--color-accent) 80%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--paper) 25%,transparent);cursor:ns-resize;touch-action:none;border-radius:2px;align-items:center;padding-left:3px;transition:top .12s ease-out,background-color .2s;display:flex}.se-note.is-drag[data-v-9096811e]{transition:none}.se-note.is-on[data-v-9096811e],.se-note[data-v-9096811e]:hover{background:var(--color-accent)}.se-note.is-on[data-v-9096811e]{box-shadow:0 0 0 1px var(--paper),0 0 12px var(--color-accent)}.se-ch[data-v-9096811e]{font-size:10px;font-weight:700;line-height:1}.se-py[data-v-9096811e]{font-family:var(--font-mono);opacity:.6;white-space:nowrap;font-size:8px;line-height:1.4;position:absolute;bottom:100%;left:0}.se-curve[data-v-9096811e]{fill:none;stroke:var(--paper);stroke-width:1.5px;stroke-linejoin:round;opacity:.9}.se-head[data-v-9096811e]{background:var(--paper);width:1px;box-shadow:0 0 6px var(--paper)}.se-lane[data-v-9096811e]{background-image:linear-gradient(to right,var(--se-grid) 1px,transparent 1px);background-size:calc(100%/var(--beats)) 100%;cursor:crosshair;touch-action:none}.se-area[data-v-9096811e]{fill:color-mix(in oklab,var(--color-accent) 35%,transparent)}.se-line[data-v-9096811e]{fill:none;stroke:var(--color-accent);stroke-width:1.5px}@media (width<=767px){.se-hint[data-v-9096811e]{font-size:12px}}html[data-flow] .se-lane,html[data-flow] .se-note{pointer-events:none;touch-action:auto}html[data-flow] .se-hint{display:none}