.sf-swatch[data-v-1abc4f26]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sf-swatch__item[data-v-1abc4f26]{border:1.5px solid var(--sf-border);background:var(--sf-surface);cursor:pointer;box-sizing:border-box;transition:border-color var(--duration-fast,.15s) var(--ease-default), background-color var(--duration-fast,.15s) var(--ease-default), color var(--duration-fast,.15s) var(--ease-default), transform var(--sf-duration-tactile,90ms) var(--sf-ease-spring,cubic-bezier(.22, 1, .36, 1)), box-shadow var(--duration-fast,.15s) var(--ease-default);-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sf-swatch__item--disabled[data-v-1abc4f26]{opacity:.45;cursor:not-allowed;position:relative}.sf-swatch--color .sf-swatch__item[data-v-1abc4f26],.sf-swatch--image .sf-swatch__item[data-v-1abc4f26]{border-radius:var(--sf-radius-pill);padding:2px;overflow:hidden}.sf-swatch--color.sf-swatch--sm .sf-swatch__item[data-v-1abc4f26],.sf-swatch--image.sf-swatch--sm .sf-swatch__item[data-v-1abc4f26]{width:1.75rem;height:1.75rem}.sf-swatch--color.sf-swatch--md .sf-swatch__item[data-v-1abc4f26],.sf-swatch--image.sf-swatch--md .sf-swatch__item[data-v-1abc4f26]{width:2.25rem;height:2.25rem}.sf-swatch--color.sf-swatch--lg .sf-swatch__item[data-v-1abc4f26],.sf-swatch--image.sf-swatch--lg .sf-swatch__item[data-v-1abc4f26]{width:2.75rem;height:2.75rem}.sf-swatch--color .sf-swatch__item[data-v-1abc4f26]:hover:not(.sf-swatch__item--disabled),.sf-swatch--image .sf-swatch__item[data-v-1abc4f26]:hover:not(.sf-swatch__item--disabled){border-color:var(--sf-primary);transform:scale(1.08)}.sf-swatch--color .sf-swatch__item[data-v-1abc4f26]:active:not(.sf-swatch__item--disabled),.sf-swatch--image .sf-swatch__item[data-v-1abc4f26]:active:not(.sf-swatch__item--disabled){transform:scale(.94)}.sf-swatch--color .sf-swatch__item--active[data-v-1abc4f26],.sf-swatch--image .sf-swatch__item--active[data-v-1abc4f26]{border-color:var(--sf-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--sf-primary) 30%, transparent)}.sf-swatch--color .sf-swatch__dot[data-v-1abc4f26]{border-radius:var(--sf-radius-pill);width:100%;height:100%;transition:transform var(--sf-duration-spring,.2s) var(--sf-ease-spring,cubic-bezier(.22, 1, .36, 1));display:block}.sf-swatch--color .sf-swatch__item--active .sf-swatch__dot[data-v-1abc4f26]{transform:scale(.72)}.sf-swatch--image .sf-swatch__img[data-v-1abc4f26]{object-fit:cover;border-radius:var(--sf-radius-pill);width:100%;height:100%;display:block}.sf-swatch--color .sf-swatch__item--disabled[data-v-1abc4f26]:after,.sf-swatch--image .sf-swatch__item--disabled[data-v-1abc4f26]:after{content:"";background:var(--sf-text-subtle);height:1.5px;position:absolute;top:50%;left:10%;right:10%}[dir=ltr] .sf-swatch--color .sf-swatch__item--disabled[data-v-1abc4f26]:after,[dir=ltr] .sf-swatch--image .sf-swatch__item--disabled[data-v-1abc4f26]:after{transform:rotate(-24deg)}[dir=rtl] .sf-swatch--color .sf-swatch__item--disabled[data-v-1abc4f26]:after,[dir=rtl] .sf-swatch--image .sf-swatch__item--disabled[data-v-1abc4f26]:after{transform:rotate(24deg)}.sf-swatch--chip .sf-swatch__item[data-v-1abc4f26]{border-radius:var(--sf-radius-btn,var(--sf-radius-md,.5rem));white-space:nowrap;word-break:keep-all;text-align:center;width:auto;max-width:100%}.sf-swatch--chip.sf-swatch--sm .sf-swatch__item[data-v-1abc4f26]{min-width:2.25rem;min-height:2rem;padding:.25rem .75rem}.sf-swatch--chip.sf-swatch--md .sf-swatch__item[data-v-1abc4f26]{min-width:2.75rem;min-height:2.375rem;padding:.4rem 1rem}.sf-swatch--chip.sf-swatch--lg .sf-swatch__item[data-v-1abc4f26]{min-width:3.25rem;min-height:2.75rem;padding:.5rem 1.25rem}.sf-swatch--chip .sf-swatch__label[data-v-1abc4f26]{font-size:var(--text-sm);color:var(--sf-text);font-variant-numeric:tabular-nums;white-space:nowrap;word-break:keep-all;letter-spacing:-.01em;transition:color var(--duration-fast,.15s) var(--ease-default);font-weight:600;line-height:1.4}.sf-swatch--chip.sf-swatch--sm .sf-swatch__label[data-v-1abc4f26]{font-size:var(--text-xs)}.sf-swatch--chip.sf-swatch--lg .sf-swatch__label[data-v-1abc4f26]{font-size:var(--text-base)}.sf-swatch--chip .sf-swatch__item[data-v-1abc4f26]:hover:not(.sf-swatch__item--disabled){border-color:color-mix(in srgb, var(--sf-primary) 55%, var(--sf-border));background:color-mix(in srgb, var(--sf-primary) 4%, var(--sf-surface));box-shadow:0 2px 6px -1px color-mix(in srgb, var(--sf-primary) 12%, transparent);transform:translateY(-1px)}.sf-swatch--chip .sf-swatch__item[data-v-1abc4f26]:active:not(.sf-swatch__item--disabled){transform:scale(.98)}.sf-swatch--chip .sf-swatch__item--active[data-v-1abc4f26]{border-color:var(--sf-primary);background:color-mix(in srgb, var(--sf-primary) 8%, var(--sf-surface));box-shadow:0 0 0 1.5px var(--sf-primary)}.sf-swatch--chip .sf-swatch__item--active .sf-swatch__label[data-v-1abc4f26]{color:var(--sf-primary);font-weight:700}.sf-swatch--chip .sf-swatch__item--disabled[data-v-1abc4f26]{opacity:.45;cursor:not-allowed;background:color-mix(in srgb, var(--sf-surface-2,#f1f5f9) 60%, var(--sf-surface));border-style:dashed}.sf-swatch--chip .sf-swatch__item--disabled .sf-swatch__label[data-v-1abc4f26]{text-decoration:line-through;-webkit-text-decoration-color:var(--sf-text-subtle);text-decoration-color:var(--sf-text-subtle);color:var(--sf-text-muted)}