._overlay_10g9h_1{position:fixed;inset:0;background-color:#00000080;z-index:20;overflow-y:auto;max-height:100vh}._modal_10g9h_10{position:relative;margin-top:80px;margin-bottom:80px;margin-left:50%;transform:translate3d(-50%,0,0);width:100%;max-width:560px;background-color:#2e2e2e;box-shadow:0 2px 2px #0000004d,0 4px 8px #0003;border-radius:8px;overflow:hidden;z-index:21}._modal_10g9h_10._large_10g9h_25{max-width:700px}._closeButton_10g9h_29{position:absolute;top:15px;right:15px;opacity:.5}._closeButton_10g9h_29:hover{opacity:1}._button_13e52_1{display:flex;gap:8px;align-items:center;font-family:var(--mono-font-family);font-weight:600;border-radius:40px;border:2px solid;padding:8px 20px;font-size:13px;text-transform:uppercase;transition:background-color .15s ease;--primary-color: var(--primary-accent-color);--alternate-color: #c5c5c5;--red-color: #e73636;--green-color: #0da72e}._button_13e52_1:hover{transition:background-color 80ms ease}._button_13e52_1:disabled{opacity:.4}._primary_13e52_28{color:var(--primary-color);border-color:var(--primary-color)}._primary_13e52_28:not(:disabled):hover,._primary_13e52_28:not(:disabled):focus{outline:0;color:#ffc423;background-color:#deaa004d}._alternate_13e52_40{color:var(--alternate-color);border-color:var(--alternate-color)}._alternate_13e52_40:not(:disabled):hover,._alternate_13e52_40:not(:disabled):focus{outline:0;color:#fff;background-color:#a7a7a74d}._red_13e52_52{color:var(--red-color);border-color:var(--red-color)}._red_13e52_52:not(:disabled):hover,._red_13e52_52:not(:disabled):focus{outline:0;color:#ff1717;background-color:#be16164d}._green_13e52_64{color:var(--green-color);border-color:var(--green-color)}._button_13e52_1 svg{width:19px;fill:currentColor}._wrapper_6p7yo_1{display:flex;flex-direction:column}._wrapper_6p7yo_1 label{font-family:var(--mono-font-family);font-size:10px;font-weight:500;margin-bottom:3px;color:#858585;text-transform:uppercase;letter-spacing:1px}._input_6p7yo_16{min-width:270px;appearance:none;background:#202020;border:1px solid #3e3e3e;color:#eee;padding:5px 10px;border-radius:5px;box-shadow:inset 0 1px 1px #0003;outline:1px solid transparent;transition:.15s ease}._input_6p7yo_16:focus{transition:60ms ease;outline:1px solid var(--primary-accent-color)}._wrapper_1h1ke_1{padding:40px}._wrapper_1h1ke_1 form{margin-top:20px}._actions_1h1ke_9{display:flex;gap:30px;justify-content:space-between;padding-top:40px}._error_1h1ke_16{margin-top:10px;color:#dd2525}._wrapper_1kqa6_1{padding:40px}._emptyState_1kqa6_5{text-align:center;padding:60px 0 40px;color:#9f9f9f}._tabsWrapper_1kqa6_11{display:flex;flex-direction:column;margin-top:20px;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}._tabs_1kqa6_11{display:flex;justify-content:space-between}._tab_1kqa6_11{text-align:center;width:50%;background-color:#2b2b2b;padding:10px 10px 8px;border-bottom:3px solid transparent;transition:all .15s ease}._tab_1kqa6_11:hover{background-color:#252525}._tab_1kqa6_11._active_1kqa6_39{background-color:#1d1d1d;border-bottom:3px solid var(--primary-accent-color)}._songList_1kqa6_44{width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;overflow:hidden}._songList_1kqa6_44 span{color:#686868}._song_1kqa6_44{display:block;width:100%;font-family:var(--mono-font-family);transition:background-color .1s ease;position:relative}._delete_1kqa6_63{display:none;opacity:.5}._song_1kqa6_44 button:not(._delete_1kqa6_63){font-size:15px;padding:10px 40px 10px 15px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._song_1kqa6_44:hover ._delete_1kqa6_63{display:block;position:absolute;top:10px;right:10px}._song_1kqa6_44:hover ._delete_1kqa6_63 svg{fill:#e11010}._delete_1kqa6_63:hover{opacity:1}._song_1kqa6_44+._song_1kqa6_44{border-top:1px solid #434343}._song_1kqa6_44:hover,._song_1kqa6_44:nth-child(odd):hover{background-color:#434343;transition:background-color 50ms ease}._song_1kqa6_44:nth-child(odd){background-color:#353535}._song_1kqa6_44._selected_1kqa6_107{color:var(--primary-accent-color);background-color:#252525}._song_1kqa6_44._selected_1kqa6_107:hover{background-color:#232323}._pagination_1kqa6_116{margin-top:20px;display:flex;justify-content:space-between}._pagination_1kqa6_116 button{background-color:#232323;padding:10px 15px;border-radius:5px;font-family:var(--mono-font-family);font-size:12px;text-transform:uppercase}._pagination_1kqa6_116 button:hover{background-color:#1e1e1e}._pagination_1kqa6_116 button:disabled{opacity:.2}._importCaption_1kqa6_139{padding:20px 0;color:#9f9f9f}._textArea_1kqa6_144{width:100%;resize:none;appearance:none;background:#202020;border:1px solid #3e3e3e;color:#cacaca;padding:5px 10px;border-radius:5px;box-shadow:inset 0 1px 1px #0003;transition:border .1s ease;font-family:var(--mono-font-family)}._textArea_1kqa6_144:focus{transition:60ms ease;outline:none;border:1px solid var(--primary-accent-color)}._actions_1kqa6_164{display:flex;gap:30px;justify-content:space-between;padding-top:20px;margin-top:20px;border-top:1px solid #3e3e3e}._error_1kqa6_173{margin-top:20px;color:#dd2525}._wrapper_1cn3b_1{padding:40px}._caption_1cn3b_5{padding:20px 0;color:#9f9f9f}._textArea_1cn3b_10{width:100%;resize:none;appearance:none;background:#202020;border:1px solid #3e3e3e;color:#cacaca;padding:5px 10px;border-radius:5px;box-shadow:inset 0 1px 1px #0003;transition:border .1s ease;font-family:var(--mono-font-family)}._textArea_1cn3b_10:focus{transition:60ms ease;outline:none;border:1px solid var(--primary-accent-color)}._actions_1cn3b_30{display:flex;gap:30px;justify-content:space-between;padding-top:20px;margin-top:20px;border-top:1px solid #3e3e3e}._header_23s1n_1{display:flex;width:100%;height:min-content;align-items:center;justify-content:space-between;background-color:#171717;color:#b4b4b4;border-bottom:1px solid #303030}._logo_23s1n_12{display:flex;padding:5px 15px;align-items:center}._logo_23s1n_12 img{width:65px}._logo_23s1n_12 span{display:none;font-size:15px;line-height:1;padding-left:12px;white-space:nowrap}._menu_23s1n_30{display:flex}._button_23s1n_34{display:flex;align-items:center;gap:3px;font-family:var(--mono-font-family);text-transform:uppercase;font-weight:500;font-size:12px;padding:10px 15px;transition:all .15s cubic-bezier(.22,.73,.27,1)}._button_23s1n_34 span{display:none}._button_23s1n_34:hover{background:#0f0f0f;color:#fff}._button_23s1n_34 svg{width:17px;height:17px;fill:#b4b4b4}._button_23s1n_34:hover svg{fill:#fff}@media screen and (min-width: 500px){._menu_23s1n_30{padding:2px 5px}._button_23s1n_34{gap:7px;font-size:12px;padding:5px 16px;border-radius:7px}._button_23s1n_34 span{display:block}}@media screen and (min-width: 700px){._logo_23s1n_12 span{display:block}}._footer_1qvwv_1{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;padding:10px;width:100%;background-color:#333;color:#fff;align-self:end;border-top:1px solid #444444;--border-radius: 45px}._tempo_1qvwv_15{display:flex;align-items:stretch;position:relative}._tempo_1qvwv_15 button{font-size:20px;padding:5px 8px;background-color:#464646;color:#989898;transition:background-color .1s ease}._tempo_1qvwv_15 button:not([disabled]):hover{cursor:pointer;background-color:#545454}._tempo_1qvwv_15 button[disabled]{opacity:.2}._minus_1qvwv_38{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}._plus_1qvwv_43{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}._tempo_1qvwv_15 input{width:55px;appearance:none;padding:0 5px;background:#202020;color:#bcbcbc;border:none;text-align:center;font-size:14px}._synthSwitch_1qvwv_59{display:none;align-items:center;justify-content:space-around;margin:0 auto;width:100px;border:1px solid #434343;border-radius:var(--border-radius);position:relative;background-color:#0003}._synthSwitch_1qvwv_59 div{opacity:.3;transition:opacity .2s cubic-bezier(.22,.73,.27,1)}._synthSwitch_1qvwv_59:hover div:not(._isActive_1qvwv_76){opacity:.5}._synthSwitch_1qvwv_59 ._isActive_1qvwv_76{opacity:1;color:#fff}._synthSwitch_1qvwv_59 svg{width:20px;fill:currentColor}._synthSwitch_1qvwv_59 input{position:absolute;top:0;left:0;appearance:none;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}._synthSwitch_1qvwv_59:has(:focus-visible){outline:1px solid var(--primary-accent-color)}._synthSwitch_1qvwv_59:after{display:block;content:"";position:absolute;top:0;left:0;width:50%;height:100%;border:2px solid var(--primary-accent-color);border-radius:var(--border-radius);transition:all .2s cubic-bezier(.22,.73,.27,1)}._synthSwitch_1qvwv_59:has(input:checked):after{display:block;content:"";position:absolute;transform:translate(0);width:50%;height:100%}._synthSwitch_1qvwv_59:has(input:not(:checked)):after{transform:translate(100%)}._playButtons_1qvwv_132{display:flex;gap:10px;font-size:14px;justify-self:flex-end}._stopButton_1qvwv_139,._playToggle_1qvwv_140{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--border-radius);text-align:center;font-family:var(--mono-font-family);font-weight:500;text-transform:uppercase;transition:.2s background cubic-bezier(.22,.73,.27,1)}._stopButton_1qvwv_139{gap:10px;text-transform:uppercase;background-color:#960000;color:#d1d1d1}._stopButton_1qvwv_139:hover{background-color:#b20000;color:#fff}._playToggle_1qvwv_140{min-width:120px;background:#171717;color:var(--primary-accent-color)}._playToggle_1qvwv_140._isPlaying_1qvwv_171{background:#4f4f4f;color:#b9b9b9}._playToggle_1qvwv_140:hover{background:var(--primary-accent-color);color:#000;transition:80ms background cubic-bezier(.22,.73,.27,1)}._playToggle_1qvwv_140 svg,._stopButton_1qvwv_139 svg{fill:currentColor;flex-shrink:0}._playToggle_1qvwv_140:focus-visible{outline:2px solid #ffe1a0}@media screen and (min-width: 760px){._footer_1qvwv_1{padding:10px 15px}._tempo_1qvwv_15 button{font-size:18px;padding:5px 10px}._tempo_1qvwv_15 input{width:60px}._playToggle_1qvwv_140,._stopButton_1qvwv_139{gap:10px;padding:5px 15px}._playToggle_1qvwv_140 svg,._stopButton_1qvwv_139 svg{width:20px}._playToggle_1qvwv_140{min-width:160px}}@media screen and (min-width: 900px){._footer_1qvwv_1{grid-template-columns:repeat(3,1fr)}._synthSwitch_1qvwv_59{display:flex}}._wrapper_191d7_1{display:grid;width:100%;min-width:1000px;max-width:1200px;height:min-content;padding:20px;grid-template-columns:min-content repeat(16,1fr);grid-template-rows:min-content 1fr 1fr 1fr;gap:0 10px;margin:0 auto;justify-content:center;align-items:center;align-self:center;text-align:center;position:relative}._instrument_191d7_19{position:sticky;left:0;display:flex;align-items:center;justify-content:center;padding-right:10px;width:80px;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#ffffffb3;background:linear-gradient(to right,#2b2b2b,#2b2b2b 50%,transparent 100%)}._instrument_191d7_19 button{padding:20px}._instrument_191d7_19 svg{opacity:.5;transition:all 80ms ease-out,filter .3s ease}._instrument_191d7_19._active_191d7_43 svg{opacity:1;filter:drop-shadow(0 0 8px #ff00b3) drop-shadow(0 2px 1px black)}._instrument_191d7_19 button:hover svg{opacity:.7;filter:drop-shadow(0 0 15px #ff00dd)}._instrument_191d7_19._active_191d7_43 button:hover svg{opacity:1;filter:drop-shadow(0 0 15px #ff00dd) drop-shadow(0 0 15px #ff00dd) drop-shadow(0 2px 1px black)}._step_191d7_58{font-size:13px;color:#ffffffb3}._wrapper_191d7_1 input[type=checkbox]{display:block;appearance:none;width:100%;height:0;padding-top:100%;margin:0;cursor:pointer;background-color:#fff3;border-radius:5px;border-style:none;transition:background-color .1s ease-out;box-shadow:0 2px 4px #0000004d}._wrapper_191d7_1 input[type=checkbox]:hover{background-color:#ffffff80;transition-duration:0s}._wrapper_191d7_1 input[type=checkbox]:checked{background:radial-gradient(circle,#e6ddff,#bb9fe5 .5%,#8f559f 80%);background-size:200%;background-position:50% 0;transition:background-size 80ms linear}._wrapper_191d7_1 input[type=checkbox]:checked:hover,._activeStep_191d7_91 input[type=checkbox]:checked{background-size:20000%;transition-duration:10ms}._activeStep_191d7_91 input[type=checkbox]{background-color:#dadada99}._wrapper_1g2vw_1{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;--keys-width: 50px;--keys-height: 150px}._ctrls_1g2vw_13,._keys_1g2vw_14{display:none}._logo_1g2vw_18{position:absolute;top:65px;right:15px;width:200px;opacity:1}._speaker_1g2vw_26{position:absolute;top:15px;right:15px;width:140px;height:35px;border-radius:10px;background-image:radial-gradient(rgba(0,0,0,.4) 1px,transparent 0);background-size:3px 3px}._ctrls_1g2vw_13{padding:20px 20px 150px;margin-top:150px;justify-content:flex-start;gap:40px;background-color:#9c0000;background:linear-gradient(0deg,#5c0000,#800);position:relative;width:calc(var(--keys-width) * 16);height:260px;flex-shrink:0;border-radius:10px;box-shadow:0 2px 5px #0003,0 4px 8px #0003,0 6px 16px #00000080,0 8px 24px #0003}._wavePicker_1g2vw_54{display:flex;flex-direction:column;max-width:130px}._ctrlTitle_1g2vw_60{display:block;width:100%;text-transform:uppercase;letter-spacing:1px;color:#fadada;font-size:11px;text-shadow:0 1px 1px rgba(0,0,0,.4);margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.2)}._ctrls_1g2vw_13 datalist{display:flex;justify-content:space-between;font-size:8px;padding-top:2px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 0px rgba(0,0,0,.4)}._ctrls_1g2vw_13 input[type=range]{appearance:none;background:transparent}._ctrls_1g2vw_13 input[type=range]::-webkit-slider-thumb{appearance:none;height:14px;width:14px;border-radius:50%;background:linear-gradient(90deg,#919191,#c3c3c3);margin-top:-5px;box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 6px #0000001a;cursor:pointer}._ctrls_1g2vw_13 input[type=range]::-webkit-slider-runnable-track{height:5px;background:#0006;border-radius:2px;cursor:pointer}._ctrls_1g2vw_13 input[type=range]::-moz-range-thumb{appearance:none;height:14px;width:14px;border-radius:50%;background:linear-gradient(90deg,#919191,#c3c3c3);margin-top:-5px;box-shadow:0 1px 2px #0000001a;cursor:pointer}._ctrls_1g2vw_13 input[type=range]::-moz-range-track{height:5px;background:#0006;border-radius:2px;cursor:pointer}._octavePicker_1g2vw_126{width:150px}._octaveSelector_1g2vw_130{display:flex;flex-direction:row;gap:5px}._octaveSelector_1g2vw_130 button{cursor:pointer;background-color:#222020;width:30px;height:30px;flex-grow:0;align-self:center;text-align:center;color:#c5c5c5;border-radius:4px}._octaveSelector_1g2vw_130 button:hover{background-color:#353434}._currentOctave_1g2vw_152{font-size:23px;flex-shrink:0;text-align:center;background:#1b1b1b;padding:5px 15px;border-radius:4px;color:#00ad00;text-shadow:0 2px 0 black;-webkit-font-smoothing:none}._keys_1g2vw_14{position:relative;top:-150px;justify-content:center;gap:2px;background-color:#0009}._key_1g2vw_14{appearance:none;background-color:#fff;border:none;width:var(--keys-width);height:var(--keys-height);border-radius:0 0 5px 5px;position:relative}._black_1g2vw_184{border-top-left-radius:0;border-top-right-radius:0;background-color:#000;color:#fff;width:36px;height:90px;z-index:1;margin:0 -19px}._highlighted_1g2vw_195{background:#ffb11f;background:linear-gradient(0deg,#ffb11f,#9c6808)}@media screen and (min-width: 900px){._ctrls_1g2vw_13,._keys_1g2vw_14{display:flex}}._wrapper_ljb5b_1{width:100%;height:100%;overflow:scroll;position:relative}._timeMarker_ljb5b_8{width:1px;background-color:#fff;position:absolute;top:0;left:0;z-index:1;transition-property:transform;transition-timing-function:linear}._noteTable_ljb5b_19{table-layout:fixed;width:100%;height:100%;min-width:1800px;border-collapse:collapse}._noteTable_ljb5b_19 ._noteName_ljb5b_27{position:sticky;left:0;font-family:var(--mono-font-family);text-align:right;font-size:12px;padding:2px 10px;background-color:#1d1d1d;z-index:2}._noteName_ljb5b_27 span{opacity:.3;color:#fff;transition:opacity 80ms ease-out}._noteTable_ljb5b_19 tr:hover ._noteName_ljb5b_27 span{opacity:1}._noteTable_ljb5b_19 tr:nth-child(odd){background-color:#353535}._noteTable_ljb5b_19 td:not(._noteName_ljb5b_27){border:none;padding:0;box-shadow:1px 0 #202020}._noteTable_ljb5b_19 td:not(._noteName_ljb5b_27):nth-of-type(4n+1){box-shadow:1px 0 #505050}._noteTable_ljb5b_19 div{display:flex;position:relative;align-items:center;padding:1px 5px;font-family:var(--mono-font-family);color:#000;font-size:11px;width:100%;height:100%;background:var(--primary-accent-color);border-radius:4px;transition:background .1s ease;box-shadow:0 2px 2px #0003,0 2px 4px #0003;cursor:pointer;opacity:0}._noteTable_ljb5b_19 td:hover div,._noteTable_ljb5b_19 div._highlight_ljb5b_81{background:#ffc56d;transition:background 0 ease}._noteTable_ljb5b_19 div._visible_ljb5b_86{opacity:1;z-index:1}._noteTable_ljb5b_19 div._visible_ljb5b_86:hover{cursor:pointer;cursor:grab}._noteTable_ljb5b_19 div._visible_ljb5b_86._grabbing_ljb5b_96{cursor:move;cursor:grabbing}._noteTable_ljb5b_19 div._resizing_ljb5b_101{cursor:ew-resize}._noteTable_ljb5b_19 div._visible_ljb5b_86._resizing_ljb5b_101{z-index:0}._noteTable_ljb5b_19 ._lengthHandle_ljb5b_111{display:flex;position:absolute;top:0;right:0;width:20px;height:100%;z-index:1;cursor:ew-resize;opacity:1;padding:2px;justify-content:flex-end}._noteTable_ljb5b_19 ._lengthHandle_ljb5b_111:after{content:"";display:block;width:60%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.191) 1px,transparent 0);background-size:4px 4px;border-top-right-radius:3px;border-bottom-right-radius:3px}._wrapper_uqitt_1{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}._wrapper_13acn_1{padding:20px;min-width:200px}._wrapper_13acn_1>div+div{margin-top:25px}._wrapper_13acn_1 fieldset{display:flex;flex-direction:column;appearance:none;border:0;padding:0}._wrapper_13acn_1 ._optionTitle_13acn_18{font-family:var(--mono-font-family);text-transform:uppercase;font-size:11px;margin-bottom:10px;font-weight:400}._kits_13acn_26{padding:3px;background-color:#0000004d;border-radius:8px}._kits_13acn_26:has(:focus-visible){outline:1px solid var(--primary-accent-color)}._radioContainer_13acn_36{display:flex;gap:10px;align-items:center;font-family:var(--mono-font-family);text-transform:uppercase;position:relative;font-size:13px;padding:8px 15px;border-radius:4px;color:#797979;transition:all .1s cubic-bezier(.22,.73,.27,1)}._radioContainer_13acn_36:hover{color:#fff}._radioContainer_13acn_36._isSelected_13acn_54{color:var(--primary-accent-color);background-color:#303030}._radioContainer_13acn_36 svg{width:15px}._radio_13acn_36{position:absolute;top:0;left:0;appearance:none;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}._wrapper_px613_1{padding:20px;min-width:200px}._wrapper_px613_1>div+div{margin-top:25px}._wrapper_px613_1 fieldset{display:flex;flex-direction:column;appearance:none;border:0;padding:0}._wrapper_px613_1 ._optionTitle_px613_18{font-family:var(--mono-font-family);text-transform:uppercase;font-size:11px;margin-bottom:10px;font-weight:400}._waves_px613_26{padding:3px;background-color:#0000004d;border-radius:8px}._waves_px613_26:has(:focus-visible){outline:1px solid var(--primary-accent-color)}._radioContainer_px613_36{display:flex;gap:10px;align-items:center;font-family:var(--mono-font-family);text-transform:uppercase;position:relative;font-size:13px;padding:8px 15px;border-radius:4px;color:#797979;transition:all .1s cubic-bezier(.22,.73,.27,1)}._radioContainer_px613_36:hover{color:#fff}._radioContainer_px613_36._isSelected_px613_54{color:var(--primary-accent-color);background-color:#303030}._radioContainer_px613_36 svg{width:15px}._radio_px613_36{position:absolute;top:0;left:0;appearance:none;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}._slider_px613_75{background:transparent}._slider_px613_75::-webkit-slider-thumb{appearance:none;height:14px;width:14px;border-radius:50%;background:var(--primary-accent-color);cursor:pointer;border:2px solid #121212}._slider_px613_75::-webkit-slider-runnable-track{height:14px;background:#121212;cursor:pointer;border-radius:8px}._slider_px613_75::-moz-range-thumb{appearance:none;height:14px;width:14px;border-radius:50%;background:var(--primary-accent-color);cursor:pointer;border:2px solid #121212}._slider_px613_75::-moz-range-track{height:14px;background:#121212;cursor:pointer;border-radius:8px}._instrument_xc0c0_1{display:flex;height:50%;position:relative;overflow:hidden;overflow-x:scroll;--sidebar-size: 60px}._drums_xc0c0_11{background:#2b2b2b}._synth_xc0c0_15{background:#202020}._sidebar_xc0c0_19{display:none;z-index:11}._sidebar_xc0c0_19 ._settingsToggle_xc0c0_24{opacity:.6;transition:opacity .2s ease,transform .25s cubic-bezier(.22,.73,.27,1)}._sidebar_xc0c0_19 ._settingsToggle_xc0c0_24:hover,._sidebar_xc0c0_19 ._settingsToggle_xc0c0_24._open_xc0c0_30{transition:opacity 50ms ease,transform .25s cubic-bezier(.22,.73,.27,1);opacity:1}._sidebar_xc0c0_19 ._settingsToggle_xc0c0_24._open_xc0c0_30{transform:rotate(90deg)}._settingsPanel_xc0c0_39{position:absolute;top:0;left:var(--sidebar-size);transform:translate(-50%);width:210px;height:100%;background-color:#1c1c1ccc;color:#ddd;border-left:1px solid rgba(255,255,255,.1);opacity:0;pointer-events:none;z-index:10;transition:opacity .15s ease,transform .25s cubic-bezier(.22,.73,.27,1);overflow:auto}._settingsPanel_xc0c0_39._open_xc0c0_30{opacity:1;pointer-events:all;transform:translate(0)}@media screen and (min-width: 760px){._instrument_xc0c0_1{padding-left:var(--sidebar-size)}._sidebar_xc0c0_19{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:var(--sidebar-size);height:100%;overflow:hidden;padding:20px 0}._drums_xc0c0_11 ._sidebar_xc0c0_19{background:#222}._synth_xc0c0_15 ._sidebar_xc0c0_19{background:#1c1c1c}._sidebar_xc0c0_19 ._sidebarTitle_xc0c0_90{display:none;font-family:var(--mono-font-family);text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:300;transform:rotate(-90deg);height:30px;color:#7c7c7c;margin-bottom:40px;margin-top:40px;font-weight:500;padding:6px 20px;border:1px solid #434343;border-radius:30px}}@media screen and (min-height: 840px){._sidebar_xc0c0_19 ._sidebarTitle_xc0c0_90{display:block}}._wrapper_d594r_1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;--button-size: 30px}._sequence_d594r_11{display:flex;flex-direction:column-reverse;gap:4px;border:1px solid #434343;border-radius:var(--button-size)}._sequenceIndex_d594r_19{display:flex;align-items:center;justify-content:center;color:#7c7c7c;border-radius:50%;width:var(--button-size);height:var(--button-size);font-family:var(--mono-font-family);font-weight:600;font-size:12px;transition:color .1s cubic-bezier(.22,.73,.27,1);border:3px solid transparent}._sequenceIndex_d594r_19:hover{color:#c2c2c2}._sequenceIndex_d594r_19._isActive_d594r_38{background-color:var(--primary-accent-color);color:#000;border:3px solid #212121}._sequenceIndex_d594r_19._willActivateNext_d594r_44{border:3px solid #212121;animation:_pulse_d594r_1 .4s ease infinite}@keyframes _pulse_d594r_1{0%{background-color:transparent}50%{color:#000;background-color:#5b5b5b}to{background-color:transparent}}._autoplayToggle_d594r_64{display:flex;align-items:center;justify-content:center;width:var(--button-size);height:var(--button-size);border-radius:var(--button-size);border:1px solid #434343;color:#7c7c7c}._autoplayToggle_d594r_64 svg{width:18px;height:18px;fill:currentColor}._autoplayToggle_d594r_64:hover{color:#c2c2c2}._autoplayToggle_d594r_64._isActive_d594r_38{color:var(--primary-accent-color);border:1px solid var(--primary-accent-color)}._wrapper_68470_1{height:100%;display:grid;align-content:stretch;grid-template-rows:min-content auto min-content}._body_68470_8{overflow-x:scroll;place-content:center}._loading_68470_13{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:999;background-color:#202020}._loading_68470_13 img{width:100px}