.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.card{text-align:var(--text-alignment);text-decoration:none}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card--standard .card__inner:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.card__media{border-radius:0;overflow:hidden;width:100%;z-index:0}.card-information{text-align:var(--text-alignment);width:100%}.media{background-color:rgba(var(--color-foreground),.1);display:block;overflow:hidden;position:relative}.media>*:not(.zoom){display:block;height:100%;left:0;max-width:100%;position:absolute;top:0;width:100%}.media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.ratio{align-items:stretch;display:flex;position:relative}.ratio:before{content:"";height:0;padding-bottom:var(--ratio-percent);width:0}.card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.card--standard .card__media{margin:0}.card__inner{width:100%}.card__content{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;padding:var(--gutter-s);position:relative;width:100%}.card__information{grid-row-start:2;padding:var(--gutter-m) var(--gutter-s)}.card:not(.ratio)>.card__content{grid-template-rows:max-content minmax(0,1fr) max-content auto}.card__badge{bottom:var(--inset-m);left:var(--inset-m);position:absolute}.media img{height:100%;object-fit:cover;object-position:center center;width:100%}.media img:nth-child(2){display:none;opacity:0;visibility:hidden}.card__inner:not(.ratio)>.card__content{height:100%}.card__heading{margin-bottom:0;margin-top:0}.card__heading--soldout{color:rgb(var(--color-soldout-badge-background))}.card__heading:last-child{margin-bottom:0}.card__heading a:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.card--standard>.card__content{padding:0}.card--standard>.card__content .card__information{padding-left:0;padding-right:0}.card--extend-height{height:100%}.card--extend-height.card--media{display:flex;flex-direction:column}@media screen and (width >= 750px){.card__media .media img:nth-child(2){display:block;transition:all .3s linear}.card:hover img:nth-child(2){opacity:1;visibility:visible}.card__information{padding-top:var(--gutter-xxl)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-card.css.map */