.product-color-picker{margin:22px 0}.product-color-picker>strong{display:block;font-size:13px;margin-bottom:12px}.product-color-picker>strong em{font-style:normal;color:var(--muted);font-weight:500}.product-color-picker>div{display:flex;flex-wrap:wrap;gap:13px}.product-color-picker button{border:0;background:transparent;padding:0;color:var(--ink);font-size:11px;display:grid;justify-items:center;gap:7px;min-width:58px}.product-color-picker button i{position:relative;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--color-b),var(--color-a) 48%,var(--color-b));border:3px solid #fff;box-shadow:0 0 0 1px #d8ceca,0 5px 12px rgba(40,30,25,.12);transition:.2s}.product-color-picker button:hover i{transform:scale(1.06)}.product-color-picker button.active i{box-shadow:0 0 0 2px var(--ink),0 5px 14px rgba(40,30,25,.18)}.product-color-picker button.active i:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;text-shadow:0 1px 3px #333}.product-color-picker button.active span{font-weight:800}.product-color-picker button>small{font-size:9px;color:var(--muted);margin-top:-4px}.product-color-picker button:disabled{cursor:not-allowed;opacity:.42}.product-color-picker button:disabled i{filter:grayscale(.65)}.product-color-picker>small{display:none;color:#b54e48;margin-top:10px}.product-color-picker>small.show{display:block}