.app-window__container__titlebar{background:var(--color-surface-light);border-top-left-radius:5px;border-top-right-radius:5px;display:flex;flex-direction:row;padding:5px 10px;justify-content:space-between;align-items:center;color:var(--color-shadow-grey-300)}.app-window__container__titlebar__content,.app-window__container__titlebar__controls{display:flex;flex-direction:row;gap:10px}.app-window__container__titlebar__content__button,.app-window__container__titlebar__controls__button{width:20px;height:20px;border-radius:5px;display:flex;justify-content:center;align-items:center}.app-window__container__titlebar__content__button:hover,.app-window__container__titlebar__controls__button:hover{background:var(--color-panel-hover);cursor:pointer}.app-window__container__content{width:calc(100% - 20px);height:auto;display:flex;flex-direction:column;padding:10px;overflow-x:auto;overflow-y:auto}.app-window{position:fixed;width:400px;height:230px;min-width:400px;min-width:230px;z-index:100;left:calc(50% - 200px);top:calc(50% - 115px);border-radius:5px;background:var(--color-surface);box-shadow:0 0 10px #00000040;border:1px solid var(--color-surface-light);font-size:var(--font-size-small);-webkit-user-select:none;user-select:none}.app-window__container{width:100%;height:100%;position:relative}.app-window__container:before,.app-window__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-window__container{display:grid;grid-template-rows:30px auto;gap:0px}.loader-indicator{width:50px;height:50px}.loader-indicator__container{position:relative}.loader-indicator__container__spinner{width:50px;height:50px;border-radius:50%;display:inline-block;position:relative;background:linear-gradient(0deg,#fff3 33%,#1572ff);box-sizing:border-box;animation:rotation 1s linear infinite}.loader-indicator__container__spinner:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff}.loader-indicator.small,.loader-indicator.small .loader-indicator__container__spinner{width:20px;height:20px}.loader-indicator.small .loader-indicator__container__spinner:after{width:18px;height:18px}.loader-indicator.fluexgl-dsp .loader-indicator__container__spinner{background:linear-gradient(0deg,var(--color-surface-light) 33%,#EFE6DD 100%)}.loader-indicator.fluexgl-dsp .loader-indicator__container__spinner:after{background:var(--color-surface-light)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-button{display:flex;flex-direction:row;padding:10px;background:var(--color-panel);align-items:center;gap:10px;-webkit-user-select:none;user-select:none;border-radius:5px;cursor:pointer;transition:background .15s ease}.app-button span{font-size:var(--font-size-small);overflow:hidden;width:100%;white-space:nowrap}.app-button:hover,.app-button.disabled{background:var(--color-panel-hover)}.app-button.red{color:#ff2626}.knob{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer}.knob__body{width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;background:var(--color-panel);border:1px solid var(--color-accent-soft);position:relative;transition:box-shadow .15s,background .15s ease}.knob__body__handle{position:absolute;top:calc(50% - 1px);left:50%;width:calc(50% - 5px);height:2px;background:var(--color-accent);transform-origin:0% 50%;z-index:2;transition:width .15s ease}.knob__body__center{width:6px;height:6px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:10px;background:var(--color-accent);z-index:1;transition:width .15s,height .15s ease}.knob.is-dragging .knob__body{background:var(--color-panel-active)}.knob.is-dragging .knob__body__handle{width:50%}.knob:hover .knob__body{background:var(--color-panel-hover)}@keyframes LoaderFadeOut{0%{opacity:1}to{opacity:0}}.app-loader{width:100vw;height:100vh;position:fixed;z-index:9999;background:var(--color-surface);color:var(--color-white);font-size:var(--font-size-small)}.app-loader__container{width:100%;height:100%;position:relative}.app-loader__container:before,.app-loader__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-loader__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.app-loader__logo{width:auto;height:60px;display:flex;flex-direction:row;align-items:center;gap:10px;font-size:var(--font-size-extra-large)}.app-loader__logo__icon{width:60px;height:60px}.app-loader__logo__icon img{width:100%;height:100%;transform:scale(1.5)}.app-loader.fade-out{opacity:0;animation:LoaderFadeOut .15s ease}@keyframes channelAppearAnimation{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mixer-channel{width:40px;height:100%;-webkit-user-select:none;user-select:none;transition:background .15s ease;animation:channelAppearAnimation .3s ease forwards}.mixer-channel__container{width:100%;height:100%;position:relative}.mixer-channel__container:before,.mixer-channel__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mixer-channel__container{display:flex;flex-direction:column;gap:10px}.mixer-channel__channel-count{width:100%;height:30px;display:flex;justify-content:center;align-items:center;background:var(--color-surface-light)}.mixer-channel__channel-count span{font-size:var(--font-size-small);font-family:var(--font-semibold)}.mixer-channel__channel-label{width:100%;height:110px;display:flex;justify-content:center;overflow:hidden}.mixer-channel__channel-label input{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--font-size-small);white-space:nowrap;margin-bottom:10px;background:none;border:none;font-family:inherit;color:inherit;outline:none}.mixer-channel__peak-meter{height:120px;display:flex;flex-direction:row;gap:5px;padding:5px;background:var(--color-surface-light);border-radius:5px}.mixer-channel__peak-meter__canvas{width:100%;height:100%}.mixer-channel__knobs{height:auto;margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:5px}.mixer-channel__knobs__label{font-size:8px;text-transform:uppercase}.mixer-channel__buttons{height:auto;display:flex;flex-direction:column;gap:5px}.mixer-channel__buttons__button{width:40px;height:40px;background:var(--color-panel);color:var(--color-panel-text-muted);border-radius:5px;display:flex;cursor:pointer;justify-content:center;align-items:center;transition:background .15s ease}.mixer-channel__buttons__button:hover{background:var(--color-panel-hover);color:var(-color-panel-text-active)}.mixer-channel:hover{background:var(--color-surface)}.channel-fader{height:220px;display:flex;justify-content:center;align-items:center}.channel-fader__body{width:5px;height:100%;position:relative;background:var(--color-panel);border-radius:5px;transition:background .15s ease}.channel-fader__body__current{width:5px;height:80%;position:absolute;left:0;bottom:0;background:var(--color-accent);border-radius:5px;transition:background .15s ease}.channel-fader__body__current__container{width:100%;height:100%;position:relative}.channel-fader__body__current__container:before,.channel-fader__body__current__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.channel-fader__body__current__label{width:40px;height:20px;position:absolute;top:-60px;left:-21px;z-index:1;background:#00000040;padding:5px;border-radius:5px;display:flex;justify-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .15s ease;color:var(--color-white)}.channel-fader__body__current__label span{font-size:12px}.channel-fader__body__current__thumb{width:20px;height:40px;position:absolute;top:-20px;left:-7px;z-index:1;background:var(--color-surface-light);transition:background .15s ease;border-radius:5px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;cursor:grab}.channel-fader__body__current__thumb__line{height:2px;width:10px;background:var(--color-accent);transition:background .15s ease}.channel-fader.is-dragging .channel-fader__body__current__label{opacity:1}.mixer-create-channel-button{width:40px;height:100%;flex:0 0 40px;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s ease;background:var(--color-panel);border-radius:5px;color:var(--color-panel-text-muted)}.mixer-create-channel-button__container{width:100%;height:100%;position:relative}.mixer-create-channel-button__container:before,.mixer-create-channel-button__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mixer-create-channel-button__container{display:flex;justify-content:center;align-items:center}.mixer-create-channel-button:hover{background:var(--color-panel-hover);color:var(--color-panel-text-active)}.app-mixer{background:var(--color-surface-dark);border-top-right-radius:5px;border-top-left-radius:5px;padding:20px}.app-mixer__container{width:100%;height:100%;position:relative}.app-mixer__container:before,.app-mixer__container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-mixer__container{width:calc(100vw - var(--header-initial-width) * 2 - 40px);display:flex;flex-direction:row;gap:10px;overflow-x:scroll}@keyframes EffectListFadeIn{0%{opacity:0}to{opacity:1}}.app-header__content{width:100%;display:flex;flex-direction:column;gap:20px;font-size:var(--font-size-small);animation:EffectListFadeIn .15s ease;padding-bottom:20px}.app-header__content code{background:#00000040;padding:2px;border-radius:5px}.app-header__content__category{width:100%;height:100%;position:relative}.app-header__content__category:before,.app-header__content__category:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-header__content__category{height:auto;display:flex;flex-direction:column;gap:10px}.app-header__content__category__label{font-family:var(--font-semibold);text-transform:uppercase;color:var(--color-text-muted)}.app-header__content__category__items{display:flex;flex-direction:column;gap:10px}.app-header__content__divider{width:100%;height:1px;background:var(--color-panel)}.app-header__content__titlebar{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:10px}.app-header__content__titlebar span{font-size:var(--font-size-regular);white-space:nowrap;overflow:hidden}.audio-clip-player{width:100%;height:100%;position:relative}.audio-clip-player:before,.audio-clip-player:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.audio-clip-player{height:auto;display:flex;flex-direction:column;gap:10px}.audio-clip-player__timestamps{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.audio-clip-player__timestamps__divider{height:1px;width:100%;background:var(--color-shadow-grey-500)}.progress-bar{width:100%;height:60px;display:flex;align-items:center;position:relative}.progress-bar__wave-form{width:100%;height:60px}.progress-bar__body{width:100%;height:3px;border-radius:5px;background:var(--color-shadow-grey-400);position:absolute;z-index:2}.progress-bar__body__current{width:30%;height:3px;background:var(--color-white);position:relative}.progress-bar__body__current__thumb{width:15px;height:15px;position:absolute;right:-6px;top:-6px;z-index:1;border-radius:10px;background:var(--color-white);transition:transform .15s ease;cursor:grab}.progress-bar__body__current__thumb:hover{transform:scale(1.2)}.app-floating-selection-box{width:100vw;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;font-size:var(--font-size-small)}.app-floating-selection-box__backdrop{width:100%;height:100%;position:relative}.app-floating-selection-box__backdrop:before,.app-floating-selection-box__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-floating-selection-box__box{width:208px;height:auto;max-height:45vh;position:absolute;left:20px;top:20px;display:flex;overflow-y:auto;opacity:0;border-radius:5px;background:var(--color-surface);box-shadow:0 0 10px #00000040;border:1px solid var(--color-surface-light)}.app-floating-selection-box__box__container{width:100%;padding:20px;display:flex;gap:20px;flex-direction:column}.app-floating-selection-box__box__container__title{font-family:var(--font-semibold);text-transform:uppercase;white-space:nowrap}.app-floating-selection-box__box__container__buttons{display:flex;flex-direction:column;gap:10px}