.collection-card{position:relative}.collection-card__image-wrapper{position:relative;overflow:hidden}.collection-card__image-wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(var(--color-true-black-rgb),0),rgba(var(--color-true-black-rgb),.4));background-repeat:no-repeat;background-size:100% 48%;background-position:bottom center;opacity:0;transition:opacity var(--duration-short) ease}.collection-card.collection-card--logo .collection-card__image-wrapper:after{opacity:1;transition:background-size var(--duration-short) ease}.collection-card__image{aspect-ratio:2 / 3}.collection-card__image img{object-fit:cover;width:100%;height:100%;display:block;transition:transform var(--duration-default) ease}.collection-card__hover{position:absolute;text-align:center;z-index:1;bottom:0;width:100%;display:grid}.collection-card__hover-label{padding-bottom:40px;font-size:1.6rem;font-weight:var(--font-body-weight-bold);display:flex;align-items:center;justify-content:center;transform:translateY(100%);transition:transform var(--duration-default) ease}.collection-card__hover-label .icon{width:13px;height:auto;margin-left:10px}.collection-card__logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:40px;padding-left:40px;padding-right:40px}.collection-card__logo img{height:20px;width:auto;max-width:100%;object-fit:contain;object-position:center bottom;transition:transform var(--duration-default) ease;display:block}.collection-card__heading{margin-top:30px;margin-bottom:0;line-height:1.2}.collection-card__link{color:rgb(var(--color-foreground))}.collection-card__link:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}@media ((hover: hover) and (pointer: fine)){.collection-card:hover .collection-card__hover-label{transform:translateY(0)}.collection-card:hover .collection-card__image img{transform:scale(1.03)}.collection-card:hover .collection-card__image-wrapper:after{opacity:1}.collection-card.collection-card--logo:hover .collection-card__image-wrapper:after{background-size:100% 100%}.collection-card.collection-card--logo:hover .collection-card__logo img{transform:translateY(-41px)}.collection-card__link:hover{color:rgb(var(--color-link))}}@media screen and (min-width: 1280px){.collection-card__logo img{height:40px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-collection-card.css.map */