.hero{background:#f9fbfc;padding-bottom:150px}.hero__container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 30px}.hero__title-container{width:100%}.hero-highlight{position:relative;background:linear-gradient(90deg,#3f6fa8,#78b7e3);color:#0000;background-clip:text}.hero__title{text-align:center;font-size:56px;font-weight:700;position:relative}.gradient-text{background:linear-gradient(159deg,navy,#00a1ff);color:#0000;background-clip:text}.rotating-text{left:0;right:0;top:0;opacity:0;position:absolute}.rotating-text:nth-of-type(1){animation-name:rotate;animation-duration:1.5s;animation-delay:.5s}.rotating-text:nth-of-type(2){animation-name:rotate;animation-duration:1.5s;animation-delay:1.75s}.rotating-text:nth-of-type(3){animation-name:rotate-last;animation-duration:1.5s;animation-delay:3s;animation-fill-mode:forwards}@keyframes rotate{0%{opacity:0;transform:translate3d(0,50px,0)}20%,80%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-25px,0)}}@keyframes rotate-last{0%{opacity:0;transform:translate3d(0,50px,0)}50%,to{opacity:1;transform:translateZ(0)}}.hero__open-title{background-color:#e0ffe0;padding:10px 15px;border-radius:10px;border:1px solid lightgreen}.swiper.is-loading{opacity:0;visibility:hidden}.swiper.is-ready{opacity:1;visibility:visible;transition:opacity .25s ease}.swiper{max-width:150rem}.swiper__home-container{background-color:#fff;border-color:#fff;box-shadow:#959da533 0 8px 24px;padding:20px;border:1px solid #fff;border-radius:15px}.swiper__image-container{height:300px}.swiper__image{border-radius:15px;object-fit:cover}.swiper__title{font-size:21px;margin-bottom:10px}.swiper__collection{width:100%;padding:0;border-radius:10px;border:none}.swiper__link{width:100%;height:100%;padding:5px 0;font-size:1.8rem}.swiper__highlight{display:flex;align-items:center;background:#ecffec;padding:10px 20px;width:fit-content;border-radius:20px}.swiper__highlight-title{margin:0;font-size:1.4rem}.swiper__arrow-icon{max-width:45px;height:fit-content}.swiper__icon{max-width:18px;height:fit-content;margin-right:10px}.swiper__highlight.new{background:#fffdec}.swiper__heading{display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){.hero{padding-top:50px}.hero__container{padding:15px}.hero__title{font-size:42px}.swiper__home-container{padding:20px 15px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-hero.css.map */