.card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);height:100%}.card--align-center{text-align:center}.card--align-center .card__swatches{justify-content:center}.card__media-wrap{position:relative;overflow:hidden;border-radius:var(--radius-card)}.card__media{background-color:var(--color-surface)}.card__image{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.card__image--secondary{opacity:0;transform:scale(1.04)}.card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--color-surface);fill:var(--color-border)}.card--sold-out .card__media{opacity:.55}@media(hover:hover)and (pointer:fine){.card:hover .card__image--primary{transform:scale(1.03)}.card:hover .card__image--secondary,.card:focus-within .card__image--secondary{opacity:1;transform:scale(1)}.card--lift{transition:transform var(--duration-base) var(--ease-out)}.card--lift:hover{transform:translateY(-4px)}}.card__badges{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);pointer-events:none}.card__badges--top-left{top:var(--space-3);left:var(--space-3)}.card__badges--top-right{top:var(--space-3);right:var(--space-3);align-items:flex-end}.card__badges--bottom-left{bottom:var(--space-3);left:var(--space-3)}.card__quick-add{position:absolute;z-index:2;left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}.card__quick-add-button{width:100%;gap:var(--space-2)}@media(hover:hover)and (pointer:fine){.card__quick-add{opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.card:hover .card__quick-add,.card:focus-within .card__quick-add{opacity:1;transform:none}}.card__quick-add-button[data-state=loading] .card__quick-add-icon{animation:drawer-spin .7s linear infinite}.card__quick-add-button[data-state=added]{--button-bg: var(--color-success);--button-border: var(--color-success);--button-fg: var(--color-bg)}.card__info{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 auto}.card__vendor{letter-spacing:.1em;text-transform:uppercase}.card__heading{margin:0;font-size:var(--text-h6);line-height:1.2}.card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__title{transition:color var(--duration-fast) var(--ease-out)}.card:hover .card__title{color:var(--color-accent)}.card__info .price{font-size:var(--text-sm)}.card__swatches{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.card__swatch{position:relative;z-index:2;display:block;width:15px;height:15px;border-radius:50%;border:1px solid var(--color-border);background-color:var(--swatch-color, var(--color-border));background-image:var(--swatch-image, none);background-size:cover;background-position:center;transition:box-shadow var(--duration-fast) var(--ease-out)}.card__swatch:hover,.card__swatch:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 3px var(--color-text)}.card__swatch--static{cursor:default}.card__swatch--unavailable{opacity:.4}.card__swatch--unavailable:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--color-text) calc(50% - 1px),var(--color-text) calc(50% + 1px),transparent calc(50% + 1px))}.card__swatch-more{z-index:2}.card--placeholder .card__title{color:var(--color-text-muted)}.card--placeholder .card__title:after{content:none}@media(prefers-reduced-motion:reduce){.card__image,.card--lift,.card__quick-add{transition:none}.card:hover .card__image--primary,.card--lift:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-card.css.map */