.collection-list-hover-card{display:grid}.collection-list-hover-card__base,.collection-list-hover-card__overlay{grid-area:1 / 1}.collection-list-hover-card .card__img{border-radius:0!important}.collection-list-hover-card .card__picture:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000 59.54%,#0000006e)}.collection-list-hover-card div.card{position:absolute;bottom:4rem;color:#fff;text-decoration:underline white 1px;text-underline-offset:6px}.collection-list-hover-card__overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.8rem;padding-bottom:4rem;background:linear-gradient(180deg,#0000 29%,#000000b8);pointer-events:none}.collection-list-hover-card__overlay--link{pointer-events:auto}.collection-list-hover-card__overlay-image{position:absolute;top:calc(50% + var(--hover-image-vertical-offset, 0px));left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:auto;max-width:var(--hover-image-max-width, 30rem);padding:.4rem;overflow:hidden}.collection-list-hover-card__overlay-image img{display:block;width:100%;height:auto;object-fit:contain}.collection-list-hover-card__overlay-content{width:100%;text-align:center}.collection-list-hover-card__overlay-content--mobile{display:none}.collection-list-hover-card__overlay-title{margin:0;font-size:var(--hover-heading-font-size, 1.4rem);font-weight:600;line-height:1.3;color:#ffffffd6}@media screen and (hover:hover){.collection-list-hover-card{overflow:hidden}.collection-list-hover-card__overlay{opacity:0;transition:opacity .3s ease}.collection-list-hover-card:hover .collection-list-hover-card__overlay,.collection-list-hover-card:focus-within .collection-list-hover-card__overlay{opacity:1}.collection-list-hover-card:hover div.card,.collection-list-hover-card:focus-within div.card{opacity:0}}@media screen and (max-width:749px){.collection-list-hover-card div.card{opacity:0}.collection-list-hover-card__overlay-image{width:var(--hover-image-max-width-mobile, 5rem);max-width:var(--hover-image-max-width-mobile, 5rem);top:calc(50% + var(--hover-image-vertical-offset-mobile, 0px))}.collection-list-hover-card__overlay-content{display:none}.collection-list-hover-card__overlay-content--mobile{display:block;width:100%;text-align:center}.collection-list-hover-card__overlay-title--mobile{margin:0;font-size:var(--hover-heading-font-size-mobile, 1.2rem);font-weight:600;line-height:1.3;color:#ffffffd6}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-list-hover.css.map */