.variant-image-cards{gap:12px;align-items:flex-start}.variant-image-cards .variant-image-card{display:block;width:var(--variant-image-card-size, 104px);min-width:var(--variant-image-card-size, 104px);height:var(--variant-image-card-size, 104px);padding:5px;overflow:hidden;border:1px solid rgba(var(--text-color) / .28);border-radius:2px;background:rgb(var(--bg-color));color:rgb(var(--text-color));cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.variant-image-cards .variant-image-card:hover{border-color:#344415;box-shadow:0 4px 12px #1f2c161a;transform:translateY(-1px)}.variant-image-cards input:focus-visible+.variant-image-card{outline:2px solid #344415;outline-offset:3px}.variant-image-cards input:checked+.variant-image-card{padding:4px;border:2px solid #344415;box-shadow:none}.variant-image-cards .variant-image-card .opt-label__media{position:relative;inset:auto;width:100%;height:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:0;background:rgb(var(--bg-color))}.variant-image-cards .variant-image-card .opt-label__media img{width:100%;height:100%;object-fit:contain}variant-picker:not([data-availability=false]) .variant-image-cards .is-unavailable+.variant-image-card{opacity:.5}variant-picker:not([data-availability=false]) .variant-image-cards .is-unavailable+.variant-image-card .opt-label__media:after{background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgb(var(--bg-color)) calc(50% - 1px),rgb(var(--bg-color)) calc(50% + 1px),transparent calc(50% + 1px)) no-repeat!important}@media(max-width:599px){.variant-image-cards{display:flex;flex-wrap:wrap;gap:10px;width:100%;align-items:flex-start;justify-content:flex-start}.variant-image-cards .variant-image-card{flex:0 0 min(100%,var(--variant-image-card-size-mobile, 96px));width:min(100%,var(--variant-image-card-size-mobile, 96px));min-width:min(100%,var(--variant-image-card-size-mobile, 96px));height:min(100vw,var(--variant-image-card-size-mobile, 96px));max-width:100%}}@media(prefers-reduced-motion:reduce){.variant-image-cards .variant-image-card{transition:none}.variant-image-cards .variant-image-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/variant-image-cards.css.map */