@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.radix-switch__root{border-radius:9999px;height:1.5rem;width:2.5rem}.radix-switch__root:focus{box-shadow:0 0 0 2px #000}.radix-switch__root[data-state=checked]{background-color:hsl(var(--color-black-hsla))}.radix-switch__root[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.radix-switch__thumb{border-radius:9999px;display:block;height:1rem;width:1rem;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1));transform:translateX(2px);transition:transform .1s;will-change:transform}.radix-switch__thumb[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1));transform:translateX(19px)}.menu__trigger{background-color:transparent;border-radius:.375rem;color:hsl(var(--on-surface));font-size:.875rem;line-height:1.25rem;padding:.125rem 1rem}.menu__trigger:hover{background-color:hsl(var(--surface-container-low))}.menu__trigger{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu__trigger:focus{outline:2px solid transparent;outline-offset:2px}.menu__trigger--active{background-color:hsl(var(--surface-container-lowest))}.menu__trigger:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--focus-ring));--tw-ring-opacity:0.5}.menu__positioner{z-index:50}.menu__popup{background-color:hsl(var(--surface-container-lowest)/.6);border-color:hsl(var(--border));border-radius:.5rem;border-width:1px;gap:.5rem;min-width:12rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.menu__item{align-items:center;border-radius:.375rem;color:hsl(var(--on-surface-container-lowest));cursor:pointer;display:flex;font-size:.875rem;line-height:1.25rem;margin:.25rem;padding:.125rem .5rem}.menu__item:hover{background-color:hsl(var(--surface-container-high));color:hsl(var(--on-surface-container-high))}.menu__item{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu__item:focus{outline:2px solid transparent;outline-offset:2px}.menu__item--danger{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.menu__item--danger:hover{background-color:hsl(var(--surface-container-high));--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.menu__item:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--focus-ring));--tw-ring-opacity:0.5}.menu__item-icon{margin-right:.75rem}.menu__item-icon--primary{fill:#fef08a}.menu__item-icon--secondary{fill:hsl(var(--color-white-hsla))}.menu__item-icon--danger{fill:#fca5a5}.menu__item-icon--current{fill:currentColor}.menu__item-text{flex:1 1 0%}.menu__item-text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu__item-shortcut{font-size:.75rem;line-height:1rem;margin-left:auto;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.menu__separator{border-color:hsl(var(--surface-container-high));border-top-width:1px;margin-left:auto;margin-right:auto;width:calc(100% - 1rem)}.menu__submenu-trigger{align-items:center;border-radius:.375rem;color:hsl(var(--on-surface-container-lowest));cursor:pointer;display:flex;justify-content:space-between;margin:.25rem;padding:.25rem .5rem}.menu__submenu-trigger:hover{background-color:hsl(var(--surface-container-high));color:hsl(var(--on-surface-container-high))}.menu__submenu-trigger{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu__submenu-trigger:focus{outline:2px solid transparent;outline-offset:2px}.menu__submenu-trigger:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--focus-ring));--tw-ring-opacity:0.5}.menu__submenu-trigger-content{align-items:center;display:flex;font-size:.875rem;line-height:1.25rem}.menu__submenu-arrow{fill:hsl(var(--color-white-hsla))}.menu__empty-state{font-size:.875rem;line-height:1.25rem;margin:.25rem;padding:.25rem .5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.menu__popup--animate{animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/fieldset,legend{padding:0}svg{display:inline}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{border-radius:.25rem;border-width:2px;display:block;height:1.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));color:hsl(var(--color-black-hsla));padding:.5rem}input:focus{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1));outline:2px solid transparent;outline-offset:2px}input:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}input:disabled:focus{border-style:none}.input__group{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;margin:.25rem}.label--default{color:var(--label-default-color,hsl(var(--color-white-hsla)))}.button{align-items:center;border-radius:.375rem;border-style:none;cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem;justify-content:center;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;text-decoration-line:none;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button:focus-visible{outline-color:currentColor;outline-offset:2px;outline-width:2px}.button--xs{font-size:.6rem;height:1rem;padding-left:.5rem;padding-right:.5rem}.button--xs svg{height:.5rem;width:.5rem}.button--xs.button--squared{padding-left:0;padding-right:0;width:1rem}.button--xs.button--circle{border-radius:9999px;height:1rem;padding:0;width:1rem}.button--sm{height:1.5rem;padding-left:.75rem;padding-right:.75rem}.button--sm svg{height:.75rem;width:.75rem}.button--sm.button--squared{padding-left:0;padding-right:0;width:1.5rem}.button--sm.button--circle{border-radius:9999px;height:1.5rem;padding:0;width:1.5rem}.button--md{height:2rem;padding:.5rem 1rem}.button--md svg{height:1rem;width:1rem}.button--md.button--squared{padding-left:0;padding-right:0;width:2rem}.button--md.button--circle{border-radius:9999px;height:2rem;padding:0;width:2rem}.button--lg{height:2.5rem;padding-left:2rem;padding-right:2rem}.button--lg svg{height:1rem;width:1rem}.button--lg.button--squared{padding-left:0;padding-right:0;width:2.5rem}.button--lg.button--circle{border-radius:9999px}.button--icon,.button--lg.button--circle{height:2.5rem;padding:0;width:2.5rem}.button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button--outline{border-color:currentColor;border-width:2px}.button--ghost,.button--outline{background-color:transparent}.button--primary.button--filled{background-color:hsl(var(--primary));color:hsl(var(--on-primary))}.button--primary.button--filled:hover{background-color:hsl(var(--primary-container));color:hsl(var(--on-primary-container))}.button--primary.button--outline{background-color:transparent;border-color:hsl(var(--primary));border-width:2px;color:hsl(var(--primary))}.button--primary.button--outline:hover{background-color:hsl(var(--primary-container));color:hsl(var(--on-primary-container))}.button--primary.button--ghost{background-color:transparent;color:hsl(var(--on-background))}.button--primary.button--ghost:hover{background-color:hsl(var(--primary)/.2)}.button--primary.button--tonal{background-color:hsl(var(--primary-container));color:hsl(var(--on-primary-container))}.button--primary.button--tonal:hover{background-color:hsl(var(--primary));color:hsl(var(--on-primary))}.button--secondary.button--filled{background-color:hsl(var(--secondary));color:hsl(var(--on-secondary))}.button--secondary.button--filled:hover{background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}.button--secondary.button--outline{background-color:transparent;border-color:hsl(var(--secondary));border-width:2px;color:hsl(var(--secondary))}.button--secondary.button--outline:hover{background-color:hsl(var(--secondary-container));color:hsl(var(--on-secondary-container))}.button--secondary.button--ghost{background-color:transparent;color:hsl(var(--secondary))}.button--secondary.button--ghost:hover,.button--secondary.button--tonal{background-color:hsl(var(--secondary-container))}.button--secondary.button--tonal{color:hsl(var(--on-secondary-container))}.button--secondary.button--tonal:hover{background-color:hsl(var(--surface-container-low));color:hsl(var(--on-surface-container-low))}.button--destructive.button--filled{background-color:hsl(var(--error));color:hsl(var(--on-error))}.button--destructive.button--filled:hover{background-color:hsl(var(--error-container));color:hsl(var(--on-error-container))}.button--destructive.button--outline{background-color:transparent;border-color:hsl(var(--error));border-width:2px;color:hsl(var(--error))}.button--destructive.button--outline:hover{background-color:hsl(var(--error-container));color:hsl(var(--on-error-container))}.button--destructive.button--ghost{background-color:transparent;color:hsl(var(--error))}.button--destructive.button--ghost:hover,.button--destructive.button--tonal{background-color:hsl(var(--error-container));color:hsl(var(--on-error-container))}.button--destructive.button--tonal:hover{background-color:hsl(var(--error));color:hsl(var(--on-error))}.badge{align-items:center;border-radius:.25rem;display:inline-flex;font-weight:500;justify-content:center;letter-spacing:.05em;line-height:1;text-transform:uppercase;white-space:nowrap}.badge--sm{font-size:9px;padding:.125rem .375rem}.badge--md{font-size:11px;padding:.25rem .5rem}.badge--lg{font-size:.75rem;line-height:1rem;padding:.375rem .75rem}.badge--neutral.badge--filled{background-color:hsl(var(--color-white-hsla)/.2);color:hsl(var(--color-white-hsla)/.7)}.badge--neutral.badge--outline{background-color:transparent;border-color:hsl(var(--color-white-hsla)/.25);border-width:1px;color:hsl(var(--color-white-hsla)/.5)}.badge--neutral.badge--subtle{background-color:hsl(var(--color-white-hsla)/.1);color:hsl(var(--color-white-hsla)/.4)}.badge--primary.badge--filled{background-color:hsl(var(--primary));color:hsl(var(--on-primary))}.badge--primary.badge--outline{background-color:transparent;border-color:hsl(var(--primary));border-width:1px;color:hsl(var(--primary))}.badge--primary.badge--subtle{background-color:hsl(var(--primary)/.2);color:hsl(var(--primary))}.badge--secondary.badge--filled{background-color:hsl(var(--secondary));color:hsl(var(--on-secondary))}.badge--secondary.badge--outline{background-color:transparent;border-color:hsl(var(--secondary));border-width:1px;color:hsl(var(--secondary))}.badge--secondary.badge--subtle{background-color:hsl(var(--secondary)/.2);color:hsl(var(--secondary))}.badge--destructive.badge--filled{background-color:hsl(var(--error));color:hsl(var(--on-error))}.badge--destructive.badge--outline{background-color:transparent;border-color:hsl(var(--error));border-width:1px;color:hsl(var(--error))}.badge--destructive.badge--subtle{background-color:hsl(var(--error)/.2);color:hsl(var(--error))}[data-machine=am-synth]{--machine-layout:#854d0e;--machine-header:#713f12;--machine-engine:#ca8a04;--machine-trigger-ar:#713f12;--machine-stepper-control:#a16207;--machine-sequence:#854d0e;--machine-add-effects-button:#854d0e;--machine-engine-control-label:#854d0e;--machine-engine-wrapper:#a16207;--machine-screen:#422006}[data-machine=am-synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}[data-machine=am-synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}[data-machine=am-synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(133 77 14/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}[data-machine=duo-synth]{--machine-layout:hsl(var(--color-cardinal-800-hsla));--machine-header:hsl(var(--color-cardinal-900-hsla));--machine-engine:hsl(var(--color-cardinal-600-hsla));--machine-trigger-ar:hsl(var(--color-cardinal-900-hsla));--machine-stepper-control:hsl(var(--color-cardinal-700-hsla));--machine-sequence:hsl(var(--color-cardinal-800-hsla));--machine-add-effects-button:hsl(var(--color-cardinal-800-hsla));--machine-engine-control-label:hsl(var(--color-cardinal-800-hsla));--machine-engine-wrapper:hsl(var(--color-cardinal-700-hsla));--machine-screen:hsl(var(--color-cardinal-950-hsla))}[data-machine=duo-synth] .pattern-selector button.button{background-color:hsl(var(--color-cardinal-200-hsla));color:hsl(var(--color-cardinal-900-hsla))}[data-machine=duo-synth] .pattern-selector button.button:hover{background-color:hsl(var(--color-cardinal-300-hsla))}[data-machine=duo-synth] .pattern-selector button.button.active{background-color:hsl(var(--color-cardinal-800-hsla));color:hsl(var(--color-cardinal-200-hsla))}[data-machine=fm-synth]{--machine-layout:#6b21a8;--machine-header:#581c87;--machine-engine:#9333ea;--machine-trigger-ar:#581c87;--machine-stepper-control:#7e22ce;--machine-sequence:#6b21a8;--machine-add-effects-button:#6b21a8;--machine-engine-control-label:#6b21a8;--machine-engine-wrapper:#7e22ce;--machine-screen:#3b0764}[data-machine=fm-synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(88 28 135/var(--tw-text-opacity,1))}[data-machine=fm-synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(216 180 254/var(--tw-bg-opacity,1))}[data-machine=fm-synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(107 33 168/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}[data-machine=membrane-synth]{--machine-layout:#991b1b;--machine-header:#7f1d1d;--machine-engine:#dc2626;--machine-trigger-ar:#7f1d1d;--machine-stepper-control:#b91c1c;--machine-sequence:#991b1b;--machine-add-effects-button:#991b1b;--machine-engine-control-label:#991b1b;--machine-engine-wrapper:#b91c1c;--machine-screen:#450a0a}[data-machine=membrane-synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}[data-machine=membrane-synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity,1))}[data-machine=membrane-synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}[data-machine=metal-synth]{--machine-layout:#166534;--machine-header:#14532d;--machine-engine:#16a34a;--machine-trigger-ar:#14532d;--machine-stepper-control:#15803d;--machine-sequence:#166534;--machine-add-effects-button:#166534;--machine-engine-control-label:#166534;--machine-engine-wrapper:#15803d;--machine-screen:#052e16}[data-machine=metal-synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}[data-machine=metal-synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1))}[data-machine=metal-synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}[data-machine=midi]{--machine-layout:#9d174d;--machine-header:#831843;--machine-engine:#db2777;--machine-trigger-ar:#831843;--machine-stepper-control:#be185d;--machine-sequence:#9d174d;--machine-add-effects-button:#9d174d;--machine-engine-control-label:#9d174d;--machine-engine-wrapper:#831843;--machine-screen:#500724}[data-machine=midi] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(244 114 182/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(131 24 67/var(--tw-text-opacity,1))}[data-machine=midi] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(249 168 212/var(--tw-bg-opacity,1))}[data-machine=midi] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(157 23 77/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(251 207 232/var(--tw-text-opacity,1))}[data-machine=mono-synth]{--machine-layout:#115e59;--machine-header:#134e4a;--machine-engine:#0d9488;--machine-trigger-ar:#134e4a;--machine-stepper-control:#0f766e;--machine-sequence:#115e59;--machine-add-effects-button:#115e59;--machine-engine-control-label:#115e59;--machine-engine-wrapper:#0f766e;--machine-screen:#042f2e}[data-machine=mono-synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(153 246 228/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(19 78 74/var(--tw-text-opacity,1))}[data-machine=mono-synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(94 234 212/var(--tw-bg-opacity,1))}[data-machine=mono-synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(17 94 89/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(153 246 228/var(--tw-text-opacity,1))}[data-machine=multi-player]{--machine-layout:hsl(var(--color-old-rose-800-hsla));--machine-header:hsl(var(--color-old-rose-900-hsla));--machine-engine:hsl(var(--color-old-rose-600-hsla));--machine-trigger-ar:hsl(var(--color-old-rose-900-hsla));--machine-stepper-control:hsl(var(--color-old-rose-700-hsla));--machine-sequence:hsl(var(--color-old-rose-800-hsla));--machine-add-effects-button:hsl(var(--color-old-rose-800-hsla));--machine-engine-control-label:hsl(var(--color-old-rose-800-hsla));--machine-engine-wrapper:hsl(var(--color-old-rose-700-hsla));--machine-screen:hsl(var(--color-old-rose-950-hsla))}[data-machine=multi-player] .pattern-selector button.button{background-color:hsl(var(--color-old-rose-200-hsla));color:hsl(var(--color-old-rose-900-hsla))}[data-machine=multi-player] .pattern-selector button.button:hover{background-color:hsl(var(--color-old-rose-300-hsla))}[data-machine=multi-player] .pattern-selector button.button.active{background-color:hsl(var(--color-old-rose-800-hsla));color:hsl(var(--color-old-rose-200-hsla))}[data-machine=noise-synth]{--machine-layout:hsl(var(--color-deep-koamaru-800-hsla));--machine-header:hsl(var(--color-deep-koamaru-900-hsla));--machine-engine:hsl(var(--color-deep-koamaru-600-hsla));--machine-trigger-ar:hsl(var(--color-deep-koamaru-900-hsla));--machine-stepper-control:hsl(var(--color-deep-koamaru-700-hsla));--machine-sequence:hsl(var(--color-deep-koamaru-800-hsla));--machine-add-effects-button:hsl(var(--color-deep-koamaru-800-hsla));--machine-engine-control-label:hsl(var(--color-deep-koamaru-800-hsla));--machine-engine-wrapper:hsl(var(--color-deep-koamaru-700-hsla));--machine-screen:hsl(var(--color-deep-koamaru-950-hsla))}[data-machine=noise-synth] .pattern-selector button.button{background-color:hsl(var(--color-deep-koamaru-200-hsla));color:hsl(var(--color-deep-koamaru-900-hsla))}[data-machine=noise-synth] .pattern-selector button.button:hover{background-color:hsl(var(--color-deep-koamaru-300-hsla))}[data-machine=noise-synth] .pattern-selector button.button.active{background-color:hsl(var(--color-deep-koamaru-800-hsla));color:hsl(var(--color-deep-koamaru-200-hsla))}[data-machine=player]{--machine-layout:#1f2937;--machine-header:#030712;--machine-engine:#374151;--machine-trigger-ar:#030712;--machine-stepper-control:#374151;--machine-sequence:#1f2937;--machine-add-effects-button:#1f2937;--machine-engine-control-label:#1f2937;--machine-engine-wrapper:#111827;--machine-screen:#030712}[data-machine=player] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}[data-machine=player] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}[data-machine=player] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}[data-machine=pluck-synth]{--machine-layout:#3f6212;--machine-header:#365314;--machine-engine:#65a30d;--machine-trigger-ar:#365314;--machine-stepper-control:#4d7c0f;--machine-sequence:#3f6212;--machine-add-effects-button:#3f6212;--machine-engine-control-label:#3f6212;--machine-engine-wrapper:#4d7c0f;--machine-screen:#1a2e05}[data-machine=pluck-synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(217 249 157/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(54 83 20/var(--tw-text-opacity,1))}[data-machine=pluck-synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(190 242 100/var(--tw-bg-opacity,1))}[data-machine=pluck-synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(63 98 18/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(217 249 157/var(--tw-text-opacity,1))}[data-machine=sampler]{--machine-layout:#1e40af;--machine-header:#1e3a8a;--machine-engine:#2563eb;--machine-trigger-ar:#1e3a8a;--machine-stepper-control:#1d4ed8;--machine-sequence:#1e40af;--machine-add-effects-button:#1e40af;--machine-engine-control-label:#1e40af;--machine-engine-wrapper:#1d4ed8;--machine-screen:#172554}[data-machine=sampler] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}[data-machine=sampler] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}[data-machine=sampler] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}[data-machine=multi-sampler]{--machine-layout:#155e75;--machine-header:#164e63;--machine-engine:#0891b2;--machine-trigger-ar:#164e63;--machine-stepper-control:#0e7490;--machine-sequence:#155e75;--machine-add-effects-button:#155e75;--machine-engine-control-label:#155e75;--machine-engine-wrapper:#0e7490;--machine-screen:#083344}[data-machine=multi-sampler] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(165 243 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(22 78 99/var(--tw-text-opacity,1))}[data-machine=multi-sampler] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(103 232 249/var(--tw-bg-opacity,1))}[data-machine=multi-sampler] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(21 94 117/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(165 243 252/var(--tw-text-opacity,1))}[data-machine=slicer]{--machine-layout:#292524;--machine-header:#1c1917;--machine-engine:#57534e;--machine-trigger-ar:#1c1917;--machine-stepper-control:#44403c;--machine-sequence:#292524;--machine-add-effects-button:#292524;--machine-engine-control-label:#292524;--machine-engine-wrapper:#1c1917;--machine-screen:#0c0a09}[data-machine=slicer] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(168 162 158/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(28 25 23/var(--tw-text-opacity,1))}[data-machine=slicer] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(214 211 209/var(--tw-bg-opacity,1))}[data-machine=slicer] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(41 37 36/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(231 229 228/var(--tw-text-opacity,1))}[data-machine=synth]{--machine-layout:#075985;--machine-header:#0c4a6e;--machine-engine:#0284c7;--machine-trigger-ar:#0c4a6e;--machine-stepper-control:#0369a1;--machine-sequence:#075985;--machine-add-effects-button:#075985;--machine-engine-control-label:#075985;--machine-engine-wrapper:#0369a1;--machine-screen:#082f49}[data-machine=synth] .pattern-selector button.button{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity,1))}[data-machine=synth] .pattern-selector button.button:hover{--tw-bg-opacity:1;background-color:rgb(125 211 252/var(--tw-bg-opacity,1))}[data-machine=synth] .pattern-selector button.button.active{--tw-bg-opacity:1;background-color:rgb(7 89 133/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(186 230 253/var(--tw-text-opacity,1))}:root{--machine-layout:#065f46;--machine-header:#064e3b;--machine-engine:#059669;--machine-trigger-ar:#064e3b;--machine-stepper-control:#047857;--machine-sequence:#065f46;--machine-add-effects-button:#065f46;--machine-engine-control-label:#065f46;--machine-engine-wrapper:#047857}.machine__wrapper{display:flex;justify-content:center;padding:.75rem;width:100%}.machine__wrapper--selected .machine__layout{outline:2px solid hsl(var(--primary));outline-offset:6px;transition:outline-color .14s ease-in-out,outline-offset .14s ease-in-out}.machine__layout{align-items:flex-start;background-color:var(--machine-layout);border-radius:.375rem;display:flex;flex-direction:column;max-width:1440px;overflow:hidden;width:100%;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.machine__layout .engine__control-label,.machine__layout .machine__add-effects-button,.machine__layout .p-knob__base{background-color:var(--machine-engine-control-label)}.machine__layout .engine__wrapper{background-color:var(--machine-engine-wrapper)}.machine__layout .machine__header{align-items:center;background-color:var(--machine-header);display:flex;justify-content:space-between;padding:.5rem;width:100%;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.machine__layout .machine__header--left,.machine__layout .machine__header--right{align-items:center;display:flex;gap:.5rem}.machine__layout .machine__header--right{justify-self:end}.machine__layout .machine__header .patch-screen{border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1));padding:.5rem}.machine__layout .machine__control-grid{display:grid;gap:.5rem;grid-auto-flow:row;grid-template-columns:repeat(1,minmax(0,1fr));width:100%}.machine__layout .machine__engine-control-label{border-radius:.375rem;color:hsl(var(--color-white-hsla));font-size:.6rem;left:.5rem;padding-left:.5rem;padding-right:.5rem;position:absolute;top:-8px}.machine__layout .machine__add-effects-button{align-items:center;background-color:var(--machine-add-effects-button);border-radius:9999px;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.machine__layout .machine__engine{background-color:var(--machine-engine)}.machine__layout .machine__engine,.machine__layout .machine__trigger-ar{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem .5rem;width:100%}.machine__layout .machine__trigger-ar{background-color:var(--machine-trigger-ar);justify-content:flex-start;overflow-x:auto;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1280px){.machine__layout .machine__trigger-ar{grid-column:span 2/span 2}}.machine__layout .machine__stepper-control{align-items:center;background-color:var(--machine-stepper-control);display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;width:100%}.machine__layout .machine__sequence{align-items:flex-start;background-color:var(--machine-sequence);display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;overflow-x:auto;padding:.25rem;width:100%}.machine__layout .machine__keyboard{overflow-x:auto;padding:.5rem .25rem;width:100%}.machine-control--pending-midi-assign{outline:2px dashed hsl(var(--primary));outline-offset:4px}.machine-control--midi-assigned{outline:2px solid hsl(var(--primary));outline-offset:4px}.machine-midi-panel{background-color:rgba(2,44,34,.6);border-color:hsl(var(--color-white-hsla)/.05);border-top-width:1px;width:100%}.machine-midi-panel__bar{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:.25rem .75rem}.machine-midi-panel__toggle{font-size:10px;gap:.375rem;letter-spacing:.1em;text-transform:uppercase}.machine-midi-panel__toggle-icon{color:hsl(var(--color-white-hsla)/.3);font-family:var(--font-mono),monospace;line-height:1}.machine-midi-panel__toggle-label{font-weight:500}.machine-midi-panel__indicators{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.machine-midi-panel__body{display:flex;flex-direction:column;gap:.5rem;padding:.25rem .75rem .75rem}.machine-midi-panel__section{align-items:center;display:flex;gap:.5rem}.machine-midi-panel__section-label{color:hsl(var(--color-white-hsla)/.3);flex-shrink:0;font-size:9px;letter-spacing:.1em;text-transform:uppercase;width:2rem}.machine-midi-panel__actions{align-items:center;border-color:hsl(var(--color-white-hsla)/.05);border-top-width:1px;display:flex;gap:.5rem;padding-top:.25rem}.machine-mapped-controls{color:hsl(var(--color-white-hsla)/.6);width:100%}.machine-mapped-controls--empty{padding-bottom:.5rem;padding-top:.5rem}.machine-mapped-controls__empty-label{color:hsl(var(--color-white-hsla)/.3);font-size:9px;font-style:italic;letter-spacing:.05em;text-transform:uppercase}.machine-mapped-controls__table{font-size:10px;width:100%}.machine-mapped-controls__thead{border-bottom-width:1px;border-color:hsl(var(--color-white-hsla)/.1);color:hsl(var(--color-white-hsla)/.3);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.machine-mapped-controls__row,.machine-mapped-controls__thead{align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 3.5rem 5rem 1fr 2rem;padding:.25rem 0}.machine-mapped-controls__row{border-bottom-width:1px;border-color:hsl(var(--color-white-hsla)/.05);transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.machine-mapped-controls__row:hover{background-color:hsl(var(--color-white-hsla)/.05)}.machine-mapped-controls__row:last-child{border-bottom-width:0}.machine-mapped-controls__cell{line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.machine-mapped-controls__cell--name{color:hsl(var(--color-white-hsla)/.7);font-size:10px;font-weight:500}.machine-mapped-controls__cell--cc,.machine-mapped-controls__cell--input{font-family:var(--font-mono),monospace}.machine-mapped-controls__cell--input{color:hsl(var(--color-white-hsla)/.4);font-size:9px}.machine-mapped-controls__cell--range{align-items:center;display:flex;gap:.25rem}.machine-mapped-controls__cell--muted,.machine-mapped-controls__range-sep{color:hsl(var(--color-white-hsla)/.2)}.machine-mapped-controls__range-sep{flex-shrink:0}.machine-mapped-controls__input{background-color:hsl(var(--color-black-hsla)/.3);border-color:hsl(var(--color-white-hsla)/.1);border-radius:.25rem;border-width:1px;color:hsl(var(--color-white-hsla)/.7);font-size:10px;padding:.125rem .375rem;width:3rem}.machine-mapped-controls__input:focus{border-color:hsl(var(--primary)/.5);outline:2px solid transparent;outline-offset:2px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.label--default{color:var(--label-color,hsl(var(--color-white-hsla)));font-size:.6rem;text-transform:uppercase;white-space:nowrap}.engine__wrapper{border-color:hsl(var(--border)/.2);border-radius:.375rem;border-style:solid;border-width:2px;display:flex;flex-wrap:nowrap;flex-wrap:wrap;gap:.75rem;padding:1rem .5rem .75rem;position:relative}.engine__control-label{border-radius:.375rem;color:hsl(var(--color-white-hsla));font-size:.6rem;left:.5rem;padding-left:.5rem;padding-right:.5rem;position:absolute;text-transform:uppercase;top:-8px}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-1{bottom:.25rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-\[auto\]{left:auto}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-\[-16px\]{top:-16px}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-6{grid-column:span 6/span 6}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.-mb-2{margin-bottom:-.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-\[72px\]{margin-left:72px}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-1{aspect-ratio:1}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[--foter-height\]{height:var(--foter-height)}.h-\[10px\]{height:10px}.h-\[20px\]{height:20px}.h-\[30px\]{height:30px}.h-\[min-content\]{height:min-content}.h-full{height:100%}.max-h-\[196px\]{max-height:196px}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[124px\]{width:124px}.w-\[20\.5rem\]{width:20.5rem}.w-\[216px\]{width:216px}.w-\[32px\]{width:32px}.w-\[48px\]{width:48px}.w-\[90px\]{width:90px}.w-\[96px\]{width:96px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-24{min-width:6rem}.min-w-48{min-width:12rem}.min-w-5{min-width:1.25rem}.min-w-\[180px\]{min-width:180px}.min-w-\[28px\]{min-width:28px}.min-w-\[32px\]{min-width:32px}.min-w-\[48px\]{min-width:48px}.min-w-\[74px\]{min-width:74px}.min-w-\[80px\]{min-width:80px}.max-w-min{max-width:min-content}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-\[92px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-\[92px\]{--tw-translate-x:-92px}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.\!gap-y-0{row-gap:0!important}.gap-x-3{column-gap:.75rem}.gap-y-3{row-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-900{--tw-border-opacity:1;border-color:rgb(30 58 138/var(--tw-border-opacity,1))}.border-border{border-color:hsl(var(--border))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity,1))}.border-old-rose-500{border-color:hsl(var(--color-old-rose-500-hsla))}.border-old-rose-700{border-color:hsl(var(--color-old-rose-700-hsla))}.border-surface-container-high{border-color:hsl(var(--surface-container-high))}.border-white{border-color:hsl(var(--color-white-hsla))}.border-b-green-600{--tw-border-opacity:1;border-bottom-color:rgb(22 163 74/var(--tw-border-opacity,1))}.bg-\[--machine-engine\]{background-color:var(--machine-engine)}.bg-\[--machine-screen\]{background-color:var(--machine-screen)}.bg-background{background-color:hsl(var(--background))}.bg-black{background-color:hsl(var(--color-black-hsla))}.bg-black\/40{background-color:hsl(var(--color-black-hsla)/.4)}.bg-black\/80{background-color:hsl(var(--color-black-hsla)/.8)}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-400\/30{background-color:rgba(74,222,128,.3)}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/50{background-color:rgba(34,197,94,.5)}.bg-green-500\/70{background-color:rgba(34,197,94,.7)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.bg-green-700\/80{background-color:rgba(21,128,61,.8)}.bg-green-800{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.bg-old-rose-700{background-color:hsl(var(--color-old-rose-700-hsla))}.bg-old-rose-800{background-color:hsl(var(--color-old-rose-800-hsla))}.bg-old-rose-900{background-color:hsl(var(--color-old-rose-900-hsla))}.bg-old-rose-950{background-color:hsl(var(--color-old-rose-950-hsla))}.bg-pink-700{--tw-bg-opacity:1;background-color:rgb(190 24 93/var(--tw-bg-opacity,1))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-700{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-red-800{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-stone-200{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity,1))}.bg-surface{background-color:hsl(var(--surface))}.bg-surface-container-high{background-color:hsl(var(--surface-container-high))}.bg-surface-container-highest{background-color:hsl(var(--surface-container-highest))}.bg-surface-container-low{background-color:hsl(var(--surface-container-low))}.bg-surface-container-lowest{background-color:hsl(var(--surface-container-lowest))}.bg-surface-container-lowest\/90{background-color:hsl(var(--surface-container-lowest)/.9)}.bg-white{background-color:hsl(var(--color-white-hsla))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity,1))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-current{fill:currentColor}.fill-gray-200{fill:#e5e7eb}.fill-gray-800{fill:#1f2937}.fill-red-600{fill:#dc2626}.fill-white{fill:hsl(var(--color-white-hsla))}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pl-0\.5{padding-left:.125rem}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[9px\]{font-size:9px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xxs{font-size:.6rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-old-rose-200{color:hsl(var(--color-old-rose-200-hsla))}.text-old-rose-300{color:hsl(var(--color-old-rose-300-hsla))}.text-old-rose-400{color:hsl(var(--color-old-rose-400-hsla))}.text-old-rose-500{color:hsl(var(--color-old-rose-500-hsla))}.text-on-primary{color:hsl(var(--on-primary))}.text-on-surface{color:hsl(var(--on-surface))}.text-on-surface-container-high{color:hsl(var(--on-surface-container-high))}.text-on-surface-container-highest{color:hsl(var(--on-surface-container-highest))}.text-on-surface-container-lowest{color:hsl(var(--on-surface-container-lowest))}.text-on-surface-container-lowest\/60{color:hsl(var(--on-surface-container-lowest)/.6)}.text-white{color:hsl(var(--color-white-hsla))}.text-white\/60{color:hsl(var(--color-white-hsla)/.6)}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-green-700{--tw-ring-opacity:1;--tw-ring-color:rgb(21 128 61/var(--tw-ring-opacity,1))}.ring-yellow-300{--tw-ring-opacity:1;--tw-ring-color:rgb(253 224 71/var(--tw-ring-opacity,1))}.ring-yellow-600{--tw-ring-opacity:1;--tw-ring-color:rgb(202 138 4/var(--tw-ring-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition-all{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-\[160ms\]{transition-duration:.16s}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style)}:root{--color-black-hsla:0 0% 0%;--color-white-hsla:0 0% 100%;--color-bondi-blue-50-hsla:200 43% 97%;--color-bondi-blue-100-hsla:196 40% 87%;--color-bondi-blue-200-hsla:196 42% 76%;--color-bondi-blue-300-hsla:195 42% 65%;--color-bondi-blue-400-hsla:193 44% 54%;--color-bondi-blue-500-hsla:190 100% 34%;--color-bondi-blue-600-hsla:191 78% 32%;--color-bondi-blue-700-hsla:192 66% 28%;--color-bondi-blue-800-hsla:193 57% 23%;--color-bondi-blue-900-hsla:193 48% 17%;--color-bondi-blue-950-hsla:194 37% 12%;--color-bondi-blue-975-hsla:192 36% 5%;--color-old-rose-50-hsla:0 50% 98%;--color-old-rose-100-hsla:357 51% 93%;--color-old-rose-200-hsla:356 49% 87%;--color-old-rose-300-hsla:357 46% 81%;--color-old-rose-400-hsla:356 45% 75%;--color-old-rose-500-hsla:356 43% 69%;--color-old-rose-600-hsla:356 26% 57%;--color-old-rose-700-hsla:356 19% 46%;--color-old-rose-800-hsla:356 18% 36%;--color-old-rose-900-hsla:355 18% 26%;--color-old-rose-950-hsla:355 16% 16%;--color-old-rose-975-hsla:0 14% 7%;--color-avocado-50-hsla:60 18% 97%;--color-avocado-100-hsla:56 19% 85%;--color-avocado-200-hsla:58 17% 73%;--color-avocado-300-hsla:60 17% 61%;--color-avocado-400-hsla:59 17% 49%;--color-avocado-500-hsla:61 27% 38%;--color-avocado-600-hsla:61 26% 32%;--color-avocado-700-hsla:62 25% 27%;--color-avocado-800-hsla:60 23% 21%;--color-avocado-900-hsla:60 23% 16%;--color-avocado-950-hsla:60 19% 11%;--color-avocado-975-hsla:60 25% 5%;--color-deep-koamaru-50-hsla:260 30% 96%;--color-deep-koamaru-100-hsla:257 31% 82%;--color-deep-koamaru-200-hsla:255 31% 68%;--color-deep-koamaru-300-hsla:253 30% 55%;--color-deep-koamaru-400-hsla:248 41% 42%;--color-deep-koamaru-500-hsla:229 98% 25%;--color-deep-koamaru-600-hsla:235 76% 23%;--color-deep-koamaru-700-hsla:239 64% 21%;--color-deep-koamaru-800-hsla:244 60% 16%;--color-deep-koamaru-900-hsla:250 56% 12%;--color-deep-koamaru-950-hsla:261 56% 8%;--color-deep-koamaru-975-hsla:260 67% 4%;--color-cardinal-50-hsla:5 85% 97%;--color-cardinal-100-hsla:5 75% 88%;--color-cardinal-200-hsla:4 67% 77%;--color-cardinal-300-hsla:2 61% 67%;--color-cardinal-400-hsla:360 55% 56%;--color-cardinal-500-hsla:351 76% 41%;--color-cardinal-600-hsla:353 70% 36%;--color-cardinal-700-hsla:355 65% 30%;--color-cardinal-800-hsla:358 58% 24%;--color-cardinal-900-hsla:0 51% 18%;--color-cardinal-950-hsla:4 48% 12%;--color-cardinal-975-hsla:8 57% 5%;--primary:var(--color-bondi-blue-600-hsla);--on-primary:var(--color-white-hsla);--primary-container:var(--color-bondi-blue-100-hsla);--on-primary-container:var(--color-deep-koamaru-975-hsla);--secondary:var(--color-old-rose-600-hsla);--on-secondary:var(--color-deep-koamaru-975-hsla);--secondary-container:var(--color-old-rose-100-hsla);--on-secondary-container:var(--color-deep-koamaru-975-hsla);--tertiary:var(--color-avocado-600-hsla);--on-tertiary:var(--color-deep-koamaru-50-hsla);--tertiary-container:var(--color-avocado-100-hsla);--on-tertiary-container:var(--color-deep-koamaru-975-hsla);--error:var(--color-cardinal-600-hsla);--on-error:var(--color-deep-koamaru-50-hsla);--error-container:var(--color-cardinal-100-hsla);--on-error-container:var(--color-deep-koamaru-975-hsla);--surface:var(--color-deep-koamaru-50-hsla);--on-surface:var(--color-deep-koamaru-975-hsla);--surface-container-lowest:var(--color-deep-koamaru-100-hsla);--on-surface-container-lowest:var(--color-deep-koamaru-975-hsla);--surface-container-low:var(--color-deep-koamaru-200-hsla);--on-surface-container-low:var(--color-deep-koamaru-975-hsla);--surface-container:var(--color-deep-koamaru-300-hsla);--on-surface-container:var(--color-white-hsla);--surface-container-high:var(--color-deep-koamaru-400-hsla);--on-surface-container-high:var(--color-deep-koamaru-50-hsla);--surface-container-highest:var(--color-deep-koamaru-500-hsla);--on-surface-container-highest:var(--color-deep-koamaru-50-hsla);--background:var(--color-white-hsla);--on-background:var(--color-black-hsla);--focus-ring:210 100% 50%;--border:var(--color-deep-koamaru-300-hsla)}@media (prefers-color-scheme:dark){:root{--primary:var(--color-bondi-blue-200-hsla);--on-primary:var(--color-deep-koamaru-975-hsla);--primary-container:var(--color-bondi-blue-800-hsla);--on-primary-container:var(--color-deep-koamaru-50-hsla);--secondary:var(--color-old-rose-200-hsla);--on-secondary:var(--color-deep-koamaru-975-hsla);--secondary-container:var(--color-old-rose-800-hsla);--on-secondary-container:var(--color-deep-koamaru-50-hsla);--tertiary:var(--color-avocado-200-hsla);--on-tertiary:var(--color-deep-koamaru-975-hsla);--tertiary-container:var(--color-avocado-800-hsla);--on-tertiary-container:var(--color-deep-koamaru-50-hsla);--error:var(--color-cardinal-200-hsla);--on-error:var(--color-deep-koamaru-975-hsla);--error-container:var(--color-cardinal-800-hsla);--on-error-container:var(--color-deep-koamaru-50-hsla);--surface:var(--color-deep-koamaru-975-hsla);--on-surface:var(--color-deep-koamaru-50-hsla);--surface-container-lowest:var(--color-deep-koamaru-950-hsla);--on-surface-container-lowest:var(--color-deep-koamaru-50-hsla);--surface-container-low:var(--color-deep-koamaru-900-hsla);--on-surface-container-low:var(--color-deep-koamaru-50-hsla);--surface-container:var(--color-deep-koamaru-800-hsla);--on-surface-container:var(--color-deep-koamaru-50-hsla);--surface-container-high:var(--color-deep-koamaru-700-hsla);--on-surface-container-high:var(--color-deep-koamaru-50-hsla);--surface-container-highest:var(--color-deep-koamaru-600-hsla);--on-surface-container-highest:var(--color-deep-koamaru-50-hsla);--background:var(--color-black-hsla);--on-background:var(--color-white-hsla);--border:var(--color-deep-koamaru-700-hsla)}}.theme-dark{--primary:var(--color-bondi-blue-200-hsla);--on-primary:var(--color-deep-koamaru-975-hsla);--primary-container:var(--color-bondi-blue-800-hsla);--on-primary-container:var(--color-deep-koamaru-50-hsla);--secondary:var(--color-old-rose-200-hsla);--on-secondary:var(--color-deep-koamaru-975-hsla);--secondary-container:var(--color-old-rose-800-hsla);--on-secondary-container:var(--color-deep-koamaru-50-hsla);--tertiary:var(--color-avocado-200-hsla);--on-tertiary:var(--color-deep-koamaru-975-hsla);--tertiary-container:var(--color-avocado-800-hsla);--on-tertiary-container:var(--color-deep-koamaru-50-hsla);--error:var(--color-cardinal-200-hsla);--on-error:var(--color-deep-koamaru-975-hsla);--error-container:var(--color-cardinal-800-hsla);--on-error-container:var(--color-deep-koamaru-50-hsla);--surface:var(--color-deep-koamaru-975-hsla);--on-surface:var(--color-deep-koamaru-50-hsla);--surface-container-lowest:var(--color-deep-koamaru-950-hsla);--on-surface-container-lowest:var(--color-deep-koamaru-50-hsla);--surface-container-low:var(--color-deep-koamaru-900-hsla);--on-surface-container-low:var(--color-deep-koamaru-50-hsla);--surface-container:var(--color-deep-koamaru-800-hsla);--on-surface-container:var(--color-deep-koamaru-50-hsla);--surface-container-high:var(--color-deep-koamaru-700-hsla);--on-surface-container-high:var(--color-deep-koamaru-50-hsla);--surface-container-highest:var(--color-deep-koamaru-600-hsla);--on-surface-container-highest:var(--color-deep-koamaru-50-hsla);--background:var(--color-black-hsla);--on-background:var(--color-white-hsla);--border:var(--color-deep-koamaru-700-hsla)}:root{--header-height:5rem;--footer-height:16.5rem;--font-sans:"Inter",sans-serif;--font-mono:"Fira Mono",monospace}body[data-mixer-hidden]{--footer-height:2.5rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--primary)/.2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary)/.3)}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-color:hsl(var(--primary)/.2) transparent;scrollbar-width:thin}.drum-roll-sequencer{--input-range-track-color:#22c55e;--input-range-thumb-color:#166534;--label-default-color:#166534;display:flex;flex-direction:column}.cycle-sequencer__wrapper{flex-wrap:wrap;gap:1rem}.cycle-sequencer__options{display:grid;gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}.cycle-sequencer__options--row{display:grid;gap:.5rem;grid-auto-flow:column}.cycle-sequencer__play-button{min-width:72px}.mixer-channel__container{align-items:center;background-color:hsl(var(--surface-container-lowest));border-radius:.375rem;color:hsl(var(--on-surface-container-lowest));display:flex;flex-direction:column;gap:.5rem;padding:.25rem;width:fit-content;--label-color:var(--on-surface-container-lowest)}.mixer-channel__container .engine__control-label,.mixer-channel__container .machine__engine-control-label{background-color:hsl(var(--surface));color:hsl(var(--on-surface))}.mixer-channel__container .engine__wrapper{background-color:hsl(var(--surface-container-lowest));border-color:hsl(var(--border));border-style:solid;border-width:2px}.mixer-channel__control-wrapper{align-items:flex-start;display:flex;gap:1rem}.mixer-channel__machine-go-to{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;width:100%;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));font-size:.75rem;line-height:1rem}.mixer-channel__machine-go-to span{display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.mixer-channel__machine-go-to-icon{border-radius:9999px;cursor:pointer;min-width:24px;--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1));color:hsl(var(--color-white-hsla))}.mixer-channel__donut-column{flex-direction:column;height:100%}.mixer-channel__donut-column,.mixer-channel__mute-solo{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.mixer-channel__delete-track{margin-top:0}.mixer-channel__play-button{margin-bottom:0}.mixer-channel__donut{margin:0}.standard-keyboard{display:flex;gap:.5rem}.standard-keyboard__wrapper{align-items:center;cursor:pointer;display:flex;overflow-x:auto;overflow-y:hidden}.standard-keyboard__notes{align-items:flex-end;border-style:solid;border-width:1px;display:flex;height:4rem;justify-content:center;min-width:16px;position:relative;--tw-border-opacity:1;background-color:hsl(var(--color-white-hsla));border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.standard-keyboard__notes--black{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.standard-keyboard__notes--disabled{pointer-events:none}.standard-keyboard__c-indicator{font-size:.6rem;font-weight:600;left:0;line-height:.75rem;padding-top:.125rem;pointer-events:none;position:absolute;right:0;text-align:center;top:0;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.standard-keyboard__tracker{border-radius:9999px;display:flex;height:.75rem;margin-bottom:.125rem;pointer-events:none;width:.75rem}.standard-keyboard__tracker--selected-on-other-trig{border-width:2px;--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1));opacity:.6}.standard-keyboard__tracker--selected{--tw-bg-opacity:1;background-color:rgb(133 77 14/var(--tw-bg-opacity,1));opacity:.8}.standard-keyboard__controls{display:flex;gap:.5rem}.standard-keyboard__controls-box-value{margin:0}.squared-keyboard{background-color:rgb(30 41 59/var(--tw-bg-opacity,1));border-radius:.375rem;display:flex;margin:.5rem;max-width:min-content;--tw-bg-opacity:0.25}.squared-keyboard__wrapper{cursor:pointer;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin:.5rem;min-width:min-content;right:0;top:0;width:12rem}.squared-keyboard__notes{border-style:solid;border-width:2px;height:1rem;position:relative;width:1rem;--tw-border-opacity:1;background-color:hsl(var(--color-white-hsla));border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.squared-keyboard__notes--black{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.squared-keyboard__notes--c-note{border-width:2px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.squared-keyboard__notes--disabled{pointer-events:none}.squared-keyboard__c-indicator{align-items:center;display:flex;font-size:8px;font-weight:700;inset:0;justify-content:center;line-height:1;position:absolute;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.squared-keyboard__tracker{align-self:center;display:flex;min-height:12px;min-width:12px}.squared-keyboard__tracker--selected-on-other-trig{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1));opacity:.6}.squared-keyboard__tracker--selected{border-style:solid;--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));opacity:1}.squared-keyboard__controls{align-items:flex-end;display:flex}.treeview_row{align-items:center;background-color:hsl(var(--surface));color:hsl(var(--on-surface));cursor:pointer;display:flex;font-size:.875rem;height:1.5rem;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.treeview_row--has-children{background-color:hsl(var(--surface-container-high));border-color:hsl(var(--border));border-style:solid;border-width:2px;color:hsl(var(--on-surface-container-high));font-size:.75rem;line-height:1rem}.treeview_row--has-children-collapsed{background-color:hsl(var(--surface-container-lowest));color:hsl(var(--on-surface-container-lowest))}.treeview_row--has-children-collapsed:hover{background-color:hsl(var(--surface-container-low));color:hsl(var(--on-surface-container-lowest))}.treeview_row-icon{margin-right:.5rem}.treeview_row-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cycle-sequencer__wrapper{display:flex;max-width:fit-content}.cycle-sequencer__pattern-sequence{display:flex;flex-direction:column}.cycle-sequencer__pattern-sequence--not-active{opacity:.5}.cycle-sequencer__pattern-line{display:flex;height:14px}.cycle-sequencer__pattern-line-text{min-width:72px;--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1));color:hsl(var(--color-white-hsla));font-size:.6rem;padding-left:.5rem;padding-right:.5rem;text-transform:uppercase}.cycle-sequencer__pattern-line-cell{border-style:solid;border-width:1px;cursor:pointer;height:14px;width:14px;--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1));line-height:1rem}.cycle-sequencer__pattern-line-cell--active{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.cycle-sequencer__options{display:flex;flex-direction:column;justify-content:space-between;margin-right:.5rem}.cycle-sequencer__options--row{align-items:flex-end;display:flex}.cycle-sequencer__play-button{align-items:center;display:flex;font-size:.75rem;justify-content:center;line-height:1rem;margin-bottom:.25rem;margin-top:.25rem;min-width:80px}.cycle-sequencer__play-button-icon{margin-right:.25rem}.cycle-sequencer__play-button-icon--is-playing{fill:#fde047}.cycle-sequencer__play-button-icon--is-not-playing{fill:#ef4444}.cycle-sequencer__play-button--is-playing{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.cycle-sequencer__play-button--is-not-playing{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.box-value-editor__group{align-items:center;display:flex;gap:.5rem;width:fit-content}.box-value-editor__group--default{border-radius:.375rem}.box-value-editor__screen{align-items:center;display:flex;gap:.5rem}.box-value-editor__screen--default,.box-value-editor__screen--screen{border-radius:.375rem;justify-content:center}.box-value-editor__screen--screen{align-items:center;display:flex;--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.box-value-editor__screen--vertical{flex-direction:column;padding:0}.box-value-editor__description{color:hsl(var(--label-color,var(--color-white-hsla)));font-size:.6rem;height:1rem}.box-value-editor__description--default,.box-value-editor__description--screen{line-height:1rem;text-transform:uppercase}.box-value-editor__description--screen{--label-color:#14532d}.box-value-editor__input{height:1.5rem;margin-left:.25rem;margin-right:.25rem;padding-left:.5rem}.box-value-editor__input--default{background-color:hsl(var(--on-surface));color:hsl(var(--surface))}.box-value-editor__input--vertical{padding-left:.25rem;padding-right:.25rem;text-align:center;width:fit-content}.box-value-editor__input--screen{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.box-value-editor__input:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.box-value-editor__heading{height:1.5rem;line-height:1.5rem;min-width:32px;padding-left:.25rem;padding-right:.25rem;text-align:center}.box-value-editor__heading--default{margin-left:.5rem;margin-right:.5rem;padding-left:.5rem;padding-right:.5rem}.box-value-editor__heading--default,.box-value-editor__heading--vertical{border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.box-value-editor__heading--disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.box-value-editor__cta-box{display:flex;gap:.25rem}.box-value-editor__cta-box--screen button.button{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.box-value-editor__cta-box--vertical{flex-direction:column-reverse}.multi-options__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.multi-options__buttons-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;max-height:50px}.multi-options__button{margin:.25rem .25rem 0;--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.multi-options__button--selected{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.play-button{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.play-button--active{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.play-button-icon{fill:hsl(var(--color-white-hsla))}.play-button-icon--active{fill:#1f2937}.slider__output{border-radius:.125rem;height:.875rem;width:100%;--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1));color:hsl(var(--color-white-hsla));font-size:9px;text-align:center}.slider__group{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:min-content}.slider__group--label-to-left{flex-direction:row}.slider__group--horizontal .slider__output{min-width:19px}.slider__group--vertical .slider__output{max-width:19px}.slider__element{appearance:none;background:transparent;border:none;cursor:pointer}.slider__element:focus{outline:none}.slider__element::-webkit-slider-runnable-track{background-color:var(--input-range-track-color,#e5e7eb);border-radius:.125rem;height:.75rem}.slider__element::-webkit-slider-thumb{appearance:none;background-color:var(--input-range-thumb-color,#4b5563);border-radius:.125rem;height:1rem;margin-top:-2px;width:.75rem}.slider__element:focus::-webkit-slider-thumb{border:1px solid var(--input-range-track-color,#e5e7eb);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.slider__element::-moz-range-track{background-color:var(--input-range-track-color,#e5e7eb);border-radius:.125rem;height:.75rem}.slider__element::-moz-range-thumb{background-color:var(--input-range-thumb-color,#4b5563);border:none;border-radius:.125rem;height:1rem;width:.75rem}.slider__element:focus::-moz-range-thumb{border:1px solid var(--input-range-track-color,#e5e7eb);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.slider__element-wrapper--vertical{align-items:center;appearance:none;display:flex;justify-content:center;margin:0;padding:0;width:100%}.slider__element-wrapper--vertical .slider__element{--tw-rotate:270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.slider__element-wrapper--vertical.slider__element-wrapper--medium{height:6rem;width:1rem}.slider__element-wrapper--vertical.slider__element-wrapper--medium .slider__element{height:1rem;width:6rem}.slider__element-wrapper--vertical.slider__element-wrapper--small{height:4rem;width:1rem}.slider__element-wrapper--vertical.slider__element-wrapper--small .slider__element{height:1rem;width:4rem}.slider__element-wrapper--horizontal.slider__element-wrapper--medium,.slider__element-wrapper--horizontal.slider__element-wrapper--medium .slider__element{height:1rem;width:6rem}.slider__element-wrapper--horizontal.slider__element-wrapper--small,.slider__element-wrapper--horizontal.slider__element-wrapper--small .slider__element{height:1rem;width:3rem}.baseui-switch__wrapper{align-items:center;display:flex}.baseui-switch__label{color:hsl(var(--color-white-hsla));font-size:.6rem;margin-right:.5rem;text-transform:uppercase}.baseui-switch__root{border-radius:9999px;width:2.25rem}.baseui-switch__root:focus{box-shadow:0 0 0 2px #000}.baseui-switch__root[data-state=checked]{background-color:hsl(var(--color-black-hsla))}.baseui-switch__root[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.baseui-switch__thumb{border-radius:9999px;display:block;height:1rem;width:1rem;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1));transform:translateX(0);transition:transform .1s;will-change:transform}.baseui-switch__thumb[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1));transform:translateX(19px)}.select__wrapper{border-radius:.125rem;display:flex;max-width:min-content}.select__wrapper--vertical{flex-direction:column}.select__wrapper--horizontal{align-items:center}.select__label--left{margin-right:.5rem}.select__tag{border-radius:.375rem;cursor:pointer;height:1.5rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.select__tag:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.select__option-text{font-size:.875rem;line-height:1.25rem}.level-meter{border-radius:2px;display:block;image-rendering:pixelated}.solo-button{--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}.solo-button--active{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:hsl(var(--color-white-hsla))}.donut__group{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap}.donut__value-text{fill:hsl(var(--label-color,var(--color-white-hsla)));font-size:1.5rem;line-height:2rem}.mute-button{--tw-bg-opacity:1;background-color:rgb(82 82 91/var(--tw-bg-opacity,1))}.mute-button--active{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.subdivisions{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-left:.25rem;margin-right:.25rem}.subdivisions--vertical{height:min-content;width:90px}.subdivisions--horizontal{height:38px;justify-content:space-between;width:248px}.subdivision{background-color:rgb(243 244 246/var(--tw-bg-opacity,1));border-radius:.125rem;color:rgb(30 64 175/var(--tw-text-opacity,1));font-size:.75rem;height:1rem;line-height:1rem;margin:.125rem;min-width:24px;padding-left:0;padding-right:0}.subdivision,.subdivision--selected{--tw-bg-opacity:1;--tw-text-opacity:1}.subdivision--selected{background-color:rgb(37 99 235/var(--tw-bg-opacity,1));color:rgb(253 224 71/var(--tw-text-opacity,1))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:min-h-\[44px\]:before{content:var(--tw-content);min-height:44px}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:min-w-\[44px\]:before{content:var(--tw-content);min-width:44px}.before\:-translate-x-1\/2:before{--tw-translate-x:-50%}.before\:-translate-x-1\/2:before,.before\:-translate-y-1\/2:before{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{--tw-translate-y:-50%}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.odd\:bg-green-400\/50:nth-child(odd){background-color:rgba(74,222,128,.5)}.hover\:border-old-rose-400:hover{border-color:hsl(var(--color-old-rose-400-hsla))}.hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-old-rose-600:hover{background-color:hsl(var(--color-old-rose-600-hsla))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-surface-container-high:hover{background-color:hsl(var(--surface-container-high))}.hover\:bg-surface-container-low:hover{background-color:hsl(var(--surface-container-low))}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:text-green-900:hover{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.hover\:text-old-rose-200:hover{color:hsl(var(--color-old-rose-200-hsla))}.hover\:text-on-surface-container-high:hover{color:hsl(var(--on-surface-container-high))}.hover\:text-on-surface-container-low:hover{color:hsl(var(--on-surface-container-low))}.hover\:text-white\/90:hover{color:hsl(var(--color-white-hsla)/.9)}.hover\:opacity-100:hover{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-blue-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(29 78 216/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.focus\:ring-yellow-700:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(161 98 7/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.disabled\:text-white\/20:disabled{color:hsl(var(--color-white-hsla)/.2)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[orientation\=horizontal\]\:h-2\.5[data-orientation=horizontal]{height:.625rem}.data-\[orientation\=vertical\]\:w-2\.5[data-orientation=vertical]{width:.625rem}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}@media (min-width:640px){.sm\:overflow-x-auto{overflow-x:auto}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:bottom-0{bottom:0}.lg\:left-0{left:0}.lg\:right-0{right:0}.lg\:top-0{top:0}.lg\:h-\[--header-height\]{height:var(--header-height)}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:pb-\[--footer-height\]{padding-bottom:var(--footer-height)}.lg\:pt-\[--header-height\]{padding-top:var(--header-height)}.lg\:shadow-\[0px_0px_16px_rgba\(30\2c 30\2c 51\2c 0\.9\)\]{--tw-shadow:0px 0px 16px rgba(30,30,51,.9);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1536px){.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.\[\&\>label\]\:text-green-800>label{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.\[\&\>output\]\:bg-green-800>output{--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:var(--font-sans),sans-serif;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono),monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.static{position:static}.m-3{margin:.75rem}.flex{display:flex}.hidden{display:none}.h-8{height:2rem}.w-40{width:10rem}.w-8{width:2rem}.w-fit{width:fit-content}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-4{gap:1rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-surface-container-low{--tw-gradient-from:hsl(var(--surface-container-low)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--surface-container-low)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-surface-container{--tw-gradient-to:hsl(var(--surface-container)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--surface-container)) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-surface-container{--tw-gradient-to:hsl(var(--surface-container)) var(--tw-gradient-to-position)}.fill-on-primary-container{fill:hsl(var(--on-primary-container))}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-extrabold{font-weight:800}.font-thin{font-weight:100}.tracking-tight{letter-spacing:-.025em}.text-on-surface-container{color:hsl(var(--on-surface-container))}.text-primary-container{color:hsl(var(--primary-container))}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}