.ugc-video-slider{--ugc-slider-gap: 1.25rem;--ugc-slider-columns: 3;--ugc-slider-columns-mobile: 1.35;--ugc-slider-card-radius: 24px;--ugc-slider-card-height: 28rem;--ugc-slider-peek: var(--peek-next-slide-size, 3rem);display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);width:100%}.ugc-video-slider__heading{margin:0;padding:0 1.3rem;text-align:center;max-width:40rem}.ugc-video-slider__slider-wrap{width:100%;position:relative}.ugc-video-slider__slideshow{display:block;width:100%}.ugc-video-slider__arrows{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-block-end:1rem;padding-inline:var(--util-page-margin-offset, 0)}.ugc-video-slider__arrows .slideshow-control{pointer-events:auto;min-height:2.75rem;min-width:2.75rem;padding:0;color:#000;background-color:transparent;border:1.5px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.ugc-video-slider__arrows .slideshow-control:hover,.ugc-video-slider__arrows .slideshow-control:focus-visible{background-color:#0000000f}.ugc-video-slider__arrows .slideshow-control[disabled],.ugc-video-slider__arrows .slideshow-control[aria-disabled=true]{opacity:.35;pointer-events:none}.ugc-video-slider__slideshow slideshow-slides{--slideshow-gap: var(--ugc-slider-gap);align-items:stretch}.ugc-video-slider__slide{flex:0 0 auto;width:calc((100% - (var(--ugc-slider-gap) * (var(--ugc-slider-columns-mobile) - 1)) - var(--ugc-slider-peek)) / var(--ugc-slider-columns-mobile));height:auto;min-height:0;--grid-template-rows: auto;--grid-template-rows-desktop: auto;--slide-min-height: auto;--slide-min-height-desktop: auto}@media screen and (min-width:750px){.ugc-video-slider__slide{width:calc((100% - (var(--ugc-slider-gap) * (var(--ugc-slider-columns) - 1)) - var(--ugc-slider-peek)) / var(--ugc-slider-columns))}}.ugc-video-slider__card{position:relative;width:100%;height:var(--ugc-slider-card-height);border-radius:var(--ugc-slider-card-radius);overflow:hidden;background:#0000000f}.ugc-video-slider__card deferred-media,.ugc-video-slider__card .ugc-video-slider__placeholder{display:block;width:100%;height:100%}.ugc-video-slider__card .deferred-media__poster-button{width:100%;height:100%;aspect-ratio:auto;cursor:pointer}.ugc-video-slider__card .deferred-media__poster-image,.ugc-video-slider__card .deferred-media__poster-button img,.ugc-video-slider__card .ugc-video-slider__placeholder-image,.ugc-video-slider__card video,.ugc-video-slider__card iframe{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border:0}.ugc-video-slider__card .deferred-media__poster-button.deferred-media__playing{pointer-events:none}.ugc-video-slider__card deferred-media[data-reveal-on-ready]>video{transition:opacity .25s linear}.ugc-video-slider__card deferred-media[data-reveal-on-ready]:not([data-media-ready])>video{opacity:0}.ugc-video-slider__card deferred-media[data-reveal-on-ready][data-media-loaded]:not([data-media-ready]) img,.ugc-video-slider__card deferred-media[data-reveal-on-ready]:not([data-media-ready]) .deferred-media__poster-button.deferred-media__playing{opacity:1}.ugc-video-slider__card deferred-media[data-reveal-on-ready][data-media-loaded]:not([data-media-ready]) .deferred-media__poster-icon{animation:ugc-video-play-pulse 1.1s ease-in-out infinite}@keyframes ugc-video-play-pulse{50%{transform:translate(-50%,-50%) scale(.92);opacity:.75}}.ugc-video-slider__card .deferred-media__poster-icon{width:3.5rem;height:3.5rem;background:#ffffffeb;box-shadow:0 4px 18px #0000002e}.ugc-video-slider__card .deferred-media__poster-icon svg{width:1.5rem;height:1.5rem;color:#000;filter:none}.ugc-video-slider__card .deferred-media__poster-icon:hover svg,.ugc-video-slider__card .deferred-media__poster-button:hover .deferred-media__poster-icon svg{color:#000}.ugc-video-slider__placeholder{position:relative;width:100%;height:100%}.ugc-video-slider__placeholder-image,.ugc-video-slider__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.ugc-video-slider__cta{display:flex;justify-content:center;width:100%}@media screen and (max-width:749px){.ugc-video-slider{--ugc-slider-card-height: min(var(--ugc-slider-card-height), 70vw);gap:1.25rem}.ugc-video-slider__arrows{margin-block-end:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ugc-video-slider.css.map */