.banner-with-carousel{position:relative;overflow:hidden}.banner-with-carousel .banner-with-carousel__bg-image-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden}.banner-with-carousel .banner-with-carousel__bg-image-wrapper:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:var(--overlay-color)}.banner-with-carousel .banner-with-carousel__bg-image{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-mob-pos)}.banner-with-carousel .banner-with-carousel__top{position:relative;max-width:1112px;height:100%;display:flex;justify-content:center;margin:0 auto;padding:180px 16px 120px}.banner-with-carousel .banner-with-carousel__heading{width:100%;text-align:center;color:var(--text-color)}.banner-with-carousel .banner-with-carousel__hero-title-line{color:currentColor;font-size:calc(var(--heading-font-size) * 2.75)}.banner-with-carousel .banner-with-carousel__hero-title-line.banner-with-carousel__hero-title-line--first,.banner-with-carousel .banner-with-carousel__hero-title-line.banner-with-carousel__hero-title-line--second,.banner-with-carousel .banner-with-carousel__hero-title-line.banner-with-carousel__hero-title-line--third{text-align:center}.banner-with-carousel .banner-with-carousel__button{margin-top:30px;color:var(--button-text-color)}.banner-with-carousel .banner-with-carousel__button:before{background-color:var(--button-background-color);border-color:var(--button-border-inner-color)}.banner-with-carousel .banner-with-carousel__button .border-1,.banner-with-carousel .banner-with-carousel__button .border-2,.banner-with-carousel .banner-with-carousel__button .border-3,.banner-with-carousel .banner-with-carousel__button .border-4{border-color:var(--button-border-outer-color)}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.banner-with-carousel .banner-with-carousel__button:hover{color:var(--button-text-hover-color);background-color:var(--button-hover-background-color)}.banner-with-carousel .banner-with-carousel__button:hover:before{background-color:var(--button-background-hover-color);border-color:var(--button-border-inner-hover-color)}}.banner-with-carousel .banner-with-carousel__bottom{padding-bottom:80px;position:relative}.banner-with-carousel .banner-with-carousel__items-container{overflow:hidden;padding-bottom:24px}html:not(.no-js) .banner-with-carousel .banner-with-carousel__items-container:not(.banner-with-carousel__items-container--ready) .banner-with-carousel__items-wrapper{visibility:hidden;opacity:0}html:not(.no-js) .banner-with-carousel .banner-with-carousel__items-container.banner-with-carousel__items-container--ready .banner-with-carousel__items-wrapper{visibility:visible;opacity:1;transition:opacity .15s ease}@media(pointer:fine){.banner-with-carousel .banner-with-carousel__bottom{cursor:none}}.banner-with-carousel .banner-with-carousel__items-wrapper{align-items:center}.banner-with-carousel .banner-with-carousel__item{width:60.8%;padding:0 24px}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd{width:66.135%}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd .banner-with-carousel__item-image-wrapper.banner-with-carousel__item-image-wrapper--mix{padding-top:113%}.banner-with-carousel .banner-with-carousel__item-image-wrapper{position:relative;overflow:visible;display:block;width:100%;border-radius:var(--image-border-radius, var(--global-border-radius))}.banner-with-carousel .banner-with-carousel__item-image-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit}.banner-with-carousel .banner-with-carousel__item-image-link:focus-visible{z-index:2;outline-offset:-3px}.banner-with-carousel.banner-with-carousel--image-border .banner-with-carousel__item-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:var(--image-border-width, 1px) solid var(--image-border-color);border-radius:inherit;pointer-events:none}.banner-with-carousel .banner-with-carousel__item-image-wrapper.banner-with-carousel__item-image-wrapper--square{padding-top:100%}.banner-with-carousel .banner-with-carousel__item-image-wrapper.banner-with-carousel__item-image-wrapper--portrait{padding-top:125%}.banner-with-carousel .banner-with-carousel__item-image-wrapper.banner-with-carousel__item-image-wrapper--mix{padding-top:135.556%}.banner-with-carousel .banner-with-carousel__item-image-wrapper.banner-with-carousel__item-image-wrapper--natural{padding-top:var(--natural-aspect-ratio, 100%)}.banner-with-carousel .banner-with-carousel__item-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--img-pos);border-radius:inherit;transition:var(--timing-base)}.banner-with-carousel .banner-with-carousel__item-image.banner-with-carousel__item-image--placeholder{background-color:var(--color-img-placeholder-bg)}.banner-with-carousel .banner-with-carousel__quick-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:visible;pointer-events:none}.banner-with-carousel .banner-with-carousel__quick-view-button{position:absolute;bottom:0;left:50%;display:block;opacity:0;width:calc(100% - 8px);padding:12px;border:1px solid var(--product-card-text-button-border, var(--color-background));border-radius:var(--global-border-radius);background-color:var(--product-card-text-button-background, var(--color-background));font-size:calc(var(--body-font-size) * .875);text-align:center;cursor:pointer;pointer-events:auto;transform:translate(-50%,100%);transition-property:opacity,transform;transition-duration:var(--timing-base)}.banner-with-carousel .banner-with-carousel__quick-view-button .button-link{color:var(--product-card-text-button-color, var(--color-text-primary))}.banner-with-carousel .banner-with-carousel__quick-view-button:focus,.banner-with-carousel .banner-with-carousel__quick-view-button:focus-visible{opacity:1;transform:translate(-50%,50%)}.banner-with-carousel .banner-with-carousel__quick-view-button:focus-visible{outline:2px solid hsl(0,0%,0%);outline-offset:-2px}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.banner-with-carousel .banner-with-carousel__item:hover .banner-with-carousel__quick-view-button{opacity:1;transform:translate(-50%,50%)}.banner-with-carousel .banner-with-carousel__quick-view-button:hover{border-color:transparent}.banner-with-carousel .banner-with-carousel__quick-view-button:hover .button-link__text{transform:translate(14px)}.banner-with-carousel .banner-with-carousel__quick-view-button:hover .icon:first-of-type{transform:translateY(-50%) translate(0)}.banner-with-carousel .banner-with-carousel__quick-view-button:hover .icon:last-of-type{transform:translateY(-50%) translate(14px)}.banner-with-carousel .banner-with-carousel__quick-view-button:hover .button-link:before{transform:scaleX(0)}}@media(-moz-touch-enabled:1),(hover:none),(pointer:coarse){.banner-with-carousel .banner-with-carousel__quick-view-button{opacity:1;transform:translate(-50%,50%)}}.no-js .banner-with-carousel .banner-with-carousel__quick-view-button{display:none}.banner-with-carousel .banner-with-carousel__custom-cursor{display:flex;align-items:center;justify-content:center;width:80px;height:80px;position:absolute;pointer-events:none;transform:translate(-50%,-50%) scale(0);color:var(--cursor-color);border-color:var(--button-border-color-primary);outline:1px solid var(--cursor-outer-border);border-radius:50%;transition:transform .2s ease,opacity .12s ease;z-index:1;will-change:transform,opacity}.banner-with-carousel .banner-with-carousel__custom-cursor:before{background-color:var(--cursor-background);border-radius:50%;border-color:var(--cursor-inner-border)}.banner-with-carousel .banner-with-carousel__custom-cursor.banner-with-carousel__custom-cursor--active{transform:translate(-50%,-50%) scale(1)}.banner-with-carousel .banner-with-carousel__custom-cursor.is-dragging{transform:translate(-50%,-50%) scale(.92);opacity:.9}.banner-with-carousel .banner-with-carousel__custom-cursor.pulse{transform:translate(-50%,-50%) scale(1.06)}.banner-with-carousel .banner-with-carousel__bg-image-wrapper.need-animate{opacity:0;transform:scale(1.3);transition-property:opacity,transform;transition-duration:1s}.banner-with-carousel.animated .banner-with-carousel__bg-image-wrapper.need-animate{opacity:1;transform:scale(1)}@media(max-width:991.98px){.banner-with-carousel .banner-with-carousel__custom-cursor{display:none}}@media(min-width:576px){.banner-with-carousel .banner-with-carousel__item{width:55%}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd{width:43%}}@media(min-width:768px){.banner-with-carousel .banner-with-carousel__heading{margin-bottom:28px}.banner-with-carousel .banner-with-carousel__item{width:27%}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd{width:29%}}@media(min-width:992px){.banner-with-carousel .banner-with-carousel__floating-slide{position:fixed;z-index:calc(var(--layer-overlay) - 2);top:0;left:0;border-radius:var(--image-border-radius, var(--global-border-radius));overflow:hidden;opacity:0;pointer-events:none;will-change:transform,opacity}.banner-with-carousel .banner-with-carousel__floating-image{width:100%;height:100%;object-fit:cover;display:block}.banner-with-carousel .banner-with-carousel__top{min-height:100vh;padding-bottom:120px}.banner-with-carousel .banner-with-carousel__bottom{padding-bottom:120px}.banner-with-carousel .banner-with-carousel__hero-title-line{font-size:calc(var(--heading-font-size) * 4.125)}.banner-with-carousel .banner-with-carousel__hero-title-line.banner-with-carousel__hero-title-line--first{text-align:var(--heading-first-align, start)}.banner-with-carousel .banner-with-carousel__hero-title-line.banner-with-carousel__hero-title-line--second{text-align:var(--heading-second-align, center)}.banner-with-carousel .banner-with-carousel__hero-title-line.banner-with-carousel__hero-title-line--third{text-align:var(--heading-third-align, end)}.banner-with-carousel .banner-with-carousel__item{width:21%;padding:0 32px}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd{width:22%}}@media(min-width:1200px){.banner-with-carousel .banner-with-carousel__hero-title-line{font-size:calc(var(--heading-font-size) * 7.5)}.banner-with-carousel .banner-with-carousel__item{width:15%}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd{width:17%}}@media(min-width:1501px){.banner-with-carousel .banner-with-carousel__item{width:clamp(270px,18%,300px)}.banner-with-carousel .banner-with-carousel__item.banner-with-carousel__item--odd{width:clamp(307px,20.4766%,340px)}}@media(min-width:1501px){.banner-with-carousel .banner-with-carousel__hero-title-line{font-size:calc(var(--heading-font-size) * 11.25)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/banner-with-carousel.build.css.map */