.preview.svelte-10p7uj6{border-top:1px solid var(--line);padding:24px 30px}.label.svelte-10p7uj6{font:500 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.swatches.svelte-10p7uj6{margin-top:16px;display:grid;grid-template-columns:var(--g2c);gap:16px}.swatch.svelte-10p7uj6{min-width:0;height:120px;border:1px solid var(--line);position:relative}.swatch.svelte-10p7uj6 span:where(.svelte-10p7uj6){position:absolute;left:0;right:0;bottom:-1px;transform:translateY(100%);padding:10px 12px;font-size:14px;font-weight:600;border:1px solid var(--hair);border-top:none}.swatch.on-white.svelte-10p7uj6 span:where(.svelte-10p7uj6){background:#fff}.swatch.on-black.svelte-10p7uj6 span:where(.svelte-10p7uj6){background:#0b0b0b}.swatches.svelte-10p7uj6{padding-bottom:48px}