.rounded-hover-card{position:absolute;left:3vw;top:2vw;width:auto;border-radius:2vw;z-index:1;height:calc(100% - 4vw)}.rounded-hover-card img{border-radius:2vw;z-index:1;box-shadow:0 0 3vw #00000080;position:relative;width:auto;height:100%}.card_image{transform:rotateY(0) skew(0);-webkit-transform:transform: rotateY(0deg) skew(0deg,0deg);transition:transform .3s ease}.card_image:hover{transform:rotateY(-25deg) skew(0,-7deg);-webkit-transform:transform: rotateY(-25deg) skew(0deg,-7deg);transition:transform .3s ease}.card_image:hover+.card_image__text{transform:rotateY(-25deg) skew(0,-7deg);-webkit-transform:transform: rotateY(-25deg) skew(0deg,-7deg);transition:transform .3s ease}.card_image__text{position:absolute;font-size:1.1vw;color:#fff;z-index:1;bottom:10%;left:0%;width:100%;text-align:center;transform:rotateY(0);-webkit-transform:transform: rotateY(0);transition:transform .3s ease}@media screen and (max-width: 1024px){.carousel--hover-card{margin-top:15px}.carousel--hover-card:last-of-type{margin-bottom:10px}}.carousel--hover-card__carousel .slick-track{display:flex!important}.carousel--hover-card__carousel .slick-slide{height:inherit!important}.carousel--hover-card__carousel .card__information a.full-unstyled-link{padding:0 10px}@media screen and (max-width: 749px){.card_image__text{font-size:5.8vw;bottom:250%}.card_image,.card_image:hover{transform:initial}.card_image:hover+.card_image__text{transform:initial}.rounded-hover-card{position:relative;top:initial;left:initial}.rounded-hover-card img{width:calc(100% - 3rem);border-radius:8vw}.section--product_carousel-hover-card .carousel--hover-card{text-align:center;padding-top:10px!important;padding-bottom:0!important}.section--product_carousel-hover-card:last-of-type .carousel--hover-card{padding-bottom:20px!important}}@media screen and (min-width: 480px){.card_image__text{font-size:4.8vw}}@media screen and (min-width: 768px){.card_image__text{font-size:2.4vw}}@media screen and (min-width: 1024px){.card_image__text{font-size:2.1vw}}@media screen and (min-width: 1200px){.card_image__text{font-size:1.6vw}}@media screen and (min-width: 1600px){.card_image__text{font-size:1.3vw}}@media screen and (min-width: 2000px){.card_image__text{font-size:1.1vw}}@keyframes fadeInRightCard{0%{transform:translate(-10%)}to{transform:translate(0)}}.fadeInRight-animation-card{animation:1s fadeInRightCard forwards}
/*# sourceMappingURL=/cdn/shop/t/252/assets/component-product-carousel-with-hover-card.css.map */