.slc-card-swatches,.slc-variation-swatches{display:flex;flex-wrap:wrap;gap:var(--slc-space-xs)}.slc-card-swatch,.slc-variation-swatch{align-items:center;background:var(--slc-color-surface);border:1px solid var(--slc-color-border);border-radius:var(--slc-radius-sm);color:var(--slc-color-text);display:inline-flex;font-size:.85rem;font-weight:800;justify-content:center;min-block-size:2.5rem;min-inline-size:2.5rem;padding:.45rem .65rem;text-decoration:none}.slc-card-swatch--color,.slc-variation-swatch--color{background:var(--slc-swatch-color,var(--slc-color-surface));border-radius:999px;padding:0;position:relative}.slc-card-swatch--split-color,.slc-variation-swatch--split-color{background:linear-gradient(135deg,var(--slc-swatch-color) 0 50%,var(--slc-swatch-color-secondary) 50% 100%)}.slc-card-swatch--image,.slc-variation-swatch--image{background-position:center;background-repeat:no-repeat;background-size:cover;padding:0}.slc-card-swatch:focus-visible,.slc-card-swatch:hover,.slc-variation-swatch:focus-visible,.slc-variation-swatch:hover,.slc-variation-swatch[aria-pressed=true]{border-color:var(--slc-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--slc-color-primary) 24%,transparent);outline:transparent solid 2px}.slc-variation-swatch--label[aria-pressed=true]{background-color:var(--slc-color-text);color:var(--slc-color-background)}.slc-variation-swatch--color::after{align-items:center;background:var(--slc-color-surface);block-size:1.15rem;border:1px solid var(--slc-color-border);border-radius:999px;color:var(--slc-color-text);content:"\2713";display:flex;font-size:.75rem;font-weight:900;inline-size:1.15rem;justify-content:center;opacity:0;position:absolute;transform:scale(.7);transition:opacity 120ms,transform 120ms}.slc-variation-swatch--color[aria-pressed=true]::after{opacity:1;transform:scale(1)}.slc-variation-swatch:disabled,.slc-variation-swatch[aria-disabled=true]{cursor:not-allowed;opacity:.42;text-decoration:line-through}.slc-swatches-enhanced{block-size:1px!important;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px!important;inset-inline-start:0;margin:-1px;max-block-size:1px!important;max-inline-size:1px!important;min-block-size:1px!important;min-inline-size:1px!important;overflow:hidden;padding:0!important;position:absolute;white-space:nowrap}