.hero-banner{position:relative;width:100%;overflow:hidden}.swiper{width:100%;height:100%}.hero-swiper-button-next,.hero-swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%)}.custom-pagination{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.progress-bar{display:block!important;z-index:2;width:40px;height:2px;background-color:#ffffff4d;border-radius:2px;position:relative;overflow:hidden}.progress-bar:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background-color:#fff;border-radius:2px}.progress-bar.completed:before{width:100%}.progress-bar.completed{opacity:1}.hero-swiper-button-prev{left:44px}.hero-swiper-button-next{right:44px}.swiper-slide{position:relative;display:flex;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:var(--desktop-bg-image)}@media(max-width:768px){.swiper-slide{background-image:var(--mobile-bg-image, var(--desktop-bg-image))}}.swiper-slide--video{background-image:none}.hero-slide-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.slide-content{position:relative;z-index:2;padding:0 20px;max-width:790px}.slide-content--left{text-align:left;margin-left:auto;margin-right:auto;max-width:1240px;width:100%}.slide-content--center{text-align:center;margin-left:auto;margin-right:auto}.slide-content--right{text-align:right;margin-left:auto;margin-right:0;max-width:1240px;width:100%}.swiper-slide{align-items:flex-start;justify-content:center}.swiper-slide .slide-content--top{align-self:flex-start;margin-top:0}.swiper-slide .slide-content--center{align-self:center;margin:0 auto}.swiper-slide .slide-content--lower-center{align-self:center;margin-top:22vh;margin-bottom:0}.swiper-slide .slide-content--bottom{align-self:flex-end;margin-bottom:62px}.slide-sup-title{margin:0 0 12px;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.3;text-transform:uppercase}.slide-title{margin-bottom:1rem;letter-spacing:-3.6px;line-height:95%}.slide-title p{font-weight:300;margin:unset}.slide-title strong{font-weight:500}.slide-subtitle{margin-top:15px}.slide-subtitle .metafield-rich_text_field p{margin:unset}.slide-content .action-btn{margin-top:36px}@media(max-width:768px){.slide-content{padding:0 16px}.swiper-button{display:none}.progress-bar{width:30px;height:2px}.hero-swiper-overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#1b1c1d00 50%,#1b1c1d80 90%);z-index:1}.custom-pagination{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/custom-hero-banner.css.map */