.variant-picker .variant-option.sc-color-picker{gap:12px;align-items:center}.variant-picker .variant-option.sc-color-picker .variant-option__button-label.sc-color-chip{--variant-picker-stroke-color: #65798a;--focus-outline-radius: 8px;display:inline-flex;align-items:center;justify-content:flex-start;flex:0 1 auto;gap:10px;min-width:112px;min-height:48px;height:auto;padding:9px 14px;border:1px solid #b9c8d4;border-radius:8px;background:#fff;color:#111820;outline:none;box-shadow:none;overflow:hidden;transition:border-color .16s,box-shadow .16s,background-color .16s}.variant-picker .variant-option.sc-color-picker .sc-color-chip:before,.variant-picker .variant-option.sc-color-picker .sc-color-chip:after{content:none}.variant-picker .variant-option.sc-color-picker .sc-color-chip__sample{display:block;flex:0 0 28px;width:28px;height:28px;min-width:28px;min-height:28px;border:1px solid rgb(17 24 32 / .2);border-radius:50%;overflow:hidden;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff2e}.variant-picker .variant-option.sc-color-picker .sc-color-chip__sample img{display:block;width:100%;height:100%;object-fit:cover}.variant-picker .variant-option.sc-color-picker .sc-color-chip__sample--unknown{background:transparent;border-style:dashed;box-shadow:none}.variant-picker .variant-option.sc-color-picker .sc-color-chip__name{display:inline;position:relative;width:auto;height:auto;overflow:visible;color:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:normal;text-align:start;pointer-events:none}.variant-picker .variant-option.sc-color-picker .variant-option__button-label.sc-color-chip:has(input:checked){--variant-picker-stroke-color: #2f6db6;border-color:#2f6db6;background:#edf4fb;color:#111820;box-shadow:0 0 0 1px #2f6db6;outline:none}.variant-picker .variant-option.sc-color-picker .variant-option__button-label.sc-color-chip:has(input:focus-visible){outline:2px solid #111820;outline-offset:4px}.variant-picker .variant-option.sc-color-picker .sc-color-chip .variant-option__strikethrough{z-index:1;pointer-events:none}@media(hover:hover)and (pointer:fine){.variant-picker .variant-option.sc-color-picker .variant-option__button-label.sc-color-chip:hover{border-color:#2f6db6;background-color:#f3f7fb}}@media(prefers-reduced-motion:reduce){.variant-picker .variant-option.sc-color-picker .variant-option__button-label.sc-color-chip{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sc-color-picker.css.map */