: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 )}textarea,input{color:var(--audioui-text-color);background-color:transparent;font-size:var(--audioui-default-font-size)}svg text,svg foreignObject div{-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:hover,.audioui-highlight:focus,.audioui-highlight:focus-visible{filter:var(--audioui-highlight-effect);outline:none}.audioui-highlight text{isolation:isolate}.audioui-highlight foreignObject{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)}