@layer tx.components{.tx-resizable{--tx-resizable-line:var(--tx-border,color-mix(in srgb, CanvasText 18%, Canvas));--tx-resizable-line-hover:var(--tx-muted-foreground,color-mix(in srgb, CanvasText 55%, Canvas));--tx-resizable-line-active:var(--tx-primary,Highlight);--tx-resizable-grip-bg:var(--tx-surface,Canvas);--tx-resizable-grip-fg:var(--tx-muted-foreground,CanvasText);min-block-size:8rem;inline-size:100%;color:var(--tx-foreground,CanvasText)}.tx-resizable[data-direction=vertical]{flex-direction:column}.tx-resizable--bordered{border:var(--tx-border-width,1px) solid var(--tx-resizable-line);border-radius:var(--tx-radius-lg,.75rem);background-color:var(--tx-surface,Canvas);overflow:hidden}.tx-resizable__panel{min-block-size:0;min-inline-size:0}.tx-resizable__panel[data-state=collapsed]{visibility:hidden}.tx-resizable__handle{background-color:var(--tx-resizable-line);touch-action:none;user-select:none;transition:background-color var(--tx-motion-fast,.12s) var(--tx-motion-easing,ease);outline:none;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.tx-resizable[data-direction=horizontal]>.tx-resizable__handle{cursor:col-resize;inline-size:1px}.tx-resizable[data-direction=vertical]>.tx-resizable__handle{cursor:row-resize;block-size:1px}.tx-resizable__handle:before{content:"";position:absolute;inset:0}.tx-resizable[data-direction=horizontal]>.tx-resizable__handle:before{inset-inline:-12px}.tx-resizable[data-direction=vertical]>.tx-resizable__handle:before{inset-block:-12px}.tx-resizable__handle:hover{background-color:var(--tx-resizable-line-hover)}.tx-resizable__handle[data-state=active],.tx-resizable__handle:focus-visible{background-color:var(--tx-resizable-line-active)}.tx-resizable__handle:focus-visible{z-index:1;box-shadow:0 0 0 var(--tx-focus-ring-width,2px) var(--tx-ring,Highlight)}.tx-resizable__handle[data-disabled]{cursor:default;opacity:.5}.tx-resizable__handle[data-disabled]:hover{background-color:var(--tx-resizable-line)}.tx-resizable__grip{z-index:1;box-sizing:border-box;border:var(--tx-border-width,1px) solid var(--tx-resizable-grip-fg);border-radius:var(--tx-radius-full,999px);background-color:var(--tx-resizable-grip-bg);background-image:radial-gradient(circle, var(--tx-resizable-grip-fg) 1px, transparent 1.5px);pointer-events:none;flex:none;display:block;position:relative}.tx-resizable__handle[data-state=active] .tx-resizable__grip,.tx-resizable__handle:focus-visible .tx-resizable__grip{border-color:var(--tx-resizable-line-active)}.tx-resizable[data-direction=horizontal]>.tx-resizable__handle .tx-resizable__grip{background-position:50%;background-size:100% .375rem}.tx-resizable[data-direction=vertical]>.tx-resizable__handle .tx-resizable__grip{background-position:50%;background-size:.375rem 100%}.tx-resizable[data-direction=horizontal]>.tx-resizable__handle--sm .tx-resizable__grip{block-size:1.25rem;inline-size:.625rem}.tx-resizable[data-direction=horizontal]>.tx-resizable__handle--md .tx-resizable__grip{block-size:1.75rem;inline-size:.75rem}.tx-resizable[data-direction=vertical]>.tx-resizable__handle--sm .tx-resizable__grip{block-size:.625rem;inline-size:1.25rem}.tx-resizable[data-direction=vertical]>.tx-resizable__handle--md .tx-resizable__grip{block-size:.75rem;inline-size:1.75rem}@media (prefers-reduced-motion:reduce){.tx-resizable__handle{transition:none}}@media (forced-colors:active){.tx-resizable{--tx-resizable-line:CanvasText;--tx-resizable-line-hover:Highlight;--tx-resizable-line-active:Highlight;--tx-resizable-grip-bg:Canvas;--tx-resizable-grip-fg:CanvasText}.tx-resizable__handle:focus-visible{outline:var(--tx-focus-ring-width,2px) solid Highlight;box-shadow:none}.tx-resizable__handle[data-disabled]{opacity:1;--tx-resizable-line:GrayText}}}.demo.svelte-1j095vx{gap:1.5rem;max-inline-size:48rem;display:grid}.demo.svelte-1j095vx h2:where(.svelte-1j095vx){margin:0 0 .5rem;font-size:1rem}.demo-hint.svelte-1j095vx{color:var(--tx-muted-foreground,inherit);margin:0 0 .5rem;font-size:.875rem}.demo.svelte-1j095vx .demo-group{block-size:9rem}.demo.svelte-1j095vx .demo-tall{block-size:14rem}.demo-pane.svelte-1j095vx{box-sizing:border-box;block-size:100%;padding:.75rem 1rem;overflow:auto}.demo-pane.svelte-1j095vx p:where(.svelte-1j095vx){color:var(--tx-muted-foreground,inherit);margin:.25rem 0 0;font-size:.875rem}