.knob-root{width:fit-content;display:inline-flex;position:relative}.knob-labels{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;display:flex;position:absolute;inset:0;container-type:size}.knob-label{color:var(--demo-coral-emphasized);font-size:9cqh}.knob-value{font-size:14cqh;font-weight:600}.knob-svg{color:var(--demo-coral-emphasized)}.knob-svg svg path{color:var(--demo-coral-emphasized)!important}*{scrollbar-color:var(--demo-neutral-muted) transparent;scrollbar-width:thin}.dark{--demo-popover-z-index:50;--demo-coral-solid:#b44630;--demo-coral-emphasized:color-mix(in srgb, var(--demo-coral-solid) 80%, white);--demo-coral-muted:color-mix(in srgb, var(--demo-coral-solid) 70%, black);--demo-coral-subtle:color-mix(in srgb, var(--demo-coral-solid) 45%, black);--demo-coral-fg:color-mix(in srgb, var(--demo-coral-solid) 90%, white);--demo-coral-contrast:white;--demo-coral-focus-ring:color-mix(in srgb, var(--demo-coral-solid) 110%, white);--demo-neutral-solid:#6f6d66;--demo-neutral-emphasized:#7c7b74;--demo-neutral-muted:#31312e;--demo-neutral-subtle:#222221;--demo-neutral-fg:#e9e9e9;--demo-neutral-fg-muted:#a9a9a3;--demo-neutral-contrast:white;--demo-neutral-focus-ring:#62605b;--demo-neutral-transparent:#00000046;--demo-border:#2a2a28;--demo-border-muted:#191918;--demo-border-emphasized:#242424;--demo-error:#f44;--demo-bg-popover:#111110;--demo-bg-thumb:#111110;--demo-bg-checkbox:#111110;--demo-shadow-xs:0 1px 2px 0 #00000026;--demo-shadow-sm:0 1px 3px 0 #0003, 0 1px 2px -1px #00000026;--demo-shadow-md:0 4px 6px -1px #0003, 0 2px 4px -2px #0000001f;--demo-shadow-lg:0 10px 15px -3px #0003, 0 4px 6px -4px #0000001a;--demo-shadow-xl:0 20px 25px -5px #00000040, 0 8px 10px -6px #0000001a;--demo-shadow-2xl:0 25px 50px -12px #00000059;--demo-json-string:#ff7b72;--demo-json-number:#79c0ff;--demo-json-boolean:#ffa657;--demo-json-key:#7ee787;--demo-json-accent:#d2a8ff}.dark [hidden]{display:none!important}.dark kbd{color:#707070;font-size:.85rem;font-weight:600}.dark{--my-height-small:18px;--my-height-normal:22px;--my-height-large:26px;--my-height-super-large:30px;--my-color:white;--my-neutral-color:#9b9b9b;--my-surface-bg-color:#161616;--my-solid-bg-color:#cf5239;--my-solid-hover-bg-color:#bb4b35;--my-solid-dark-hover-bg-color:#3d1810;--my-solid-active-bg-color:#fc6749;--my-solid-dark-active-bg-color:#7e3223;--my-neutral-bg-color:#202020;--my-neutral-hover-bg-color:#2b2b2b;--my-neutral-dark-hover-bg-color:#222;--my-neutral-active-bg-color:#3b3b3b;--my-neutral-dark-active-bg-color:#313131;--my-border-color:#313131;--my-border-radius:5px;--my-border-width:1px;--my-padding-x:6px;--my-padding-y:4px;--my-padding-large-x:10px;--my-padding-large-y:10px;--my-margin-bottom:.5rem;--my-gap:2px;--my-general-gap:4px;--my-box-shadow:0px 5px 5px black;--my-drop-shadow:5px 5px 5px #000000b0;--dt-border-hover-color:#474747;--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(19.125% .00002 271.152);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(47.3% .137 46.201);--extra-primary:oklch(from var(--primary) calc(l * 1.4) calc(c * 1.1) h);--muted-primary:color-mix(in srgb, var(--primary) 100%, black 30%);--muted-primary-hover:color-mix(in srgb, var(--primary) 85%, black 100%);--primary-foreground:oklch(98.7% .022 95.277);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% .00011 271.152/.096);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(76.9% .188 70.08);--sidebar-primary-foreground:oklch(27.9% .077 45.635);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0);--primary-hover:color-mix(in oklab, var(--primary) 80%, transparent);--default-hover:color-mix(in oklab, var(--secondary) 80%, transparent);--outline-hover:color-mix(in oklab, var(--secondary) 50%, transparent);--destructive-background:color-mix(in oklab, var(--destructive) 20%, transparent);--destructive-hover:color-mix(in oklab, var(--destructive-background) 80%, transparent);--primary-outline-hover:color-mix(in oklab, var(--primary) 20%, transparent);--primary-color:color-mix(in oklab, var(--primary) 85%, white);--border-input:oklch(100% .00011 271.152/.151);--spacing-large:1rem;--spacing:.5rem;--spacing-small:.25rem;--radius:.4rem;--list-gap:2px}::selection{background-color:var(--primary)}.my-tooltip{position-area:block-start;position-try-fallbacks:block-end, inline-end, inline-start;padding:var(--my-padding-y) var(--my-padding-x);background:var(--popover);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);text-align:center;max-width:200px;margin:4px;font-size:calc(1rem - 1px);position:absolute}._Root_7ib85_3{min-width:fit-content;color:var(--foreground);font-size:inherit;height:var(--my-height-normal);background-color:var(--secondary);border-style:solid;border-width:var(--my-border-width);border-radius:var(--radius);border-color:var(--border);padding-inline:var(--my-padding-x);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}._Root_7ib85_3 svg{width:calc(var(--my-height-normal) - 2px);height:calc(var(--my-height-normal) - 2px);padding-right:var(--my-padding-x)}._Root_7ib85_3[data-status=loading]{gap:var(--spacing);pointer-events:none}._Root_7ib85_3[data-disabled=disabled]{opacity:.5;pointer-events:none}._Root_7ib85_3:hover{background-color:var(--default-hover)}._Root_7ib85_3:active{transform:translateY(1px)}._Root_7ib85_3[data-size=tiny]{height:calc(var(--my-height-small) - 2px);font-size:calc(var(--my-height-small) - 8px);padding-left:4px;padding-right:4px}._Root_7ib85_3[data-size=tiny] svg{width:calc(var(--my-height-small) - 8px);height:calc(var(--my-height-small) - 8px);padding-right:var(--my-padding-x)}._Root_7ib85_3[data-size=small]{height:var(--my-height-small);font-size:calc(var(--my-height-small) - 7px)}._Root_7ib85_3[data-size=small] svg{width:calc(var(--my-height-small) - 8px);height:calc(var(--my-height-small) - 8px);padding-right:var(--my-padding-x)}._Root_7ib85_3[data-size=large]{height:var(--my-height-large)}._Root_7ib85_3[data-size=large] svg{width:calc(var(--my-height-large) - 6px);height:calc(var(--my-height-large) - 6px);padding-right:var(--my-padding-x)}._Root_7ib85_3[data-size=icon-s]{height:var(--my-height-small);width:var(--my-height-small);padding:unset}._Root_7ib85_3[data-size=icon-s] svg{width:calc(var(--my-height-small) - 8px);height:calc(var(--my-height-small) - 8px);padding:unset}._Root_7ib85_3[data-size=icon-xs]{height:var(--my-height-small);width:var(--my-height-small);padding:unset}._Root_7ib85_3[data-size=icon-xs] svg{width:calc(var(--my-height-small) - 8px);height:calc(var(--my-height-small) - 8px);padding:unset}._Root_7ib85_3[data-size=icon-m]{height:var(--my-height-normal);width:var(--my-height-normal);padding:unset}._Root_7ib85_3[data-size=icon-m] svg{padding:unset}._Root_7ib85_3[data-size=icon-l]{height:var(--my-height-large);width:var(--my-height-large);padding:unset}._Root_7ib85_3[data-size=icon-l] svg{width:calc(var(--my-height-large) - 8px);height:calc(var(--my-height-large) - 8px);padding:unset}._Root_7ib85_3[data-variant=solid]{background-color:var(--primary);border:none}._Root_7ib85_3[data-variant=solid]:hover{background-color:var(--primary-hover)}._Root_7ib85_3[data-variant=ghost]{background-color:unset;border:unset}._Root_7ib85_3[data-variant=ghost]:hover{background-color:var(--outline-hover)}._Root_7ib85_3[data-variant=outline]{border-color:var(--border-input);background-color:unset}._Root_7ib85_3[data-variant=outline]:hover{background-color:var(--outline-hover)}._Root_7ib85_3[data-variant=destructive]{background-color:var(--destructive-background);color:var(--destructive);border:none}._Root_7ib85_3[data-variant=destructive]:hover{background-color:var(--destructive-hover)}._Root_7ib85_3[data-variant=surface]{background-color:unset;border-color:var(--primary-color);color:var(--primary-color);font-weight:600}._Root_7ib85_3[data-variant=surface]:hover{background-color:var(--primary-outline-hover)}._Root_7ib85_3:focus-visible{outline:1px solid gray}._EndIcon_7ib85_305{padding-left:var(--my-padding-x);margin-right:calc(var(--my-padding-x) * -1.2)}._LoaderRoot_7ib85_317{justify-content:center;align-items:center;gap:var(--spacing);display:flex}._LoadingLabel_7ib85_329:is([data-variant=default],[data-variant=outline],[data-variant=ghost],[data-variant=solid]){color:var(--muted-foreground)}._Loader_7ib85_317{aspect-ratio:1;background:var(--muted-foreground);--_m:conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;width:15px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;border-radius:50%;padding:3px;animation:1s linear infinite _l3_7ib85_1;-webkit-mask-composite:source-out;mask-composite:subtract}._Loader_7ib85_317[data-variant=surface]{background:var(--primary)}._Loader_7ib85_317[data-variant=destructive]{background:var(--destructive)}._Loader_7ib85_317[data-size=small]{width:6px}@keyframes _l3_7ib85_1{to{transform:rotate(1turn)}}