.cs-product-card{display:flex;flex-direction:column;height:100%;min-width:0}.cs-product-card__link{display:flex;flex:1;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg) var(--space-lg) var(--space-sm);color:inherit;text-decoration:none}.cs-product-card__info{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}.cs-product-card__info>*{margin:0;overflow-wrap:break-word}.cs-product-card__badge{position:absolute;top:calc(100% + var(--space-xs));left:0;z-index:1;padding:var(--space-2xs) var(--space-xs)}.cs-product-card__media{position:relative;width:100%;margin-top:auto;aspect-ratio:1 / 1}.cs-product-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s ease-in-out}.cs-product-card__image--secondary{opacity:0}@media(hover:hover){.cs-product-card:hover .cs-product-card__media--swap .cs-product-card__image--secondary{opacity:1}.cs-product-card:hover .cs-product-card__media--swap .cs-product-card__image--primary{opacity:0}}.cs-product-card__button{flex:none;justify-content:center}.cs-product-card[data-accent] .cs-product-card__button{--button-bg-hover: var(--card-accent);--button-border-hover: var(--button-border);--button-fg-hover: var(--card-accent-text)}.cs-product-card__button .button-text{text-align:center}.cs-product-card__button.add-to-cart-button{justify-content:space-between}.cs-product-card__button.add-to-cart-button .button-text{width:auto;text-align:left}.cs-product-card__button .button-loading-spinner,.cs-product-card__button .button-success,.cs-product-card__button.loading .button-text,.cs-product-card__button.loading .button-price,.cs-product-card__button.success .button-text,.cs-product-card__button.success .button-price{display:none}.cs-product-card__button.loading .button-loading-spinner,.cs-product-card__button.success .button-success{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%}.cs-product-card__button.loading .button-loading-spinner svg{width:20px;height:20px;animation:cs-product-card-spin 1s linear infinite}.cs-product-card__button .button-success svg{width:20px;height:20px}@keyframes cs-product-card-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-cs-product-card.css.map */