.swatch.svelte-gidvcn{display:inline-grid;place-items:center;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--from),var(--to));color:#fff;font-weight:700;flex-shrink:0;line-height:1}.swatch--sm.svelte-gidvcn{width:22px;height:22px;font-size:.72rem}.swatch--md.svelte-gidvcn{width:32px;height:32px;font-size:.95rem;border-radius:var(--radius-sm)}.swatch--lg.svelte-gidvcn{width:44px;height:44px;font-size:1.15rem;border-radius:var(--radius-sm)}