.small{padding-bottom:16%}.medium{padding-bottom:46%}.large{padding-bottom:65%}.hero__text-wrap{z-index:21;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-alignment{width:100%;height:100%}.hero__text-content{display:flex;height:100%}.text-center{align-items:center;justify-content:center}.text-left{align-items:center;justify-content:flex-start}.text-right{align-items:center;justify-content:flex-end}.text-top{padding-top:40px;align-items:flex-start;justify-content:center}.text-bottom{align-items:flex-end;justify-content:center;padding-bottom:40px}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-center{text-align:center}.animated-image-wrapper{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:1}.image-inside{position:absolute;top:0;bottom:0;overflow:hidden;width:100%}#animation-wrapper animation-hero{position:absolute}#animation-wrapper animation-hero img{width:100%;height:100%;overflow:hidden;object-position:center center}#animation-wrapper animation-hero:nth-of-type(1){animation-name:fader;animation-delay:2s;animation-duration:3s;z-index:20}#animation-wrapper img{object-fit:cover}#animation-wrapper animation-hero:nth-of-type(2){z-index:10}#animation-wrapper animation-hero:nth-of-type(n+3){display:none}@keyframes fader{from {} to {} ; from {} to {} ;}@media screen and (max-width: 479px){.animated-image-wrapper{padding-bottom:100%!important}.hero-desktop{display:none}}.animated-image-wrapper{position:relative;overflow:hidden}.hero__text-wrap{pointer-events:none}.section-slideshow-animation .swiper-button,.section-slideshow-animation .swiper-pagination{pointer-events:auto}.animated-image-wrapper .swiper{overflow:visible}.animated-image-wrapper .swiper-button{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:48px;height:48px;border-radius:9999px;background:#fff;color:#252427;box-shadow:0 6px 20px #0000001f;display:flex;align-items:center;justify-content:center}.animated-image-wrapper .swiper-button:after{display:none}.animated-image-wrapper .swiper-button-prev{left:16px}.animated-image-wrapper .swiper-button-next{right:16px}@media (min-width: 1280px){.animated-image-wrapper .swiper-button-prev{left:24px}.animated-image-wrapper .swiper-button-next{right:24px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hero-animated.css.map */