.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,.Playground_stage__siyAb{position:relative}.Playground_preview____Jxa{padding:var(--radii-padding)}.Playground_stage__siyAb{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;max-width:100%;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{position:relative;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{position:relative;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{outline:var(--vortex-focus-ring);outline-offset:var(--vortex-focus-ring-offset-outside)}