#root,body,html{min-height:100%}body{-webkit-font-smoothing:antialiased;background-color:#181c21;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}h1{font-size:calc(10px + 2vmin);text-align:left}.synthContainer{--machine-width:min(66vw,980px);--ui-scale:1.3;box-sizing:border-box;display:flex;flex-direction:column;margin-left:2em;min-height:100%;transform:scale(var(--ui-scale));transform-origin:top left;width:calc(100%/var(--ui-scale))}.synthContainer h1{align-items:center;display:flex;gap:.35rem;margin:.7rem 0 .8rem}.transport-bar{box-sizing:border-box;width:var(--machine-width)}.bpm-button{align-items:center;display:inline-flex;height:22px;justify-content:center;width:22px}.bpm-button-small-step svg{transform:scale(1.15)}.bpm-button-large-step svg{opacity:.82}.bpm-value{min-width:3ch;transform:translateY(-1px)}.sequencer-stack{--sequence-arrow-size:18px;--sequence-pattern-width:512px;box-sizing:border-box;gap:8px;margin-bottom:10px;position:relative;width:var(--machine-width)}.sequencer-stack,.sequencer-track{display:flex;flex-direction:column}.sequencer-track{gap:3px}.sequencer-row{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;position:relative;width:100%;z-index:1}.sequencer-shift-frame{box-sizing:border-box;display:flex;flex:0 1 var(--sequence-pattern-width);justify-content:center;max-width:calc(100% - var(--sequence-arrow-size)*2);min-width:0;overflow:hidden}.sequencer{align-items:center;display:flex;flex-wrap:nowrap;min-width:0;transition:transform .12s ease}.sequence-shift-button{align-items:center;display:inline-flex;flex:0 0 var(--sequence-arrow-size);height:18px;justify-content:center;overflow:hidden;padding:0!important;width:var(--sequence-arrow-size)}.sequence-shift-button svg{height:14px;opacity:.82;width:14px}.sequence-shift-button[disabled] svg{opacity:.25}.sequencer-group{display:flex;position:relative}.sequencer-group:not(:last-child){margin-right:8px;padding-right:8px}.sequencer-group:not(:last-child):after{background-color:#ffffff38;content:"";height:19px;position:absolute;right:0;top:50%;transform:translateY(calc(-50% + 3px));width:1px}.automation-lane{box-sizing:border-box;display:flex;justify-content:center;padding-left:var(--sequence-arrow-size);padding-right:var(--sequence-arrow-size);width:100%}.automation-lane-inner{flex:0 1 var(--sequence-pattern-width);max-width:100%;min-width:0}.automation-lane-header{align-items:center;display:flex;justify-content:space-between;min-height:16px}.automation-lane-toggle{align-items:center;color:#ffffffb8!important;display:inline-flex;font-size:10px;line-height:1;min-height:14px!important;padding:0!important}.automation-lane-toggle svg{height:12px;margin-right:2px;transition:transform .12s ease;width:12px}.automation-lane-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.automation-enable{color:#ffffff9e!important;font-size:10px;line-height:1}.automation-enable-label{font-size:10px}.automation-enable label>span:first-child{height:12px;min-width:22px;width:22px}.automation-graph-window{background-color:hsla(0,0%,100%,.035);box-sizing:border-box;cursor:crosshair;height:64px;overflow:hidden;position:relative;touch-action:none;width:100%}.automation-chart-backdrop{inset:0;opacity:.72;pointer-events:none;position:absolute;transition:transform .12s ease;z-index:0}.automation-graph{display:block;height:64px;position:relative;transition:transform .12s ease;width:100%;z-index:1}.automation-line{fill:none;stroke:#ffffffeb;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.88}.automation-node{fill:#0b78a6;stroke:#ffffffdb;stroke-width:1;vector-effect:non-scaling-stroke}.sequencer input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.143);border:none;cursor:pointer;display:inline-block;flex:0 0 24px;height:24px;margin:2.5px 2.5px -3px;padding-bottom:0;transition:all .1s ease-in-out}.sequencer input[type=checkbox]:checked{background-color:#fff}.sequencer input[type=checkbox]:hover{border:solid #fff}.parameter{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:3.1em}.instrument-panel{box-sizing:border-box;min-width:calc(var(--machine-width)/3);width:calc(var(--machine-width)/3)}.instrument-rack{align-items:flex-start;display:flex;flex-wrap:nowrap;width:var(--machine-width)}.instrument-trigger{line-height:1;min-height:20px!important;padding:1px 8px!important}.slider-row{background-color:hsla(0,0%,100%,.025);box-sizing:border-box;min-height:18px;padding:1px 5px;transition:background-color .16s ease,border-radius .16s ease;width:100%}.slider-row:hover{background-color:hsla(0,0%,100%,.055);border-radius:5px}.slider-label{width:4.8em}.slider-max{width:3.2em}.slider-input{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;flex:1 1!important;height:14px!important;min-width:96px!important;width:auto!important}.slider-input:focus{outline:none}.slider-input::-webkit-slider-runnable-track{background:#fff3;border-radius:999px;height:3px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffffffe6;border:1px solid #181c21bf;border-radius:50%;box-shadow:0 1px 3px #00000059;height:10px;margin-top:-3.5px;-webkit-transition:background-color .16s ease,transform .16s ease;transition:background-color .16s ease,transform .16s ease;width:10px}.slider-input:hover::-webkit-slider-thumb{background:#fff;transform:scale(1.08)}.slider-input::-moz-range-track{background:#fff3;border-radius:999px;height:3px}.slider-input::-moz-range-thumb{background:#ffffffe6;border:1px solid #181c21bf;border-radius:50%;box-shadow:0 1px 3px #00000059;height:10px;width:10px}.slider-row-compact{min-height:15px;opacity:.86;padding-bottom:0;padding-top:0}.slider-row-compact .slider-input{height:12px!important;min-width:76px!important}.slider-row-compact .slider-input::-webkit-slider-runnable-track{height:2px}.slider-row-compact .slider-input::-webkit-slider-thumb{height:8px;margin-top:-3px;width:8px}.slider-row-compact .slider-input::-moz-range-track{height:2px}.slider-row-compact .slider-input::-moz-range-thumb{height:8px;width:8px}@media screen and (min-width:901px){#root,body,html{height:100%;overflow:hidden;overscroll-behavior:none}}@media screen and (max-width:900px){#root,body,html{height:auto;overflow:visible;overscroll-behavior:auto}body{overflow-x:auto;overflow-y:auto}.synthContainer{--mobile-layout-width:max(720px,100vw);--mobile-layout-width:max(720px,100dvw);--machine-width:calc(var(--mobile-layout-width) - 24px);--ui-scale:1;align-items:flex-start;flex-direction:column;justify-content:flex-start;margin:0;min-height:100dvh;min-width:var(--mobile-layout-width);overflow:visible;padding:10px 12px 24px;transform:none;width:var(--mobile-layout-width)}.synthContainer h1{font-size:1rem;margin:0 0 .45rem}.instrument-rack,.sequencer-stack,.transport-bar{min-width:var(--machine-width);width:var(--machine-width)}.sequencer-stack{gap:8px;margin-bottom:8px}.sequencer-shift-frame{flex:1 1 auto;max-width:none}.automation-lane-inner,.sequencer{flex:1 1 auto}.sequencer{width:100%}.sequencer-group{flex:1 1;min-width:0}.sequencer-group:not(:last-child){margin-right:10px;padding-right:10px}.sequencer input[type=checkbox]{flex:1 1;height:clamp(24px,4.5vw,34px);min-width:24px}.instrument-panel{min-width:calc(var(--machine-width)/3);width:calc(var(--machine-width)/3)}.slider-row{padding-left:4px;padding-right:4px}.slider-label{width:4.25em}.slider-input{min-width:64px!important}.slider-row-compact .slider-input{min-width:56px!important}}
/*# sourceMappingURL=main.f56ace40.css.map*/