.product-form__input.product-form__input--button-image{display:grid;grid-template-columns:repeat(var(--chip-cols, 4),minmax(0,1fr));gap:.8rem}.product-form__input.product-form__input--button-image>legend,.product-form__input.product-form__input--button-image>label.form__label{grid-column:1 / -1}.product-form__input.product-form__input--button-image input[type=radio]+label.variant-image-chip{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.6rem;height:100%;min-height:0;min-width:0;padding:.8rem .4rem;text-align:center;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.variant-image-chip__img{display:block;width:100%;max-width:6.4rem;aspect-ratio:1 / 1;object-fit:contain;border-radius:.4rem}.variant-image-chip__label{display:block;font-size:1.2rem;line-height:1.25;word-break:break-word}.product-form__input.product-form__input--button-image input[type=radio]+label.variant-image-chip:hover{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.product-form__input.product-form__input--button-image input[type=radio]:checked+label.variant-image-chip{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:var(--chip-selected-color, #1a73e8);box-shadow:inset 0 0 0 .1rem var(--chip-selected-color, #1a73e8)}.product-form__input.product-form__input--button-image input[type=radio]:disabled+label.variant-image-chip:before,.product-form__input.product-form__input--button-image input[type=radio].disabled+label.variant-image-chip:before{content:none}.product-form__input.product-form__input--button-image input[type=radio]:disabled+label.variant-image-chip .variant-image-chip__img,.product-form__input.product-form__input--button-image input[type=radio].disabled+label.variant-image-chip .variant-image-chip__img{opacity:.45}.product-form__input.product-form__input--button-image input[type=radio]:disabled+label.variant-image-chip .variant-image-chip__label,.product-form__input.product-form__input--button-image input[type=radio].disabled+label.variant-image-chip .variant-image-chip__label{text-decoration:line-through}@media screen and (max-width:749px){.product-form__input.product-form__input--button-image{--chip-cols: 3}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sns-variant-image-chips.css.map */