:root{--audioui-roundness-base:.3;--audioui-primary-color:var(--audioui-adaptive-default-color);--audioui-nearwhite:hsl(0,0%,96%);--audioui-nearblack:hsl(0,0%,10%);--audioui-theme-blue:hsl(204,88%,52%);--audioui-theme-orange:hsl(29,100%,48%);--audioui-theme-pink:hsl(332,92%,52%);--audioui-theme-green:hsl(160,95%,44%);--audioui-theme-purple:hsl(252,96%,54%);--audioui-theme-yellow:hsl(50,100%,50%);--audioui-theme-default:var(--audioui-nearblack);--audioui-adaptive-default-color:var(--audioui-theme-default);--audioui-adaptive-50:color-mix(in srgb,var(--audioui-adaptive-default-color) 50%,transparent);--audioui-adaptive-20:color-mix(in srgb,var(--audioui-adaptive-default-color) 20%,transparent);--audioui-adaptive-light:color-mix(in srgb,var(--audioui-adaptive-default-color) 80%,white);--audioui-adaptive-dark:color-mix(in srgb,var(--audioui-adaptive-default-color) 80%,black);--audioui-primary-50:color-mix(in srgb,var(--audioui-primary-color) 50%,transparent);--audioui-primary-20:color-mix(in srgb,var(--audioui-primary-color) 20%,transparent);--audioui-primary-light:color-mix(in srgb,var(--audioui-primary-color) 80%,white);--audioui-primary-dark:color-mix(in srgb,var(--audioui-primary-color) 80%,black);--audioui-text-color:var(--audioui-nearblack);--audioui-default-font-size:14px;--audioui-highlight-effect:brightness(1.15) contrast(1.05) drop-shadow(0 0 .5em color-mix(in srgb,var(--audioui-primary-color,var(--audioui-text-color)) 35%,transparent));--audioui-highlight-transition-duration:50ms;--audioui-cursor-clickable:pointer;--audioui-cursor-bidirectional:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgN3YxOE03IDE2aDE4TTE2IDdsLTQgNE0xNiA3bDQgNE0xNiAyNWwtNC00TTE2IDI1bDQtNE03IDE2bDQtNE03IDE2bDQgNE0yNSAxNmwtNC00TTI1IDE2bC00IDQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE2IDd2MThNNyAxNmgxOE0xNiA3bC00IDRNMTYgN2w0IDRNMTYgMjVsLTQtNE0xNiAyNWw0LTRNNyAxNmw0LTRNNyAxNmw0IDRNMjUgMTZsLTQtNE0yNSAxNmwtNCA0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) 16 16,move;--audioui-cursor-horizontal:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNyAxNmgxOE03IDE2bDUtNU03IDE2bDUgNU0yNSAxNmwtNS01TTI1IDE2bC01IDUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTcgMTZoMThNNyAxNmw1LTVNNyAxNmw1IDVNMjUgMTZsLTUtNU0yNSAxNmwtNSA1IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) 16 16,ew-resize;--audioui-cursor-vertical:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgN3YxOE0xNiA3bC01IDVNMTYgN2w1IDVNMTYgMjVsLTUtNU0xNiAyNWw1LTUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE2IDd2MThNMTYgN2wtNSA1TTE2IDdsNSA1TTE2IDI1bC01LTVNMTYgMjVsNS01IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) 16 16,ns-resize;--audioui-cursor-circular:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) 16 16,move;--audioui-cursor-noneditable:default;--audioui-cursor-disabled:not-allowed;--audioui-keys-ivory:hsl(40,20%,95%);--audioui-keys-ivory-stroke:hsl(40,20%,85%);--audioui-keys-ebony:hsl(0,0%,15%);--audioui-keys-ebony-stroke:hsl(0,0%,25%);--audioui-knob-cap-fill:#303030;--audioui-button-stroke-width:5px;--audioui-slider-track-color:var( --audioui-adaptive-20 );--audioui-slider-strip-color:var(--audioui-primary-color);--audioui-slider-cursor-color:var(--audioui-primary-color);--audioui-slider-cursor-border-color:var( --audioui-primary-light );--audioui-slider-cursor-border-width:5px;--audioui-roundness-button:calc(var(--audioui-roundness-base) * 50px);--audioui-roundness-knob:var(--audioui-roundness-base);--audioui-roundness-slider:calc(var(--audioui-roundness-base) * 20px);--audioui-roundness-keys:calc(var(--audioui-roundness-base) * 12px);--audioui-linecap-base:round;--audioui-linecap-knob:var(--audioui-linecap-base);--audioui-linecap-slider:var(--audioui-linecap-base);--audioui-linecap-button:var(--audioui-linecap-base);--audioui-unit:48px;--audioui-size-mult-xsmall:1;--audioui-size-mult-small:1.25;--audioui-size-mult-normal:1.5;--audioui-size-mult-large:2;--audioui-size-mult-xlarge:2.5;--audioui-size-square-xsmall:var(--audioui-unit);--audioui-size-square-small:calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-square-normal:calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-square-large:calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-square-xlarge:calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-hslider-height-xsmall:var(--audioui-unit);--audioui-size-hslider-height-small:calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-hslider-height-normal:calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-hslider-height-large:calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-hslider-height-xlarge:calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-hslider-width-xsmall:calc(var(--audioui-size-hslider-height-xsmall) * 2);--audioui-size-hslider-width-small:calc(var(--audioui-size-hslider-height-small) * 2);--audioui-size-hslider-width-normal:calc(var(--audioui-size-hslider-height-normal) * 2);--audioui-size-hslider-width-large:calc(var(--audioui-size-hslider-height-large) * 2);--audioui-size-hslider-width-xlarge:calc(var(--audioui-size-hslider-height-xlarge) * 2);--audioui-size-vslider-width-xsmall:var(--audioui-unit);--audioui-size-vslider-width-small:calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-vslider-width-normal:calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-vslider-width-large:calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-vslider-width-xlarge:calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-vslider-height-xsmall:calc(var(--audioui-size-vslider-width-xsmall) * 2);--audioui-size-vslider-height-small:calc(var(--audioui-size-vslider-width-small) * 2);--audioui-size-vslider-height-normal:calc(var(--audioui-size-vslider-width-normal) * 2);--audioui-size-vslider-height-large:calc(var(--audioui-size-vslider-width-large) * 2);--audioui-size-vslider-height-xlarge:calc(var(--audioui-size-vslider-width-xlarge) * 2);--audioui-size-keys-height-xsmall:var(--audioui-unit);--audioui-size-keys-height-small:calc(var(--audioui-unit) * var(--audioui-size-mult-small));--audioui-size-keys-height-normal:calc(var(--audioui-unit) * var(--audioui-size-mult-normal));--audioui-size-keys-height-large:calc(var(--audioui-unit) * var(--audioui-size-mult-large));--audioui-size-keys-height-xlarge:calc(var(--audioui-unit) * var(--audioui-size-mult-xlarge));--audioui-size-keys-width-xsmall:calc(var(--audioui-size-keys-height-xsmall) * 5);--audioui-size-keys-width-small:calc(var(--audioui-size-keys-height-small) * 5);--audioui-size-keys-width-normal:calc(var(--audioui-size-keys-height-normal) * 5);--audioui-size-keys-width-large:calc(var(--audioui-size-keys-height-large) * 5);--audioui-size-keys-width-xlarge:calc(var(--audioui-size-keys-height-xlarge) * 5)}.dark{--audioui-theme-default:var(--audioui-nearwhite);--audioui-adaptive-default-color:var(--audioui-theme-default);--audioui-theme-blue:hsl(204,88%,53%);--audioui-theme-orange:hsl(29,100%,50%);--audioui-theme-pink:hsl(332,95%,54%);--audioui-theme-green:hsl(160,98%,37%);--audioui-theme-purple:hsl(252,100%,67%);--audioui-theme-yellow:hsl(50,100%,50%);--audioui-text-color:var(--audioui-nearwhite);--audioui-knob-cap-fill:#4a4d50;--audioui-slider-cursor-border-color:var( --audioui-primary-dark )}input,textarea{color:var(--audioui-text-color);background-color:transparent;font-size:var(--audioui-default-font-size)}svg foreignObject div,svg text{-webkit-user-select:none;user-select:none;cursor:default}svg foreignObject div svg{fill:currentColor;color:inherit;max-width:75%;max-height:75%}.audioui-icon-wrapper{display:flex;align-items:center;justify-content:center}.audioui-icon-wrapper svg{width:100%;height:100%;fill:currentColor;color:inherit}.audioui{-webkit-user-select:none;user-select:none;cursor:default}.audioui-component-container{height:auto;max-width:100%;max-height:100%}.audioui-component-container svg{height:auto;outline:none}.audioui-highlight{will-change:filter;transition:filter var(--audioui-highlight-transition-duration) linear}.audioui-highlight:focus,.audioui-highlight:focus-visible,.audioui-highlight:hover{filter:var(--audioui-highlight-effect);outline:none}.audioui-highlight foreignObject,.audioui-highlight text{isolation:isolate}.audioui-stroke-primary{stroke:var(--audioui-primary-color)}.audioui-fill-text{fill:var(--audioui-text-color)}.audioui-fill-primary{fill:var(--audioui-primary-color)}.audioui-fill-transparent{fill:transparent}.audioui-border-primary{border-color:var(--audioui-primary-color)}.audioui-text-primary{color:var(--audioui-primary-color)}.audioui-size-square-xsmall{width:var(--audioui-size-square-xsmall);height:var(--audioui-size-square-xsmall)}.audioui-size-square-small{width:var(--audioui-size-square-small);height:var(--audioui-size-square-small)}.audioui-size-square-normal{width:var(--audioui-size-square-normal);height:var(--audioui-size-square-normal)}.audioui-size-square-large{width:var(--audioui-size-square-large);height:var(--audioui-size-square-large)}.audioui-size-square-xlarge{width:var(--audioui-size-square-xlarge);height:var(--audioui-size-square-xlarge)}.audioui-size-hslider-xsmall{width:var(--audioui-size-hslider-width-xsmall);height:var(--audioui-size-hslider-height-xsmall)}.audioui-size-hslider-small{width:var(--audioui-size-hslider-width-small);height:var(--audioui-size-hslider-height-small)}.audioui-size-hslider-normal{width:var(--audioui-size-hslider-width-normal);height:var(--audioui-size-hslider-height-normal)}.audioui-size-hslider-large{width:var(--audioui-size-hslider-width-large);height:var(--audioui-size-hslider-height-large)}.audioui-size-hslider-xlarge{width:var(--audioui-size-hslider-width-xlarge);height:var(--audioui-size-hslider-height-xlarge)}.audioui-size-vslider-xsmall{width:var(--audioui-size-vslider-width-xsmall);height:var(--audioui-size-vslider-height-xsmall)}.audioui-size-vslider-small{width:var(--audioui-size-vslider-width-small);height:var(--audioui-size-vslider-height-small)}.audioui-size-vslider-normal{width:var(--audioui-size-vslider-width-normal);height:var(--audioui-size-vslider-height-normal)}.audioui-size-vslider-large{width:var(--audioui-size-vslider-width-large);height:var(--audioui-size-vslider-height-large)}.audioui-size-vslider-xlarge{width:var(--audioui-size-vslider-width-xlarge);height:var(--audioui-size-vslider-height-xlarge)}.audioui-size-keys-xsmall{width:var(--audioui-size-keys-width-xsmall);height:var(--audioui-size-keys-height-xsmall)}.audioui-size-keys-small{width:var(--audioui-size-keys-width-small);height:var(--audioui-size-keys-height-small)}.audioui-size-keys-normal{width:var(--audioui-size-keys-width-normal);height:var(--audioui-size-keys-height-normal)}.audioui-size-keys-large{width:var(--audioui-size-keys-width-large);height:var(--audioui-size-keys-height-large)}.audioui-size-keys-xlarge{width:var(--audioui-size-keys-width-xlarge);height:var(--audioui-size-keys-height-xlarge)}