._waveform_1f7p0_1{flex:1;height:100%;min-height:200px}._waveform_1f7p0_1 div#_waveform_1f7p0_1{height:100%}@media (max-width: 716px){._waveform_1f7p0_1{min-height:180px}}._header_1b01i_1{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:baseline}._title_1b01i_8,._version_1b01i_9{display:flex;flex-direction:column}._title_1b01i_8{text-transform:uppercase;align-items:flex-start}._name_1b01i_19,._company_1b01i_24{display:flex;align-items:baseline}._version_1b01i_9{display:flex;flex-direction:column;align-items:flex-end}._version_1b01i_9 a{line-height:1;padding-top:8px}._buttons_1b01i_39{display:flex;gap:1rem}@media (max-width: 716px){._header_1b01i_1{margin:.5rem 1rem}._name_1b01i_19 h3{text-align:left;font-size:1rem;font-weight:600}}._container_ikfyl_1{display:flex;justify-content:center;align-items:flex-start;width:100vw;height:100vh;top:0;left:0;position:fixed;z-index:1000}._overlay_ikfyl_14{position:fixed;z-index:1001;top:0;left:0;right:0;bottom:0;background-color:#00000080}._modal_ikfyl_24{background:#171717;box-shadow:0 0 10px #00000080;max-width:85vw;max-height:85vh;width:fit-content;position:relative;z-index:1002;top:4rem}@media (max-width: 901px){._modal_ikfyl_24{max-width:100vw;height:85vh;width:100vw;top:57px;display:flex;justify-content:center}}._tutorial_14npb_1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:500px;max-width:85vw}._header_14npb_10{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2rem;height:fit-content}._header_14npb_10 h3{text-align:left;margin:0}._scroll_14npb_23{width:100%;height:600px;overflow-x:hidden;overflow-y:auto}._features_14npb_30{display:flex;flex-direction:column;justify-content:center;gap:1rem;width:100%;padding-bottom:2rem}._feature_14npb_30{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;padding:0 2rem}._feature_14npb_30 img{max-width:100%;padding-top:4rem}._feature_14npb_30:first-child img{padding-top:0}._feature_14npb_30 ._text_14npb_54{margin:0;text-align:left;width:100%}._controls_14npb_60{display:flex;width:fit-content}._controls_14npb_60 button{flex:1}._controls_14npb_60 ._count_14npb_67{width:64px;display:flex;align-items:center;justify-content:center;border-top:1px solid #868686;border-bottom:1px solid #868686}@media (max-width: 901px){._tutorial_14npb_1{width:100%;max-width:100vw}._scroll_14npb_23{height:calc(100% - 130px)}._features_14npb_30{flex-direction:column}._features_14npb_30 p{width:100%}._controls_14npb_60 ._count_14npb_67{border:1px solid #868686}}._button_1bzys_1{display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;border:1px solid #868686;cursor:pointer;font-size:1rem;height:42px;transition:all .2s ease-in-out}._button_1bzys_1._square_1bzys_13{padding:8px;width:42px;min-width:42px}._button_1bzys_1._fullWidth_1bzys_18{width:100%}._button_1bzys_1._small_1bzys_21{min-width:32px;height:32px;padding:.125rem .25rem;font-size:.75rem}._button_1bzys_1._active_1bzys_27{background-color:#868686;box-shadow:inset 0 0 0 2px #171717}._button_1bzys_1:hover:not(:disabled){background-color:#868686}._button_1bzys_1:disabled{cursor:not-allowed;background-color:#86868640}._button_1bzys_1:disabled svg path,._button_1bzys_1:disabled svg rect{stroke:#868686}._button_1bzys_1:disabled ._text_1bzys_42{color:#868686}._button_1bzys_1:active{background-color:#d9d9d9}._button_1bzys_1:active ._text_1bzys_42{color:#171717}._button_1bzys_1:active svg{fill:#171717}._text_1bzys_42{color:#d9d9d9;text-transform:uppercase}@media (max-width: 716px){._button_1bzys_1{height:52px;min-width:48px;border:0;border-right:1px solid #868686}._button_1bzys_1._square_1bzys_13{min-width:48px}._button_1bzys_1:last-child{border-right:0}}._loadingWrapper_17ex9_1{display:flex;align-items:center;justify-content:center;gap:.5rem}._padArrayWrapper_17ex9_8{display:flex;align-items:center;justify-content:center;border:1px solid #868686;border-top:none;min-height:183px}@media (max-width: 716px){._padArrayWrapper_17ex9_8{height:100%;min-height:128px;border:0;border-bottom:1px solid #868686}}._app_1496z_1{display:flex;align-items:center;min-height:100vh}._main_1496z_7{width:860px;margin:0 auto;padding:1rem;text-align:center;border:1px solid #868686;transition:width .15s ease-in}._container_1496z_16,._waveformControlsWrapper_1496z_21{display:flex;flex-direction:column}._waveformContainer_1496z_26{flex:1;border:1px solid #868686;display:flex;align-items:center;justify-content:center;min-height:200px}input[type=number]:disabled,input[type=text]:disabled,button:disabled{background-color:gray;color:#a9a9a9;cursor:not-allowed}@media (max-width: 901px){._main_1496z_7{padding:1rem}}@media (max-width: 716px){._app_1496z_1{align-items:flex-start;overflow-x:hidden}._main_1496z_7{padding:0;width:100%;border:0}._waveformContainer_1496z_26{height:180px;min-height:180px;border:0;border-bottom:1px solid #868686}._container_1496z_16{margin:8px 0}}._sampleControls_uo82u_1{width:100%;border:1px solid #868686;border-bottom:none;display:flex;position:relative;z-index:11}._dropdownsWrapper_uo82u_10{display:flex;align-items:center;flex:1}._dropdowns_uo82u_10{flex:1;padding:1rem;display:flex;gap:1rem}._buttons_uo82u_23{display:flex;padding:1rem;gap:1rem}._buttonGroup_uo82u_29{display:flex}._buttonGroup_uo82u_29 button{flex:1;border:1px solid #868686}._buttonGroup_uo82u_29 button:not(:last-child){border-right:none}._generateButtons_uo82u_42{display:flex;gap:1rem}._generateButtons_uo82u_42 button:nth-child(2){flex:1}._history_uo82u_50{display:flex}._history_uo82u_50 button{flex:1}._history_uo82u_50 ._count_uo82u_56{width:64px;display:flex;align-items:center;justify-content:center;border-top:1px solid #868686;border-bottom:1px solid #868686}@media (max-width: 716px){._buttonGroup_uo82u_29{padding:0;gap:0}._buttonGroup_uo82u_29 button{border:none}._buttonGroup_uo82u_29 button:not(:last-child){border-right:1px solid #868686}._buttonGroup_uo82u_29 button:last-child{border-right:1px solid #868686}._sampleControls_uo82u_1{flex-direction:column;border-left:0;border-right:0}._dropdownsWrapper_uo82u_10{border:0;border-bottom:1px solid #868686}._dropdowns_uo82u_10,._buttons_uo82u_23{padding:0;gap:0}._dropdowns_uo82u_10{border-right:1px solid #868686}._dropdowns_uo82u_10 ._dropdown_uo82u_10{flex:1}._buttons_uo82u_23{border-bottom:1px solid #868686}._generateButtons_uo82u_42{gap:0;flex:1;border-right:1px solid #868686}._generateButtons_uo82u_42 button:first-child{flex:1}._history_uo82u_50 ._count_uo82u_56{border:0;border-right:1px solid #868686}}._dropdown_1sb89_1{position:relative;width:100%;color:#d9d9d9}._button_1sb89_7{display:flex;justify-content:space-between;font-size:1rem;align-items:center;padding:.5rem 1rem;border:1px solid #868686;cursor:pointer;transition:background-color .15s ease-in;height:42px}._button_1sb89_7:hover{background-color:#868686}._button_1sb89_7._open_1sb89_21{background-color:#d9d9d9;color:#171717}._selected_1sb89_26{text-overflow:ellipsis;overflow:hidden;height:24px;text-align:left;display:flex;align-items:center}._options_1sb89_35{position:absolute;left:50%;width:100%;transform:translate(-50%);max-height:240px;overflow-y:auto;border:1px solid #868686;border-top:none;border-bottom-left-radius:2px;border-bottom-right-radius:2px;background-color:#171717;box-shadow:0 0 10px #00000080}._option_1sb89_35{display:flex;justify-content:space-between;align-items:center;font-size:.84rem;padding:.5rem 1rem;cursor:pointer;text-align:left}._option_1sb89_35:hover{outline:1px solid #868686}@media (max-width: 716px){._dropdown_1sb89_1:first-child{border-right:1px solid #868686}._button_1sb89_7{height:52px;border:0}._options_1sb89_35{max-height:80vh}._option_1sb89_35{height:52px}}._pad_13mlj_1{width:calc(25% - 12px);border-width:1px;border-style:solid;cursor:pointer;padding:1rem;border-color:inherit;display:flex;flex-direction:column;height:70px}._top_13mlj_13{display:flex;justify-content:space-between;align-items:baseline;width:100%}._note_13mlj_20,._lock_13mlj_21,._shortcut_13mlj_22{display:flex;align-items:center}._note_13mlj_20{display:flex;flex-direction:column;align-items:baseline}._label_13mlj_33{font-size:.84rem;font-weight:400;color:#868686;text-transform:uppercase;text-align:left}._shortcut_13mlj_22{color:#868686;font-size:.84rem}@media (max-width: 716px){._pad_13mlj_1{width:25%;min-height:64px;height:10vh;padding:.5rem;border:1px solid #868686;border-top:0;font-weight:600}._pad_13mlj_1:first-child,._pad_13mlj_1:nth-child(5){border-left:0}._pad_13mlj_1:not(last-child){border-right:0}._label_13mlj_33{font-size:.714rem;font-weight:600}._shortcut_13mlj_22{display:none}}._padArray_1nfjo_1{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border:1px solid #868686;border-top:none;-webkit-user-select:none;user-select:none;width:100%}@media (max-width: 901px){._padArray_1nfjo_1{width:100%}}@media (max-width: 716px){._padArray_1nfjo_1{padding:0;gap:0;border:0;flex:1}}._bottomControls_1o4fa_1{width:100%;border:1px solid #868686;border-top:none;display:flex;position:relative;z-index:10;justify-content:space-between;align-items:center}._playbackVolume_1o4fa_12{display:flex;align-items:center}._download_1o4fa_17,._playback_1o4fa_12{display:flex;gap:1rem;padding:1rem}._download_1o4fa_17 button,._playback_1o4fa_12 button{flex:1}._playback_1o4fa_12{padding-left:0}._downloadBpm_1o4fa_32{display:flex;flex:1}._download_1o4fa_17{flex:1;border-left:1px solid #868686}._bpm_1o4fa_42{display:flex;align-items:center;padding:1rem;border-left:1px solid #868686}@media (max-width: 716px){._bottomControls_1o4fa_1{flex-direction:column;border-left:0;border-right:0}._playbackVolume_1o4fa_12{width:100%}._download_1o4fa_17,._playback_1o4fa_12,._playbackVolume_1o4fa_12,._downloadBpm_1o4fa_32{padding:0;gap:0;width:100%;border-left:0;border-right:0;flex:1}._playback_1o4fa_12{border-left:1px solid #868686;width:50%}._download_1o4fa_17{border-top:1px solid #868686}._volume_1o4fa_76{padding:.5rem 1rem}._bpm_1o4fa_42{padding:0;border:0;border-right:1px solid #868686;border-top:1px solid #868686}._bpm_1o4fa_42 input{height:100%;border-top:0;border-bottom:0;border-left:0}}._volume_1oora_1{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;color:#868686;height:70px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;flex:1;cursor:pointer;padding:0;height:1.5rem;border:none;width:106px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{border:1px solid #868686;border-width:1px;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.75rem;background-color:#171717;border:1px solid #d9d9d9;height:1.5rem;width:.5rem}input[type=range]::-webkit-slider-thumb:hover{background-color:#868686}input[type=range]:focus::-webkit-slider-thumb{background-color:#d9d9d9}input[type=range]::-moz-range-track{border:1px solid #868686;border-width:1px;height:1px}input[type=range]::-moz-range-thumb{border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-.75rem;background-color:#171717;border:1px solid #d9d9d9;height:1.5rem;width:.5rem}input[type=range]::-moz-range-thumb:hover{background-color:#868686}@media (max-width: 716px){._volume_1oora_1{min-width:50%;padding:0 .5rem;height:52px}}._input_4n5hz_1{border:1px solid #868686;height:42px;width:60px}._input_4n5hz_1::-webkit-outer-spin-button,._input_4n5hz_1::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_4n5hz_1[type=number]{-moz-appearance:textfield}._drumControls_1stvo_1{display:flex;border:1px solid #868686;border-top:none;-webkit-user-select:none;user-select:none}._generate_1stvo_8{flex:1;padding:1rem;border-left:1px solid #868686}@media (max-width: 716px){._drumControls_1stvo_1,._generate_1stvo_8{padding:0;gap:0;border-top:0;border-left:0;border-right:0;flex:1}._generate_1stvo_8{border-left:1px solid #868686;width:50%}}._login_br7l2_1{display:flex;align-items:center;justify-content:center;padding:2rem;border:1px solid #868686;min-height:500px;min-width:500px}._loginWrapper_br7l2_11{display:flex;flex-direction:column;gap:2rem}._form_br7l2_17{display:flex;flex-direction:column;gap:1rem}._form_br7l2_17 label{font-size:.84rem;text-transform:uppercase}._form_br7l2_17 button{margin-top:1rem}._formGroup_br7l2_30{display:flex;flex-direction:column;gap:.25rem}._error_br7l2_36{color:#dc396f;font-size:.84rem}@media (max-width: 901px){._login_br7l2_1{padding:1rem;min-width:100vw;min-height:400px;width:fit-content;border:0}}._errors_j9jax_1{position:fixed;bottom:0;right:0;left:0;background-color:red;text-align:left;list-style:none;padding:0;margin:0;color:#fff;font-size:16px;font-weight:700;font-family:Courier New,Courier,monospace;z-index:9999}._errors_j9jax_1 a{color:#fff;text-decoration:underline;cursor:pointer}:root{font-family:Chivo Mono,monospace;line-height:1.5;font-weight:400;font-size:14px;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#171717}*{box-sizing:border-box}html,body{margin:0;padding:0}a{text-decoration:none;color:#9866ee}button{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background-color:transparent;border:none;cursor:pointer;margin:0}h3{line-height:1;font-size:1.25rem;margin:0}input{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background-color:#171717;border:1px solid #868686;height:42px;padding:0 1rem}label{color:#868686}svg{fill:#d9d9d9}._appRoot_191hx_65{background-color:#171717}@media (max-width: 716px){:root{font-size:14px}h2{font-size:1.25rem}}