.banner-carousel-lindy{position:relative;width:100%;overflow:hidden}banner-carousel-component{display:block;position:relative;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}banner-carousel-component:active{cursor:grabbing}.banner-carousel__container{position:relative;width:100%;aspect-ratio:2.5 / 1;max-height:var(--carousel-height-desktop)}@media screen and (max-width:749px){.banner-carousel__container{aspect-ratio:1 / 1;max-height:100%}}@media screen and (max-width:460px){.banner-carousel__container{max-height:var(--carousel-height-mobile)}}.banner-carousel__track{position:relative;width:100%;height:100%;display:flex;transition:transform .3s cubic-bezier(.25,.46,.45,.94);will-change:transform;touch-action:pan-y}.banner-carousel__track.is-dragging{transition:none;cursor:grabbing}.banner-carousel__slide{position:relative;flex:0 0 100%;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.banner-carousel__slide.active{opacity:1;pointer-events:auto}.banner-carousel__link{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer}.banner-carousel__link:focus{outline:2px solid #1C1C1C;outline-offset:-2px}.banner-carousel__image-wrapper{width:100%;height:100%;position:relative}.banner-carousel__image{width:100%;height:100%;object-fit:cover;display:block;object-position:top}.banner-carousel__placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.banner-carousel__placeholder-svg{width:100%;height:100%;object-fit:cover}.banner-carousel__nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);width:100%;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.banner-carousel__nav-button{width:56px;height:56px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Light-Black, #1C1C1C);transition:opacity .3s ease,transform .2s ease;pointer-events:auto;padding:0}@media screen and (max-width:749px){.banner-carousel__nav-button{width:40px;height:40px}}.banner-carousel__nav-button:hover svg path{fill:#bd3839}.banner-carousel__nav-button:active{transform:scale(.95)}.banner-carousel__nav-button svg path{width:28px;height:42px}.banner-carousel__nav-button--prev:focus,.banner-carousel__nav-button--next:active,.banner-carousel__nav-button--next:focus,.banner-carousel__nav-button--prev:active{outline:none!important}.banner-carousel__nav-button--next svg{transform:rotate(180deg)}.banner-carousel__dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:14px;z-index:10;padding:10px 20px;border-radius:20px}@media screen and (max-width:749px){.banner-carousel__dots{gap:8px;padding:8px 16px;bottom:15px}}.banner-carousel__slide .banner-carousel__image-wrapper picture{height:100%}.banner-carousel__dot{width:14px;height:14px;background:#fff;border-radius:100%;border:none;cursor:pointer;padding:0;transition:background .3s ease,outline .3s ease,transform .2s ease}.banner-carousel__dot:hover{transform:scale(1.2)}.banner-carousel__dot--active{background:var(--Light-Black, #1C1C1C);border:1px var(--Light-Black, #1C1C1C) solid}.banner-carousel__nav-button:focus,.banner-carousel__dot:focus{outline:2px solid #1C1C1C;outline-offset:2px}@media(prefers-reduced-motion:reduce){.banner-carousel__track,.banner-carousel__slide,.banner-carousel__nav-button,.banner-carousel__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/banner-carousel-lindy.css.map */