.knob.svelte-d55aj0{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);place-items:center;display:grid}.knob.svelte-d55aj0>:where(.svelte-d55aj0){grid-area:1/1}.knob.svelte-d55aj0>:where(.svelte-d55aj0):nth-child(2)>line:where(.svelte-d55aj0){stroke:var(--fg-color)}button.svelte-d55aj0{width:75%;height:75%;display:grid;position:relative}button.svelte-d55aj0>:where(.svelte-d55aj0){grid-area:1/1}button.svelte-d55aj0>:where(.svelte-d55aj0):first-child{width:80%;height:80%;color:var(--fg-color);place-items:center;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}button.svelte-d55aj0>:where(.svelte-d55aj0):nth-child(2){width:80%;height:80%;transform:translateX(-50%) rotate(calc(1turn * var(--rotation)));position:absolute;top:0;left:50%}button.svelte-d55aj0>:where(.svelte-d55aj0):nth-child(2)>path:where(.svelte-d55aj0){fill:var(--bg-color)}button.svelte-d55aj0>:where(.svelte-d55aj0):nth-child(2)>line:where(.svelte-d55aj0){stroke:var(--fg-color)}button.svelte-d55aj0>:where(.svelte-d55aj0):nth-child(3)>circle:where(.svelte-d55aj0){fill:oklch(from var(--color) calc(l - .1) c h)}.slider.svelte-oyl6e3{width:calc(var(--spacing) * 6);justify-items:center;height:100%;display:inline-grid}.slider.svelte-oyl6e3>:where(.svelte-oyl6e3){grid-area:1/1}.slider.svelte-oyl6e3>:where(.svelte-oyl6e3):first-child{width:100%;margin:calc(var(--spacing) * 1.5) 0;position:relative}.slider.svelte-oyl6e3>:where(.svelte-oyl6e3):nth-child(2){width:var(--spacing);background-color:var(--color)}button.svelte-oyl6e3{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 3);top:calc(100% * (1 - var(--fract)));background-color:var(--fg-color);position:absolute;transform:translateY(-50%)}@keyframes svelte-1l1vixc-flash{0%{--color:oklch(80% 5.96046e-8 90);background-color:var(--color);border-color:oklch(from var(--color) calc(l * .9) c h);box-shadow:inset 0 2px oklch(from var(--color) calc(l + (1 - l) * .2) c h), inset 0 -2px oklch(from var(--color) calc(l * .9) c h)}}button.svelte-1l1vixc{border-radius:var(--radius-md);border:2px solid #0000;width:100%;height:100%}button.svelte-1l1vixc[data-enabled=true],button.svelte-1l1vixc:hover{background-color:var(--color);border-color:oklch(from var(--color) calc(l * .9) c h);box-shadow:inset 0 2px oklch(from var(--color) calc(l + (1 - l) * .2) c h), inset 0 -2px oklch(from var(--color) calc(l * .9) c h)}:is(button.svelte-1l1vixc[data-enabled=true],button.svelte-1l1vixc:hover)[data-ghost=true]{opacity:.5}:is(button.svelte-1l1vixc[data-enabled=true],button.svelte-1l1vixc:hover)[data-active=true]{animation:.1s svelte-1l1vixc-flash}:is(button.svelte-1l1vixc[data-enabled=true],button.svelte-1l1vixc:hover):hover:not([data-enabled=true]){opacity:.1}.header-column.svelte-qvuv0v{grid-row:1/-1;grid-template-rows:subgrid;display:grid}.header.svelte-qvuv0v{padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);text-align:right}.beat-column.svelte-qvuv0v{--color:white;grid-row:1/-1;grid-template-rows:subgrid;display:grid}.beat-column.svelte-qvuv0v:where(:where(.svelte-qvuv0v):nth-child(8n+5 of .beat-column)),.beat-column.svelte-qvuv0v:where(:where(.svelte-qvuv0v):nth-child(8n+6 of .beat-column)),.beat-column.svelte-qvuv0v:where(:where(.svelte-qvuv0v):nth-child(8n+7 of .beat-column)),.beat-column.svelte-qvuv0v:where(:where(.svelte-qvuv0v):nth-child(8n+8 of .beat-column)){--color:oklch(95% 5.96046e-8 90);background-color:var(--color)}.beat-column.svelte-qvuv0v:nth-child(4n+2 of .beat-column){border-right:1px solid oklch(from var(--color) calc(l * .9) c h)}.beat-column.svelte-qvuv0v[data-active=true]{background-color:oklch(from var(--color) calc(l * .95) c h)}