.video-hover-animation-box{display:flex;width:100%;box-sizing:border-box;gap:15px;height:600px}.video-hover-animation-content{margin-bottom:15px}.video-hover-animation-title span{font-size:3rem;font-weight:700}.video-hover-animation-subtitle span{font-size:1.5rem;font-weight:500}.video-hover-animation-item{position:relative;flex:1;overflow:hidden;transition:.5s;box-shadow:0 20px 30px #0000001a;border-radius:10px}@media screen and (max-width: 768px){.video-hover-animation-item{flex:none;width:80vw;min-width:200px;max-width:100%;height:100%}.video-hover-animation-box{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;max-height:400px}.card-hover-text-container{opacity:1!important;transform:translateY(0)!important;flex-direction:column;align-items:center;text-align:center;padding:10px 5px!important}.card-hover-title .card-hover__title{transform:translateY(0)!important;font-size:2.5rem;letter-spacing:0;margin-bottom:5px}.card-hover-title .card-hover-subtitle{transform:translateY(0)!important;font-size:1.8rem;letter-spacing:0}.card-hover-text-container .card-hover-more{padding:10px 20px;font-size:1.5rem;margin-top:10px;transform:translateY(0) scale(1)!important}}@media (min-width: 991px){.video-hover-animation-item{transition:all .5s cubic-bezier(.25,1,.5,1)}.card-hover-text-container{padding-top:20px;padding-bottom:20px}}.video-hover__item-main>img{width:100%;height:100%;object-fit:cover;transition:.5s;cursor:pointer}.video-hover__item-main>span{font-size:2rem;display:block;text-align:center}.video-hover-animation-item.is-playing .card-hover-text-container{opacity:0;height:0}.video-hover-animation-item:hover>img,.video-hover-animation-item.active>img{width:100%;height:100%}.video-hover-animation-item:hover>.video-hover__item-main,.video-hover-animation-item.active>.video-hover__item-main{flex:10}.video-hover__item-main{height:100%}.card-hover-text-container{position:absolute;bottom:0;left:0;right:0;width:100%;padding:10px 50px;justify-content:space-between;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.video-hover-animation-item.active .card-hover-text-container{opacity:1;transform:translateY(0)}.video__content_inner{width:100%;height:100%;object-fit:cover;display:none;cursor:pointer;transition:.5s}.card-hover__title{color:#fff;font-size:30px;font-weight:700;line-height:2rem;letter-spacing:-.04em;text-wrap:balance;margin-bottom:10px;transform:translateY(5px);transition:transform .3s ease .05s}.video-hover-animation-item.active .card-hover__title{transform:translateY(0)}.card-hover-subtitle{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.04em;transform:translateY(5px);transition:transform .3s ease .1s}.video-hover-animation-item.active .card-hover-subtitle{transform:translateY(0)}.card-hover-more{font-size:16px;padding-top:15px;padding-bottom:14px;padding-left:1.5rem;padding-right:1.5rem;font-weight:700;border-radius:24px;background-color:#fff;text-decoration:inherit;cursor:pointer;list-style:none;color:#000;transform:translateY(8px) scale(.95);transition:transform .3s ease .15s,background-color .2s ease}.video-hover-animation-item.active .card-hover-more{transform:translateY(0) scale(1)}.card-hover-more:hover{background-color:#f0f0f0}
/*# sourceMappingURL=/cdn/shop/t/111/assets/collection-hover-animation.css.map */
