.fields.svelte-1tkj4od{gap:.75rem;margin-top:.75rem;display:grid}.swatches.svelte-1tkj4od{gap:1rem;display:flex}.swatch-label.svelte-1tkj4od{margin:.75rem 0 .25rem;display:block}@media (width>=60rem){.swatches.svelte-1tkj4od figure:where(.svelte-1tkj4od){flex:1}.swatches.svelte-1tkj4od .swatch:where(.svelte-1tkj4od){width:100%;height:16rem}}figure.svelte-1tkj4od{text-align:center;margin:0}figcaption.svelte-1tkj4od{color:var(--text-dim);margin-top:.25rem;font-size:.8rem}.swatch.svelte-1tkj4od{border:1px solid var(--border);border-radius:var(--radius-surface);background:repeating-conic-gradient(var(--lightningcss-light,#eee)var(--lightningcss-dark,#444) 0% 25%,#0000 0% 50%) 0 0/14px 14px;width:7rem;height:4.5rem;overflow:hidden}.swatch.on-light.svelte-1tkj4od{background:#fff}.swatch.on-dark.svelte-1tkj4od{background:#1c1c1e}.fill.svelte-1tkj4od{width:100%;height:100%}.name.svelte-1tkj4od{color:var(--text-dim);margin:1rem 0 0}