.product-form__input.product-form__input--image-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.4rem,1fr));gap:.8rem;margin:0 0 1.6rem;padding:0;border:none;max-width:44rem}.product-form__input--image-cards .form__label{grid-column:1 / -1;margin-bottom:.2rem}.variant-image-card{position:relative;display:flex;flex-direction:column;gap:.6rem;height:100%;padding:.6rem .6rem .9rem;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.8rem;background-color:rgb(var(--color-background));cursor:pointer;transition:border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.variant-image-card:hover{border-color:rgba(var(--color-foreground),.55)}.variant-image-card__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:.5rem;overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.variant-image-card__img{display:block;width:100%;height:100%;object-fit:cover}.variant-image-card__placeholder{display:block;width:100%;height:100%;background-color:rgba(var(--color-foreground),.08)}.variant-image-card__check{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));opacity:0;transform:scale(.8);transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.variant-image-card__check svg{width:1.1rem;height:1.1rem}.variant-image-card__text{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.variant-image-card__name{font-size:1.3rem;line-height:1.3;color:rgb(var(--color-foreground))}.variant-image-card__price{font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.75)}.product-form__input--image-cards input[type=radio]:checked+label.variant-image-card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.product-form__input--image-cards input[type=radio]:checked+label .variant-image-card__check{opacity:1;transform:scale(1)}.product-form__input--image-cards input[type=radio]:checked+label .variant-image-card__name{font-weight:600}.product-form__input--image-cards input[type=radio]:focus-visible+label.variant-image-card,.product-form__input--image-cards input[type=radio].focused+label.variant-image-card{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--image-cards input[type=radio]:disabled+label.variant-image-card,.product-form__input--image-cards input[type=radio].disabled+label.variant-image-card{opacity:.55}.product-form__input--image-cards input[type=radio]:disabled+label .variant-image-card__name,.product-form__input--image-cards input[type=radio].disabled+label .variant-image-card__name{text-decoration:line-through}.product-form__input--image-cards input[type=radio]:disabled+label .variant-image-card__img,.product-form__input--image-cards input[type=radio].disabled+label .variant-image-card__img{filter:grayscale(1)}@media screen and (forced-colors:active){.product-form__input--image-cards input[type=radio]:checked+label .variant-image-card__name{text-decoration:underline}.product-form__input--image-cards input[type=radio]:focus-visible+label.variant-image-card{outline:transparent solid 1px;outline-offset:2px}}@media(prefers-reduced-motion:reduce){.variant-image-card,.variant-image-card__check{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-variant-image-cards.css.map */
