.swatch-item{position:relative;display:flex}.image-swatch__title{word-break:normal;overflow-wrap:normal}.product-form__input--image-swatch .image-swatch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.6rem,1fr));gap:1rem;width:100%}.product-form__input--image-swatch .image-swatch__input{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.product-form__input--image-swatch .image-swatch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem;min-inline-size:8.6rem;min-block-size:11rem;padding:8px;border:.1rem solid rgb(113 113 113 / 15%);border-radius:0;text-align:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.product-form__input--image-swatch .image-swatch__media{position:relative;inline-size:7.2rem;block-size:7.2rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.8rem;background:rgba(var(--color-foreground),.04)}.product-form__input--image-swatch .image-swatch__image,.product-form__input--image-swatch .image-swatch__color,.product-form__input--image-swatch .image-swatch__placeholder{inline-size:100%;block-size:100%;display:block}.product-form__input--image-swatch .image-swatch__image{object-fit:cover}.product-form__input--image-swatch .image-swatch__placeholder{background:linear-gradient(135deg,rgba(var(--color-foreground),.08),rgba(var(--color-foreground),.03))}.product-form__input--image-swatch .image-swatch__title{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.product-form__input--image-swatch .image-swatch__input:checked+.image-swatch{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .13rem rgb(var(--color-foreground))}.product-form__input--image-swatch .image-swatch__input:focus-visible+.image-swatch{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.product-form__input--image-swatch .image-swatch--unavailable .image-swatch__image{opacity:.5}.product-form__input--image-swatch .image-swatch--unavailable .image-swatch__title{opacity:.7}.product-form__input--image-swatch .image-swatch__cross{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.product-form__input--image-swatch .image-swatch__cross:before,.product-form__input--image-swatch .image-swatch__cross:after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:40%;block-size:.23rem;background:#000;transform-origin:center}.product-form__input--image-swatch .image-swatch__cross:before{transform:translate(-50%,-50%) rotate(45deg)}.product-form__input--image-swatch .image-swatch__cross:after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (min-width:750px){.product-form__input--image-swatch .image-swatch-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.product-form__input--image-swatch .image-swatch{min-inline-size:9rem}.product-form__input--image-swatch .image-swatch__media{block-size:8rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-image-swatches.css.map */