.collection-card{width:100%;border-radius:var(--border-radius-block);border:.1rem solid rgba(var(--color-foreground),.03);overflow:hidden;outline:none;background:var(--gradient-background, rgb(var(--color-background)))}.collection-card__media-wrapper{position:relative;z-index:1;width:100%;border-radius:var(--border-radius-block);overflow:hidden;display:flex}.collection-card__media-wrapper:after{content:"";display:block;width:0;padding-bottom:var(--padding-bottom, 100%)}.collection-card__media-wrapper--placeholder{background-color:rgb(var(--color-background-secondary));color:rgba(var(--color-foreground))}.collection-card__media-wrapper--placeholder .placeholder-svg{fill:rgba(var(--color-foreground))}@media screen and (hover:hover)and (pointer:fine){.collection-card__media-wrapper:hover .collection-card__media-item{transform:scale(1.03)}}.collection-card__media-item{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;will-change:transform;transition:var(--image-hover-transition)}.collection-card__media-link{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;border-radius:var(--border-radius-product);width:100%;height:100%}.collection-card__content{position:relative;z-index:2;width:100%;border-radius:var(--border-radius-block);background:var(--gradient-background, rgb(var(--color-background)));display:flex;flex-direction:column;gap:0;padding:2.4rem}@media screen and (min-width:576px){.collection-card__content{padding:3.2rem}}@media screen and (hover:hover)and (pointer:fine)and (min-width:576px){.collection-card__content--has-button{padding-bottom:0;transition:transform var(--duration-default) cubic-bezier(.215,.61,.355,1)}}.collection-card__content--align-left{align-items:flex-start;text-align:left}.collection-card__content--align-center{align-items:center;text-align:center}.collection-card__content--align-right{align-items:flex-end;text-align:right}.collection-card__title a{text-decoration:none;color:inherit;transition:opacity var(--duration-default) ease}@media screen and (hover:hover)and (pointer:fine){.collection-card__title a:hover{opacity:var(--hover-opacity)}}.collection-card__title a:focus-visible{outline-offset:-.1rem}.collection-card__description{color:rgba(var(--color-foreground-secondary));margin-top:.8rem}.collection-card__button{margin-top:1.2rem}@media screen and (hover:hover)and (pointer:fine)and (min-width:576px){.collection-card__button{margin-top:1.1rem;opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}}@media screen and (hover:hover)and (pointer:fine)and (min-width:576px){.collection-card:hover .collection-card__button{opacity:1;visibility:visible}.collection-card:hover .collection-card__content--has-button{transform:translateY(-3.2rem)}}@media screen and (min-width:576px){.collection-card:focus-visible .collection-card__button,.collection-card:focus-within .collection-card__button{opacity:1;visibility:visible}.collection-card:focus-visible .collection-card__content--has-button,.collection-card:focus-within .collection-card__content--has-button{transform:translateY(-3.2rem)}}[dir=rtl] .collection-card__content--align-left{text-align:right}[dir=rtl] .collection-card__content--align-right{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection-card.css.map */
