.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)}@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,rgba(255,255,255,.2) 25%,transparent 0,transparent 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 75%,transparent 0,transparent);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}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1E1E1E;color:#DCDCDC}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol{color:#569CD6}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-type{color:#4EC9B0}.hljs-class,.hljs-number{color:#B8D7A3}.hljs-meta .hljs-string,.hljs-string{color:#D69D85}.hljs-regexp,.hljs-template-tag{color:#9A5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#DCDCDC}.hljs-comment,.hljs-quote{color:#57A64A;font-style:italic}.hljs-doctag{color:#608B4E}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9B9B9B}.hljs-template-variable,.hljs-variable{color:#BD63C5}.hljs-attr,.hljs-attribute{color:#9CDCFE}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#D7BA7D}.hljs-addition{background-color:#144212}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-deletion{background-color:#600}@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))}.upload.flex{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;font-size:1.2rem;font-weight:700;padding:1rem 2rem;gap:.5rem;transition:color .2s}.upload.flex:hover{color:var(--grey)}.upload.flex:hover .icon:after{background:var(--grey)}@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}.text-link{justify-content:center}.text-link *{margin-bottom:unset}.text-link:not(:last-of-type){margin-bottom:1rem}.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)}.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:black}.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}.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 transparent;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))}.page._contest .splash{--splash-padding:6rem;overflow:hidden}.page._contest .splash .fill-image{filter:blur(3px)}.page._contest section{margin-bottom:10rem}@media (max-width:800px){.page._contest h2{font-size:2rem}}.prizes{align-items:flex-start;flex-wrap:wrap;justify-content:center}.contest-files{margin-bottom:2rem;gap:2rem 4rem;flex-wrap:wrap}.download-stems{gap:.5rem;padding:.5rem;white-space:nowrap}.download-stems h3{font-size:1.2rem}.contest-preview{margin-bottom:2rem}.prize{flex-basis:327px}.prize._1st{background:rgb(200,140,20)}.prize._2nd{background:rgb(90,90,110)}.prize._3rd{background:rgb(150,60,10)}.prize._likes{background:rgb(200,0,40)}.prize._raffle{background:rgb(50,150,50)}.prize._fadr{background:var(--accent)}@media (max-width:800px){.contest-enter{flex-wrap:wrap}}.contest-enter .block{flex-basis:100%}.contest-enter p{margin-bottom:1rem}.upload._contest{padding:.6rem}.contest-color{color:var(--text2)}