.option-with-image .variant_image{max-width:61px}.option-with-image .variant_image.formula_variant{max-width:51px}.option-with-image .swatch-buttons{gap:15px;padding:0}.option-with-image .variant-name_price{display:grid;gap:7px}.option-with-image .button-swatch{width:50%;background-color:#c6c6c629;border:1px solid transparent}.option-with-image .button-swatch:has(input:checked){background:#ffeef6;border:1px solid #6D2F5A}.option-with-image .variant-swatche_parent .value-name-label{font-size:16px;line-height:20px;font-weight:500;text-transform:none;display:flex;align-items:flex-end;letter-spacing:normal;align-items:center}.option-with-image .value-name-label.formula_variant{align-items:center}.option-with-image .variant-pice{font-weight:600;font-size:14px;line-height:18px}.option-with-image .variant-swatche_parent{display:flex;padding:6px;gap:8px;text-decoration:none!important}.option-with-image input[type=radio]:checked+.variant-swatche_parent{text-decoration:none!important}.option-with-image .variant-swatche_parent span{color:#24574a}.option-with-image .variant-placeholder_img{width:61px;height:61px}.option-with-image .variant-placeholder_img.formula_variant{width:51px;height:51px}.option-with-image .formula_variant .value-name-label{font-size:14px;line-height:18px;font-weight:500}.option-with-image.option-wrapper legend{letter-spacing:normal;font-size:14px;font-weight:600!important;line-height:18px;text-transform:capitalize;margin:10px 0}.option-with-image.option-wrapper legend .open-popup{font-weight:500}.option-with-image.option-wrapper legend .open-popup{margin:0}.option-with-image.option-wrapper legend.choose-formula-variant{justify-content:space-between;width:100%}.option-with-image.option-wrapper legend.choose-formula-variant span{display:none}.pdp-custom-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000}.pdp-custom-popup .custom-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.pdp-custom-popup .custom-popup-content{position:relative;background:#fef3f8;padding:25px;max-width:600px;width:90%;z-index:1001}.custom-popup-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:18px;cursor:pointer}.pdp-custom-popup .custom-popup-content h3.popup-title{font-size:36px;font-weight:600;color:#24574a;letter-spacing:.2px;line-height:36px;text-align:center;margin-top:0;font-family:kumlien;text-transform:none;margin-bottom:25px}.popup-items{display:flex;flex-direction:column;gap:40px}.popup-item{display:flex;gap:18px;align-items:center}.popup-item img,.popup-item svg{height:218px;max-width:218px}.popup-item-info h4{color:#24574a;font-family:Montserrat;font-size:20px;letter-spacing:.2px;margin:10px 0 15px;font-weight:700;line-height:100%}.popup-item-info p{color:#24574a;font-family:Montserrat;font-weight:500;font-size:16px;letter-spacing:.2px;margin:0;line-height:22px}@media (max-width: 768px){.pdp-custom-popup .custom-popup-content h3.popup-title{font-size:22px}.popup-item-info h4,.popup-item-info p{font-size:12px;margin:10px 0;line-height:18px}.pdp-custom-popup .custom-popup-content{max-width:450px}.popup-item img,.popup-item svg{max-height:149px;max-width:149px}.option-with-image.option-wrapper legend.choose-formula-variant{width:100%}}@media (max-width: 450px){.pdp-custom-popup .custom-popup-content .popup-item{gap:12px}.popup-item-info h4,.popup-item-info p{margin:0 0 7px}.popup-items{gap:20px}}@media (max-width: 430px){.pdp-custom-popup .custom-popup-content{margin:0;padding:15px;width:100%}.popup-item-info h4,.popup-item-info p{line-height:15px}}@media (max-width: 360px){.popup-item-info h4,.popup-item-info p{line-height:14px}.popup-item img,.popup-item svg{max-height:140px;max-width:140px}.pdp-custom-popup .custom-popup-content{padding:10px}}.option-with-image.option-wrapper legend{letter-spacing:normal;font-size:14px;font-weight:600!important;line-height:18px;text-transform:capitalize;margin:12px 0}@media (max-width: 797px){.option-with-image .button-swatch{width:50%}}@media (max-width: 340px){.option-with-image .variant-swatche_parent{padding:4px}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/product-variant-swatches-with-image.css.map */