.page._blog .splash{--splash-background:linear-gradient(to bottom,var(--opaque2),#000000b3,var(--background))}.blog-img{max-width:-webkit-max-content;max-width:max-content;margin:2rem auto;display:block;max-width:100%;border-radius:var(--radius);height:auto}.blog-img.block{padding:1rem}.blog-features{width:-webkit-max-content;width:max-content;margin:auto auto 2rem;color:unset!important}.blog-thumbnail-background{padding:0 1rem;color:#fff}.blog-thumbnail-background h2{margin-bottom:unset}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}.youtube-embed{display:block;width:100%;height:auto;aspect-ratio:16/9;position:relative;border-radius:var(--radius)}.youtube-embed iframe{width:100%;height:100%}.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)}.vertical-flex.status-container{align-items:center}.status{text-align:center;width:-webkit-max-content;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}form.vertical-flex{gap:2rem}.input{position:relative;cursor:text;flex-grow:1;transition:background-color .2s;background-color:var(--background2);border-radius:var(--radius-small);padding:.9rem 1rem;border:var(--border)}.input._small{padding:.8rem .9rem}.input._opaque{background-color:var(--opaque)}.input._opaque:not(._disabled):hover{background-color:var(--opaqueHover)}.input._disabled,.input._disabled input{opacity:.5;cursor:not-allowed}.block:not(.song):not(.opaque2) .input{background:var(--background3)}.block:not(.song):not(.opaque2) .input:not(._disabled):hover,.input:not(._disabled):hover{background-color:var(--grey)}.input :focus{outline:unset}.input-field{font-size:1rem;color:unset;-webkit-border-radius:0;background:none;width:100%;display:block;transition:border-color .3s;line-height:1.2rem;border:unset;font-size:.8rem}.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))}.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;transition:background-color .2s}.playback-button:not(._small):not(:disabled):hover{background:var(--accent2)}.stem-slider{margin-right:.5rem}.stem-slider-value{width:1rem;flex-shrink:0;line-height:1rem;display:flex;justify-content:center}.offset,.tempo{touch-action:none;font-size:.8rem;line-height:1rem;gap:.2rem}.tempo input{border:none;width:unset;background:unset;text-align:center;flex:1 1;width:100%;font-size:.8rem}.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}.flex.key-row{gap:2px;margin-bottom:2px}.key{flex:1 1;min-width:3.4rem;display:flex}.key._left{flex:1.5 1;justify-content:flex-end}.key._right{flex:1.5 1;justify-content:flex-start}.key button{width:100%;padding:.5rem 0;border-radius:3px;font-size:.7rem;text-align:center;color:var(--background);will-change:opacity}.key._left button,.key._right button{width:calc(100% * 2 / 3)}.key._black button{background:var(--grey)}.key._white button{background:var(--text2)}.key button:hover,.key._active button{opacity:.5}@media (max-width:800px){.select{flex-grow:1}}.select{min-width:-webkit-fit-content;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);width:100%;border:var(--border)}.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:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@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){.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:0 .2rem}.track-controls-opener{height:80px}.track-stem-type .icon{height:1.5rem;width:1.5rem}.track-info{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:-webkit-max-content;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}.slider{position:relative;--track-height:0.25rem;--handle-size:1rem;height:var(--handle-size);-webkit-user-select:none;user-select:none;width:100%}.slider-track{position:absolute;border-radius:calc(var(--track-height) / 2);top:calc(var(--handle-size) / 2 - var(--track-height) / 2);height:var(--track-height);background:var(--grey)}.slider-track._active{background:var(--accent)}.slider-handle{cursor:pointer;position:absolute;top:0;transform:translateX(-50%)}.slider-handle-dot{position:relative;left:50%;transform:translateX(-50%);width:var(--handle-size);height:var(--handle-size);border-radius:50%;background-color:var(--text)}.slider-handle:not(:disabled):hover .slider-handle-dot{background-color:var(--text2)}.slider-handle-label{text-wrap:nowrap;text-align:center;color:var(--grey);font-size:.7rem;margin-top:.2rem}.track{-webkit-user-select:none;user-select:none;padding:.25rem 0;transition:opacity .2s}.track._mute{opacity:.5}.track .flex{gap:.5rem}.track:last-child{padding-bottom:unset}.track-loading{width:-webkit-max-content;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;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}.remix-person{border-radius:50%;border-style:solid;width:-webkit-max-content;width:max-content}.profile-picture.flex{border-radius:50%;overflow:hidden;align-items:center;justify-content:center;flex-shrink:0}.profile-picture-image{height:100%;width:100%}.remix-selectable{position:relative}.remix-selection{position:absolute;border-width:5px;border-style:solid;border-radius:1rem;inset:-5px;top:-5px;left:-5px;right:-5px;bottom:-5px;width:calc(100% + 10px);height:calc(100% + 10px);pointer-events:none}.audio-scroll{flex-grow:1;width:-webkit-max-content;width:max-content}