/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.fff-color-swatch{--fff-color-swatch-pill-size:1.75rem;--fff-color-swatch-pill-gap:.625rem;--fff-color-swatch-header-text:#18181b;--fff-color-swatch-header-icon:#71717a;--fff-color-swatch-header-icon-size:1rem;--fff-color-swatch-header-label-size:.875rem;--fff-color-swatch-stack-gap:.75rem;--fff-color-swatch-ring-gap:#fff;--fff-color-swatch-selection:#27272a;--fff-color-swatch-edge:#0003;gap:var(--fff-color-swatch-stack-gap);display:grid}.fff-color-swatch--sm{--fff-color-swatch-pill-size:1.25rem;--fff-color-swatch-pill-gap:.5rem;--fff-color-swatch-header-icon-size:.875rem;--fff-color-swatch-header-label-size:.8125rem;--fff-color-swatch-stack-gap:.5rem}.fff-color-swatch--lg{--fff-color-swatch-pill-size:2.25rem;--fff-color-swatch-pill-gap:.75rem;--fff-color-swatch-header-icon-size:1.125rem;--fff-color-swatch-header-label-size:1rem;--fff-color-swatch-stack-gap:.875rem}.fff-color-swatch__header{color:var(--fff-color-swatch-header-text);text-align:start;align-items:center;gap:.5rem;display:flex}.fff-color-swatch__header-icon{color:var(--fff-color-swatch-header-icon);flex-shrink:0;display:inline-flex}.fff-color-swatch__header-icon svg{width:var(--fff-color-swatch-header-icon-size);height:var(--fff-color-swatch-header-icon-size)}.fff-color-swatch__header-label{font-size:var(--fff-color-swatch-header-label-size);font-weight:500}.fff-color-swatch__pills{align-items:center;gap:var(--fff-color-swatch-pill-gap);flex-wrap:wrap;margin:-4px;padding:4px;display:flex}.fff-color-swatch__pill{width:var(--fff-color-swatch-pill-size);height:var(--fff-color-swatch-pill-size);border:1px solid var(--fff-color-swatch-edge);background:var(--fff-color-swatch-pill);cursor:pointer;border-radius:9999px;flex:none;padding:0;transition:transform .15s;position:relative;box-shadow:inset 0 1px #fff3}.fff-color-swatch__pill:after{content:"";border:2px solid var(--fff-color-swatch-selection);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:-5px}.fff-color-swatch__pill.is-selected:after{opacity:1}@media (hover:hover){.fff-color-swatch__pill:hover:not(:disabled){transform:scale(1.05)}}.fff-color-swatch__pill:focus-visible{outline:2px solid var(--primary-500,#6366f1);outline-offset:6px}.fff-color-swatch.is-disabled{opacity:.6}.fff-color-swatch__pill:disabled{cursor:not-allowed}.dark .fff-color-swatch{--fff-color-swatch-header-text:#f4f4f5;--fff-color-swatch-header-icon:#a1a1aa;--fff-color-swatch-ring-gap:#18181b;--fff-color-swatch-selection:#e4e4e7;--fff-color-swatch-edge:#ffffff47}@media (prefers-reduced-motion:reduce){.fff-color-swatch__pill,.fff-color-swatch__pill:after{transition:none}}@media (forced-colors:active){.fff-color-swatch__pill{forced-color-adjust:none}.fff-color-swatch__pill:after{border-color:highlight}}.tippy-box[data-theme~=fff-color-swatch]{--fff-tooltip-padding:.25rem .5rem}