.responsive-carousel-section{position:relative}.responsive-carousel-section__heading{margin:0}.responsive-carousel-section--full-width{padding-left:0;padding-right:0}.responsive-carousel-section__header{margin-bottom:2.5rem;padding:0 1.5rem;margin-top:0}.responsive-carousel-section__subheading{max-width:60rem;margin:1rem auto 0}.responsive-carousel-section__empty-state{padding:5rem 1.5rem;text-align:center}responsive-carousel{display:block;position:relative;padding:0 1.5rem}.responsive-carousel-section--full-width responsive-carousel{padding:0 4rem}@media screen and (max-width:749px){.responsive-carousel-section--full-width responsive-carousel{padding:0 3.5rem}}.responsive-carousel__viewport{overflow:hidden}.responsive-carousel__track{display:flex;list-style:none;margin:0;padding:0;gap:var(--carousel-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.responsive-carousel__track::-webkit-scrollbar{display:none}.responsive-carousel__slide{flex:0 0 auto;width:calc((100% - (var(--carousel-slides-mobile, 1) - 1) * var(--carousel-gap, 16px)) / var(--carousel-slides-mobile, 1));scroll-snap-align:start;scroll-snap-stop:always}@media screen and (min-width:750px){.responsive-carousel__slide{width:calc((100% - (var(--carousel-slides-tablet, 2) - 1) * var(--carousel-gap, 16px)) / var(--carousel-slides-tablet, 2))}}@media screen and (min-width:990px){.responsive-carousel__slide{width:calc((100% - (var(--carousel-slides-desktop, 3) - 1) * var(--carousel-gap, 16px)) / var(--carousel-slides-desktop, 3))}}.responsive-carousel__media-wrapper{position:relative;border-radius:var(--media-radius, 0);overflow:hidden;background:rgba(var(--color-foreground),.04);height:100%}.responsive-carousel__media{position:relative;aspect-ratio:var(--carousel-ratio, 1.78);width:100%;overflow:hidden}.responsive-carousel__image{width:100%;height:100%;object-fit:cover;display:block}.responsive-carousel__media--placeholder svg,.responsive-carousel__media--placeholder{width:100%;height:100%}.responsive-carousel__media--video,.responsive-carousel__video,.responsive-carousel__video-embed-wrapper{width:100%;height:100%}.responsive-carousel__video{object-fit:cover;display:block}.responsive-carousel__video-embed-wrapper{position:relative}.responsive-carousel__video-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .3s ease}.responsive-carousel__video-embed-wrapper.is-playing .responsive-carousel__video-cover{opacity:0}.responsive-carousel__caption{position:absolute;inset:auto 0 0 0;padding:1.5rem;color:#fff;background:linear-gradient(to top,#0000008c,#0000);display:flex;flex-direction:column;gap:.5rem}.responsive-carousel__caption--bottom-center{text-align:center;align-items:center}.responsive-carousel__caption--center{top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;text-align:center;background:#00000059}.responsive-carousel__caption-heading{margin:0;font-size:1.5rem}.responsive-carousel__caption-text{margin:0;max-width:40rem}.responsive-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);background:#b596b2;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:opacity .2s ease,visibility .2s ease}.responsive-carousel__arrow--prev{left:0}.responsive-carousel__arrow--next{right:0}.responsive-carousel__arrow--prev svg{transform:rotate(90deg);height:15px;width:15px}.responsive-carousel__arrow--next svg{transform:rotate(-90deg);height:15px;width:15px}.responsive-carousel__arrow[disabled]{opacity:.3;cursor:not-allowed}.responsive-carousel__pagination{display:flex;justify-content:center;gap:.8rem;margin-top:1.5rem}.responsive-carousel__dot{width:.9rem;height:.9rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.4);background:transparent;padding:0;cursor:pointer}.responsive-carousel__dot.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.responsive-carousel__arrow{width:3.6rem;height:3.6rem}.responsive-carousel__caption{padding:1rem}.responsive-carousel__caption-heading{font-size:1.25rem}}@media screen and (max-width:1200px){.responsive-carousel-section--full-width{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-custom-carousel.css.map */