.product-form__input--image_card{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-width, 120px),1fr));gap:1rem}.variant-card{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;border:2px solid rgb(var(--color-border));border-radius:var(--border-radius, 4px);padding-bottom:.75rem;transition:all .2s ease;background-color:rgb(var(--color-background))}.variant-card:hover{border-color:rgb(var(--color-border-hover, var(--color-foreground)));box-shadow:0 2px 8px #0000001a}.product-form__input--image_card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.product-form__input--image_card input[type=radio]:checked+.variant-card{border-color:rgb(var(--color-button))}.product-form__input--image_card input[type=radio]:focus-visible+.variant-card{outline:2px solid rgb(var(--color-button));outline-offset:2px}.product-form__input--image_card input[type=radio].disabled+.variant-card{opacity:.5;cursor:not-allowed;position:relative}.product-form__input--image_card input[type=radio].disabled+.variant-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(var(--color-foreground),.1) 10px,rgba(var(--color-foreground),.1) 12px);pointer-events:none;border-radius:var(--border-radius, 4px)}.variant-card__image{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--border-radius, 4px) - 2px);background-color:rgb(var(--color-background-alt, var(--color-background)))}.variant-card__image img,.variant-card__image svg{width:100%;height:100%;object-fit:cover;display:block}.variant-card__title{font-size:1.25rem;text-align:center;line-height:1.2;color:rgb(var(--color-foreground));word-break:break-word}.product-form__input--image_card input[type=radio]:checked+.variant-card .variant-card__title{font-weight:500}@media screen and (max-width:749px){.product-form__input--image_card{grid-template-columns:repeat(auto-fill,minmax(min(var(--card-width, 120px),45%),1fr))}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-product-variant-image-card.css.map */