.product-form__input--color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center;justify-items:center;border:0;margin:0 0 1.5rem;padding:0}.product-form__input--color-swatches legend{grid-column:1 / -1;justify-self:start;margin-bottom:.6rem}.product-form__input--color-swatches input[type=radio]{position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;pointer-events:none;clip:rect(0 0 0 0);clip-path:inset(50%)}.product-form__input--pill.product-form__input--color-swatches label.color-swatch-label{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.product-form__input--color-swatches label.color-swatch-label img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;transition:transform .15s ease}.product-form__input--color-swatches label.color-swatch-label:hover img{transform:scale(1.05)}.product-form__input--color-swatches input[type=radio]:checked+label.color-swatch-label{border:3px solid #0b3d52;background:#0b3d52}.product-form__input--color-swatches input[type=radio]:focus-visible+label.color-swatch-label{outline:2px solid #0b3d52;outline-offset:2px}@media screen and (max-width:749px){.product-form__input--color-swatches{grid-template-columns:repeat(4,1fr);gap:10px}.product-form__input--color-swatches label.color-swatch-label{width:56px;height:56px;min-width:56px;min-height:56px}.product-form__input--color-swatches label.color-swatch-label img{width:50px;height:50px}}.product-form__input--color-swatches label.color-swatch-label{width:72px;height:72px;padding:0;border-radius:12px;overflow:hidden}.product-form__input--color-swatches label.color-swatch-label img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px}.product-form__input--pill.product-form__input--color-swatches label.color-swatch-label img{width:52px!important;height:52px!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
/*# sourceMappingURL=/cdn/shop/t/33/assets/custom-color-swatches.css.map */