.page{width:100%;height:100%}.page__header{height:auto;padding:0}.page__content{display:flex;flex-direction:column}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fullscreen{width:100%;height:100%;position:relative}.fullscreen__overlay{position:absolute;inset:0;display:flex;z-index:2}.overlay-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(#000000a6,#000 25% 75%,#000000a6 75%)}.fullscreen-icon{font-size:48px}.fullscreen__button{position:absolute;bottom:0;right:0;padding:8px;z-index:1}.dropzone{flex:1;display:flex}.dropzone--active{background:#000000a6;border:2px dashed var(--border-color);border-radius:4px}.dropzone--accept{border-color:var(--success-color)}.dropzone--reject{border-color:var(--error-color)}.dropzone__content{flex:1;align-self:center;text-align:center}.upload-icon{font-size:48px}.channel{display:flex;padding:4px 8px;transition:background-color .1s}.channel__swipe{padding-left:40px;background-color:#00000059;margin:-4px 8px -4px -8px}.channel__solo,.channel__mute{flex:0;margin-right:8px}.channel__volume{flex:1;margin-right:8px}.channel__move{touch-action:none}.channel-button,.channel-button:hover,.channel-button:disabled{color:#000000a6;border-radius:2px;transition:initial}.channel-button:focus{color:#000}.channel-button:active{color:#000;border:1px solid #000000}.channel-button--active,.channel-button--active:focus{color:#000000a6;border:1px solid rgba(0,0,0,.65)}.channel-button--active:active{color:#000;border:1px solid rgba(0,0,0,1)}@media(hover:hover)and (pointer:fine){.channel-button:hover,.channel-button:hover:focus{color:#000}.channel-button--active:hover,.channel-button--active:hover:focus{border:1px solid rgba(0,0,0,1)}}.channel--inverted .channel-button,.channel--inverted .channel-button:hover,.channel--inverted .channel-button:disabled{color:#ffffffa6}.channel--inverted .channel-button:focus{color:#fff}.channel--inverted .channel-button:active{color:#fff;border:1px solid rgba(255,255,255,1)}.channel--inverted .channel-button--active,.channel--inverted .channel-button--active:focus{color:#ffffffa6;border:1px solid rgba(255,255,255,.65)}.channel--inverted .channel-button--active:active{color:#fff;border:1px solid rgba(255,255,255,1)}@media(hover:hover)and (pointer:fine){.channel--inverted .channel-button:hover,.channel--inverted .channel-button:hover:focus{color:#fff}.channel--inverted .channel-button--active:hover,.channel--inverted .channel-button--active:hover:focus{border:1px solid rgba(255,255,255,1)}}.channel-slider .ant-slider-handle:after{background-color:#000000e6;box-shadow:none}.channel-slider .ant-slider-handle:focus:after,.channel-slider .ant-slider-handle.ant-tooltip-open:after{background-color:#000;box-shadow:0 0 0 5px #0000001f}.channel-slider.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open):after{box-shadow:0 0 0 5px #0000001f}.channel-slider .ant-slider-rail,.channel-slider.ant-slider:hover .ant-slider-rail{background-color:#00000059}.channel-slider .ant-slider-track,.channel-slider.ant-slider:hover .ant-slider-track{background-color:#000000a6}.channel--inverted .channel-slider .ant-slider-handle:after{background-color:#ffffffe6;box-shadow:none}.channel--inverted .channel-slider .ant-slider-handle:focus:after,.channel--inverted .channel-slider .ant-slider-handle.ant-tooltip-open:after{background-color:#fff;box-shadow:0 0 0 5px #ffffff1f}.channel--inverted .channel-slider.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open):after{box-shadow:0 0 0 5px #ffffff1f}.channel--inverted .channel-slider .ant-slider-rail,.channel--inverted .channel-slider.ant-slider:hover .ant-slider-rail{background-color:#ffffff59}.channel--inverted .channel-slider .ant-slider-track,.channel--inverted .channel-slider.ant-slider:hover .ant-slider-track{background-color:#ffffffa6}.scrubber{flex:1;display:flex;width:100vw;position:relative}.scrubber--firefox-scroll-fix{min-width:0}.scrubber__timeline{display:flex;min-width:100vw;padding:40px 0 40px 75vw;overflow-x:scroll}.scrubber__shade{position:absolute;inset:0 0 40px;padding-top:40px;pointer-events:none}.scrubber__cursor{position:absolute;top:0;left:75vw;bottom:40px;padding-top:40px}.scrubber__rewind{position:absolute;left:8px;bottom:28px}.scrubber__rewind--hidden{opacity:0;pointer-events:none}.shade{height:100%;background-image:linear-gradient(to right,#000,#0000 75%,#000c 75%,#000)}.cursor{--loudness: 0;height:100%;width:1px;background-color:#ffffffa6;transition:background-color .3s,box-shadow .05s ease-out}.cursor--is-playing{background-color:#fff;box-shadow:calc(-2px - 4px * var(--loudness)) 0 calc(4px + 8px * var(--loudness)) calc(1px + 2px * var(--loudness)) rgba(255,255,255,calc(.5 + .5 * var(--loudness)))}.spectrogram{position:relative}.spectrogram__canvas{position:absolute}.timeline{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;padding-right:25vw}.timeline__waveform{display:flex;grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:1;z-index:0;opacity:.9;transition:opacity .1s}.timeline__waveform--foreground{z-index:1}.timeline__waveform--background{opacity:.5;transition:opacity .3s}.timeline__waveform--muted{opacity:0;transition:opacity .3s}.toolbar{display:flex;justify-content:center;padding:8px}.toolbar__button{margin-right:8px}.toolbar__button:last-child{margin-right:0}.fader-1,.fader-2{transition:transform .3s}.show-mixer .fader-1{transform:translateY(-144px)}.show-mixer .fader-2{transform:translateY(144px)}.workstation{flex:1;display:flex;flex-direction:column}.workstation__toolbar{z-index:1}.editor{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.editor__timeline{z-index:0;flex:1;display:flex}.editor__mixer{flex:1;position:absolute;bottom:0;left:0;right:0;height:120px;overflow-y:scroll;transition:transform .3s;background-color:var(--component-background);will-change:transform}.editor__mixer--closed{transform:translateY(120px)}@media(min-height:426px){.editor__mixer{height:240px}.editor__mixer--closed{transform:translateY(240px)}}.editor__dropzone{position:absolute;inset:0;display:flex}.editor__dropzone--hidden{display:none}.empty-timeline{flex:1;align-self:center;text-align:center}.project-page-header{display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:16px 24px}.project-page-header__title{margin:0!important;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-page-header__extra{display:flex;align-items:center;gap:4px;margin-left:auto}.overflow-button{padding:4px}.back-button{flex-shrink:0}@layer antd;body{height:100vh;width:100vw;margin:0;background-color:#000;color:#ffffffd9}#root{width:100%;height:100%}.ant-app{height:100%}html{--body-background: #000;--component-background: #141414;--border-color: #434343;--success-color: #52c41a;--error-color: #ff4d4f}@media(hover:hover)and (pointer:fine){html{--scrollbar-track-color: #141414;--scrollbar-thumb-color: rgba(255, 255, 255, .65)}div{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}div::-webkit-scrollbar{width:11px}div::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}div::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:6px;border:3px solid var(--scrollbar-track-color)}}.button,.button:hover{color:#ffffffa6;border-radius:2px;transition:initial}.button:focus{color:#ffffffa6;border:1px solid rgba(255,255,255,.65)}.button:active{color:#fff;border:1px solid rgba(255,255,255,1)}@media(hover:hover)and (pointer:fine){.button:hover{color:#fff}.button:hover:focus{color:#fff;border:1px solid rgba(255,255,255,1)}}.button[disabled],.button[disabled]:hover,.button[disabled]:focus,.button[disabled]:active,.button--active[disabled]{color:#ffffff4d;border:none}@media(max-width:768px){.hidden-lt768{display:none!important}}