banner-collection,.banner-collection-container{position:relative}.banner-collection-container .image-box{position:relative;min-height:100px}.imageSwitchBox .title{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.imageSwitchBox .title h2{padding:0;color:var(--text-color)}.text-box .textHoverBox .text .box h3{color:var(--text-color);line-height:1.2;transition:all .2s}.text-box .textHoverBox .text.on .description p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--text-color)}@media screen and (min-width: 1000px){.imageSwitchBox .image{display:none}.imageSwitchBox .image.active{display:block}.imageSwitchBox .title h2{font-size:78px}.banner-collection-container .text-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.text-box .textHoverBox{height:100%;display:flex;justify-content:space-between}.text-box .textHoverBox .text{position:relative;width:23%;height:100%;overflow:hidden}.text-box .textHoverBox .text .box{position:absolute;bottom:0;left:0;width:100%;padding:100px 0;text-align:center}.text-box .textHoverBox .text:before{position:absolute;content:"";left:0;bottom:0;top:100%;width:100%;height:100%;background-color:rgba(var(--overlay-color),var(--overlay-opacity));transition:all .5s}.text-box .textHoverBox .text.on:before{top:0;transition:all .5s}.text-box .textHoverBox .text .box h3{background-color:rgba(var(--overlay-color),var(--overlay-opacity));margin:0;font-size:20px;padding:10px}.text-box .textHoverBox .text.on .box h3{background-color:transparent}.description{display:none}.text-box .textHoverBox .text.on .description{display:block;max-height:80px;margin-top:15px;padding:0 10px;overflow:hidden}}@media screen and (max-width: 999px){.imageSwitchBox .image,.textHoverBox .text{width:100%}.text-box{width:max-content;position:absolute;right:10px;bottom:20px}.text-box .textHoverBox .text .box h3{font-size:20px;color:rgb(var(--overlay-color));margin-bottom:0}.text-box .text{display:none}.text-box .text.active{display:block}.textHoverBox .flickity-page-dots{bottom:-15px;left:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dynamic-banner-collection.css.map */