.product-form__input--swatch{display:flex;flex-wrap:wrap;gap:1rem}.product-form__input--swatch .product-form__input-wrapper{position:relative}.product-form__input--swatch input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1;margin:0}.product-form__swatch-label{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.product-form__swatch-label .visual-display{--visual-display__size: 3.2rem}.product-form__swatch-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));text-transform:uppercase;z-index:1}.product-form__input--swatch .product-form__input-wrapper:after{content:attr(data-color-name);position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%);background:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:.4rem .8rem;border-radius:.4rem;font-size:1.2rem;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.product-form__input--swatch .product-form__input-wrapper:hover:after{opacity:1;visibility:visible}@media screen and (max-width: 749px){.product-form__swatch-label .visual-display{--visual-display__size: 2.8rem}.product-form__swatch-fallback{font-size:1rem}.product-form__input--swatch .product-form__input-wrapper:after{display:none}}.product-form__input--color-group{display:flex;flex-wrap:wrap;gap:1rem}.product-form__input--color-group>legend{flex-basis:100%;margin-bottom:.4rem}.product-form__input-wrapper--external{position:relative}.product-form__swatch-link{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;text-decoration:none}.product-form__input-wrapper--external:hover .visual-display--presentation-swatch,.product-form__input-wrapper--external:focus-within .visual-display--presentation-swatch{outline-style:solid;outline-width:.2rem;outline-color:rgb(var(--color-foreground),.4)}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-product-swatches.css.map */