._knobWrapper_19ycs_1{display:flex;flex-direction:column;color:#1e9f7e;font-weight:700}._knobWrapper_19ycs_1 label{display:flex;flex-direction:column;color:#1e9f7e}._knobWrapper_19ycs_1 label input{outline:none;display:block;background:transparent;color:#1e9f7e;margin:0;padding:.5rem;text-align:center;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:textfield}._knobWrapper_19ycs_1 label input:focus{border:1px solid #1e9f7e;color:#aaeed6}._knobWrapper_19ycs_1 label ._svgWrapper_19ycs_28 svg{width:5rem;height:5rem;display:block;margin:auto}._knobWrapper_19ycs_1 label ._svgWrapper_19ycs_28 svg path{fill:#0000;stroke-width:12;stroke:#1e9f7e}._knobWrapper_19ycs_1 label ._svgWrapper_19ycs_28 svg path:first-of-type{stroke:#dffaf0}._buttonBase_j4e6s_1{cursor:pointer}._controls_jifr1_1{display:flex;width:100%;align-items:center;flex-wrap:wrap;padding-bottom:2rem}._controls_jifr1_1 ul{padding:0;display:flex;margin-left:auto;flex-wrap:wrap}._controls_jifr1_1 ul li{list-style:none;margin:0;width:12rem;padding:1rem}._controls_jifr1_1 aside{display:flex;flex:1;flex-direction:column;align-self:flex-start}._controls_jifr1_1 aside label{display:block}._controls_jifr1_1 aside label input{margin-right:1rem}._controls_jifr1_1 ._smile_jifr1_32{background-color:#f0c03f;padding:0;display:flex;align-items:center;border-radius:4rem;width:8rem;height:8rem;margin:auto}._controls_jifr1_1 ._smile_jifr1_32._waiting_jifr1_42{background-color:#d0303d}._controls_jifr1_1 ._smile_jifr1_32 svg{width:8rem;height:8rem}._controls_jifr1_1 ._smile_jifr1_32 svg path{stroke:#161616;color:#161616}._select_11j3b_1,._select_11j3b_1 select,._select_11j3b_1 option{font-size:1.6rem;color:#43bb99;background-color:transparent}._select_11j3b_1 select{margin-left:1rem;border:1px solid #79d8b9}._select_11j3b_1 select option{background-color:#161616}._scaleSelector_11j3b_15,._scaleSelector_11j3b_15 select,._scaleSelector_11j3b_15 option{font-size:1.6rem;color:#43bb99;background-color:transparent}._scaleSelector_11j3b_15 select{margin-left:1rem;border:1px solid #79d8b9}._scaleSelector_11j3b_15 select option{background-color:#161616}._select_4aecl_1,._select_4aecl_1 select,._select_4aecl_1 option{font-size:1.6rem;color:#43bb99;background-color:transparent}._select_4aecl_1 select{margin-left:1rem;border:1px solid #79d8b9}._select_4aecl_1 select option{background-color:#161616}._outputSelector_4aecl_15,._outputSelector_4aecl_15 select,._outputSelector_4aecl_15 option{font-size:1.6rem;color:#43bb99;background-color:transparent}._outputSelector_4aecl_15 select{margin-left:1rem;border:1px solid #79d8b9}._outputSelector_4aecl_15 select option{background-color:#161616}._sequencerFooter_17plz_1{display:flex}._sequencerFooter_17plz_1 label:last-of-type{margin-left:auto}._header_exp9m_1{border:none;background-color:transparent;color:#43bb99;font-size:2rem;line-height:2rem;font-weight:700}button._header_exp9m_1{width:1.4rem;height:1.4rem}button._header_exp9m_1 svg{width:100%;height:100%}button._header_exp9m_1._download_exp9m_17{width:2.2rem;height:2.2rem}._toolbar_exp9m_21{display:flex;flex-direction:row-reverse}._toolbar_exp9m_21 li{list-style:none;padding:.5rem}._pianoRoll_1lyxw_1{display:flex;flex-direction:column-reverse;margin-bottom:1rem;position:relative;overflow:visible}._key_1lyxw_8{height:1rem;border:none;border-bottom:1px solid #6f6f6f;position:relative}._key_1lyxw_8._white_1lyxw_14:before,._key_1lyxw_8._black_1lyxw_15:before{content:" ";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}._key_1lyxw_8._white_1lyxw_14:before{background-color:#e0e0e0b3}._key_1lyxw_8._black_1lyxw_15:before{background-color:#262626b3}._key_1lyxw_8._active_1lyxw_30:nth-of-type(1):before{content:"C"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(2):before{content:"C#"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(3):before{content:"D"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(4):before{content:"D#"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(5):before{content:"E"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(6):before{content:"F"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(7):before{content:"F#"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(8):before{content:"G"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(9):before{content:"G#"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(10):before{content:"A"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(11):before{content:"A#"}._key_1lyxw_8._active_1lyxw_30:nth-of-type(12):before{content:"B"}._key_1lyxw_8._active_1lyxw_30:before{box-shadow:inset 0 0 4px #1c3f3480;background-color:#79d8b980;border-radius:4px;position:absolute;font-size:.8rem;color:#ebf5fe;font-weight:700;width:80%;height:100%;left:0;top:0;z-index:2}._key_1lyxw_8._active_1lyxw_30._accent_1lyxw_80:before{background-color:#79d8b9e6}._key_1lyxw_8._active_1lyxw_30._slide_1lyxw_83:before{width:120%}._key_1lyxw_8._canEdit_1lyxw_86{cursor:pointer}._key_1lyxw_8._cannotEdit_1lyxw_89{cursor:not-allowed}._key_1lyxw_8._inkey_1lyxw_92{background-color:#d0a12380}._pattern_bz87e_1{padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:nowrap}._pattern_bz87e_1 li{list-style:none;padding:0;margin:0;text-align:center}._pattern_bz87e_1 ._step_bz87e_14{flex:2;border:1px solid #c6c6c6;background-color:#161616}._pattern_bz87e_1 ._step_bz87e_14._active_bz87e_19{border:1px solid #1a71bf;box-shadow:inset 0 0 5px #1a71bf}._pattern_bz87e_1 ._step_bz87e_14:first-of-type{flex:1}._pattern_bz87e_1 ._step_bz87e_14 ._canEdit_bz87e_26{cursor:pointer}._pattern_bz87e_1 ._step_bz87e_14 ._cell_bz87e_29{height:1.4rem;line-height:1.4rem;border-bottom:1px solid rgba(198,198,198,.5);position:relative}._pattern_bz87e_1 ._step_bz87e_14 ._cell_bz87e_29:before{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}._pattern_bz87e_1 ._step_bz87e_14 ._cell_bz87e_29._slide_bz87e_44:before{box-shadow:inset 0 0 4px #4a361480;background-color:#8c6a14cc}._pattern_bz87e_1 ._step_bz87e_14 ._cell_bz87e_29._accent_bz87e_48:before{box-shadow:inset 0 0 4px #6c1c2180;background-color:#d0303dcc}._pattern_bz87e_1 ._step_bz87e_14 ._cell_bz87e_29._octaveUp_bz87e_52:before{content:"U";box-shadow:inset 0 0 4px #093a6b80;background-color:#1a71bfcc}._pattern_bz87e_1 ._step_bz87e_14 ._cell_bz87e_29._octaveDown_bz87e_57:before{content:"D";box-shadow:inset 0 0 4px #1b411f80;background-color:#148126cc}._playControls_1r7b1_1{display:flex}._playControls_1r7b1_1 button{min-width:8rem;margin-right:1rem;line-height:3rem;height:3rem;margin-top:auto;margin-bottom:auto;background-color:#1c3f34;border:1px solid #152a23;border-radius:4px;color:#aaeed6;box-shadow:inset 0 0 4px #152a23e6}._synthControls_evr4f_1{display:flex}._synthControls_evr4f_1 label{font-weight:700}._synthControls_evr4f_1 li{padding:0;margin:0;list-style:none;margin-left:.5rem}._select_1wt1l_1,._select_1wt1l_1 select,._select_1wt1l_1 option{font-size:1.6rem;color:#43bb99;background-color:transparent}._select_1wt1l_1 select{margin-left:1rem;border:1px solid #79d8b9}._select_1wt1l_1 select option{background-color:#161616}._channelSelector_1wt1l_15,._channelSelector_1wt1l_15 select,._channelSelector_1wt1l_15 option{font-size:1.6rem;color:#43bb99;background-color:transparent}._channelSelector_1wt1l_15 select{margin-left:1rem;border:1px solid #79d8b9}._channelSelector_1wt1l_15 select option{background-color:#161616}._controls_1jv1s_1{display:flex}._controls_1jv1s_1 aside{margin-left:auto}._sequencer_vwix6_1{flex:0 0 100%;margin-bottom:1rem}._sequencer_vwix6_1 header{display:flex}._sequencer_vwix6_1 header aside{margin-left:auto}._sequencer_vwix6_1 main{margin-top:1rem;margin-bottom:1rem;position:relative;overflow:auto;height:20rem}._sequencer_vwix6_1 main div{width:100%;min-width:60rem;position:absolute}._sequencer_vwix6_1 footer{display:flex;flex-direction:column}._sequencer_vwix6_1 footer section{margin-bottom:1rem}._about_1wqgh_1{flex:0 0 100%;padding:2rem;color:#79d8b9}._about_1wqgh_1 header,._about_1wqgh_1 h1,._about_1wqgh_1 h2,._about_1wqgh_1 h3,._about_1wqgh_1 h4{font-weight:700;font-size:2rem;margin:auto;margin-bottom:1rem;max-width:40rem}._about_1wqgh_1 main{display:flex;flex-direction:column;margin:auto;max-width:40rem}._about_1wqgh_1 a{color:#157e63;font-weight:700}._about_1wqgh_1 p{margin-bottom:1rem}._about_1wqgh_1 ul{display:block;padding-left:1rem}._about_1wqgh_1 ul li{text-align:left;list-style:circle;padding-left:1rem}._header_1v45w_1{font-size:1.6rem;font-weight:700;color:#157e63}._list_1v45w_6{padding:1rem;margin:0}._list_1v45w_6 li{color:#1e9f7e;list-style:none;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #79d8b9}._list_1v45w_6 li main{font-weight:700;font-size:1.2rem}._list_1v45w_6 li header{display:flex;justify-content:right}._list_1v45w_6 li header button{background-color:transparent;margin:.5rem;border:none}._list_1v45w_6 li header button svg{width:2rem;height:2rem;fill:#43bb99;stroke:#43bb99}._list_1v45w_6 li header button._delete_1v45w_36 svg{fill:#9d222c;stroke:#9d222c}._main_9zuia_1{display:flex;flex-wrap:wrap}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/comfortaa/v46/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4TbMPrQ.ttf) format("truetype")}@font-face{font-family:Comfortaa;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/comfortaa/v46/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMPrQ.ttf) format("truetype")}@font-face{font-family:Comfortaa;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/comfortaa/v46/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4VrMPrQ.ttf) format("truetype")}@font-face{font-family:Comfortaa;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/comfortaa/v46/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4bbLPrQ.ttf) format("truetype")}@font-face{font-family:Comfortaa;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/comfortaa/v46/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4Y_LPrQ.ttf) format("truetype")}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Comfortaa,cursive;line-height:1.4rem;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:1rem;margin:0;padding:0}:root{color-scheme:dark;background-color:#161616;color:#f4f4f4}#root{display:flex;flex-direction:row;padding:0;align-items:flex-start}#root .storedPatterns{min-width:20rem;max-height:100vh;overflow:auto;padding:1rem}#root .mainPart{padding:1rem}