.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)}}._Root_ux9hf_1{color:var(--foreground);--tree-item-gap:.5rem;--tree-indentation:1rem;--tree-padding-inline:.75rem;--tree-padding-block:.375rem;--tree-icon-size:1rem;flex-direction:column;gap:.5rem;width:100%;max-width:20rem;display:flex}._Label_ux9hf_31{-webkit-user-select:none;user-select:none;font-size:1.15rem;font-weight:500;line-height:1rem}._Tree_ux9hf_45{flex-direction:column;display:flex}._Tree_ux9hf_45 svg{width:var(--tree-icon-size);height:var(--tree-icon-size);flex-shrink:0}._Branch_ux9hf_67{position:relative}._BranchControl_ux9hf_75{align-items:center;gap:var(--tree-item-gap);-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;font:inherit;text-align:start;--tree-depth:calc(var(--depth) - 1);--tree-indentation-offset:calc(var(--tree-indentation) * var(--tree-depth));--tree-icon-offset:calc(var(--tree-icon-size) * var(--tree-depth) * .5);--tree-offset:calc(var(--tree-padding-inline) + var(--tree-indentation-offset) + var(--tree-icon-offset));padding-inline-start:var(--tree-offset);padding-inline-end:var(--tree-padding-inline);padding-block:var(--tree-padding-block);background:0 0;border:none;border-radius:.375rem;display:flex;position:relative}._BranchControl_ux9hf_75:hover{background:var(--default-hover)}._BranchControl_ux9hf_75[data-selected]{background:var(--muted-primary)}._BranchControl_ux9hf_75[data-disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}._BranchContent_ux9hf_167{position:relative}._BranchContent_ux9hf_167[data-state=open]{animation:.15s ease-out _expand-height_ux9hf_1,.15s ease-out _fade-in_ux9hf_1}._BranchContent_ux9hf_167[data-state=closed]{animation:.15s ease-out _collapse-height_ux9hf_1,.15s ease-out _fade-out_ux9hf_1}[data-animate=false] ._BranchContent_ux9hf_167[data-state]{animation:none}._BranchIndentGuide_ux9hf_207{background:var(--input);z-index:1;--tree-depth:calc(var(--depth) - 1);--tree-indentation-offset:calc(var(--tree-indentation) * var(--tree-depth));--tree-offset:calc(var(--tree-padding-inline) + var(--tree-indentation-offset));--tree-icon-offset:calc(var(--tree-icon-size) * .5 * var(--depth));width:1px;height:100%;position:absolute;inset-inline-start:calc(var(--tree-offset) + var(--tree-icon-offset))}._BranchIndicator_ux9hf_241{color:var(--demo-neutral-emphasized);transform-origin:50%;justify-content:center;align-items:center;transition:transform .15s;display:inline-flex}._BranchIndicator_ux9hf_241[data-state=open]{transform:rotate(90deg)}._BranchIndicator_ux9hf_241 svg{width:.875rem;height:.875rem}._Loader_ux9hf_277{animation:1s infinite _spin_ux9hf_1}._BranchTrigger_ux9hf_283{justify-content:center;align-items:center;display:inline-flex}._BranchText_ux9hf_295{align-items:center;gap:var(--tree-item-gap);text-overflow:ellipsis;white-space:nowrap;flex:1;display:inline-flex;overflow:hidden}._Item_ux9hf_315{align-items:center;gap:var(--tree-item-gap);-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;font:inherit;text-align:start;--tree-depth:calc(var(--depth) - 1);--tree-indentation-offset:calc(var(--tree-indentation) * var(--tree-depth));--tree-icon-offset:calc(var(--tree-icon-size) * var(--tree-depth) * .5);--tree-offset:calc(var(--tree-padding-inline) + var(--tree-indentation-offset) + var(--tree-icon-offset));padding-inline-start:var(--tree-offset);padding-inline-end:var(--tree-padding-inline);padding-block:var(--tree-padding-block);background:0 0;border:none;border-radius:.375rem;text-decoration:none;display:flex;position:relative}._Item_ux9hf_315:hover{background:var(--default-hover)}._Item_ux9hf_315[data-selected]{background:var(--muted-primary)}._Item_ux9hf_315[data-disabled]{opacity:.5;filter:grayscale();cursor:not-allowed}._ItemIndicator_ux9hf_409{color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}._ItemIndicator_ux9hf_409 svg{width:.875rem;height:.875rem}._ItemText_ux9hf_435{align-items:center;gap:var(--tree-item-gap);text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);flex:1;font-size:.9rem;display:inline-flex;overflow:hidden}._NodeCheckbox_ux9hf_459{border:1px solid var(--demo-border-emphasized);background:var(--demo-bg-checkbox);width:1rem;height:1rem;color:var(--demo-coral-contrast);cursor:pointer;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._NodeCheckbox_ux9hf_459[data-state=checked],._NodeCheckbox_ux9hf_459[data-state=indeterminate]{background:var(--demo-coral-solid);border-color:var(--demo-coral-solid)}._NodeCheckbox_ux9hf_459 svg{width:.75rem;height:.75rem}._NodeCheckboxIndicator_ux9hf_519{justify-content:center;align-items:center;display:flex}._ActionGroup_ux9hf_531{opacity:0;flex-shrink:0;gap:.25rem;display:flex}:where(._BranchControl_ux9hf_75,._Item_ux9hf_315):hover ._ActionGroup_ux9hf_531,:where(._BranchControl_ux9hf_75,._Item_ux9hf_315):focus-within ._ActionGroup_ux9hf_531{opacity:1}._Action_ux9hf_531{cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:0;display:inline-flex}._Action_ux9hf_531 svg{width:.875rem;height:.875rem}._NodeRenameInput_ux9hf_595{min-width:0;height:1.25rem;font-size:inherit;line-height:inherit;border:1px solid var(--demo-coral-solid);background:var(--demo-bg-popover);color:var(--demo-neutral-fg);box-sizing:content-box;border-radius:.25rem;outline:none;flex:1;margin-block:-1px;padding-block:0;padding-inline:.25rem}._NodeRenameInput_ux9hf_595:focus{outline:2px solid var(--demo-coral-focus-ring);outline-offset:-1px}@keyframes _expand-height_ux9hf_1{0%{height:0}to{height:var(--height)}}@keyframes _collapse-height_ux9hf_1{0%{height:var(--height)}to{height:0}}@keyframes _fade-in_ux9hf_1{0%{opacity:0}to{opacity:1}}@keyframes _fade-out_ux9hf_1{0%{opacity:1}to{opacity:0}}@keyframes _spin_ux9hf_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}