.deferred-video-slider{display:block;width:100%;padding-block:var(--video-padding-top) var(--video-padding-bottom);background:var(--video-bg)}.deferred-video-slider__heading{margin:0 0 3rem;color:var(--video-heading);font-size:var(--video-heading-size);text-align:center}.deferred-video-slider__frame{position:relative}.deferred-video-slider__track{display:grid;grid-auto-columns:calc((100% - (var(--video-columns) - 1) * 2rem) / var(--video-columns));grid-auto-flow:column;gap:2rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.deferred-video-slider__track::-webkit-scrollbar{display:none}.deferred-video-slider__item{position:relative;min-width:0;overflow:hidden;border-radius:1rem;background:#111;scroll-snap-align:start}.deferred-video-slider__video{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.deferred-video-slider__play,.deferred-video-slider__arrow{border:0;cursor:pointer}.deferred-video-slider__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;background:transparent;color:#fff}.deferred-video-slider__play svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.deferred-video-slider__play circle{fill:#fffffff0}.deferred-video-slider__play path{fill:#111}.deferred-video-slider__play[hidden]{display:none}.deferred-video-slider__arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#fff;color:#111;transform:translateY(-50%);box-shadow:0 2px 10px #0000002e}.deferred-video-slider__arrow--previous{left:1rem}.deferred-video-slider__arrow--next{right:1rem}.deferred-video-slider__play:focus-visible,.deferred-video-slider__arrow:focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(max-width:990px){.deferred-video-slider__track{grid-auto-columns:calc((100% - (var(--video-columns-tablet) - 1) * 2rem) / var(--video-columns-tablet))}}@media(max-width:599px){.deferred-video-slider{padding-block:15px 30px}.deferred-video-slider__heading{font-size:28px}.deferred-video-slider__track{grid-auto-columns:calc((100% - (var(--video-columns-mobile) - 1) * 1.5rem) / var(--video-columns-mobile));gap:1.5rem}}@media(prefers-reduced-motion:reduce){.deferred-video-slider__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/29/compiled_assets/styles.css.map */
