.order-form .color-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #d8d0c5;border-radius:12px;padding:14px;margin:0;min-width:0}.order-form .color-picker legend{padding:0 6px;font-size:14px;font-weight:800}.order-form .color-picker label{display:grid;justify-items:center;gap:4px;cursor:pointer}.order-form .color-picker input{position:absolute;opacity:0;pointer-events:none}.order-form .color-picker span{width:38px;height:38px;border-radius:50%;background:var(--swatch);border:2px solid #d8d0c5;box-shadow:0 0 0 3px transparent}.order-form .color-picker input:checked+span{border-color:#fff;box-shadow:0 0 0 3px #211f2f}.order-form .color-picker small{font-size:9px;color:#746d77}.order-form .color-picker input:focus-visible+span{outline:3px solid #ff6934;outline-offset:3px}@media(max-width:600px){.order-form .color-picker{grid-column:1/-1}.order-form .color-picker span{width:42px;height:42px}}