@media (max-width:800px){.tracks{--controls-width:5rem!important}}.tracks{--controls-width:17rem;flex-grow:1}.tracks-droppable{font-weight:700;padding:1rem;justify-content:center}.tracks-scroll{margin-top:1rem;padding-bottom:.5rem}.tracks-timeline-container{margin-bottom:1rem}.tracks-placeholder{flex-basis:var(--controls-width);flex-shrink:0}.tracks-timeline{flex-grow:1}.tracks-timeline canvas{z-index:auto!important}@media (max-width:800px){.select{flex-grow:1}}.select{min-width:-moz-fit-content;min-width:fit-content}.select.small .select-button{font-size:.8rem}.select-button{padding:1rem;background:var(--background2);border-radius:var(--radius-small)}.select-button:hover{background:var(--grey)}.select-button.tempo{width:6rem}.key-select .select-button{min-width:8.2rem}.block:not(.song) .select-button:not(:hover){background:var(--background3)}.select-value{flex-grow:1;white-space:nowrap;line-height:1rem}.select-value._ph{--text:var(--text2);color:var(--text)}.select .context-menu{min-width:100%}.select-option{cursor:pointer;padding:.8rem 1.2rem;transition:color .2s;color:var(--text2);display:block;width:100%}.select-option.active{color:var(--text)}.select-option:hover{background:var(--grey)}.voice-select-options{background:var(--background);padding:.4rem;overflow-y:auto;max-height:10rem}.voice-select-option{display:inline-block;background:var(--background2);padding:.4rem;margin:.4rem}.voice-select-option._active,.voice-select-option:hover{background:var(--accent)}.multi-key-select{min-width:10rem}.key-select{min-width:7rem}.snap-select{width:-moz-fit-content;width:fit-content}@media (max-width:800px){.flex.track-metaData,.flex.track-sliders,.track-info{display:none!important}}.track-controls._remix{border-radius:var(--radius);width:var(--controls-width)}.track-controls._admin{border-radius:var(--radius);width:200px}.track-controls._admin:hover,.track-controls._remix:hover{background:var(--opaqueHover)}.tracks._remix-editor .track-controls-header{padding-right:.5rem}.track-controls-opener{height:80px;padding:3px}.track-stem-type .icon{height:1.5rem;width:1.5rem}.track-info{flex-grow:1;font-size:.6rem;text-align:center}.track-name{word-break:break-all}.track-metaData{white-space:nowrap;color:var(--accent)}.track-name :not(:first-child){text-transform:capitalize}.track-switch{background:var(--background3);width:1.5rem;line-height:1.5rem;font-weight:700;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:.2rem;font-size:.8rem}.track-switch._active,.track-switch:hover{background:var(--grey)}.flex.track-sliders{min-width:5rem;flex-direction:column;align-items:stretch}.track-controls-row{font-size:.8rem;margin:auto auto .5rem;width:max-content;max-width:100%}.track-playback-rate{font-weight:700;justify-content:center}.flex.track-footer{flex-direction:column}.track-remove{transform:rotate(45deg);cursor:pointer}.opener{transition:all .5s}.opener,.opener div{overflow:hidden}.stem-slider-container{flex-grow:1;padding-right:.5rem}._hover>.stem-slider-wrapper{visibility:visible}.stem-slider-container .icon{height:1.2rem;width:1.2rem}.stem-slider-value{width:1.2rem;flex-shrink:0;line-height:1.2rem;font-weight:700;display:flex;justify-content:center;cursor:pointer}.stem-slider-value:hover{color:var(--accent)}.offset,.tempo.flex{touch-action:none;font-size:.8rem;line-height:1rem;gap:.2rem}.offset-icon{height:.6rem;width:.6rem;background:var(--text);-webkit-mask-image:url(/assets/icons/arrow.png);mask-image:url(/assets/icons/arrow.png);-webkit-mask-size:cover;mask-size:cover}.offset-icon._left{transform:rotate(180deg)}.offset-icon:hover{background:var(--accent)}.offset-icon2{height:.6rem;width:.8rem;background:var(--text);-webkit-mask-image:url(/assets/icons/doublearrow.png);mask-image:url(/assets/icons/doublearrow.png);-webkit-mask-size:cover;mask-size:cover}.offset-icon2._left{transform:rotate(180deg)}.offset-icon2:hover{background:var(--accent)}.dj-slider{height:10rem}.crossfade,.dj-slider{width:10rem}.picker{-webkit-user-select:none;user-select:none;justify-content:space-between}.picker-option._selected{color:var(--accent)}.track{-webkit-user-select:none;user-select:none;padding:.25rem 0}.track .flex{gap:.5rem}.track:last-child{padding-bottom:unset}.track-loading{width:max-content;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.track-loading>:last-child{margin-bottom:unset!important}.track-wrapper{flex-grow:1;overflow:hidden;position:relative;z-index:0}.track._DJ>.flex{width:20rem}.track._DJ .track-waveform{pointer-events:none}.show-track-name{text-align:center;font-size:.6rem;width:5rem}.vertical-flex.status-container{align-items:center}.status{text-align:center;width:max-content}.status:after{animation:loading 1s linear infinite alternate;width:1rem;text-align:left;float:right;content:"."}.error{color:var(--accent);text-align:center}.progress-bar{width:var(--button-width);max-width:80%;border-radius:1rem;background:var(--disabled);overflow:hidden;height:1rem}.progress-bar div{border-radius:1rem;background:var(--accent);transition:width .5s;position:relative;height:100%}.progress-bar div:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,#fff3 25%,#0000 0,#0000 50%,#fff3 0,#fff3 75%,#0000 0,#0000);background-size:50px 50px;animation:move 2s linear infinite;border-radius:1rem;overflow:hidden}.scroll{flex-grow:1;width:max-content}.scroll .rc-slider{margin:0 .5rem}.icon._fill-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.playback{vertical-align:middle}.playback-button._normal{padding:.75rem;background:var(--accent);border-radius:1.25rem}.playback-button:not(._small):not(:disabled):hover{background:var(--accent2)}.subscription-plan{padding:1rem;border-radius:var(--radius);cursor:pointer;width:100%}.subscription-plan:hover{background:var(--opaqueHover)}.subscription-plan *{cursor:inherit}.subscription-plan>.vertical-flex{gap:0}.subscription-plan-units{color:var(--accent)}.subscription-plan-price._discount{text-decoration:line-through}.subscription-plan-price:not(._discount){font-weight:700}.plan-select{-webkit-user-select:none;user-select:none}.create-subscription{margin:auto}.create-subscription-trial{margin-bottom:2rem;text-align:center}.create-subscription-referral{justify-content:center;color:var(--accent)}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/8d7c84a11f840916-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/419a051b363af584-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/778ce0abc5526d65-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b17f997f9ae7c671-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3064ca4f871fda7c-s.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/ddcfaf3c507de899-s.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/06aa60d9335bb7b5-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9798597226cbd355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/24c66e387ee021e3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto Fallback;src:local("Arial");ascent-override:92.98%;descent-override:24.47%;line-gap-override:0.00%;size-adjust:99.78%}.__className_28a512{font-family:Roboto,Roboto Fallback;font-weight:500;font-style:normal}.social-logins{margin-bottom:2rem;-webkit-user-select:none;user-select:none}form.vertical-flex{gap:2rem}.input{position:relative;cursor:text;flex-grow:1;transition:background-color .2s}.input._disabled{opacity:.5;cursor:not-allowed}.input._alt{background-color:var(--background2);border-radius:var(--radius-small);padding:.9rem 1rem}.block:not(.song) .input._alt:not(:hover){background:var(--background3)}.input._alt:not(._disabled):hover{background-color:var(--grey)}.input :focus{outline:unset}.input._alt .input-field{border:unset;font-size:.8rem}.input._alt .input-name{display:none}.input-name{position:absolute;cursor:inherit;transition:all .3s;top:.18rem;-webkit-user-select:none;user-select:none;color:var(--text2)}.input-name.focus{top:-.8rem;font-size:.6rem}.input-field{font-size:1rem;border:0;color:unset;-webkit-border-radius:0;background:none;width:100%;display:block;transition:border-color .3s}.input:not(._alt) .input-field{border-bottom:2px solid var(--text);line-height:calc(2rem - 2px)}.input._alt .input-field{line-height:1.2rem}.input:hover .input-field{border-color:var(--accent)}.textarea-field{resize:none;overflow-y:hidden}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.progress-circle{height:1rem;width:1rem;position:relative}.progress-circle:before{content:"";position:absolute;border-radius:50%;top:0;right:0;bottom:0;left:0;background:conic-gradient(var(--text) calc(var(--p) * 1%),#0000 0);-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(99% - 4px),#000 calc(100% - 4px));mask-image:radial-gradient(farthest-side,#0000 calc(99% - 4px),#000 calc(100% - 4px))}.text-link{justify-content:center}.text-link *{margin-bottom:unset}.text-link:not(:last-of-type){margin-bottom:1rem}.promo-code{margin-left:auto;margin-right:auto;padding:.5rem;min-height:3rem}.promo-code._active{padding:1rem;border-radius:var(--radius)}.braintree{margin-bottom:2rem}#braintree-dropin{color:#000}.braintree-method__label{white-space:nowrap}.braintree *{font-weight:unset!important}.braintree-heading,.braintree-placeholder{display:none!important}.subscription-cancel{cursor:pointer;display:inline-block}.subscription-cancel:hover{color:var(--accent)}.braintree-loaded .braintree-upper-container:before{background-color:unset}.toggle input{cursor:inherit}.more-stems{max-width:max(302px,100%)}.flex.convert-controls{margin-bottom:1rem;justify-content:center;gap:1rem 2rem;flex-wrap:wrap}.convert-controls div.selected{color:var(--accent)}.lightning{height:1rem;width:.5rem;min-width:.7rem;background:var(--text);-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;box-sizing:border-box;-webkit-mask-image:url(/assets/icons/lightning.svg);mask-image:url(/assets/icons/lightning.svg)}.stems .song-header{flex-wrap:nowrap}.flex.stem-number{text-transform:capitalize}.upload.flex._stems{margin-bottom:1rem;font-size:1rem}.flex.key-row{gap:2px;margin-bottom:2px}button.key{flex-shrink:0;--key-width:4rem;width:var(--key-width);height:6rem;border-radius:3px;font-size:.6rem;text-align:center;border:4px solid #0000;color:var(--background)}.key._black{background:var(--grey)}.key._white{background:var(--text2)}.key._active{border-color:var(--text)}.key:hover{opacity:.5}button.key._left{margin-left:calc(1px + (var(--key-width) / 2))}button.key._right{margin-right:calc(1px + (var(--key-width) / 2))}.chords{margin-bottom:1rem;display:grid;align-items:center;grid-template-columns:1fr 1fr 1fr 1fr 1fr;height:1.5rem}.chord{color:var(--grey);text-align:center}.chord:hover{color:var(--text2)}.chord.active{color:var(--text)}.chord-divider{width:1px;height:1.2rem;background:var(--grey)}.faq-question{border-bottom:2px solid var(--text2)}.faq-question-header.flex{justify-content:space-between;width:100%;padding:2rem 0}.faq-answer{white-space:pre-wrap;color:var(--text2)}.youtube-embed{width:100%;height:auto;padding-top:56.25%;position:relative;overflow:hidden;border-radius:var(--radius)}.youtube-embed iframe{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.youtube-embed .icon{top:50%;left:50%;height:2rem;width:2rem;transform:translate(-50%,-50%);position:absolute}.youtube-embed .icon.youtube{height:4rem;width:4rem}.youtube-embed .icon.youtube:after{background:var(--yt)}.sgpt-mobile-splash-img{margin:auto}.page._plugin .splash h1{font-size:4rem}.page._synthgpt .splash .fill-image{object-position:bottom}.sgpt-header-icon{height:4rem;width:6.75rem}.sgpt-key{flex:1 1;border-radius:var(--radius-small);padding:.5rem 0;aspect-ratio:.5;gap:.2rem;align-items:center;font-size:.6rem;text-transform:uppercase}.sgpt-key._pressed,.sgpt-synth:not(._disabled) .sgpt-key:hover{cursor:pointer;opacity:.5}.sgpt-key._black{background-color:var(--background3);justify-content:flex-end}.sgpt-key._white{background-color:var(--grey);justify-content:flex-start}.key-half-gap{flex:0.5 1}@media (max-width:700px){.sgpt-key-label._keyboard{display:none}}.sgpt-synth{gap:2px;-webkit-user-select:none;user-select:none}.sgpt-synth._disabled{opacity:.3;cursor:not-allowed}.sgpt-key-row{flex:1 1;flex-direction:row;gap:2px;align-items:stretch}.gpt-suggestions.block{position:absolute;top:100%;left:1.2rem;right:1.2rem;padding:1rem 0;margin-top:.5rem;z-index:1;box-shadow:var(--box-shadow)}.gpt-suggestion{color:var(--text2);padding:1rem 1.2rem;font-size:.8rem;width:100%;transition:background-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.gpt-suggestion:hover{background-color:var(--opaqueHover)}.gpt-input{border-radius:var(--radius-small);border-top-left-radius:29px;border-bottom-left-radius:29px;background-color:var(--background2)}.gpt-input._disabled *{opacity:.5;cursor:wait!important}.gpt-input label{padding:1.2rem;cursor:text}.gpt-input:not(._disabled):hover{background-color:var(--opaqueHover)}.gpt-input textarea{border:0;color:unset;-webkit-border-radius:0;background:none;display:block;resize:none;font-size:.9rem;transition:height .1s}.gpt-input textarea:focus{outline:unset}.gpt-browser.flex{height:var(--gpt-prompt-height);padding-left:1rem;padding-right:1.2rem;background-color:var(--background2);border-radius:var(--radius-small);border-top-right-radius:2rem;border-bottom-right-radius:2rem;gap:0}.gpt-browser-gap{width:.8rem}.gpt-browser-index{width:2rem;text-align:center}.gpt-ideas{font-size:.7rem;width:calc(100% - 1rem);margin-left:auto;margin-right:auto;min-height:50px}.gpt-ideas .flex.wrap{transition:height 2s}.gpt-idea{padding:.1rem .3rem;border-radius:var(--radius-small);transition:filter .2s;white-space:nowrap;overflow:hidden;color:#fff}.gpt-idea:not(:disabled):hover{filter:brightness(.7)}.gpt-ideas-button.flex{gap:.4rem}.gpt-ideas-button .icon{height:.7rem;width:.7rem}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.8s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.gpt-prompt.flex{position:relative;max-width:800px;width:100%;margin-left:auto;margin-right:auto;align-items:stretch}.sgpt-preview{flex:1 1;align-self:stretch;cursor:pointer;max-width:100%;padding:1.5rem}.sgpt-preview.active{outline:4px solid var(--accent)}.sgpt-preview .grow{overflow:hidden}.sgpt-preview-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sgpt-preview-date{white-space:nowrap}.sgpt-preview:hover{background-color:var(--opaqueHover)}.library-filters.flex{margin-bottom:2rem;flex-wrap:wrap}.flex.library-bpm{font-size:.8rem;color:var(--text2);-webkit-user-select:none;user-select:none;flex-grow:1;min-width:12rem}.library-bpm-range{margin:0 .5rem}.range-mark{margin-top:.4rem;font-size:.8rem}.library-list-header{padding:1rem 1rem 1rem 0;display:grid;grid-template-columns:subgrid;grid-column:2/-1}