.image-hover-cards{--card-gap: 24px;--card-border-radius: 8px;--transition-duration: .5s;--transition-easing: cubic-bezier(.4, 0, .2, 1);margin-top:200px}.image-hover-cards__container{padding-block:40px}.image-hover-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}@media screen and (max-width:989px){.image-hover-cards__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.image-hover-cards__grid{grid-template-columns:1fr}}.image-hover-cards__card{position:relative;display:flex;flex-direction:column;border-radius:var(--card-border-radius);background-color:rgb(var(--color-background-rgb))}.image-hover-cards__media-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--card-border-radius);transition:transform var(--transition-duration) var(--transition-easing)}.image-hover-cards__card:hover .image-hover-cards__media-wrapper{transform:translateY(-130px)}.image-hover-cards__image{width:100%;height:100%;object-fit:cover}.image-hover-cards__placeholder{width:100%;height:100%;object-fit:cover;background-color:rgb(var(--color-background-rgb))}.image-hover-cards__content{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;flex-direction:column;gap:8px;pointer-events:none;opacity:0;transform:translateY(20px);transition:opacity var(--transition-duration) var(--transition-easing),transform var(--transition-duration) var(--transition-easing)}.image-hover-cards__card:hover .image-hover-cards__content{opacity:1;transform:translateY(0)}.image-hover-cards__title{display:block;font-size:1rem;font-weight:600;color:rgb(var(--color-foreground-rgb))}.image-hover-cards__description{display:flex;gap:12px;align-items:flex-start}.image-hover-cards__number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:rgb(var(--color-background-rgb));border:1px solid rgb(var(--color-border-rgb));border-radius:50%;font-size:.875rem;font-weight:500;color:rgb(var(--color-foreground-rgb))}.image-hover-cards__text{margin:0;font-size:.875rem;line-height:1.5;color:rgb(var(--color-foreground-rgb))}@media(hover:none){.image-hover-cards__media-wrapper{transform:translateY(-130px)}.image-hover-cards__content{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-image-hover-cards.css.map */