.kiki-dore-variant-picker{--kiki-variant-border-inactive: #e5e5e5;--kiki-variant-border-active: #000000;--kiki-variant-label-muted: rgb(var(--color-foreground-rgb) / .68);--kiki-size-button-min-h: 52px;--kiki-swatch-ring: #000000;--kiki-option-group-gap: clamp(22px, 4vw, 30px)}.kiki-dore-variant-picker .variant-option+.variant-option{margin-top:var(--kiki-option-group-gap)}.kiki-dore-variant-picker .kiki-variant-option__legend,.kiki-dore-variant-picker .kiki-variant-option__legend--dropdown,.linked-color-variants .kiki-variant-option__legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 14px;width:100%;max-width:100%;padding:0;margin:0 0 12px;border:none}.kiki-dore-variant-picker fieldset.variant-option--buttons>.kiki-variant-option__legend{flex:1 0 100%}.kiki-dore-variant-picker .kiki-variant-option__legend-text,.linked-color-variants .kiki-variant-option__legend-text{display:flex;flex-wrap:wrap;align-items:center;column-gap:0;row-gap:.25rem;min-width:0;justify-content:flex-start}.kiki-dore-variant-picker .kiki-variant-option__label-value-sep,.linked-color-variants .kiki-variant-option__label-value-sep{display:inline-block;width:1px;height:.95em;min-height:12px;margin-inline:.5rem .55rem;flex-shrink:0;background-color:rgb(var(--color-foreground-rgb) / .2);align-self:center}.kiki-dore-variant-picker .kiki-variant-option__label,.linked-color-variants .kiki-variant-option__label{font-size:.8125rem;font-weight:600;letter-spacing:.06em;color:var(--color-foreground)}.kiki-dore-variant-picker .kiki-variant-option__value,.kiki-dore-variant-picker .kiki-variant-option__legend--dropdown .kiki-variant-option__value,.linked-color-variants .kiki-variant-option__value{font-size:.8125rem;font-weight:400;color:var(--kiki-variant-label-muted)}.kiki-dore-variant-picker .kiki-variant-option__legend-actions{display:inline-flex;align-items:center;margin-inline-start:1.125rem;flex-shrink:0}.kiki-dore-variant-picker .kiki-variant-option__size-chart,.kiki-dore-variant-picker button.kiki-variant-option__size-chart{font-size:.8125rem;font-weight:400;text-decoration:underline;text-underline-offset:3px;color:var(--kiki-variant-label-muted);white-space:nowrap}.kiki-dore-variant-picker button.kiki-variant-option__size-chart{margin:0;padding:0;border:none;background:none;font:inherit;cursor:pointer}.kiki-dore-variant-picker .kiki-variant-option__size-chart:hover,.kiki-dore-variant-picker button.kiki-variant-option__size-chart:hover{color:var(--kiki-variant-label-muted);text-decoration-thickness:1px}.kiki-dore-variant-picker button.kiki-variant-option__size-chart:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.kiki-dore-variant-picker .variant-option__button-label__pill{display:none!important}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):before,.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):after{content:none!important;display:none!important}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch){--variant-picker-stroke-color: transparent;flex:1 1 auto;min-width:0;min-height:var(--kiki-size-button-min-h);padding-block:14px;padding-inline:12px;border-radius:2px;border:1px solid var(--kiki-variant-border-inactive)!important;background-color:var(--color-background);color:var(--kiki-variant-label-muted);justify-content:center}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):hover{border-color:#ccc!important;background-color:var(--color-background);color:var(--color-foreground)}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked):not(:has([data-option-available=false])){border-width:2px!important;border-color:var(--kiki-variant-border-active)!important;padding-block:13px;padding-inline:11px;color:var(--kiki-variant-border-active);background-color:var(--color-background)}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked) .variant-option__button-label__text{font-weight:600;color:var(--kiki-variant-border-active);text-align:center}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):not(:has(:checked)) .variant-option__button-label__text{font-weight:400;color:var(--kiki-variant-label-muted)}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available=false]){opacity:.48;cursor:not-allowed;border-style:solid!important;border-color:var(--kiki-variant-border-inactive)!important}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:checked):has([data-option-available=false]){border-width:2px!important;border-color:var(--kiki-variant-border-inactive)!important;opacity:.5}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available=false]):hover{border-color:var(--kiki-variant-border-inactive)!important;color:var(--kiki-variant-label-muted)}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has(:focus-visible){outline:2px solid var(--color-foreground);outline-offset:2px}.kiki-dore-variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch) svg{opacity:1}.kiki-dore-variant-picker .variant-option--equal-width-buttons{gap:10px}.kiki-dore-variant-picker .variant-option--equal-width-buttons .variant-option__button-label:not(.variant-option__button-label--has-swatch){min-width:0}.kiki-dore-variant-picker .variant-option--swatches{gap:12px 14px}.kiki-dore-variant-picker .variant-option__button-label--has-swatch{padding:4px;border:none!important;border-radius:50%;outline:none!important;box-shadow:none!important;min-height:auto}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:hover,.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has(:focus-visible){outline:none!important}.kiki-dore-variant-picker .variant-option__button-label--has-swatch .swatch.swatch--unscaled{--max-swatch-size: 36px;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:none;box-sizing:border-box}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:not(:has(:checked)) .swatch.swatch--unscaled{box-shadow:inset 0 0 0 1px rgb(var(--color-foreground-rgb) / .08)}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has(:checked) .swatch.swatch--unscaled{box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--kiki-swatch-ring)}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has(:focus-visible) .swatch.swatch--unscaled{box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--kiki-swatch-ring),0 0 0 5px rgb(var(--color-foreground-rgb) / .25)}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has([data-option-available=false]) .swatch.swatch--unscaled{opacity:.45}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has(:checked){outline:none!important}.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has(:checked):after,.kiki-dore-variant-picker .variant-option__button-label--has-swatch:has(:focus-visible) .swatch:after{content:none!important;display:none!important}.kiki-dore-variant-picker .variant-option--dropdowns .variant-option__select-wrapper{margin-top:0}.kiki-dore-variant-picker.variant-picker--center .kiki-variant-option__legend,.kiki-dore-variant-picker.variant-picker--center .kiki-variant-option__legend--dropdown,.kiki-dore-variant-picker.variant-picker--center .kiki-variant-option__legend-text{justify-content:center}.kiki-dore-variant-picker.variant-picker--right .kiki-variant-option__legend,.kiki-dore-variant-picker.variant-picker--right .kiki-variant-option__legend--dropdown,.kiki-dore-variant-picker.variant-picker--right .kiki-variant-option__legend-text{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kiki-variant-picker.css.map */