.Playground_root__vHvXe{border:var(--vortex-border-width-25) solid var(--vortex-color-border-default);overflow:hidden;max-width:53.75rem;background:var(--vortex-color-background-surface-subtlest)}.Playground_preview____Jxa,.Playground_root__vHvXe{position:relative}.Playground_preview____Jxa{padding:var(--radii-padding)}.Playground_stage__siyAb{position:relative;overflow:hidden;min-height:160px;display:flex;align-items:center;justify-content:center;padding:var(--vortex-space-800);background:var(--vortex-color-background-default)}.Playground_dotGrid__k2BCh{position:absolute;z-index:var(--vortex-z-index-0);top:var(--vortex-space-0);left:var(--vortex-space-0);width:100%;height:100%;background-image:radial-gradient(circle,var(--docs-showcase-dot-color) var(--vortex-border-width-25),transparent var(--vortex-border-width-25));background-size:var(--vortex-space-250) var(--vortex-space-250)}.Playground_componentWrapper__Yh5O8{position:relative;z-index:var(--vortex-z-index-1)}.Playground_header___vldg{position:absolute;top:var(--vortex-space-300);right:var(--vortex-space-300);z-index:var(--vortex-z-index-5);display:flex;gap:var(--vortex-space-100)}.Playground_codePanel__rCh3o{background:var(--vortex-color-background-default);overflow:hidden;height:0}.Playground_codePanelHeader__DWgGJ{display:flex;justify-content:flex-end;padding:var(--vortex-space-300) var(--vortex-space-400);border-bottom:var(--vortex-border-width-25) solid var(--vortex-color-border-default)}.Playground_pre__tINOf{margin:0;padding:var(--vortex-space-400);overflow-x:auto;background:var(--vortex-color-background-default)}.Playground_pre__tINOf code{font-family:var(--docs-font-family-code)}.Playground_panelHeader__0FCuT{flex-shrink:0}.Playground_textInput__uQV8V{width:100%;max-width:200px;padding:var(--vortex-space-150) var(--vortex-space-300);border:var(--vortex-border-width-25) solid var(--vortex-color-border-default);border-radius:var(--vortex-border-radius-75);background:var(--vortex-color-background-surface-default);color:var(--vortex-color-foreground-default);font-size:var(--vortex-font-size-body-sm);font-family:inherit;outline:none}.Playground_textInput__uQV8V:focus-visible{box-shadow:var(--vortex-focus-ring)}.Playground_select__57G1D{padding:var(--vortex-space-150) var(--vortex-space-300);border:var(--vortex-border-width-25) solid var(--vortex-color-border-default);border-radius:var(--vortex-border-radius-75);background:var(--vortex-color-background-surface-default);color:var(--vortex-color-foreground-default);font-size:var(--vortex-font-size-body-sm);font-family:inherit;min-width:160px;cursor:pointer;outline:none}.Playground_select__57G1D:focus-visible{box-shadow:var(--vortex-focus-ring)}.CodeExample_root__ysplG{border:var(--vortex-border-width-25) solid var(--vortex-color-border-default);overflow:hidden;max-width:53.75rem;background:var(--vortex-color-background-surface-subtlest)}.CodeExample_preview__ZBvkG,.CodeExample_root__ysplG{position:relative}.CodeExample_preview__ZBvkG{padding:var(--radii-padding)}.CodeExample_stage__z9OgU{position:relative;overflow:hidden;min-height:160px;display:flex;align-items:center;justify-content:center;padding:var(--vortex-space-800);background:var(--vortex-color-background-default)}.CodeExample_dotGrid__pK0Z8{position:absolute;z-index:var(--vortex-z-index-0);top:var(--vortex-space-0);left:var(--vortex-space-0);width:100%;height:100%;background-image:radial-gradient(circle,var(--docs-showcase-dot-color) var(--vortex-border-width-25),transparent var(--vortex-border-width-25));background-size:var(--vortex-space-250) var(--vortex-space-250)}.CodeExample_componentWrapper__PRDPH{position:relative;z-index:var(--vortex-z-index-1);width:100%}.CodeExample_toggleBar__5Qkxp{display:flex;align-items:center;justify-content:space-between;padding:var(--vortex-space-400);background:var(--vortex-color-background-default)}.CodeExample_toggleBarExpanded__8scfv{border-bottom:var(--vortex-border-width-25) solid var(--vortex-color-border-default)}.CodeExample_toggleButton__y3YES{display:flex;align-items:center;gap:var(--vortex-space-150);flex:1;background:transparent;border:none;padding:0;cursor:pointer;color:var(--vortex-color-foreground-subtle);font-family:inherit}.CodeExample_toggleLabel__hw3V_{font-size:var(--vortex-font-size-body-sm)}.CodeExample_chevron__RlnTZ{transition:transform var(--vortex-motion-duration-200) var(--vortex-motion-ease-in-out)}.CodeExample_chevronOpen__1zngg{transform:rotate(90deg)}.CodeExample_codePanel__D9INO{background:var(--vortex-color-background-default);overflow:hidden;height:0}.CodeExample_copyWrapper__y971b{transition:opacity var(--vortex-motion-duration-200) var(--vortex-motion-ease-in-out)}.CodeExample_pre__WDAd_{margin:0;padding:var(--vortex-space-400);overflow-x:auto;background:var(--vortex-color-background-default)}.CommandLine_root__p9FeG{min-width:0;padding:var(--radii-padding);border:var(--vortex-border-width-25) solid var(--vortex-color-border-default);background-color:var(--vortex-color-background-surface-subtlest)}.CommandLine_inner__HBRgX{display:flex;align-items:flex-start;gap:var(--vortex-space-200);padding:var(--vortex-space-200) var(--vortex-space-200) var(--vortex-space-200) var(--vortex-space-400);background-color:var(--vortex-color-background-default)}.CommandLine_command__wnQtW{flex:1;min-width:0;margin:0;padding-block:var(--vortex-space-100);overflow-x:auto;color:var(--vortex-color-foreground-default);font-family:var(--docs-font-family-code);font-size:.875rem;line-height:1.75;tab-size:2}.CommandLine_command__wnQtW code{font:inherit}.CommandLine_copy__RcvSb{flex:0 0 auto;justify-content:center;width:var(--vortex-space-800);height:var(--vortex-space-800);border-radius:var(--radii-inner-radius);cursor:pointer}