.swatch.svelte-10tg9c0{background:#fff;border-radius:.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 1px 2px #0000000f,0 12px 24px -14px #00000059}.texture.svelte-10tg9c0{flex:1;min-height:0}.label.svelte-10tg9c0{color:#1f2937;padding:.625rem .75rem .75rem;font-size:.8125rem;font-weight:600;line-height:1.25}.hole.svelte-10tg9c0{background:var(--hole-color,#f9fafb);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.75rem;left:50%;translate:-50%;box-shadow:inset 0 1px 2px #0006}.fan-frame.svelte-n847jd{container-type:inline-size}.fan.svelte-n847jd{--w:min(9rem, 100cqi / 2.6);--h:calc(var(--w) * 4 / 3);--top:2.5rem;--pivot:1.25rem;--pivot-x:40%;--ring:clamp(2rem, var(--w) * .31, 2.8rem);width:calc(var(--w) * 2.6);height:calc(var(--top) + var(--h) + 1.5rem);margin-inline:auto;position:relative}@media (width>=768px){.fan.svelte-n847jd{--w:min(12rem, 100cqi / 2.6)}}.fan.svelte-n847jd .fan-swatch{top:var(--top);left:var(--pivot-x);width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);transform-origin:50% var(--pivot);rotate:var(--angle);animation:1.1s cubic-bezier(.2,.8,.2,1) .2s backwards svelte-n847jd-fan-out;position:absolute}@keyframes svelte-n847jd-fan-out{0%{rotate:0deg}}.fan-ring.svelte-n847jd{left:var(--pivot-x);top:calc(var(--top) + var(--pivot) + .25rem - var(--ring));width:var(--ring);height:var(--ring);border:.3rem solid #9ca3af;border-radius:50%;position:absolute;translate:-50%;box-shadow:inset 0 1px #fff9,0 1px 2px #00000040}@media (prefers-reduced-motion:reduce){.fan.svelte-n847jd .fan-swatch{animation:none}}