.custom-carousel{position:relative;overflow:hidden;background:var(--carousel-bg, transparent)}.custom-carousel__viewport{position:relative;overflow:hidden}.custom-carousel__slides{position:relative;width:100%;height:var(--carousel-height, 70vh)}.custom-carousel__slide{box-sizing:border-box}.custom-carousel__slide-inner{position:relative;width:100%;height:100%}.custom-carousel__image{width:100%;height:100%;display:block;object-fit:cover}.custom-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border:none;border-radius:50%;cursor:pointer;background:#00000073;color:#fff;font-size:22px;transition:background .25s,transform .25s}.custom-carousel__arrow:hover{background:#000000bf}.custom-carousel__arrow--prev{left:24px}.custom-carousel__arrow--next{right:24px}.custom-carousel__dots{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:10px;z-index:100}.custom-carousel__dot{width:12px;height:12px;border:none;border-radius:50%;cursor:pointer;background:#ffffff59;transition:background .25s,transform .25s}.custom-carousel__dot:hover{transform:scale(1.2)}.custom-carousel__dot.is-active{background:#fff}.custom-carousel--hero .custom-carousel__header{display:none}.custom-carousel--hero .custom-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}.custom-carousel--hero .custom-carousel__slide.is-active{opacity:1;visibility:visible}.custom-carousel--hero .custom-carousel__content{position:absolute;left:8%;bottom:10%;max-width:650px;color:#fff;z-index:3}.custom-carousel--hero .custom-carousel__content h2{margin:0 0 16px;font-size:clamp(2rem,4vw,4rem)}.custom-carousel--hero .custom-carousel__content .rte{margin-bottom:24px}@media(max-width:749px){.custom-carousel--hero .custom-carousel__slides{height:15vh;min-height:260px}.custom-carousel--hero .custom-carousel__content{left:20px;right:20px;bottom:20px}.custom-carousel--hero .custom-carousel__content h2{font-size:clamp(1.6rem,6vw,2.2rem)}}.custom-carousel--tiles{background:var(--carousel-bg,#111)}.custom-carousel__header{padding:48px 32px 10px;text-align:center}.custom-carousel__heading{margin:0;color:#fff;font-size:clamp(2rem,3vw,3rem);line-height:1.2}.custom-carousel__heading:after{content:"";display:block;width:70px;height:3px;margin:20px auto 0;border-radius:999px;background:#ffffff40}.custom-carousel__subheading{margin:20px auto 0;max-width:700px;color:#ffffffbf;line-height:1.7}.custom-carousel--tiles .custom-carousel__viewport{padding:10px 0 70px}.custom-carousel--tiles .custom-carousel__slides{position:relative}.custom-carousel--tiles .custom-carousel__slide{position:absolute;top:50%;left:50%;height:calc(100% - 20px);width:auto;aspect-ratio:16/9;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:transform .45s ease,opacity .45s ease;will-change:transform,opacity}.custom-carousel--tiles .custom-carousel__slide-inner{overflow:hidden;width:100%;height:100%;border-radius:18px;box-shadow:0 20px 60px #00000059;transition:transform .35s ease,box-shadow .35s ease;transform-origin:center center}.custom-carousel--tiles .custom-carousel__slide:hover .custom-carousel__slide-inner{transform:scale(1.15);box-shadow:0 35px 90px #00000073}.custom-carousel--tiles .custom-carousel__image{width:100%;height:100%;object-fit:cover}.custom-carousel--tiles .custom-carousel__slide.is-active,.custom-carousel--tiles .custom-carousel__slide.is-active .custom-carousel__image{cursor:pointer}@media(max-width:990px){.custom-carousel__arrow{width:42px;height:42px;font-size:20px}}@media(max-width:749px){.custom-carousel__slides{height:var(--carousel-mobile-height,50vh)}.custom-carousel__arrow{width:38px;height:38px;font-size:18px}.custom-carousel__header{padding:32px 20px 0}.custom-carousel__subheading{font-size:.95rem}.custom-carousel--hero .custom-carousel__content{left:24px;right:24px;bottom:24px}.custom-carousel--tiles .custom-carousel__viewport{padding:10px 0 60px}.custom-carousel--tiles .custom-carousel__slide{height:calc(100% - 40px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-carousel-banner.css.map */