.swatch.svelte-18hlbkd,.rivet.svelte-18hlbkd{transform-box:view-box;transform-origin:24px 34px}.swatch.svelte-18hlbkd{transform:rotate(var(--angle))}svg.svelte-18hlbkd:not(.active) .swatch:where(.svelte-18hlbkd){opacity:0;transform:rotate(0)}svg.svelte-18hlbkd:not(.active) .rivet:where(.svelte-18hlbkd){opacity:0}.active.svelte-18hlbkd .swatch:where(.svelte-18hlbkd){animation:svelte-18hlbkd-fan .8s cubic-bezier(.34,1.56,.64,1) calc(var(--delay) + .25s + var(--i) * 90ms) both,svelte-18hlbkd-sway 3.2s ease-in-out calc(var(--delay) + 1.6s) infinite alternate}.active.svelte-18hlbkd .rivet:where(.svelte-18hlbkd){animation:svelte-18hlbkd-pop .4s cubic-bezier(.34,1.56,.64,1) var(--delay) both}@keyframes svelte-18hlbkd-fan{0%{opacity:0;transform:rotate(0) translateY(4px)}25%{opacity:1;transform:rotate(0) translateY(0)}to{opacity:1;transform:rotate(var(--angle))}}@keyframes svelte-18hlbkd-sway{0%{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) * .7))}}@keyframes svelte-18hlbkd-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.svelte-18hlbkd{animation:none!important}}