.variant-image-picker{display:block}.variant-image-picker__fieldset{border:none;padding:0;margin:0}.variant-image-picker__heading{display:block;font-size:1.6rem;font-weight:600;line-height:1.3;margin-bottom:1.2rem;color:rgb(var(--color-foreground))}.variant-image-picker__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.variant-image-picker__item input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-image-picker__card{display:flex;align-items:center;gap:1.2rem;padding:0;border:1.5px solid rgba(var(--color-foreground),.15);border-radius:var(--variant-image-border-radius, 8px);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;background:rgb(var(--color-background))}.variant-image-picker__card:hover{border-color:rgba(var(--color-foreground),.4)}.variant-image-picker__item input[type=radio]:checked+.variant-image-picker__card{border-color:var(--variant-image-selected-color, rgb(var(--color-foreground)));border-width:2px;padding:0}.variant-image-picker__item input[type=radio]:focus-visible+.variant-image-picker__card{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.variant-image-picker__item input[type=radio].disabled+.variant-image-picker__card{opacity:.5;cursor:not-allowed}.variant-image-picker__item input[type=radio].disabled+.variant-image-picker__card .variant-image-picker__label{text-decoration:line-through}.variant-image-picker__image-wrapper{flex-shrink:0;width:80px;height:80px;overflow:hidden;border-radius:6px 0 0 6px;background:rgba(var(--color-foreground),.04)}.variant-image-picker__image{width:100%;height:100%;object-fit:cover;display:block}.variant-image-picker__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(var(--color-foreground),.2)}.variant-image-picker__placeholder svg{width:32px;height:32px}.variant-image-picker__label{font-size:1.4rem;font-weight:500;line-height:1.3;color:rgb(var(--color-foreground))}@media screen and (forced-colors:active){.variant-image-picker__item input[type=radio]:checked+.variant-image-picker__card{outline:2px solid}.variant-image-picker__item input[type=radio]:focus-visible+.variant-image-picker__card{outline:transparent solid 1px;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-variant-picker-with-image.css.map */