.swatch.svelte-w84qa9{border-radius:999px;width:.9rem;height:.9rem;box-shadow:inset 0 1px 1px #ffffff59,0 0 0 1px #00000052}.swatch-card.svelte-w84qa9{background-image:linear-gradient(180deg, var(--color-card), #f0f0ee);cursor:pointer;transition:translate .12s var(--ease-settle), box-shadow .12s var(--ease-settle), background .15s linear;border-radius:4px;padding:3px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #00000029,0 2px #d2d2ce,0 3px 6px -1px #00000047}.swatch-card.svelte-w84qa9 img:where(.svelte-w84qa9),.swatch-card.svelte-w84qa9>span:where(.svelte-w84qa9):first-child{border-radius:2px}.swatch-card.svelte-w84qa9 .label:where(.svelte-w84qa9){color:var(--color-ink);font-family:var(--font-type);letter-spacing:.04em;text-align:center;padding-top:.3rem;padding-bottom:.1rem;font-size:.66rem;font-weight:700;line-height:1.2;display:block}.swatch-card.svelte-w84qa9:hover{translate:0 -1px}.swatch-card[aria-pressed=true].svelte-w84qa9{background-image:linear-gradient(180deg, #2e2e2e, var(--color-ink));translate:0 2px;box-shadow:inset 0 0 0 1px #00000073,0 0 #d2d2ce,0 1px 2px #00000059}.swatch-card[aria-pressed=true].svelte-w84qa9 .label:where(.svelte-w84qa9){color:var(--color-paper)}