.variant-image-cards{gap:14px;align-items:stretch}.variant-image-cards .variant-image-card{display:flex;flex-direction:column;width:var(--variant-image-card-size, 118px);min-width:var(--variant-image-card-size, 118px);height:auto;padding:5px;overflow:hidden;border:1px solid rgba(var(--text-color) / .3);border-radius:max(var(--btn-border-radius, 0px),8px);background:rgb(var(--bg-color));box-shadow:0 2px 8px #1f2c160a;color:rgb(var(--text-color));font-family:var(--body-font-family);font-style:var(--body-font-style);text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.variant-image-cards .variant-image-card:hover{border-color:#344415;box-shadow:0 5px 14px #1f2c161a;transform:translateY(-1px)}.variant-image-cards input:checked+.variant-image-card{padding:4px;border:2px solid #344415;box-shadow:0 0 0 2px rgb(var(--bg-color)),0 0 0 4px #344415}.variant-image-cards .variant-image-card .opt-label__media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1 / 1;overflow:hidden;border-radius:max(calc(var(--btn-border-radius, 0px) - 2px),5px);background:rgb(var(--bg-color))}.variant-image-cards .variant-image-card .opt-label__media img{width:100%;height:100%;object-fit:contain}.variant-image-cards .variant-image-card__label{order:2;display:-webkit-box;min-height:2.8em;margin:9px 5px 5px;overflow:hidden;color:rgb(var(--text-color));font-family:var(--body-font-family);font-size:1.3rem;font-style:var(--body-font-style);font-weight:600;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:3}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:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.variant-image-cards .variant-image-card{width:100%;min-width:0;max-width:none;padding:5px}.variant-image-cards input:checked+.variant-image-card{padding:4px}.variant-image-cards .variant-image-card__label{min-height:2.7em;margin-top:8px;font-size:1.3rem;line-height:1.35}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/variant-image-cards.css.map */