.card{position:relative;display:block;background:var(--card);border-radius:var(--radius-card);overflow:hidden;transition:transform var(--t-mid) var(--ease),border-color var(--t-mid),box-shadow var(--t-mid)}.card--bordered{border:1px solid var(--border)}.card--bordered:hover{border-color:rgba(var(--accent-rgb),.6)}.card--lifted{border:1px solid transparent;box-shadow:0 10px 30px -18px rgba(var(--shadow-rgb),.9)}.card--lifted:hover{box-shadow:0 18px 40px -18px rgba(var(--shadow-rgb),1)}.card--plain{background:none}.card--bordered:hover,.card--lifted:hover{transform:translateY(calc(var(--card-lift) * -1))}.hover-off .card:hover{transform:none}.card__media{position:relative;aspect-ratio:var(--card-ratio, 1);display:grid;place-items:center;overflow:hidden;background:var(--card-well, transparent)}.card__media img,.card__media svg{width:100%;height:100%;object-fit:cover;transition:transform calc(.6s * var(--anim-scale)) var(--ease)}.card__media svg{width:56%;height:auto;object-fit:contain;color:var(--text);opacity:.9;filter:drop-shadow(0 14px 26px rgba(var(--shadow-rgb),.6))}.card:hover .card__media img,.card:hover .card__media svg{transform:scale(1.07)}.hover-off .card:hover .card__media img,.hover-off .card:hover .card__media svg{transform:none}.card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 118%,rgba(var(--accent-rgb),var(--glow, .22)),transparent 62%)}.card--overlay .card__media:after{background:radial-gradient(ellipse at 50% 116%,rgba(var(--accent-rgb),.3),transparent 60%),linear-gradient(to top,rgba(var(--bg-rgb),.86),transparent 58%)}.card__overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px;text-align:center}.card__overlay h3{font-family:var(--font-heading);font-weight:700;font-size:calc(clamp(15px,1.5vw,19px) * var(--heading-scale));letter-spacing:var(--tracking-ui);text-transform:uppercase;color:var(--text)}.card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-family:var(--font-heading);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text, var(--accent))}.card__cta svg{width:11px;transition:transform var(--t-fast) var(--ease)}.card:hover .card__cta svg{transform:translate(4px)}.gtag{position:absolute;top:0;right:8px;z-index:3;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;pointer-events:none;animation:gtag-sway calc(4.5s * var(--anim-scale)) ease-in-out infinite}.gtag__string{display:block;width:2px;height:22px;background:var(--gold)}.gtag__paper{position:relative;display:block;width:86px;padding:15px 6px 9px;text-align:center;background:var(--paper);color:var(--paper-ink);clip-path:polygon(24% 0,76% 0,100% 17%,100% 100%,0 100%,0 17%);box-shadow:0 8px 16px -6px rgba(var(--shadow-rgb),.55)}.gtag__paper:before{content:"";position:absolute;top:5px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--card)}.gtag__for{display:block;font-family:var(--font-heading);font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text, var(--accent))}.gtag__price{display:block;font-weight:700;font-size:15px;line-height:1.25}.gtag__price--gone{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;opacity:.75}.gtag__was{display:block;font-size:10.5px;opacity:.62}.gtag--gone .gtag__paper{filter:saturate(.3)}@keyframes gtag-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes gtag-swing{0%{transform:rotate(0)}20%{transform:rotate(16deg)}45%{transform:rotate(-11deg)}70%{transform:rotate(6deg)}to{transform:rotate(-2.5deg)}}.card:hover .gtag,.card:focus-within .gtag,.card.is-tapped .gtag{animation:gtag-swing calc(1s * var(--anim-scale)) ease-in-out}.card .gtag+.card__quick,.gtag~.card__quick{z-index:2}@media(prefers-reduced-motion:reduce){.gtag,.card:hover .gtag,.card:focus-within .gtag,.card.is-tapped .gtag{animation:none;transform:none}}.anim-off .gtag,.hover-off .card:hover .gtag{animation:none;transform:none}@media(max-width:599px){.gtag__paper{width:74px;padding:13px 4px 8px}.gtag__price{font-size:13.5px}}.cswatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.cswatch{width:18px;height:18px;border-radius:50%;background:var(--sw, var(--card));box-shadow:inset 0 0 0 1.5px rgba(var(--bg-rgb),.9),0 0 0 1px var(--border-strong);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast)}.cswatch:hover,.cswatch.is-showing{transform:scale(1.18);box-shadow:inset 0 0 0 1.5px rgba(var(--bg-rgb),.9),0 0 0 2px var(--gold)}.hover-off .cswatch:hover{transform:none}
/*# sourceMappingURL=/cdn/shop/t/31/assets/tpp-card.css.map */