.hero-banner-section,.hero-banner-section *,.hero-banner-section *:before,.hero-banner-section *:after{box-sizing:border-box}.hero-banner-stage{position:relative;--hero-edge: 12px}.hero-banner__slider{position:relative;overflow:hidden}.hero-banner__slide{height:auto}.hero-banner{position:relative;display:flex;overflow:hidden;min-height:var(--hero-height-mobile);height:100%}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-banner__video,.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width:989px){.hero-banner__video--desktop{display:none}}@media screen and (min-width:990px){.hero-banner__image--mobile{display:none}}.hero-banner__media picture,.hero-banner__media img,.hero-banner__media video,.hero-banner__media .responsive-image-placeholder,.hero-banner__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__media .responsive-image-placeholder{background-color:var(--color-grey-300)}.hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--gradient-hero-wash);opacity:var(--hero-overlay-opacity, 1)}.hero-banner__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:var(--hero-position-mobile, flex-end);width:100%;max-width:calc(var(--container-width) + var(--hero-edge) * 2);margin-inline:auto;padding:28px var(--hero-edge)}.hero-banner__content{display:flex;flex-direction:column;align-items:var(--hero-align-mobile, flex-start);text-align:var(--hero-text-mobile, left);width:100%;color:rgb(var(--color-foreground))}.hero-banner__block--badge,.hero-banner__block--button{display:flex}.hero-banner__block+.hero-banner__block{margin-top:12px}.hero-banner__block--heading+.hero-banner__block--text{margin-top:6px}.hero-banner__block--text+.hero-banner__block--button,.hero-banner__block--heading+.hero-banner__block--button{margin-top:24px}.hero-banner__badge{display:inline-flex;align-items:center;gap:9px;height:29px;padding-inline:15px;border:1px solid var(--overlay-glass-border);border-radius:var(--radius-full);background-color:var(--overlay-glass-background);font-size:var(--font-size-body-11);font-weight:var(--font-weight-semibold);line-height:var(--line-height-140);color:rgb(var(--color-foreground));white-space:nowrap}.hero-banner__badge-dot{flex-shrink:0;width:7px;height:7px;border-radius:var(--radius-full);background-color:var(--color-green-500)}.hero-banner__heading{max-width:328px}.hero-banner__text{max-width:328px;font-size:var(--font-size-body-12);line-height:var(--line-height-140)}.hero-banner__text>*{margin:0;font-size:inherit;line-height:inherit}.hero-banner__controls{position:absolute;right:12px;bottom:36px;z-index:3;display:flex;align-items:center;gap:6px;height:26px}.hero-banner__nav-btn.swiper-button-prev,.hero-banner__nav-btn.swiper-button-next{position:static;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;margin:0;padding:4px;border:none;border-radius:var(--radius-s);background:none;color:var(--color-white);cursor:pointer;transition:var(--transition-quick)}.hero-banner__nav-btn:after,.hero-banner__nav-btn:before{content:none;display:none}.hero-banner__nav-btn:hover{background-color:var(--overlay-glass-background)}.hero-banner__nav-icon{--icon-size: 18px;height:18px}.hero-banner__dots.swiper-pagination{--swiper-pagination-bullet-horizontal-gap: 0px;--swiper-pagination-bullet-width: 6px;--swiper-pagination-bullet-height: 6px;--swiper-pagination-color: var(--color-white);--swiper-pagination-bullet-inactive-color: var(--color-white);--swiper-pagination-bullet-inactive-opacity: .35;--swiper-pagination-bullet-opacity: 1;position:static;display:flex;align-items:center;gap:8px;width:auto;margin:0;transform:none}.hero-banner__dots .swiper-pagination-bullet{border-radius:var(--radius-full);transition:width var(--duration-quick) var(--ease-default),opacity var(--duration-quick) var(--ease-default)}.hero-banner__dots .swiper-pagination-bullet-active{width:26px;height:8px}usp-marquee{display:block}.hero-banner__usps{overflow:hidden;margin:12px 0 0;border-radius:0;background-color:var(--color-grey-200)}.hero-banner__usps-row{display:flex;align-items:center;width:max-content}.hero-banner__usps-track{display:flex;align-items:center;gap:18px;padding-inline:9px;height:36px}.hero-banner__usp{font-size:var(--font-size-body-13);font-weight:var(--font-weight-semibold);line-height:var(--line-height-auto);color:var(--color-black);white-space:nowrap}.hero-banner__usp-separator{flex-shrink:0;width:5px;height:14px;background-image:linear-gradient(var(--color-green-500),var(--color-green-500));background-position:center;background-repeat:no-repeat;background-size:1px 100%}.hero-banner__usp-separator--loop{display:none}@media screen and (max-width:989px){.hero-banner__usp-separator--loop{display:block}}@media(prefers-reduced-motion:no-preference){usp-marquee[data-marquee=on] .hero-banner__usps-row{animation:hero-usp-marquee var(--marquee-duration, 18s) linear infinite}}@keyframes hero-usp-marquee{to{transform:translate(calc(-100% / var(--marquee-groups, 2)))}}@media screen and (max-width:989px){usp-marquee:not([data-marquee=on]){overflow-x:auto;scrollbar-width:none}usp-marquee:not([data-marquee=on])::-webkit-scrollbar{display:none}}@media screen and (min-width:990px){.hero-banner{min-height:var(--hero-height-desktop)}.hero-banner-stage{--hero-edge: 32px}.hero-banner__inner{justify-content:var(--hero-position-desktop, flex-end);padding:46px var(--hero-edge)}.hero-banner__content{align-items:var(--hero-align-desktop, flex-start);text-align:var(--hero-text-desktop, left)}.hero-banner__block--heading+.hero-banner__block--text{margin-top:10px}.hero-banner__block--text+.hero-banner__block--button,.hero-banner__block--heading+.hero-banner__block--button{margin-top:38px}.hero-banner__badge{height:36px;font-size:var(--font-size-body-13);line-height:var(--line-height-130)}.hero-banner__heading{max-width:640px}.hero-banner__text{max-width:462px;font-size:var(--font-size-body-16);line-height:var(--line-height-150)}.hero-banner__controls{right:auto;bottom:26px;left:50%;transform:translate(-50%)}.hero-banner__usps{position:absolute;right:var(--container-edge-gap);bottom:39px;z-index:2;margin:0;border-radius:var(--radius-l);background-color:var(--color-white)}.hero-banner__usps-track{gap:10px;height:47px;padding-inline:16px}.hero-banner__usp{font-size:var(--font-size-body-14);line-height:var(--line-height-150)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hero-banner.css.map */