kf-swatch-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kf-space-2);margin-block-start:var(--kf-space-3)}.kf-swatch-selector{display:flex;flex-wrap:wrap;align-items:center;gap:var(--kf-space-2);border:none;padding:0;margin:0;min-inline-size:0}.kf-swatch-selector__label{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--kf-space-1);padding-inline:var(--kf-space-2);min-inline-size:var(--kf-space-6);border:1px solid var(--kf-color-border);border-radius:var(--kf-radius-full);background-color:var(--kf-color-surface-raised);font-family:var(--kf-font-sans);font-size:var(--kf-text-xs);font-weight:var(--kf-font-regular);color:var(--kf-color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--kf-duration-fast) var(--kf-ease-out),background-color var(--kf-duration-fast) var(--kf-ease-out)}.kf-swatch-selector__label:hover{border-color:var(--kf-color-border-strong);background-color:var(--kf-color-surface-sunken)}.kf-swatch-selector__chip{max-inline-size:10ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kf-swatch-selector__input:checked+.kf-swatch-selector__label{border-color:var(--kf-color-action);font-weight:var(--kf-font-semibold);outline:2px solid var(--kf-color-focus-ring);outline-offset:1px}.kf-swatch-selector__input:focus-visible+.kf-swatch-selector__label{box-shadow:var(--kf-shadow-focus)}.kf-swatch-selector--pdp{gap:var(--kf-space-3)}.kf-swatch-selector--pdp .kf-swatch-selector__label{padding-block:var(--kf-space-2);padding-inline:var(--kf-space-4);font-size:var(--kf-text-sm);min-inline-size:var(--kf-space-10)}.kf-swatch-selector__overflow{display:inline-flex;align-items:center;padding-block:var(--kf-space-1);padding-inline:var(--kf-space-2);border:1px solid var(--kf-color-border);border-radius:var(--kf-radius-full);font-family:var(--kf-font-sans);font-size:var(--kf-text-xs);font-weight:var(--kf-font-medium);color:var(--kf-color-text-secondary);text-decoration:none;transition:border-color var(--kf-duration-fast) var(--kf-ease-out),color var(--kf-duration-fast) var(--kf-ease-out)}.kf-swatch-selector__overflow:hover{border-color:var(--kf-color-border-strong);color:var(--kf-color-text-primary)}.kf-swatch-selector__overflow:focus-visible{outline:none;box-shadow:var(--kf-shadow-focus)}@media(prefers-reduced-motion:reduce){.kf-swatch-selector__label,.kf-swatch-selector__overflow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/kf-swatch.css.map */