.spectrum.svelte-1bl7xik{position:relative;display:block;width:100%;height:52px;margin-top:1rem;padding:0;background:none;border:none;cursor:pointer;text-align:left}.axis.svelte-1bl7xik{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--rule);transform:translateY(-50%);pointer-events:none}.tick.svelte-1bl7xik{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none}.swatch.svelte-1bl7xik{display:block;width:8px;height:8px;border-radius:50%;opacity:.55;box-shadow:0 0 0 1px var(--rule)}.dot.svelte-1bl7xik{position:absolute;top:50%;width:12px;height:12px;opacity:.5;border-radius:50%;transform:translate(-50%,-50%);transition:width .22s,height .22s,opacity .22s,transform .16s;box-shadow:0 0 0 1px var(--rule);cursor:pointer}.dot.svelte-1bl7xik:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.dot.svelte-1bl7xik:hover{opacity:1;transform:translate(-50%,-50%) scale(1.25)}.dot.active.svelte-1bl7xik{width:16px;height:16px;opacity:1;box-shadow:0 0 0 4px var(--rule)}.flag.svelte-1bl7xik{position:absolute;top:50%;transform:translate(-50%,calc(-100% - 14px));pointer-events:none}.flag-label.svelte-1bl7xik{font-family:var(--sans);font-size:.6rem;text-transform:uppercase;letter-spacing:.28em;color:var(--accent);white-space:nowrap}@media (max-width: 720px){.swatch.svelte-1bl7xik{width:6px;height:6px}.dot.svelte-1bl7xik{width:10px;height:10px}.dot.active.svelte-1bl7xik{width:14px;height:14px}}