.homepage-banner-slider{position:relative;display:block}.homepage-banner-slider__slider{position:relative;overflow:hidden;margin-bottom:0;background:var(--teal-4)}.homepage-banner-slider__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-smooth)}.homepage-banner-slider__slide.is-active{position:relative;opacity:1;pointer-events:auto;z-index:1}.homepage-banner-slider__media-wrapper{position:relative;width:100%;height:55rem;overflow:hidden;background:var(--teal-4)}.homepage-banner-slider__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.homepage-banner-slider__image--mobile{display:none}.homepage-banner-slider__media-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#1c373e00 69.05%,#1c373e4d 93.73%),linear-gradient(0deg,#0000000d 0% 100%);background-blend-mode:normal,normal}.homepage-banner-slider__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;max-width:var(--page-width);margin:0 auto;display:flex;align-items:center;padding:3.6rem 2.4rem;pointer-events:none}.homepage-banner-slider__content-inner{width:100%;max-width:40rem;display:flex;flex-direction:column;gap:2.4rem;pointer-events:auto}.homepage-banner-slider__heading{margin:0;color:var(--white);font:var(--text-heading-l);text-transform:uppercase;line-height:1.1}.homepage-banner-slider__heading p{margin:0}.homepage-banner-slider__cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:4rem;padding:.8rem 2.4rem 1rem;border-radius:2.6rem;border:0;background:var(--grey-1);color:var(--teal-4);font:var(--text-body-xs);letter-spacing:0;text-decoration:none;pointer-events:auto}.homepage-banner-slider__cta:hover,.homepage-banner-slider__cta:focus-visible{background:var(--grey-2);color:var(--teal-4)}.homepage-banner-slider__controls{position:absolute;left:max(2.4rem,calc(50% - var(--page-width) / 2 + 2.4rem));bottom:2.4rem;z-index:2;display:inline-flex;align-items:center;gap:1rem;padding:1rem;border-radius:999px;background:#212121b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 3px #0003}.homepage-banner-slider__controls .slider-button{width:2rem;min-width:2rem;height:2rem;padding:0;color:var(--white);opacity:1}.homepage-banner-slider__controls .slider-button:hover{color:var(--white)}.homepage-banner-slider__controls .slider-button[disabled]{opacity:.3}.homepage-banner-slider__controls .slider-button .icon{width:.5rem;height:1rem}.homepage-banner-slider__arrow{display:block;width:.65rem;height:1.15rem;color:var(--white)}.homepage-banner-slider__arrow path{stroke:currentColor}.slider-button--prev.is-inactive .homepage-banner-slider__arrow--prev,.slider-button--next.is-inactive .homepage-banner-slider__arrow--next{opacity:.3}.homepage-banner-slider__indicators{display:inline-flex;align-items:center;gap:.4rem}.homepage-banner-slider__indicator{display:block;flex:0 0 auto;min-width:0;padding:0;width:.8rem;border:0;background:transparent;transform:translate(0);transition:width var(--duration-medium) var(--ease-smooth),transform var(--duration-medium) var(--ease-smooth)}.homepage-banner-slider__indicator.slider-counter__link{padding:0}.homepage-banner-slider__indicator-bar{position:relative;display:block;width:100%;height:.3rem;border-radius:40px;background:color-mix(in srgb,var(--white) 50%,transparent);overflow:hidden}.homepage-banner-slider__indicator-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;background:var(--white);transform-origin:left center;transform:scaleX(0)}.homepage-banner-slider__indicator.slider-counter__link--active{width:2.4rem}.homepage-banner-slider__indicator.slider-counter__link--active .homepage-banner-slider__indicator-bar:after{transform:scaleX(1)}.homepage-banner-slider__indicator.slider-counter__link--active.is-progressing .homepage-banner-slider__indicator-bar:after{transform:scaleX(0);animation:homepage-banner-indicator-progress var(--homepage-banner-progress-duration, 5s) linear forwards}.homepage-banner-slider__indicator:focus-visible{outline:.2rem solid var(--white);outline-offset:.2rem}.homepage-banner-slider__indicator.is-growing-next{transform:translate(.6rem)}.homepage-banner-slider__indicator.is-shrinking-next,.homepage-banner-slider__indicator.is-growing-prev{transform:translate(-.6rem)}.homepage-banner-slider__indicator.is-shrinking-prev{transform:translate(.6rem)}@keyframes homepage-banner-indicator-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (max-width:1023px){.homepage-banner-slider__media-wrapper{height:60rem}.homepage-banner-slider__image--desktop{display:none}.homepage-banner-slider__image--mobile{display:block}.homepage-banner-slider__media-wrapper:after{background:linear-gradient(0deg,#1c373e80,#1c373e00 22.43%),linear-gradient(180deg,#1c373e80,#1c373e00 58.04%),linear-gradient(0deg,#0000000d 0% 100%);background-blend-mode:normal,normal,normal}.homepage-banner-slider__content{align-items:flex-end;padding:2.4rem 2.4rem 6rem}.homepage-banner-slider__content-inner{max-width:none;gap:2rem}.homepage-banner-slider__heading{max-width:35.2rem}.homepage-banner-slider__controls{left:2.4rem;right:2.4rem;bottom:2.4rem;padding:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.homepage-banner-slider__controls .slider-button{display:none}.homepage-banner-slider__indicators{width:100%;gap:.4rem}.homepage-banner-slider__indicator,.homepage-banner-slider__indicator.slider-counter__link--active{width:calc((100% - .8rem) / 3)}.homepage-banner-slider__indicator-bar{opacity:.5}.homepage-banner-slider__indicator.slider-counter__link--active .homepage-banner-slider__indicator-bar,.homepage-banner-slider__indicator.is-passed .homepage-banner-slider__indicator-bar{opacity:1}.homepage-banner-slider__indicator.is-passed .homepage-banner-slider__indicator-bar:after{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-homepage-banner-slider.css.map */