.product-form__input--image-swatch{--tile-size: 8.4rem;--tile-accent: #e76ca9;--tile-accent-soft: rgba(231, 108, 169, .18)}.product-form__input--image-swatch .image-swatch__list{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem}.product-form__input.product-form__input--image-swatch input[type=radio]+label.image-swatch__label{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:var(--tile-size);margin:0;padding:.5rem .5rem .7rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;background:#fff;background-image:none;color:rgb(var(--color-foreground));box-shadow:none;cursor:pointer;overflow:hidden;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.product-form__input--image-swatch .image-swatch__thumb{display:block;width:100%;aspect-ratio:1;border-radius:.8rem;background:#fff;overflow:hidden}.product-form__input--image-swatch .image-swatch__img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:.8rem;transition:transform .2s ease}.product-form__input--image-swatch .image-swatch__name{display:-webkit-box;width:100%;font-size:1.2rem;line-height:1.3;font-weight:600;letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.product-form__input.product-form__input--image-swatch input[type=radio]+label.image-swatch__label:hover{border-color:var(--tile-accent);transform:translateY(-2px);box-shadow:0 .6rem 1.4rem #8c4c9e1f}.product-form__input--image-swatch label.image-swatch__label:hover .image-swatch__img{transform:scale(1.04)}.product-form__input.product-form__input--image-swatch input[type=radio]:checked+label.image-swatch__label{background:#fff;color:rgb(var(--color-foreground));border:.2rem solid var(--tile-accent);box-shadow:0 0 0 .3rem var(--tile-accent-soft);padding:.4rem .4rem .6rem}.product-form__input.product-form__input--image-swatch input[type=radio]:checked+label.image-swatch__label:before{content:"";position:absolute;top:.5rem;right:.5rem;z-index:1;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--tile-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 1.2rem no-repeat;box-shadow:0 .2rem .6rem #00000026}.product-form__input.product-form__input--image-swatch input[type=radio]:focus-visible+label.image-swatch__label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.product-form__input.product-form__input--image-swatch input[type=radio].disabled+label.image-swatch__label{text-decoration:none;background-image:none;border-style:dashed}.product-form__input--image-swatch input[type=radio].disabled+label.image-swatch__label .image-swatch__img{opacity:.4;filter:grayscale(.7)}.product-form__input--image-swatch input[type=radio].disabled+label.image-swatch__label .image-swatch__name{opacity:.6}.product-form__input--image-swatch .image-swatch__soldout{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-12deg);padding:.2rem .7rem;border-radius:99rem;background:#1f1a24c7;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.04rem;white-space:nowrap;pointer-events:none}@media screen and (max-width:749px){.product-form__input--image-swatch{--tile-size: 7.6rem}.product-form__input--image-swatch .image-swatch__list{gap:.8rem}}.swatch-input__label--image{--swatch-input--size: 6rem;--swatch-input--border-radius: .8rem;border-radius:.8rem}.swatch-input__label--image .swatch.swatch--image{--swatch--border-radius: .6rem;border-radius:.6rem;background-color:#fff;background-size:contain!important;background-repeat:no-repeat;background-position:center!important}
/*# sourceMappingURL=/cdn/shop/t/225/assets/component-image-swatch.css.map */