.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:100%;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:#00000040;color:var(--color-text-active);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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;inset: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)}}@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;inset: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}.app-navbar{grid-area:nav;font-size:var(--font-size-medium);padding:0 20px}.app-navbar .link-wrapper{color:inherit;text-decoration:none}.app-navbar__container{width:100%;height:100%;position:relative}.app-navbar__container:before,.app-navbar__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-navbar__container{display:flex;flex-direction:row;align-items:center;gap:20px}.app-navbar__logo{width:auto;display:flex;flex-direction:row;align-items:center;overflow:hidden;gap:10px;-webkit-user-select:none;user-select:none}.app-navbar__logo img{width:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);height:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);transform:scale(1.5)}.app-navbar__logo span{font-size:var(--font-size-large)}.app-navbar__project-name{padding:5px 10px;background:var(--color-surface-light);border-radius:5px}.app-navbar__menu-button{width:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);height:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);margin-left:auto;border-radius:5px;display:flex;justify-content:center;align-items:center;transition:background .15s ease;cursor:pointer}.app-navbar__menu-button:hover{background:var(--color-panel-hover)}@keyframes MenuFadeIn{0%{opacity:0;transform:scale(.95) translate(8px,-8px);transform-origin:top right}to{opacity:1;transform:scale(1) translate(0);transform-origin:top right}}.app-menu-backdrop{width:100vw;height:100vh;position:fixed;inset:0;z-index:100}.app-menu-backdrop__container{width:100%;height:100%;position:relative}.app-menu-backdrop__container:before,.app-menu-backdrop__container:after{content:"";position:absolute;inset:0;pointer-events:none}.app-menu{width:320px;height:100vh;position:fixed;top:0;right:0;z-index:101;background:var(--color-surface);box-shadow:0 0 10px #00000040;font-size:var(--font-size-regular);overflow:hidden;animation:MenuFadeIn .15s ease}.app-menu__container{width:320px;padding:20px;display:flex;flex-direction:column;gap:20px;overflow:hidden}.app-menu__titlebar{width:100%;height:40px;display:flex;justify-content:space-between}.app-menu__titlebar__logo{width:auto;display:flex;flex-direction:row;align-items:center;overflow:hidden;gap:10px;-webkit-user-select:none;user-select:none}.app-menu__titlebar__logo img{width:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);height:calc(var(--navigation-bar-initial-height) - (var(--navigation-bar-inner-padding)) * 2);transform:scale(1.5)}.app-menu__titlebar__logo span{font-size:var(--font-size-large)}.app-menu__titlebar__button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.app-menu__titlebar__button:hover{background:var(--color-panel-hover)}.app-menu__divider{width:100%;height:1px;background:var(--color-surface-light);margin:10px 0}.app-menu__category{width:100%;display:flex;flex-direction:column;gap:10px}.app-menu__category__title{font-size:var(--font-size-small);font-weight:600;font-family:var(--font-semibold);text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.app-menu__category__item{border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-text-active);text-decoration:none}.app-menu__category__item:hover{color:var(--color-accent)}.app-header{padding:20px;display:flex;overflow-y:auto}.app-header.left{grid-area:left;overflow-y:auto}.app-header.right{grid-area:right}@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__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}.app-header__content__divider{width:100%;height:1px;background:var(--color-panel)}.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}.app-header__content__category{width:100%;height:100%;position:relative}.app-header__content__category:before,.app-header__content__category:after{content:"";position:absolute;inset: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}.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;inset: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;inset: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}.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;inset: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)}.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;inset: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}@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;inset: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)}.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;inset: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;inset: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}.app-layout{width:100vw;height:100vh;background:var(--color-surface);color:var(--color-text-active)}.app-layout__container{width:100%;height:100%;display:grid;grid-template-rows:var(--navigation-bar-initial-height) 1fr;grid-template-columns:var(--header-initial-width) 1fr var(--header-initial-width);grid-template-areas:"nav nav nav" "left main right"}a,abbr,acronym,address,applet,b,big,blockquote,body,button,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,title,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}html,body{margin:0;padding:0;outline:none;font-family:var(--default-font-family);color:var(--color-black)}div.container{width:100%;height:100%;position:relative;content:""}div.container:before,div.container:after{content:"";position:absolute}@font-face{font-family:Poppins Black;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Black.ttf) format("truetype")}@font-face{font-family:Poppins Black Italic;src:url(font-families/Poppins/Poppins-BlackItalic.ttf) format("truetype")}@font-face{font-family:Poppins Bold;src:url(/font-families/Poppins/Poppins-bold.ttf) format("truetype")}@font-face{font-family:Poppins Bold Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-BoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins Extra Bold;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraBold.ttf) format("truetype")}@font-face{font-family:Poppins Extra Bold Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins Extra Light;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraLight.ttf) format("truetype")}@font-face{font-family:Poppins Extra Light Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ExtraLightItalic.ttf) format("truetype")}@font-face{font-family:Poppins Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Italic.ttf) format("truetype")}@font-face{font-family:Poppins Light;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Light.ttf) format("truetype")}@font-face{font-family:Poppins Light Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-LightItalic.ttf) format("truetype")}@font-face{font-family:Poppins Medium;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Medium.ttf) format("truetype")}@font-face{font-family:Poppins Medium Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-MediumItalic.ttf) format("truetype")}@font-face{font-family:Poppins Regular;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins Semi Bold;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-SemiBold.ttf) format("truetype")}@font-face{font-family:Poppins Semi Bold Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-SemiBoldItalic.ttf) format("truetype")}@font-face{font-family:Poppins Thin;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-Thin.ttf) format("truetype")}@font-face{font-family:Poppins Thin Italic;src:url(/examples/dsp-mixer/font-families/Poppins/Poppins-ThinItalic.ttf) format("truetype")}:root{--font-black: "Poppins Black", sans-serif;--font-black-italic: "Poppins Black Italic", sans-serif;--font-bold: "Poppins Bold", sans-serif;--font-bold-italic: "Poppins Bold Italic", sans-serif;--font-extra-bold: "Poppins Extra Bold", sans-serif;--font-extra-bold-italic: "Poppins Extra Bold Italic", sans-serif;--font-extra-light: "Poppins Extra Light", sans-serif;--font-extra-light-italic: "Poppins Extra Light Italic", sans-serif;--font-italic: "Poppins Italic", sans-serif;--font-light: "Poppins Light", sans-serif;--font-light-italic: "Poppins Light Italic", sans-serif;--font-medium: "Poppins Medium", sans-serif;--font-medium-italic: "Poppins Medium Italic", sans-serif;--font-regular: "Poppins Regular", sans-serif;--font-regular-italic: "Poppins Regular Italic", sans-serif;--font-semibold: "Poppins Semi Bold", sans-serif;--font-semibold-italic: "Poppins Semi Bold Italic", sans-serif;--font-thin: "Poppins Thin", sans-serif;--font-thin-italic: "Poppins Thin Italic", sans-serif;--default-font-family: var(--font-regular);--primary-text-color: #000000;--secondary-text-color: #ffffff;--font-size-regular: 16px;--font-size-small: 12px;--font-size-medium: 20px;--font-size-large: 28px;--font-size-extra-large: 36px}:root{--default-inner-padding: 20px;--navigation-bar-initial-height: 80px;--navigation-bar-inner-padding: var(--default-inner-padding);--header-initial-width: 250px;--header-inner-padding: var(--default-inner-padding);--floating-menu-initial-width: 320px;--floating-menu-inner-padding: var(--default-inner-padding)}:root{--color-black: #000000;--color-white: #FFFFFF;--color-text-active: #E6E7E8;--color-text-muted: #A3A4A6;--color-text-disabled: #707173;--color-text-warning-red: #E84C3D;--color-text-warning-yellow: #E3B341;--color-text-success-green: #70C46F;--color-surface: #2B2C2E;--color-surface-light: #3A3B3D;--color-surface-dark: #242526;--color-panel: #3A3B3D;--color-panel-hover: #434447;--color-panel-active: #505255;--color-panel-text-muted: #A3A4A6;--color-panel-text-active: #E6E7E8;--color-accent: #FFA646;--color-accent-hover: #FFB766;--color-accent-active: #E78F2F;--color-accent-soft: rgba(255, 166, 70, .15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--color-panel);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-panel-hover)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.table{display:table}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-\[10px\]{gap:10px}.bg-\[var\(--color-shadow-grey-500\)\]{background-color:var(--color-shadow-grey-500)}.text-center{text-align:center}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}