.mdx-playground-module__TkYG6W__wrapper{border:1px solid var(--nef-border);border-radius:var(--nef-radius-4);background-color:var(--nef-bg);color:var(--nef-fg);font-family:var(--nef-font-sans);margin-block:2rem;overflow:hidden}.mdx-playground-module__TkYG6W__controls{align-items:center;gap:var(--nef-space-4);padding:var(--nef-space-4);border-bottom:1px solid var(--nef-border);background-color:var(--nef-panel);flex-wrap:wrap;display:flex}.mdx-playground-module__TkYG6W__controlGroup{align-items:center;gap:var(--nef-space-2);display:flex}.mdx-playground-module__TkYG6W__controlLabel{font-size:var(--nef-font-size-1);font-weight:var(--nef-font-weight-medium);color:var(--nef-fg-muted)}.mdx-playground-module__TkYG6W__swatch{box-sizing:border-box;border-radius:var(--nef-radius-full);border:2px solid var(--nef-panel);outline-offset:2px;cursor:pointer;width:1.5rem;height:1.5rem;transition:outline-color var(--nef-duration-fast) var(--nef-ease-out), transform var(--nef-duration-fast) var(--nef-ease-out);outline:2px solid #0000;padding:0}.mdx-playground-module__TkYG6W__swatch:hover{transform:scale(1.1)}.mdx-playground-module__TkYG6W__swatch:focus-visible{outline-color:var(--nef-focus-ring)}.mdx-playground-module__TkYG6W__swatchActive{outline-color:var(--nef-fg)}.mdx-playground-module__TkYG6W__body{padding:var(--nef-space-5)}.mdx-playground-module__TkYG6W__row{align-items:center;gap:var(--nef-space-3);flex-wrap:wrap;display:flex}.mdx-playground-module__TkYG6W__row+.mdx-playground-module__TkYG6W__row{margin-top:var(--nef-space-4)}.mdx-playground-module__TkYG6W__formGrid{gap:var(--nef-space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mdx-playground-module__TkYG6W__formGrid{grid-template-columns:1fr 1fr}}.mdx-playground-module__TkYG6W__hint{font-size:var(--nef-font-size-1);color:var(--nef-fg-subtle);margin:0}.mdx-playground-module__TkYG6W__placeholder{border:1px solid var(--nef-border);border-radius:var(--nef-radius-4);background-color:var(--nef-panel);min-height:30rem;margin-block:2rem}