.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{flex:1 1 0%;position:relative;overflow:hidden;transition:.6s;box-shadow:0 20px 30px #0000001a;border-radius:20px}@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{align-items:flex-start;text-align:center}@media screen and (max-width: 749px){.card-hover-title{align-items:center}}.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:15px;letter-spacing:0;opacity:1;max-height:100px;overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.card-hover-text-container .card-hover-more{font-size:15px;margin:0 auto;transform:translateY(0) scale(1);opacity:1;max-height:100px;padding:8px 40px;transition:opacity .3s ease,max-height .3s ease,padding .3s ease}}@media (min-width: 991px){.video-hover-animation-item{transition:.6s}.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-grow:8}.video-hover__item-main{height:100%}.card-hover-text-container{position:absolute;left:0;right:0;width:100%;padding:30px 50px;justify-content:space-between;opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.video-hover-animation-item.active .card-hover-text-container{opacity:1}.card-hover-title{flex-shrink:0;min-width:0}.video__content_inner{width:100%;height:100%;object-fit:cover;display:none;cursor:pointer;transition:.5s}.card-hover__title{color:#fff;font-size:40px;font-weight:700;line-height:2rem;letter-spacing:-.04em;text-wrap:balance;margin-bottom:10px;transform:translateY(5px);transition:transform .3s ease .05s;opacity:1}.video-hover-animation-item.active .card-hover__title{transform:translateY(0)}.card-hover-subtitle{font-size:16px;font-weight:500;color:#fff;transform:translateY(5px);transition:transform .3s ease,opacity .3s ease,max-height .3s ease;opacity:0;max-height:0;overflow:hidden;margin:0}.video-hover-animation-item.active .card-hover-subtitle{transform:translateY(0);opacity:1;max-height:100px;margin-bottom:0;transition-delay:.2s}.card-hover-more{font-size:16px;padding-left:3rem;padding-right:3rem;font-weight:700;border-radius:24px;background-color:#fff;text-decoration:inherit;cursor:pointer;list-style:none;color:#000;transform:translateY(0);transition:opacity .3s ease,background-color .2s ease,max-height .3s ease,padding .3s ease;flex-shrink:0;white-space:nowrap;opacity:0;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0}.video-hover-animation-item.active .card-hover-more{transform:translateY(0);opacity:1;max-height:100px;padding-top:10px;padding-bottom:10px;transition-delay:.25s}.card-hover-more:hover{background-color:#f0f0f0}.mobile-vertical-card{position:relative;width:100%;border-radius:10px;overflow:hidden;display:block;text-decoration:none;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.mobile-vertical-card:active{transform:scale(.98)}.mobile-vertical-card-bg{position:relative;width:100%;padding-bottom:60%;overflow:hidden}.mobile-vertical-card-img{position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover}.mobile-vertical-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#00000080)}.mobile-vertical-card-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;padding:14px 10px}.mobile-card-title{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%}.mobile-card__title{font-size:28px;font-weight:600;line-height:12px;color:#fff;flex-shrink:0;min-width:100px}.mobile-card__subtitle{font-size:14px;font-weight:400;color:#fff;flex:1}.video-hover-animation-box-vertical{display:none}@media screen and (min-width: 750px){.video-hover-animation-box-vertical{display:none!important}.video-hover-animation-box{display:flex!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection-hover-animation.css.map */