.metal-pill-grid,.product-list.product-list--metal-pills{--product-list-max-items-per-row-allowed: 4;column-gap:30px;row-gap:30px}.product-list>product-card.metal-pill-card{display:block;grid-row:auto;grid-template-rows:none}.product-list.product-list--metal-pills>.product-list__promo{grid-row:auto;grid-template-rows:none;align-self:stretch;height:100%}.product-list.product-list--metal-pills>.product-list__promo--offer{display:block}.product-list.product-list--metal-pills .collection-offer-banner{height:100%;aspect-ratio:auto;grid-row:auto}.metal-pill-card{padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;font-family:var(--text-font-family),inherit;transition:border-color .2s,box-shadow .2s}.metal-pill-card:hover{border-color:#e4e4e4;box-shadow:0 6px 22px #00000014}.metal-pill-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:#f1f1f3}.metal-pill-card__media a{display:block;height:100%}.metal-pill-card__img{display:block;width:100%;height:100%;object-fit:cover}.metal-pill-card__wish{position:absolute;top:8px;right:8px;z-index:2;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#fff;color:#2f5f5a;cursor:pointer}.metal-pill-card__wish.on path{fill:#2f5f5a;stroke:#2f5f5a}.metal-pill-card .product-title__ready{order:0;margin:8px 0 0}.metal-pill-card .product-title__ready+.metal-pill-card__title{margin-top:6px}.metal-pill-card__title{margin:14px 0 0;font-size:15px;font-weight:400;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.metal-pill-card__title a{color:inherit;text-decoration:none}.metal-pill{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;padding:3px;border-radius:999px;background:#fff;box-shadow:0 2px 10px #0000001f}.metal-pill:before{content:"";position:absolute;top:3px;left:3px;z-index:0;width:calc((100% - 6px)/4);height:calc(100% - 6px);border-radius:999px;background:#144747;transform:translate(calc(var(--i, 0) * 100%));transition:transform .28s cubic-bezier(.3,.8,.25,1);pointer-events:none}.metal-pill:not([data-selected]):before{opacity:0}.metal-pill__btn{position:relative;z-index:1;height:26px;padding:0;border:0;border-radius:999px;background:transparent;color:#333;font:inherit;font-size:11px;font-weight:600;line-height:1;cursor:pointer;transition:color .16s .07s}.metal-pill__btn[aria-pressed=true]{color:#fff}.metal-pill__btn:not([aria-pressed=true]):not(:disabled):hover{color:#144747}.metal-pill__btn:disabled{color:#9a9a9a;text-decoration:line-through;cursor:not-allowed}.metal-pill__btn:focus-visible,.metal-pill-card__wish:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.metal-pill-card__prices{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;font-variant-numeric:tabular-nums}.p-was{color:#7a7a7a;font-size:12.5px;text-decoration:line-through}.p-now{color:#12372a;font-size:16px;font-weight:700}.p-off{padding:1px 4px;border-radius:3px;background:#d9f5e3;color:#0d5c36;font-size:10.5px;font-weight:600;line-height:1.4}.price-list--product,.product-sticky-bar .price-list,.cart-drawer__grand-total,line-item sale-price,line-item compare-at-price{font-variant-numeric:tabular-nums}.p-now.flash,.price-list--product sale-price.flash,.cart-drawer__grand-total .money.flash,line-item sale-price.flash{animation:metal-pill-flash .7s ease-out;border-radius:3px}@keyframes metal-pill-flash{0%{background:#d4f3df;box-shadow:0 0 0 3px #d4f3df}to{background:transparent;box-shadow:0 0 0 3px transparent}}@media screen and (max-width:699px){.metal-pill-grid,.product-list.product-list--metal-pills{--product-list-max-items-per-row-allowed: 2;column-gap:6px;row-gap:12px;margin-inline:0}.metal-pill-card{padding:5px}.metal-pill__btn{height:28px;font-size:10px}.metal-pill__btn:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}}@media(prefers-reduced-motion:reduce){.metal-pill-card,.metal-pill-card *,.price-list--product sale-price.flash,.cart-drawer__grand-total .money.flash,line-item sale-price.flash{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/card-metal-pill.css.map */