.hero-banner{position:relative;overflow:hidden}.hero-banner__image{display:block;max-width:1920px;margin:0 auto;height:clamp(550px,calc(800 / var(--page-width-cqi) * 100cqi),800px)}.hero-banner__image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;text-decoration:none;color:inherit}.hero-banner__content .page-width{position:relative;display:flex;height:100%;margin:0 auto}.hero-banner__content .swiper-content{display:flex;flex-direction:column}.hero-banner__content .swiper-title{color:var(--color, var(--text-base-color));transition-delay:.2s;font-weight:700;font-size:44px;line-height:1.27}.hero-banner__content .swiper-text{color:var(--color, var(--text-base-color));transition-delay:.35s;font-size:20px;line-height:1.5;white-space:pre-line}.hero-banner__content .swiper-text h6{font-weight:400!important}.hero-banner__content .swiper-text:not(:first-child){margin-top:8px}.hero-banner__content .swiper-button{transition-delay:.5s}.hero-banner__content .swiper-button:not(:first-child){margin-top:40px}.hero-banner__content :where(.swiper-title,.swiper-text,.swiper-button){opacity:0;transform:translateY(var(--transform-top))}.hero-banner .swiper-slide-active :where(.swiper-title,.swiper-text,.swiper-button){transition-duration:.6s;opacity:1;transform:translateY(0)}.hero-banner .swiper-control{--pager-color: #fff;--pager-fill: 217, 217, 217;position:absolute;z-index:1;inset:auto 0 60px;color:var(--pager-color);line-height:1.42;transition:all .3s ease}.hero-banner .swiper-control--darker{--pager-color: var(--text-base-color);--pager-fill: 34, 34, 34}.hero-banner .swiper-control:has([class*=pagination-lock]){display:none}.hero-banner .swiper-control .page-width{display:flex;align-items:center;-moz-column-gap:12px;column-gap:12px}.hero-banner .swiper-control .swiper-pager{font-size:14px}.hero-banner .swiper-control .swiper-pager span{display:inline-block;width:20px}.hero-banner .swiper-control .swiper-pager span:last-child{text-align:right}.hero-banner .swiper-control .swiper-pagination{position:relative;inset:auto;width:160px;height:2px;background:rgba(var(--pager-fill),.15)}.hero-banner .swiper-control .swiper-pagination-progressbar-fill{background:rgba(var(--pager-fill))}.hero-banner .swiper-control .swiper-navi{width:16px;height:16px;border:none;background:none;cursor:pointer}.hero-banner .swiper-control .swiper-navi-wrap{display:inline-flex;align-items:center}.hero-banner .swiper-control .swiper-navi:before{display:inline-block;width:16px;height:16px;background-color:var(--pager-color);transition:all .3s ease;content:""}.hero-banner .swiper-control .swiper-navi--prev:before{-webkit-mask:center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 3.38672L5.5 8.38714L10.5 13.3867" stroke="%23fff"/></svg>') no-repeat;mask:center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M10.5 3.38672L5.5 8.38714L10.5 13.3867" stroke="%23fff"/></svg>') no-repeat}.hero-banner .swiper-control .swiper-navi--next:before{-webkit-mask:center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.5 3.38672L10.5 8.38714L5.5 13.3867" stroke="%23fff"/></svg>') no-repeat;mask:center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M5.5 3.38672L10.5 8.38714L5.5 13.3867" stroke="%23fff"/></svg>') no-repeat}@media (max-width: 750px){.hero-banner:has([class*=pagination-lock]){--mobile-content-bottom: 24px}.hero-banner__image{height:auto}.hero-banner__image img{width:100%;height:auto}.hero-banner__content .page-width{padding-top:40px;padding-bottom:var(--mobile-content-bottom, 66px)}.hero-banner__content .swiper-title{font-weight:700;font-size:24px;line-height:1.5}.hero-banner__content .swiper-text{font-size:14px;line-height:1.43}.hero-banner__content .swiper-button:not(:first-child){margin-top:32px}.hero-banner .swiper-control{bottom:22px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/main-hero.scss.css.map */