.stem-icon_icon__EIb_3{display:block;width:100%;height:100%;opacity:1;overflow:visible}.stem-icon_icon__EIb_3.stem-icon_loading__aMO3A{--offset-hidden:var(--path-length,500rem);stroke-dasharray:var(--offset-hidden);stroke-dashoffset:var(--offset-hidden)}.stem-icon_icon__EIb_3.stem-icon_ready__cyeeg{animation:stem-icon_loading__aMO3A 5s ease 1s forwards}@keyframes stem-icon_loading__aMO3A{0%{stroke-dashoffset:var(--offset-hidden)}to{stroke-dashoffset:0}}.player_player__j7MIX{height:100%;aspect-ratio:283/745;border:none;background:transparent;cursor:pointer;border-radius:0;font-weight:700;margin:0;padding:0;transition:border-radius .5s cubic-bezier(.12,.65,0,.99);position:relative;display:flex;align-items:center;justify-content:center}.player_player__j7MIX.player_intro__EggC3{height:100%;width:auto}.player_player__j7MIX span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}@media(min-width:43.75em){.player_player__j7MIX{width:100%;height:auto}}.player_icon__8wyDW{position:absolute;z-index:2;width:2rem;height:2rem;padding:.5rem;border-radius:1rem;background-color:hsla(0,0%,100%,.07);pointer-events:none}.player_icon__8wyDW svg{fill:hsla(0,0%,100%,.42)}.player_shape__m6fED{width:100%;height:100%}.player_shape__m6fED svg{fill:hsla(0,0%,100%,.07);stroke:transparent;stroke-width:2px;width:100%;height:100%}@media(min-width:43.75em){.player_shape__m6fED svg{stroke-width:1px}}.player_intro__EggC3 .player_shape__m6fED svg{fill:transparent;stroke:var(--color-stem)}.player_queued__wB41q{animation:player_queued__wB41q .5s linear infinite}.player_queued__wB41q .player_shape__m6fED svg{fill:var(--color-stem)}.player_player__j7MIX.player_playing__7jqG6 .player_shape__m6fED svg{fill:var(--color-stem,hsla(0,0%,100%,.1))}.player_player__j7MIX.player_playing__7jqG6 .player_icon__8wyDW{background-color:var(--color-error)}.player_player__j7MIX.player_playing__7jqG6 .player_icon__8wyDW svg{fill:var(--color-black)}@media(hover){.player_player__j7MIX:not(:disabled):not(.player_recorder___ebvr):hover .player_shape__m6fED svg{fill:var(--color-stem,hsla(0,0%,100%,.1))}.player_player__j7MIX.player_recorder___ebvr:not(:disabled):not(.player_playing__7jqG6):hover .player_shape__m6fED svg{fill:hsla(0,0%,100%,.1)}.player_player__j7MIX.player_recorder___ebvr:not(:disabled):not(.player_playing__7jqG6):hover .player_icon__8wyDW{background-color:hsla(0,0%,100%,.1)}.player_player__j7MIX.player_recorder___ebvr:not(:disabled):not(.player_playing__7jqG6):hover .player_icon__8wyDW svg{fill:hsla(0,0%,100%,.42)}}@keyframes player_queued__wB41q{0%,to{opacity:1}50%{opacity:0}}.stem-player_wrapper__WFbRE{height:100%}@media(min-width:43.75em){.stem-player_wrapper__WFbRE{display:flex;flex-direction:column;justify-content:center;width:100%;height:auto;aspect-ratio:574/1498}}.stem-player_wrapper__WFbRE.stem-player_intro__yGnR0{width:100%;height:100%;padding:1.125rem;overflow:hidden}@media(min-width:43.75em){.stem-player_wrapper__WFbRE.stem-player_intro__yGnR0{max-width:calc(var(--vh, 100vh)/745*283*4 + 15rem);max-height:calc((var(--vw, 100vw) - .75rem)/4/283*745);aspect-ratio:unset;padding:3rem;margin:0 auto;overflow:visible}}.stem-player_stem__eOWV7{position:relative;height:100%}@media(min-width:43.75em){.stem-player_stem__eOWV7{height:auto}}.stem-player_intro__yGnR0 .stem-player_stem__eOWV7{height:100%;position:relative}.stem-player_players__xLtk6{height:100%;display:grid;list-style:none;padding:0;margin:0;grid-template-columns:1fr 1fr 3fr 1fr 1fr;grid-template-rows:100%;grid-gap:.375rem;gap:.375rem}@media(min-width:43.75em){.stem-player_players__xLtk6{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;position:relative;gap:.5rem}}.stem-player_intro__yGnR0 .stem-player_players__xLtk6{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem}@media(min-width:43.75em){.stem-player_intro__yGnR0 .stem-player_players__xLtk6{flex-wrap:nowrap}}.stem-player_sample__Lh8zF{--offset-reset:0.5rem;--offset-name:0.5rem;position:relative;aspect-ratio:283/745}.stem-player_sample__Lh8zF .stem-player_reset__SZjCx{position:absolute;border:none;margin:0;padding:.25rem;background-color:var(--color-stem);width:1.125rem;height:1.125rem;border-radius:50%;fill:var(--color-black);cursor:pointer}.stem-player_sample__Lh8zF .stem-player_name__G0Ia7{position:absolute;color:hsla(0,0%,100%,.25);font-size:.875rem;text-transform:capitalize;pointer-events:none}@media(max-width:43.75em){.stem-player_sample__Lh8zF{height:100%;aspect-ratio:unset;display:flex}.stem-player_sample__Lh8zF:first-child{grid-column:1/span 1}.stem-player_sample__Lh8zF:nth-child(2){grid-column:2/span 1}.stem-player_sample__Lh8zF:nth-child(3){grid-column:4/span 1;justify-content:flex-end}.stem-player_sample__Lh8zF:nth-child(4){grid-column:5/span 1;justify-content:flex-end}.stem-player_sample__Lh8zF .stem-player_name__G0Ia7{display:none}}.stem-player_sample__Lh8zF:first-child .stem-player_name__G0Ia7{top:var(--offset-name);left:var(--offset-name)}.stem-player_sample__Lh8zF:nth-child(2) .stem-player_name__G0Ia7{top:var(--offset-name);right:var(--offset-name)}.stem-player_sample__Lh8zF:nth-child(3) .stem-player_name__G0Ia7{bottom:var(--offset-name);left:var(--offset-name)}.stem-player_sample__Lh8zF:nth-child(4) .stem-player_name__G0Ia7{bottom:var(--offset-name);right:var(--offset-name)}.stem-player_sample__Lh8zF:first-child .stem-player_reset__SZjCx{top:var(--offset-reset);right:var(--offset-reset)}.stem-player_sample__Lh8zF:nth-child(2) .stem-player_reset__SZjCx{top:var(--offset-reset);left:var(--offset-reset)}.stem-player_sample__Lh8zF:nth-child(3) .stem-player_reset__SZjCx{bottom:var(--offset-reset);right:var(--offset-reset)}.stem-player_sample__Lh8zF:nth-child(4) .stem-player_reset__SZjCx{bottom:var(--offset-reset);left:var(--offset-reset)}@media(hover){.stem-player_sample__Lh8zF:hover .stem-player_name__G0Ia7{color:#fff}.stem-player_sample__Lh8zF:hover .stem-player_reset__SZjCx{background-color:var(--color-black);fill:#fff}}.stem-player_intro__yGnR0 .stem-player_sample__Lh8zF{height:calc(50% - .375rem);width:calc(50% - .375rem)}@media(max-width:43.75em){.stem-player_intro__yGnR0 .stem-player_sample__Lh8zF{display:flex;justify-content:flex-start}.stem-player_intro__yGnR0 .stem-player_sample__Lh8zF:nth-child(2),.stem-player_intro__yGnR0 .stem-player_sample__Lh8zF:nth-child(4){justify-content:flex-end}}.stem-player_intro__yGnR0 .stem-player_sample__Lh8zF .stem-player_name__G0Ia7{display:none}@media(min-width:43.75em){.stem-player_intro__yGnR0 .stem-player_sample__Lh8zF{height:100%;width:auto}}.stem-player_progress__ROTn5{position:absolute;width:30vw;height:30vw;left:50%;top:50%;transform:translate3d(-50%,-50%,0);pointer-events:none;display:flex;align-items:center;justify-content:center}@media(min-width:43.75em){.stem-player_progress__ROTn5{inset:0;width:100%;height:100%;transform:none}}.stem-player_progress__ROTn5 .stem-player_blur__1oa6O{position:absolute;content:"";width:calc(var(--donut-width)*.965px);aspect-ratio:1/1;border-radius:50%;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.05);backface-visibility:hidden;perspective:1000;transform:translateZ(0);transition:width .2s ease}.stem-player_progress__ROTn5 .stem-player_glow__hiDi1{position:absolute;content:"";width:calc(var(--donut-width)*.965px);aspect-ratio:1/1;border-radius:50%;background-color:var(--color-stem);filter:blur(3rem);opacity:0;transition:opacity .2s ease}.stem-player_progress__ROTn5 .stem-player_blur__1oa6O,.stem-player_progress__ROTn5 .stem-player_glow__hiDi1{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.stem-player_active__Pn_gs .stem-player_progress__ROTn5 .stem-player_blur__1oa6O{width:calc(var(--donut-width)*.6px);background-color:hsla(0,0%,100%,.25)}.stem-player_active__Pn_gs:not(.stem-player_loading__s8jf2) .stem-player_progress__ROTn5 .stem-player_glow__hiDi1{opacity:.3}.stem-player_intro__yGnR0 .stem-player_progress__ROTn5 .stem-player_blur__1oa6O{display:none}.stem-player_countDown__fkdjg{font-size:4rem;position:relative;z-index:1}.stem-player_children__T3hao{position:absolute;inset:1rem;pointer-events:none}.intro_root__CD7O5{--base-donut-size:262;position:relative;height:100%;display:flex;align-items:center}.intro_donut__ocjhq{--donut-width:calc(282 / 320 * var(--vw, 100vw));--donut-height:calc(282 / 568 * var(--vh, 100vh));width:calc(var(--donut-width) + 2rem);height:var(--donut-width);max-width:calc(var(--donut-height) + 2rem);max-height:var(--donut-height);z-index:10;pointer-events:none;-webkit-clip-path:polygon(0 calc(100% - var(--loading-percentage, 50%) * 1%),100% calc(100% - var(--loading-percentage, 50%) * 1%),100% 100%,0 100%);clip-path:polygon(0 calc(100% - var(--loading-percentage, 50%) * 1%),100% calc(100% - var(--loading-percentage, 50%) * 1%),100% 100%,0 100%)}.intro_donut__ocjhq,.intro_donut__ocjhq .intro_blur__07ZdI{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.intro_donut__ocjhq .intro_blur__07ZdI{width:calc(var(--donut-width-intro)*.965);aspect-ratio:1/1;border-radius:50%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:-1;transition:opacity .2s ease}@media(min-width:43.75em){.intro_donut__ocjhq .intro_blur__07ZdI{width:calc(var(--donut-width-intro)*.965*.6)}.intro_donut__ocjhq{--donut-width:calc(580 / 1280 * var(--vw, 100vw));--donut-height:calc(580 / 832 * var(--vh, 100vh))}}.intro_logo-wrapper__qhaTC{position:absolute;pointer-events:none;width:100%;height:100%;padding:2rem}@media(min-width:43.75em){.intro_logo-wrapper__qhaTC{max-width:calc(var(--vh, 100vh)/745*283*4 + 15rem);max-height:calc((var(--vw, 100vw) - .75rem)/4/283*745);aspect-ratio:unset;padding:calc(3rem + 1.25vw);left:50%;margin:0 auto 0 -50%}}.intro_logo__gOrCn{aspect-ratio:64/38;mix-blend-mode:difference;height:100%;width:auto}.intro_logo__gOrCn svg{fill:var(--color-button-background,var(--color-A-primary))}.intro_loader__tspY6{--loader-portion-w:calc(66 / 320);--loader-portion-h:calc(260 / 568);--loader-height:calc(var(--loader-portion-h) * var(--vh, 100vh));--loader-offset:calc((var(--vh, 100vh) - var(--loader-height)) / 2);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:9;pointer-events:none}.intro_loader__tspY6 .intro_inner__fILVp{position:relative;padding:10px 0;width:calc(var(--loader-portion-w)*100vw);max-width:calc(var(--loader-height)/580*146);aspect-ratio:135/580;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - var(--loading-percentage, 50%) * 1%),0 calc(100% - var(--loading-percentage, 50%) * 1%));clip-path:polygon(0 0,100% 0,100% calc(100% - var(--loading-percentage, 50%) * 1%),0 calc(100% - var(--loading-percentage, 50%) * 1%))}.intro_loader__tspY6 .intro_inner__fILVp:after{content:"";position:absolute;width:100%;height:calc(100% - 20px);background-image:url(/loader-background.png);background-repeat:no-repeat;background-size:100% auto;background-position:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;border-radius:calc(var(--loader-portion-w)*100vw)}@media(min-width:43.75em){.intro_loader__tspY6{--loader-portion-w:calc(146 / 1280);--loader-portion-h:calc(580 / 832)}.intro_loader__tspY6 .intro_inner__fILVp{padding:0;aspect-ratio:146/580}.intro_loader__tspY6 .intro_inner__fILVp:after{height:100%}}.intro_action__kahU9{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:10;opacity:1;transition:opacity .5s ease;width:40vw;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center}@media(min-width:43.75em){.intro_action__kahU9{font-size:1rem;width:20.78125vw}}.intro_loading__axtUD .intro_action__kahU9{opacity:0}.intro_loading__axtUD .intro_donut__ocjhq .intro_blur__07ZdI{opacity:0;display:none}.intro_message__I1SoZ{color:rgba(0,0,0,.5);margin:0;padding:0;font-size:.75rem}@media(min-width:43.75em){.intro_message__I1SoZ{font-size:1rem}}.intro_skip__1JnuR{border:none;color:var(--color-button-background);background:transparent;cursor:pointer;position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);padding:.25rem 1rem;background-color:var(--color-black);border-radius:1rem;font-size:.75rem;animation:intro_appear__V1rcp .5s ease}@keyframes intro_appear__V1rcp{0%{opacity:0}}.loader_loader__XRyK1{width:100%;aspect-ratio:1/1;border:2px solid;border-bottom:2px solid transparent;border-radius:50%;display:block;box-sizing:border-box;animation:loader_rotation__rGR3F 1s linear infinite}@keyframes loader_rotation__rGR3F{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.export-song_root__sPgha{width:100%;height:100%;padding:1rem;position:relative}@media(min-width:43.75em){.export-song_root__sPgha{padding:2rem}}.export-song_background__GzIC_{position:absolute;inset:1rem;z-index:0}@media(min-width:43.75em){.export-song_background__GzIC_{inset:2rem}}.export-song_actions__A5sSt{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;position:absolute;left:0;bottom:calc((var(--vh, 100vh) - 40vw)/4);list-style:none;margin:0;padding:0}@media(min-width:43.75em){.export-song_actions__A5sSt{gap:4rem}}.export-song_message__MVDju{pointer-events:none;position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;text-align:center}.export-song_message__MVDju>div{width:62.5vw}.export-song_message__MVDju h1,.export-song_message__MVDju h2{font-size:11.5vw;margin:0;color:var(--color-black);-webkit-text-stroke:2px var(--color-A-primary);line-height:.9;animation:export-song_border__eshS1 8s linear infinite}.export-song_controls__3vFX4,.export-song_donut__Ptbho{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.export-song_donut__Ptbho{opacity:1;position:absolute;z-index:10;pointer-events:none;width:60vw;height:60vw;-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);-webkit-clip-path:url(#maskPath);clip-path:url(#maskPath);background:hsla(0,0%,100%,.01)}.export-song_donut__Ptbho .export-song_progress__OYaDZ{position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 60%);transform-origin:center right}@media(min-width:43.75em){.export-song_donut__Ptbho{width:40vw;height:40vw}}.export-song_controls__3vFX4{position:absolute;z-index:11;width:30vw;height:30vw;border-radius:40vw;display:flex;justify-content:center;align-items:center;background:url(/donut-disabled.png) 50% no-repeat}.export-song_controls__3vFX4 .export-song_toggle__taQ_r{position:relative;background-color:var(--color-A-primary);animation:export-song_background__GzIC_ 8s linear infinite;width:3rem;height:3rem;border-radius:50%;border:1px solid #000;fill:#000;cursor:pointer;display:flex;justify-content:center;align-items:center}.export-song_controls__3vFX4 .export-song_toggle__taQ_r svg{width:30%;height:30%}@media(min-width:43.75em){.export-song_controls__3vFX4 .export-song_toggle__taQ_r{width:6.25vw;height:6.25vw}.export-song_controls__3vFX4{width:20vw;height:20vw;border-radius:20vw}}.export-song_icon___LDHJ{width:.75rem;height:.75rem;display:block}.stems_controller__jSqP6{width:100%;height:100%}.stems_stems__N9s3b{margin:0;padding:0;list-style:none;height:100%;display:flex;flex-direction:column;justify-content:space-between}@media(min-width:43.75em){.stems_stems__N9s3b{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%;height:100%;gap:1rem}}.stems_stem__gJk_Z{flex-shrink:0;flex-grow:0;width:100%;height:calc(20% - .5rem)}@media(min-width:43.75em){.stems_stem__gJk_Z{width:calc(20% - 1.125rem);max-width:calc((var(--vh, 100vh) - 10.5rem)/1498*574);height:auto}}.progress-song-recording_wrapper__Nvl2h{width:100%;display:flex;align-items:center;position:relative;height:2rem}.progress-song-recording_background__xheyW{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-gap:0;gap:0;border-radius:1rem;overflow:hidden}.progress-song-recording_sequence__dPyFW{position:relative;z-index:2;grid-column:span 1;background-color:hsla(0,0%,100%,.07)}.progress-song-recording_sequence__dPyFW+.progress-song-recording_sequence__dPyFW{border-left:2px solid var(--color-black)}.progress-song-recording_progress-wrapper__JZKWK{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;border-radius:1rem}.progress-song-recording_progress__BbF5l{width:var(--recording-progress);height:2rem;background-color:var(--color-error)}.progress-song-recording_countdown__7oCKO{position:relative;z-index:2;font-size:4rem;width:100%;text-align:center}.composer_wrapper__FXs9f{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;height:100%;width:100%;margin:0 auto;padding:0 1rem}@media(min-width:43.75em){.composer_wrapper__FXs9f{padding:0 3rem}}.composer_stems__H_pgz{height:calc(100% - 3.5rem);padding-top:1rem}@media(min-width:43.75em){.composer_stems__H_pgz{height:calc(100% - 6.5rem - 6rem)}}.composer_links__LWM2y{display:none;list-style-type:none;margin:0 0 0 2rem;padding:0;font-size:.75rem}@media(min-width:43.75em){.composer_links__LWM2y{display:flex;align-items:center;gap:.5rem}}.composer_top__tj_Yi{display:none}.composer_top__tj_Yi .composer_left___m8fT{display:flex;align-items:center;gap:1rem}.composer_top__tj_Yi .composer_link__VuVwh{color:var(--color-white);background-color:rgba(var(--color-white-rgb),.1);text-decoration:none;padding:.25rem 1rem;border-radius:1rem}.composer_top__tj_Yi .composer_link__VuVwh:hover{background-color:var(--color-white);color:var(--color-black)}@media(min-width:43.75em){.composer_top__tj_Yi{height:6.5rem;flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}}.composer_bottom__zyp2b{display:flex;justify-content:center;flex-grow:0;flex-shrink:0;padding:.5rem 0 1rem;gap:.75rem}@media(min-width:43.75em){.composer_bottom__zyp2b{padding:2rem 0}}.composer_logo__QHhnM{width:4rem;fill:#fff;margin:0;padding:0;border:none;background:transparent;cursor:pointer}.composer_credits__SfHCe{display:none;color:hsla(0,0%,100%,.25);font-size:.625rem}.composer_credits__SfHCe a,.composer_credits__SfHCe a:visited{color:hsla(0,0%,100%,.5);text-decoration:none}.composer_credits__SfHCe a:hover{color:#fff}@media(min-width:43.75em){.composer_credits__SfHCe{display:block}}.composer_recording__SyIF1{width:100%}.composer_actions__efbCs{display:flex;gap:.25rem}.composer_action__1IcN_{width:3rem;height:2rem;padding:.625rem .75rem;border-radius:1rem;border:none;background-color:hsla(0,0%,100%,.07);fill:#fff}.composer_action__1IcN_:disabled{opacity:.5}.composer_action__1IcN_:not(:disabled){cursor:pointer}.composer_action__1IcN_:nth-child(2){fill:var(--color-error)}@media(hover){.composer_action__1IcN_:hover{background-color:hsla(0,0%,100%,.1)}}