.video-products-slider{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 3rem}.video-products-slider .collection__title{margin:0}@media screen and (min-width: 768px){.video-products-slider .collection__title{flex:0 1 32ch}}@media screen and (max-width: 768px){.video-products-slider .collection__title{padding-inline:2rem;text-align:center}}.video-products-slider .slider-component{flex:1 1 400px}.video-products-slider .slider--desktop:not(.slider--tablet)+.slider-buttons{display:flex}.video-products-slider slider-component{--desktop-margin-left-first-item: 10vw;--grid-mobile-horizontal-spacing: 1rem;--grid-desktop-horizontal-spacing: 1rem}@media screen and (min-width: 500px){.video-products-slider slider-component .slider{--desktop-margin-left-first-item: 0px}}.video-products-slider .slider .slider__slide.grid__item{padding:0;position:relative;border-radius:1.2rem;overflow:hidden}.video-products-slider .slider .slider__slide video{width:100%;height:100%;object-fit:cover}.video-products-slider .slider .slider__slide .product-banner-wrapper{position:absolute;bottom:1rem;left:1rem;width:calc(100% - 2rem)}.video-products-slider .slider-component{container:slider-container / inline-size}.video-products-slider .slider--desktop{position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem;scroll-padding-left:var(--desktop-margin-left-first-item)}@media screen and (max-width: 768px){@container slider-container (500px < width < 800px){.video-products-slider .slider--desktop{margin-inline:1rem}}}.video-products-slider .slider--desktop .grid__item.slider__slide{max-width:100%}.video-products-slider .slider--desktop .grid__item.slider__slide:first-child{margin-left:var(--desktop-margin-left-first-item)}.video-products-slider .slider--desktop .grid__item.slider__slide:last-child{margin-right:var(--desktop-margin-left-first-item)}@container slider-container (width < 500px){.video-products-slider .slider--desktop .grid__item.slider__slide{width:80%}}@container slider-container (500px < width < 800px){.video-products-slider .slider--desktop .grid__item.slider__slide{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2)}}@container slider-container (800px < width < 1024px){.video-products-slider .slider--desktop .grid__item.slider__slide{width:calc((100% - (var(--grid-desktop-horizontal-spacing) * 2)) / 3)}}@container slider-container (width > 1024px){.video-products-slider .slider--desktop.grid--5-col-desktop .grid__item.slider__slide{width:calc((100% - (var(--grid-desktop-horizontal-spacing) * 4)) / 5)}.video-products-slider .slider--desktop.grid--4-col-desktop .grid__item.slider__slide{width:calc((100% - (var(--grid-desktop-horizontal-spacing) * 3)) / 4)}.video-products-slider .slider--desktop.grid--3-col-desktop .grid__item.slider__slide{width:calc((100% - (var(--grid-desktop-horizontal-spacing) * 2)) / 3)}.video-products-slider .slider--desktop.grid--2-col-desktop .grid__item.slider__slide{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2)}.video-products-slider .slider--desktop.grid--1-col-desktop .grid__item.slider__slide{width:100%}}.video-products-slider .product-video-container{display:flex}.video-products-slider .product-video-control{position:absolute;background:none;border:none;padding:0;top:0;right:0;bottom:0;left:0;width:fit-content;height:fit-content;margin:auto}.video-products-slider video:not(.paused)+.product-video-control{display:none}.video-products-slider .slider-buttons{justify-content:flex-start;gap:1rem;margin-top:2rem;display:none}@media screen and (min-width: 768px){.video-products-slider .slider-buttons{display:flex;margin-top:4rem;gap:8rem}}.video-products-slider .slider-buttons .slider-button--next{transform:rotate(180deg)}.video-products-slider .slider-buttons svg{width:3.2rem;height:5.4rem}.video-products-slider button{background:none;border:none;cursor:pointer}.video-products-slider button span{display:flex}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-video-product-slider.css.map */