@keyframes CircleButton_shimmer___6uaM{0%{background-position:-1200px 0}to{background-position:1200px 0}}.CircleButton_container__LXjzX{align-items:center;border-radius:50%;color:#e0e0e0;cursor:not-allowed;display:flex;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:background-color .25s ease-out;background-color:#404349}@media(min-width:577px){.CircleButton_container__LXjzX:hover{background-color:#36373c}}.CircleButton_container__LXjzX .CircleButton_icon__RJs9r{color:#e0e0e0;margin:auto}.CircleButton_container__LXjzX.CircleButton_enabled__m_QG_{cursor:pointer;opacity:1}.CircleButton_container__LXjzX.CircleButton_enabled__m_QG_ .CircleButton_icon__RJs9r{color:#fff;transition:color .25s ease-out}.CircleButton_container__LXjzX.CircleButton_small__JhVwb{height:44px;width:44px}.CircleButton_container__LXjzX.CircleButton_small__JhVwb .CircleButton_icon__RJs9r{height:20px;width:20px}.CircleButton_container__LXjzX.CircleButton_medium__g9IdS{height:40px;width:40px}.CircleButton_container__LXjzX.CircleButton_medium__g9IdS svg{transform:scale(.85)}@media(min-width:1800px){.CircleButton_container__LXjzX.CircleButton_medium__g9IdS{height:48px;width:48px}.CircleButton_container__LXjzX.CircleButton_medium__g9IdS svg{transform:none}}.CircleButton_container__LXjzX.CircleButton_large__1EiTj{height:50px;width:50px}.CircleButton_container__LXjzX.CircleButton_large__1EiTj svg{transform:scale(.85)}@media(min-width:1800px){.CircleButton_container__LXjzX.CircleButton_large__1EiTj{height:60px;width:60px}.CircleButton_container__LXjzX.CircleButton_large__1EiTj svg{transform:none}}.CircleButton_loader__r1YC8{animation:CircleButton_rotate__2eQuQ 2s linear infinite;margin-left:auto;margin-right:auto}@keyframes CircleButton_rotate__2eQuQ{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes BpmSelect_shimmer__RSLza{0%{background-position:-1200px 0}to{background-position:1200px 0}}.BpmSelect_bpmSelect__Hgz_9{position:relative;width:56px;height:48px;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:4px;transition:all .25s ease-out;cursor:pointer}.BpmSelect_bpmSelect__Hgz_9:hover{background:#252629}@media(max-width:576px){.BpmSelect_bpmSelect__Hgz_9:not(.BpmSelect_removeMobileChanges__3QoZF){height:92px;width:auto;flex-grow:1;margin-right:0}.BpmSelect_bpmSelect__Hgz_9:not(.BpmSelect_removeMobileChanges__3QoZF) .BpmSelect_menu__CZAZ1{padding-top:0;background:none;transform:none;border:none;width:auto;position:static}.BpmSelect_bpmSelect__Hgz_9:not(.BpmSelect_removeMobileChanges__3QoZF) span{margin-right:auto;margin-bottom:12px;font-size:18px}.BpmSelect_bpmSelect__Hgz_9:not(.BpmSelect_removeMobileChanges__3QoZF) span span{color:#fff}}.BpmSelect_menu__CZAZ1{display:flex;flex-direction:column;gap:16px;z-index:100}.BpmSelect_menuTooltip__s2FBO{width:208px;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-12px);padding:16px 16px 24px;background:#1d1e21;border-radius:12px;border:1px solid #333;box-shadow:0 8px 30px rgba(0,0,0,.54)}.BpmSelect_menuContainer__HIqll{display:flex;flex-direction:column;gap:8px}.BpmSelect_menuContainerTitle__Qk1ac{font-weight:700;font-size:14px;line-height:140%;white-space:nowrap;color:#f4f4f8}.BpmSelect_menuSwitch__r8RyS{position:relative;width:100%;height:36px;padding:4px;border-radius:100px;background:#252629;display:flex;flex-direction:row}@media(max-width:576px){.BpmSelect_menuSwitch__r8RyS{height:44px}}.BpmSelect_menuSwitchPointer__49Mb0{width:calc((100% - 8px)/2);height:calc((100% - 8px)/1);position:absolute;left:0;top:0;transform:translate(4px,4px);border-radius:100px;background:#333;z-index:1;transition:all .25s ease-out}.BpmSelect_menuSwitchOption__A5iGd{flex:1 1;z-index:2;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;line-height:140%;color:#dfdfe3}.BpmSelect_menuInputContainer__BXsuY{width:100%;height:48px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:6px;background:#252629;border:1px solid #333}.BpmSelect_menuInputContainerDivider__jOfcJ{width:1px;height:32px;background:#333;border-radius:10px}.BpmSelect_menuInputBtn__hRpKD{width:42px;height:46px;display:flex;justify-content:center;align-items:center;cursor:pointer}.BpmSelect_menuInputBtn__hRpKD svg{width:18px}.BpmSelect_menuInputBtn__hRpKD svg path{stroke:#7c7d7e;transition:all .25s ease-out}.BpmSelect_menuInputBtn__hRpKD:hover svg path{stroke:#f4f4f8}.BpmSelect_menuInputInput__icMTr{flex:1 1;padding:0 12px}.BpmSelect_menuInputInput__icMTr input{width:100%;max-width:100%;height:32px;font-weight:700;font-size:16px;line-height:140%;text-align:center;vertical-align:middle;color:#f4f4f8;background:rgba(0,0,0,0);border-radius:4px;border:none;outline:none;transition:all .25s ease-out}.BpmSelect_menuInputInput__icMTr input::-webkit-inner-spin-button,.BpmSelect_menuInputInput__icMTr input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.BpmSelect_menuInputInput__icMTr input::-moz-selection{background:rgba(0,0,0,0)}.BpmSelect_menuInputInput__icMTr input[type=number]{-moz-appearance:textfield}.BpmSelect_menuInputInput__icMTr input:focus{background:#2e2f31}.BpmSelect_trigger__q9AaR{background:rgba(0,0,0,0)}@keyframes SelectSetting_shimmer__oV1zJ{0%{background-position:-1200px 0}to{background-position:1200px 0}}.SelectSetting_container__G4gl4{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600}@media(max-width:576px){.SelectSetting_container__G4gl4{height:100%;width:100%;background-color:#26272a;margin:0;border-radius:8px;justify-content:center}}.SelectSetting_container__G4gl4 .SelectSetting_value__TESVp{color:#f4f4f8;font-size:18px;padding-bottom:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1800px){.SelectSetting_container__G4gl4 .SelectSetting_value__TESVp{font-size:22px}}.SelectSetting_container__G4gl4 .SelectSetting_name__Bg08_{transition:color .25s ease-out;color:#7c7d7e;font-size:12px;padding-bottom:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1800px){.SelectSetting_container__G4gl4 .SelectSetting_name__Bg08_{font-size:14px}}@keyframes MelodySettingsButton_shimmer__4b6Hj{0%{background-position:-1200px 0}to{background-position:1200px 0}}.MelodySettingsButton_button__FGF7I{width:40px;height:29px;background-color:#1b1d22;outline:none;border:none;border-left:1px solid #3f4146;display:flex;align-items:center;justify-content:center}.MelodySettingsButton_button__FGF7I:hover{cursor:pointer;background-color:#2b2d32}.MelodySettingsButton_button__FGF7I[data-open=true]{background-color:#2b2d32}.MelodySettingsButton_button__FGF7I svg{color:#f4f4f8;width:14px;height:14px}.MelodySettingsButton_popup__B8_NE{position:absolute;width:294px;min-width:294px;box-shadow:0 8px 30px rgba(0,0,0,.54);z-index:80;background-color:#1d1e21;border:1px solid #333;border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MelodySettingsButton_popup__B8_NE:after,.MelodySettingsButton_popup__B8_NE:before{content:"";position:absolute;width:0;height:0;border-style:solid}.MelodySettingsButton_popup__B8_NE:before{top:100%;border-width:9px 9px 0;left:calc(75% - 9px);border-color:#1d1e21 rgba(0,0,0,0) rgba(0,0,0,0);z-index:1}.MelodySettingsButton_popup__B8_NE:after{top:100%;border-width:10px 10px 0;left:calc(75% - 10px);border-color:#333 rgba(0,0,0,0) rgba(0,0,0,0);filter:drop-shadow(0 8px 30px rgba(0,0,0,.54));z-index:0}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7{display:flex;align-items:center;justify-content:space-between}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_info__0zHBV{display:flex;align-items:center;gap:8px}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_info__0zHBV .MelodySettingsButton_icon__xqTLz{width:18px;cursor:pointer}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_info__0zHBV .MelodySettingsButton_text__K_ZAL{font-size:14px;font-weight:600;color:#f4f4f8}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_toggle__Y97ft{width:40px;height:20px}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_marker__sEbgS{min-width:16px;height:16px}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_active__HwLS2>div{background:#3e72fd!important}.MelodySettingsButton_popup__B8_NE .MelodySettingsButton_showChords__2AZu7 .MelodySettingsButton_active__HwLS2 .MelodySettingsButton_marker__sEbgS{margin-left:19px}.MelodySettingsButton_tooltip__iCLcS{z-index:100;background-color:#f4f4f8!important;font-size:12px!important;color:#000!important;padding:8px!important}@keyframes PianoRollLoop_shimmer__a_e7e{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PianoRollLoop_timelineLoop__6YYr0{position:absolute;top:0;height:30px;z-index:3;background:rgba(139,140,142,.05);cursor:move;transition:border .25s ease-out,background .25s ease-out;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}@media(max-width:576px){.PianoRollLoop_timelineLoop__6YYr0{top:88px}}.PianoRollLoop_timelineLoopBorder__pZPwO{position:absolute;top:0;width:20px;height:30px;border-style:solid;border-color:#8b8c8e;transition:border .25s ease-out;cursor:ew-resize}.PianoRollLoop_timelineLoopBorderLeft__rxRQB{left:0;border-width:0 0 0 1px}.PianoRollLoop_timelineLoopBorderRight__r2m2d{right:0;border-width:0 1px 0 0}.PianoRollLoop_timelineLoopTriangle__8q7ly{width:0;height:0;position:absolute;border-style:solid;transform:rotate(0deg);transition:border .25s ease-out}.PianoRollLoop_timelineLoopTriangleLeft__jUaFR{left:0;border-width:14px 14px 0 0;border-color:#8b8c8e rgba(0,0,0,0) rgba(0,0,0,0)}.PianoRollLoop_timelineLoopTriangleRight__n0x1B{right:0;border-width:0 14px 14px 0;border-color:rgba(0,0,0,0) #8b8c8e rgba(0,0,0,0) rgba(0,0,0,0)}.PianoRollLoop_timelineLoopActive__2berq{background:rgba(62,114,253,.15)}.PianoRollLoop_timelineLoopActive__2berq .PianoRollLoop_timelineLoopBorder__pZPwO{border-color:#3e72fd}.PianoRollLoop_timelineLoopActive__2berq .PianoRollLoop_timelineLoopTriangleLeft__jUaFR{border-color:#3e72fd rgba(0,0,0,0) rgba(0,0,0,0)}.PianoRollLoop_timelineLoopActive__2berq .PianoRollLoop_timelineLoopTriangleRight__n0x1B{border-color:rgba(0,0,0,0) #3e72fd rgba(0,0,0,0) rgba(0,0,0,0)}.PianoRollLoop_timelineLoopDrag__LznPl .PianoRollLoop_timelineLoopBorder__pZPwO,.PianoRollLoop_timelineLoopResize__SsXxl .PianoRollLoop_timelineLoopBorder__pZPwO{bottom:-100vh;height:auto}.PianoRollLoop_timelineLoopZone__B5wNK{position:absolute;left:0;right:0;top:0;height:30px;z-index:2}@media(max-width:576px){.PianoRollLoop_timelineLoopZone__B5wNK{left:136px;top:88px}}.PianoRollLoop_timelineLoopZoneDrag__co__Y,.PianoRollLoop_timelineLoopZoneResize__FHvtX{top:0;bottom:-100vh;height:auto}.PianoRollLoop_timelineLoopZoneResize__FHvtX{cursor:ew-resize!important}.PianoRollLoop_timelineLoopZoneDrag__co__Y{cursor:move!important}.PianoRollLoop_timelineLoopZone__B5wNK,.PianoRollLoop_timelineLoopZone__B5wNK *,.PianoRollLoop_timelineLoop__6YYr0,.PianoRollLoop_timelineLoop__6YYr0 *{touch-action:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}@keyframes Slider_shimmer__lHr04{0%{background-position:-1200px 0}to{background-position:1200px 0}}.Slider_slider__kO7EQ{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.Slider_slider__kO7EQ.Slider_small__9_ald.Slider_vertical__dHWgi{width:8px;padding:4px;height:100%}.Slider_slider__kO7EQ.Slider_small__9_ald.Slider_vertical__dHWgi>div{padding:4px}.Slider_slider__kO7EQ.Slider_medium__VltFE,.Slider_slider__kO7EQ.Slider_small__9_ald.Slider_horizontal__ZDJcX{height:12px}.Slider_slider__kO7EQ.blue>.Slider_track__WhJI3:first-child{background:#007aff}.Slider_slider__kO7EQ.blue-marketing>.Slider_track__WhJI3:first-child{background:#4564e4}.Slider_slider__kO7EQ.blue-marketing>.Slider_track__WhJI3:nth-child(2){background:#d4ddff}.Slider_slider__kO7EQ.green>.Slider_track__WhJI3:first-child{background:#0abb7b}.Slider_slider__kO7EQ.white>.Slider_track__WhJI3:first-child{background:#fff}.Slider_slider__kO7EQ.Slider_disabled__6nZaJ>.Slider_track__WhJI3:first-child{background:#26272a}.Slider_thumb__YB7bN{cursor:pointer;outline:none;transform:translateY(-4px);z-index:auto!important;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.2509803922);border-radius:50%}.Slider_thumb__YB7bN:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;position:relative}.Slider_thumb__YB7bN.Slider_vertical__dHWgi{transform:translate(-6px)}.Slider_thumb__YB7bN.Slider_horizontal__ZDJcX{top:0}.Slider_thumb__YB7bN.Slider_medium__VltFE{top:1px}.Slider_thumb__YB7bN.Slider_disabled__6nZaJ{background:#404349}@media(max-width:576px){.Slider_thumb__YB7bN:after{margin:-5px;width:30px;height:30px}}.Slider_track__WhJI3{background:#6e6e6f;border-radius:8px;cursor:pointer;padding:6px}.Slider_track__WhJI3.Slider_small__9_ald.Slider_vertical__dHWgi{width:8px}.Slider_track__WhJI3.Slider_small__9_ald.Slider_horizontal__ZDJcX{height:8px}.Slider_track__WhJI3.Slider_medium__VltFE{height:12px}.Slider_track__WhJI3.Slider_disabled__6nZaJ{background-color:#26272a}@keyframes IconMenuButton_shimmer__oDlgs{0%{background-position:-1200px 0}to{background-position:1200px 0}}.IconMenuButton_container__8_3yt{cursor:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.IconMenuButton_container__8_3yt .IconMenuButton_loader___JlYY{padding-left:3px;padding-right:3px}.IconMenuButton_container__8_3yt img,.IconMenuButton_container__8_3yt svg{color:#fff;height:26px}.IconMenuButton_container__8_3yt span{color:#fff;font-size:16px;font-weight:600;padding-left:8px}.IconMenuButton_container__8_3yt.IconMenuButton_textOnly__PvS9K span{padding-left:0}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ{cursor:pointer;opacity:1}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ .IconMenuButton_icon__dUyjA{color:#fff}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ .IconMenuButton_icon__dUyjA path,.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ .IconMenuButton_icon__dUyjA rect{transition:all .25s ease-out}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ span{transition:color .25s ease-out}@media(min-width:577px){.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ:hover.IconMenuButton_isHoverWhite__9V5f5 .IconMenuButton_icon__dUyjA{color:#fff}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ:hover.IconMenuButton_isHoverWhite__9V5f5 .IconMenuButton_icon__dUyjA path{stroke:#fff}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ:hover.IconMenuButton_isHoverWhite__9V5f5 span{color:#fff}.IconMenuButton_container__8_3yt.IconMenuButton_enabled__Uj8WQ:hover.IconMenuButton_isHoverBg__NLb5h{background-color:#36373c;border-radius:4px}}.IconMenuButton_container__8_3yt.IconMenuButton_isHoverBg__NLb5h{transition:all .25s ease-out;padding:12px 15px}@media(max-width:576px){.IconMenuButton_container__8_3yt.IconMenuButton_isHoverBg__NLb5h{padding:6px 8px}}@media(max-width:1100px){.IconMenuButton_container__8_3yt span{font-size:14px}}.IconMenuButton_container__8_3yt.IconMenuButton_blur__ivD3I{position:relative}.IconMenuButton_container__8_3yt.IconMenuButton_blur__ivD3I:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes MobileSettingsMenu_shimmer__aFUKV{0%{background-position:-1200px 0}to{background-position:1200px 0}}.MobileSettingsMenu_settingsButton__ckNlj{background-color:rgba(0,0,0,0);outline:none;box-shadow:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;gap:4px}.MobileSettingsMenu_settingsButton__ckNlj p{white-space:nowrap;font-weight:600;font-size:12px;line-height:15px;text-align:center;color:#8b8c8e;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileSettingsMenu_settingsButton__ckNlj p span{color:#fff}.MobileSettingsMenu_metronomeBlock__Npw4k{padding-left:16px;margin-bottom:24px}.MobileSettingsMenu_metronomeBlock__Npw4k p{font-weight:500;font-size:18px;line-height:22px;margin:0 0 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#8b8c8e}.MobileSettingsMenu_metronomeButton__h82XM{margin-right:0;justify-self:flex-end;background-color:#26272a}.MobileSettingsMenu_metronomeButton__h82XM svg path{transition:all .25s ease-out}.MobileSettingsMenu_metronomeButton__h82XM.MobileSettingsMenu_active__Snf5u{background-color:#007aff}.MobileSettingsMenu_metronomeButton__h82XM.MobileSettingsMenu_active__Snf5u svg path:not([data-fill-active=true]){stroke:#fff}.MobileSettingsMenu_metronomeButton__h82XM.MobileSettingsMenu_active__Snf5u svg path[data-fill-active=true]{fill:#fff}@keyframes PlayControls_shimmer__Sbg1W{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PlayControls_container__u_0hZ{align-items:center;display:grid;grid-template-columns:1fr 154px 1fr}@media(min-width:1800px){.PlayControls_container__u_0hZ{grid-template-columns:1fr 180px 1fr}}.PlayControls_container__u_0hZ{grid-gap:24px;flex-direction:row;position:relative}@media(max-width:576px){.PlayControls_container__u_0hZ{width:100%;height:100%;padding-left:12px;padding-right:12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}}.PlayControls_mainControls__3HgG0{display:flex;align-items:center;gap:12px}.PlayControls_backButton__DqxaV svg,.PlayControls_repeatButton__r3r3I svg{width:26px}.PlayControls_repeatButton__r3r3I svg path{transition:fill .25s ease-out}.PlayControls_repeatButton__r3r3I.PlayControls_active__VPY26{transition:background-color .25s ease-out;background-color:#fff}@media(min-width:577px){.PlayControls_repeatButton__r3r3I.PlayControls_active__VPY26:hover{background-color:#fff}}.PlayControls_repeatButton__r3r3I.PlayControls_active__VPY26 svg path{fill:#1d1e21}.PlayControls_playButton__fc_lB{position:relative}.PlayControls_playButton__fc_lB svg{width:30px;height:30px}.PlayControls_controlsContainer__SoBre{display:flex;align-items:center}.PlayControls_rightControlsContainer__e4Zw5{display:flex;align-items:center;justify-content:flex-start;gap:12px}@media(max-width:576px){.PlayControls_rightControlsContainer__e4Zw5{justify-content:flex-end}}.PlayControls_metronomeButton__99WeH{margin-right:8px;transition:background-color .25s ease-out;background-color:#26272a}@media(min-width:577px){.PlayControls_metronomeButton__99WeH:hover{background-color:#36373c}}@media(max-width:576px){.PlayControls_metronomeButton__99WeH{margin-right:0;justify-self:flex-end;background-color:#26272a}}.PlayControls_metronomeButton__99WeH svg path{transition:all .25s ease-out}.PlayControls_metronomeButton__99WeH.PlayControls_active__VPY26{background-color:#007aff}.PlayControls_metronomeButton__99WeH.PlayControls_active__VPY26 svg path:not([data-fill-active=true]){stroke:#fff}.PlayControls_metronomeButton__99WeH.PlayControls_active__VPY26 svg path[data-fill-active=true]{fill:#fff}.PlayControls_instrumentRollButton__BZ8LM{justify-self:flex-end;background-color:#26272a;transition:background-color .25s ease-out}.PlayControls_instrumentRollButton__BZ8LM svg{width:26px}.PlayControls_instrumentRollButton__BZ8LM.PlayControls_piano__lwvHK svg line,.PlayControls_instrumentRollButton__BZ8LM.PlayControls_piano__lwvHK svg mask,.PlayControls_instrumentRollButton__BZ8LM.PlayControls_piano__lwvHK svg path,.PlayControls_instrumentRollButton__BZ8LM.PlayControls_piano__lwvHK svg rect{transition:all .25s ease-out}@media(min-width:1101px){.PlayControls_instrumentRollButton__BZ8LM.PlayControls_active__VPY26{background-color:#007aff}.PlayControls_instrumentRollButton__BZ8LM.PlayControls_active__VPY26.PlayControls_piano__lwvHK svg path,.PlayControls_instrumentRollButton__BZ8LM.PlayControls_active__VPY26.PlayControls_piano__lwvHK svg>line,.PlayControls_instrumentRollButton__BZ8LM.PlayControls_active__VPY26.PlayControls_piano__lwvHK svg>rect{stroke:#fff}.PlayControls_instrumentRollButton__BZ8LM.PlayControls_active__VPY26.PlayControls_piano__lwvHK svg mask{fill:#fff}}@media(max-width:1100px){.PlayControls_instrumentRollButton__BZ8LM.PlayControls_active__VPY26{background-color:#007aff}}.PlayControls_instrumentRollButton__BZ8LM:not(.PlayControls_piano__lwvHK).PlayControls_active__VPY26 svg{color:#fff!important}.PlayControls_instrumentRollButton__BZ8LM.PlayControls_disabled__x0z8f{opacity:.14}.PlayControls_instrumentsSelectContainer__plMiI{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.PlayControls_instrumentsSelectContainer__plMiI .PlayControls_instruments__busLr{display:flex;height:50px;border-radius:39px;background:#26272a;padding-left:4px;padding-right:4px;align-items:center;gap:8px}.PlayControls_instrumentsSelectContainer__plMiI .PlayControls_instrumentsClose__w2JOr{position:absolute;right:16px}.PlayControls_redoButton__ugBO_,.PlayControls_undoButton__c6Fe9{width:36px;height:32px;display:flex;align-items:center;justify-content:center}.PlayControls_redoButton__ugBO_[data-disabled=true],.PlayControls_undoButton__c6Fe9[data-disabled=true]{cursor:auto}.PlayControls_redoButton__ugBO_[data-disabled=true] svg path,.PlayControls_undoButton__c6Fe9[data-disabled=true] svg path{fill:#8b8c8e}.PlayControls_redoButton__ugBO_ svg,.PlayControls_undoButton__c6Fe9 svg{width:20px}.PlayControls_redoButton__ugBO_{transform:scaleX(-1)}@keyframes VolumeControls_shimmer__t6Fcm{0%{background-position:-1200px 0}to{background-position:1200px 0}}.VolumeControls_sliderWithText__h015S{width:240px;max-width:240px;display:flex;flex-grow:1;align-items:center}.VolumeControls_sliderWithText__h015S.VolumeControls_hidden__aYUi8{display:none}.VolumeControls_sliderWithText__h015S.VolumeControls_hideControls__9p1P4 .VolumeControls_muteButton__a5ZSB,.VolumeControls_sliderWithText__h015S.VolumeControls_hideControls__9p1P4 .VolumeControls_text__dk8sF{visibility:hidden}.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ>div{background:#d4ddff}.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ>div>div:last-child,.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ>div>div:nth-last-child(2){display:none}.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ>div>div:nth-last-child(3){border-radius:10px 0 0 10px}.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ{margin-right:0}.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ>div{border-radius:50px;overflow:hidden}.VolumeControls_sliderWithText__h015S.VolumeControls_hideThumb__46AAh .VolumeControls_slider__TXcDZ>div>div:nth-last-child(2){border-radius:0 50px 50px 0}.VolumeControls_sliderWithText__h015S[data-small=true]{width:180px}.VolumeControls_sliderWithText__h015S span{color:#8b8c8e;transition:color .25s ease-out;font-size:14px;font-weight:600;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.VolumeControls_sliderWithText__h015S .VolumeControls_text__dk8sF{width:25px}.VolumeControls_sliderWithText__h015S .VolumeControls_slider__TXcDZ{margin-left:8px;margin-right:8px;flex-grow:1}.VolumeControls_sliderWithText__h015S:hover:not([data-disabled=true]) span{color:#fff}.VolumeControls_muteButton__a5ZSB{width:18px;cursor:pointer;display:flex;align-items:center}.VolumeControls_muteButton__a5ZSB svg{height:16px}@keyframes PartsMenu_shimmer__Rv49F{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PartsMenu_container__OUeMm{position:absolute;top:0;left:0;height:48px;z-index:10;width:-moz-fit-content;width:fit-content;max-width:100vw}.PartsMenu_container__OUeMm *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.PartsMenu_simpleContainer__Xd63d{top:72px}@media(min-width:1800px){.PartsMenu_simpleContainer__Xd63d{top:90px}}.PartsMenu_list__cu70z,.PartsMenu_simpleList___tdhu{height:100%;display:flex;width:-moz-fit-content;width:fit-content;max-width:100%}@media(max-width:576px){.PartsMenu_list__cu70z,.PartsMenu_simpleList___tdhu{width:100%;flex-direction:column;overflow:auto}.PartsMenu_list__cu70z,.PartsMenu_list__cu70z *,.PartsMenu_simpleList___tdhu,.PartsMenu_simpleList___tdhu *{touch-action:pan-y}}.PartsMenu_scrollContent__g9lT1{height:100%}.PartsMenu_partsMenuMobileTrigger__oMZY7{position:absolute;left:0;top:0;padding:0 12px 0 8px;width:112px;height:38px;border-top:1px solid #3b3b3b;border-bottom:1px solid #3b3b3b;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#141618;z-index:9;overflow:hidden}.PartsMenu_partsMenuMobileTrigger__oMZY7 span{font-family:var(--font-quicksand);font-weight:600;font-style:SemiBold;font-size:14px;line-height:140%;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PartsMenu_partsMenuMobileTrigger__oMZY7 svg{min-width:18px;width:18px;transform:rotate(180deg)}.PartsMenu_partsMenuMobileTrigger__oMZY7 svg path{stroke:#fff}.PartsMenu_partsMenuMobileTrigger_previewMode__FD0CU{width:100%;justify-content:center;gap:16px;border-top:none;padding:0 16px;top:0;left:0;right:0}@keyframes PartsMenuEditNameModal_shimmer__Lniqm{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PartsMenuEditNameModal_container__iLdeg{padding:24px}@media(min-width:577px){.PartsMenuEditNameModal_container__iLdeg{background:#1d1e21}}@media(max-width:576px){.PartsMenuEditNameModal_container__iLdeg{flex-grow:1;display:flex;flex-direction:column}}.PartsMenuEditNameModal_container__iLdeg label{font-weight:600;font-size:14px;line-height:18px}.PartsMenuEditNameModal_container__iLdeg label p{margin:0 0 8px;text-align:left}.PartsMenuEditNameModal_container__iLdeg input{border:1px solid #5f6062;border-radius:4px;height:45px;width:100%;color:#fff;background:none;padding-left:12px;font-weight:600;font-size:14px;outline:none}.PartsMenuEditNameModal_container__iLdeg input::placeholder{color:hsla(0,0%,100%,.5)}.PartsMenuEditNameModal_container__iLdeg input input:-webkit-autofill,.PartsMenuEditNameModal_container__iLdeg input input:-webkit-autofill:active,.PartsMenuEditNameModal_container__iLdeg input input:-webkit-autofill:focus,.PartsMenuEditNameModal_container__iLdeg input input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #1d1e21!important}.PartsMenuEditNameModal_wrapper__lL1Eu{border-radius:4px}@media(min-width:577px){.PartsMenuEditNameModal_wrapper__lL1Eu{border:1px solid #36373c;overflow:hidden}}@media(max-width:576px){.PartsMenuEditNameModal_wrapper__lL1Eu{display:flex;flex-direction:column}}.PartsMenuEditNameModal_header__9gH_a{border-radius:4px 4px 0 0;display:flex;height:58px;width:100%;background-color:#17181b;align-items:center;padding-left:24px}.PartsMenuEditNameModal_header__9gH_a svg{margin-right:12px}.PartsMenuEditNameModal_header__9gH_a h2{font-weight:600;font-size:18px;margin-left:32px}.PartsMenuEditNameModal_header__9gH_a svg path{stroke:#fff}.PartsMenuEditNameModal_suggestions__ig7g5{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;margin-bottom:8px}.PartsMenuEditNameModal_suggestions__ig7g5 span{transition:background-color .25s ease-out;background-color:#333438}@media(min-width:577px){.PartsMenuEditNameModal_suggestions__ig7g5 span:hover{background-color:#36373c}}.PartsMenuEditNameModal_suggestions__ig7g5 span{cursor:pointer;border-radius:4px;font-weight:600;font-size:12px;line-height:15px;padding:6px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PartsMenuEditNameModal_suggestions__ig7g5 span[data-active=true]{transition:background-color .25s ease-out;background-color:#5c80ff}@media(min-width:577px){.PartsMenuEditNameModal_suggestions__ig7g5 span[data-active=true]:hover{background-color:#68b0ff}}.PartsMenuEditNameModal_continueButton__H77R7{width:100%;outline:none;border:none;margin-top:30px;box-shadow:none;height:45px;transition:background .25s ease-out;background:linear-gradient(103deg,#3d4ff7,#457eed 50%,#3d4ff7) var(--x,0)/200%}@media(min-width:577px){.PartsMenuEditNameModal_continueButton__H77R7:hover{--x:100%}}.PartsMenuEditNameModal_continueButton__H77R7{border-radius:4px;font-weight:600;font-size:16px;letter-spacing:.01em;color:#fff;margin-bottom:0;cursor:pointer}.PartsMenuEditNameModal_continueButton__H77R7:disabled{opacity:.5;cursor:auto;pointer-events:none}.PartsMenuEditNameModal_closeIconName__QTKMB{top:17px;left:22px}.PartsMenuEditNameModal_closeIconName__QTKMB.PartsMenuEditNameModal_generatorStep__vvpgW{margin-top:7px}.PartsMenuEditNameModal_closeIconName__QTKMB.PartsMenuEditNameModal_generatorStep__vvpgW svg path{stroke:#8b8c8e}.PartsMenuEditNameModal_buildGenerateButtons__epfAS{height:118px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;margin-top:16px}.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_buildButton__bHPoK,.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_generateButton__1WOIA{flex-direction:column;gap:4px;border-radius:4px}.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_buildButton__bHPoK span,.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_generateButton__1WOIA span{padding:0}.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_buildButton__bHPoK svg,.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_generateButton__1WOIA svg{width:40px;height:40px}.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_buildButton__bHPoK{transition:background-color .25s ease-out;background-color:#27292d}@media(min-width:577px){.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_buildButton__bHPoK:hover{background-color:#36373c}}.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_buildButton__bHPoK.PartsMenuEditNameModal_loading__R6866{animation-duration:2.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:PartsMenuEditNameModal_shimmer__Lniqm;animation-timing-function:linear;background-size:1200px 100%;background-image:linear-gradient(90deg,#27292d 8%,#36373c 45%,#27292d 90%)}.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_generateButton__1WOIA{transition:background-color .25s ease-out;background-color:#3f9bff}@media(min-width:577px){.PartsMenuEditNameModal_buildGenerateButtons__epfAS .PartsMenuEditNameModal_generateButton__1WOIA:hover{background-color:#68b0ff}}.PartsMenuEditNameModal_generatorModalContainer__3gUPr{padding:20px 24px 32px;height:306px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PartsMenuEditNameModal_modalCon__622S9{position:unset;width:100%;padding-top:13px}.PartsMenuEditNameModal_modalCon__622S9.PartsMenuEditNameModal_chords__uzl1E{background-size:313px auto;background-position:0 0}.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_returnIcon__fwOJv{position:absolute;top:22px;left:24px}.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_returnIcon__fwOJv svg{width:14px;height:14px}.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_returnIcon__fwOJv:hover svg path{stroke:#fff}@media(max-width:576px){.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_returnIcon__fwOJv{top:4px}.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_returnIcon__fwOJv svg{width:20px;height:20px}}.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_modalHead__Bzso_{margin-bottom:22px}@media(max-width:576px){.PartsMenuEditNameModal_modalCon__622S9{background:rgba(0,0,0,0)!important;border:none;padding-top:0;margin-top:-6px}.PartsMenuEditNameModal_modalCon__622S9 .PartsMenuEditNameModal_modalHead__Bzso_{margin-bottom:12px}}@keyframes SmallRangeSelector_shimmer__s9Cfq{0%{background-position:-1200px 0}to{background-position:1200px 0}}.SmallRangeSelector_container__ZoCBn{display:flex;align-items:center}.SmallRangeSelector_leftButton__8s2v0,.SmallRangeSelector_rightButton__5bRY9{width:26px;height:26px;border-radius:3px;display:flex;align-items:center;justify-content:center;outline:none;border:none;box-shadow:none;padding:0;cursor:pointer}.SmallRangeSelector_leftButton__8s2v0 svg,.SmallRangeSelector_rightButton__5bRY9 svg{width:18px;height:18px}.SmallRangeSelector_leftButton__8s2v0,.SmallRangeSelector_rightButton__5bRY9{transition:background-color .25s ease-out;background-color:#404349}@media(min-width:577px){.SmallRangeSelector_leftButton__8s2v0:hover,.SmallRangeSelector_rightButton__5bRY9:hover{background-color:#36373c}}.SmallRangeSelector_leftButton__8s2v0[data-disabled=false] svg path,.SmallRangeSelector_rightButton__5bRY9[data-disabled=false] svg path{stroke:#fff}.SmallRangeSelector_leftButton__8s2v0[data-disabled=true],.SmallRangeSelector_rightButton__5bRY9[data-disabled=true]{background-color:#26272a;cursor:auto}.SmallRangeSelector_leftButton__8s2v0{transform:rotate(-90deg)}.SmallRangeSelector_rightButton__5bRY9{transform:rotate(90deg)}.SmallRangeSelector_value__yqycs{font-weight:500;font-size:14px;color:#fff;width:32px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center}@keyframes PartsMenuItemDropdown_shimmer__HwZms{0%{background-position:-1200px 0}to{background-position:1200px 0}}.PartsMenuItemDropdown_loopsMenu__ngYOe{height:44px;display:flex;align-items:center;padding:0 13px 7px}.PartsMenuItemDropdown_loopsMenu__ngYOe>div{flex-grow:1;justify-content:space-between}.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuControl__ho5KB{width:24px;height:24px;border-radius:8px;transform:none}.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuControl__ho5KB[data-disabled=false]{transition:background-color .25s ease-out;background-color:rgba(0,0,0,0)}@media(min-width:577px){.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuControl__ho5KB[data-disabled=false]:hover{background-color:#36373c}}.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuControl__ho5KB[data-disabled=true]{background:rgba(0,0,0,0)}.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuControl__ho5KB[data-disabled=true] svg path{stroke:#6e6e6f}.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuText__VIf_c{white-space:nowrap;font-weight:600;font-size:14px;color:#6e6e6f}.PartsMenuItemDropdown_loopsMenu__ngYOe .PartsMenuItemDropdown_loopsMenuText__VIf_c span{color:#fff}.PartsMenuItemDropdown_loopOnlyOption__mYItd{position:relative;margin-bottom:8px}.PartsMenuItemDropdown_loopOnlyOption__mYItd:before{content:"";position:absolute;left:16px;width:calc(100% - 32px);top:calc(100% + 4px);height:1px;background-color:#36373c!important}.PartsMenuItemDropdown_triggerWrapper__OBBTH{width:24px;height:30px;display:flex;align-items:center;justify-content:center}@media(max-width:576px){.PartsMenuItemDropdown_triggerWrapper__OBBTH{width:36px;height:46px;margin-left:-6px}}.PartsMenuItemDropdown_loopOnlyCheckbox__S3OSG{flex-shrink:0;margin-top:2px;margin-left:6px}.PartsMenuItemDropdown_dropDown__L9Puv{z-index:2;position:relative;height:24px;display:flex;align-items:center}.PartsMenuItemDropdown_dropDown__L9Puv:not(.PartsMenuItemDropdown_short__BXMRp)>div>div:last-child{top:48px}.PartsMenuItemDropdown_dropDown__L9Puv.PartsMenuItemDropdown_short__BXMRp>div>div:last-child{top:45px}@media(max-width:576px){.PartsMenuItemDropdown_dropDown__L9Puv:not(.PartsMenuItemDropdown_short__BXMRp)>div>div:last-child{right:30px;left:auto;top:55px}.PartsMenuItemDropdown_dropDown__L9Puv.PartsMenuItemDropdown_short__BXMRp>div>div:last-child{left:30px}}