.material-cards{display:grid!important;grid-template-columns:repeat(3,minmax(140px,1fr))!important;gap:.7rem!important;margin-top:1rem!important;width:100%!important;padding:0!important;list-style:none!important}@media screen and (min-width: 769px){.material-cards{grid-template-columns:repeat(3,minmax(140px,1fr))!important;gap:.7rem!important}}@media screen and (max-width: 768px){.material-cards{grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important}}.material-card{position:relative;border:2px solid #e8e8e8;border-radius:10px;background:#fff;transition:all .25s ease;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:155px}.material-card.is-available:hover{border-color:#999;box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.material-card.is-selected{border-color:#000;box-shadow:0 6px 24px #0000001f;background:#fafafa}.material-card:not(.is-available){opacity:.4;cursor:not-allowed;background:#f5f5f5}.material-card:not(.is-available):hover{transform:none;box-shadow:none}.material-card:not(.is-available):after{content:"";position:absolute;top:50%;left:15%;right:15%;height:2px;background:#999;transform:translateY(-50%) rotate(-12deg);pointer-events:none;z-index:1}.material-card__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.material-card__label{display:flex;flex-direction:column;padding:1rem .75rem .85rem;cursor:pointer;width:100%;height:100%;box-sizing:border-box}.material-card:not(.is-available) .material-card__label{cursor:not-allowed}.material-card__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;flex:1;justify-content:space-between}.material-card__swatch{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #f0f0f0;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.material-card__swatch-color{display:block;width:100%;height:100%;border-radius:50%}.material-card__swatch-image{width:100%;height:100%;object-fit:cover;display:block}.material-card__name{font-size:.75rem;font-weight:500;color:#1a1a1a;line-height:1.2;min-height:1.8em;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:0}.material-card__price{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.8125rem;font-weight:700;width:100%;margin-top:auto;padding-top:.2rem}.material-card__price--regular,.material-card__price--sale{color:#000;font-size:.8125rem;line-height:1.2}.material-card__price--compare{color:#999;text-decoration:line-through;font-size:.6875rem;font-weight:400;line-height:1.2}.material-card__checkmark{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:#000;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;opacity:0;transform:scale(0);transition:all .2s cubic-bezier(.34,1.56,.64,1);z-index:2;box-shadow:0 2px 8px #00000026}.material-card.is-selected .material-card__checkmark{opacity:1;transform:scale(1)}.visually-hidden,.label-unavailable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (max-width: 768px){.material-card{min-height:145px;border-radius:8px}.material-card__label{padding:.9rem .65rem .75rem}.material-card__swatch{width:50px;height:50px}.material-card__name{font-size:.7rem;min-height:1.6em}.material-card__price,.material-card__price--regular,.material-card__price--sale{font-size:.75rem}.material-card__price--compare{font-size:.65rem}.material-card__checkmark{width:20px;height:20px;font-size:12px;top:.4rem;right:.4rem}}@media screen and (max-width: 480px){.material-cards{gap:.6rem!important}.material-card{min-height:135px}.material-card__label{padding:.8rem .55rem .65rem}.material-card__swatch{width:45px;height:45px}.material-card__name{font-size:.65rem}.material-card__price,.material-card__price--regular,.material-card__price--sale{font-size:.7rem}.material-card__price--compare{font-size:.6rem}}.material-card__input:focus+.material-card__label{outline:3px solid #000;outline-offset:2px;border-radius:10px}@media (prefers-contrast: high){.material-card{border-width:3px}.material-card.is-selected{border-width:4px}}@media (prefers-reduced-motion: reduce){.material-card,.material-card__checkmark{transition:none!important}.material-card.is-available:hover{transform:none!important}}.product__variants .material-cards,.product__content .material-cards,.variant__fieldset .material-cards,div[data-variant-wrapper] .material-cards{display:grid!important}
/*# sourceMappingURL=/cdn/shop/t/75/assets/material-cards.css.map */