.theme-swatches.svelte-1jms4lp{display:flex;gap:.375rem;align-items:center}.swatch.svelte-1jms4lp{width:1.25rem;height:1.25rem;border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;padding:0;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.swatch.svelte-1jms4lp:hover{transform:scale(1.15)}.swatch.active.svelte-1jms4lp{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-brand-500)}