.banner-carousel{position:relative;display:block;overflow:hidden;width:100%;cursor:grab}.banner-carousel--dragging{cursor:grabbing}.banner-carousel .banner-carousel__track{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.banner-carousel .banner-carousel__track::-webkit-scrollbar{display:none}.banner-carousel .banner-carousel__slide{display:block;position:relative;overflow:hidden;scroll-snap-align:start;flex:0 0 100%;height:390px;text-decoration:none;color:inherit;cursor:pointer;border-radius:0 0 12px 12px}.banner-carousel .banner-carousel__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.banner-carousel .banner-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--slide-gradient-mobile, transparent)}.banner-carousel .banner-carousel__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:var(--slide-mobile-align, flex-start);justify-content:var(--slide-mobile-justify, flex-end);padding:calc(48px + var(--banner-carousel-padding-top, 0px)) 16px calc(40px + var(--banner-carousel-padding-bottom, 0px));text-align:var(--slide-mobile-text, left)}.banner-carousel .banner-carousel__content-inner{width:100%;max-width:32rem}.banner-carousel .banner-carousel__heading-group{display:flex;flex-direction:column;align-items:var(--slide-mobile-align, flex-start);gap:4px;margin-bottom:1rem}.banner-carousel .banner-carousel__label{display:inline-flex;align-items:center;padding:4px 8px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:999px}.banner-carousel .banner-carousel__heading{font-family:var(--font-primary--family);font-size:1.75rem;font-weight:900;line-height:2.25rem;letter-spacing:.5px;text-transform:uppercase}.banner-carousel .banner-carousel__button{display:inline-block;padding:10px 24px;font-family:var(--font-primary--family);font-size:.875rem;font-weight:900;line-height:1.25rem;letter-spacing:.5px;text-transform:uppercase;border-radius:6px;transition:opacity .2s ease}.banner-carousel .banner-carousel__button:hover{opacity:.9}.banner-carousel .banner-carousel__arrow{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease}.banner-carousel .banner-carousel__arrow:hover{background-color:#fff6}.banner-carousel .banner-carousel__arrow--prev{left:1rem}.banner-carousel .banner-carousel__arrow--next{right:1rem}.banner-carousel .banner-carousel__dots{position:absolute;bottom:1rem;left:50%;z-index:10;display:flex;gap:.5rem;padding:4px 8px;background:#fff3;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.banner-carousel .banner-carousel__dot{width:.375rem;height:.375rem;padding:0;background-color:#9f9fa9;border:none;border-radius:9px;cursor:pointer;transition:background-color .2s ease}.banner-carousel .banner-carousel__dot--active{background-color:#fff}.banner-carousel .banner-carousel__empty{display:flex;align-items:center;justify-content:center;min-height:300px}@media(min-width:768px){.banner-carousel .banner-carousel__slide{height:auto;aspect-ratio:var(--banner-carousel-ratio-desktop, 16/9);border-radius:0}.banner-carousel .banner-carousel__overlay{background:var(--slide-gradient-desktop, transparent)}.banner-carousel .banner-carousel__content{align-items:var(--slide-desktop-align, flex-start);justify-content:var(--slide-desktop-justify, center);padding:calc(48px + var(--banner-carousel-padding-top, 0px)) 80px calc(48px + var(--banner-carousel-padding-bottom, 0px));text-align:var(--slide-desktop-text, left)}.banner-carousel .banner-carousel__heading-group{align-items:var(--slide-desktop-align, flex-start);gap:16px;margin-bottom:1.5rem}.banner-carousel .banner-carousel__heading{font-size:3rem;line-height:3.5rem}.banner-carousel .banner-carousel__button{padding:12px 32px;font-size:1rem;border-radius:6px}.banner-carousel .banner-carousel__arrow{width:3rem;height:3rem}.banner-carousel .banner-carousel__arrow--prev{left:1.5rem}.banner-carousel .banner-carousel__arrow--next{right:1.5rem}.banner-carousel .banner-carousel__dots{bottom:1.5rem}.banner-carousel .banner-carousel__dot{width:.5rem;height:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/211/assets/banner-carousel-stylesheet.css.map */