.ugc-video-carousel--bg-gradient{position:relative;isolation:isolate}.ugc-video-carousel__inner{position:relative}.ugc-video-carousel__header{text-align:var(--ugc-header-align, center);margin-bottom:var(--ugc-header-gap, 28px)}.ugc-video-carousel__heading{margin:0 0 .35em;font-size:clamp(1.35rem,3vw,2rem);font-weight:600;line-height:1.2;color:rgb(var(--color-foreground))}.ugc-video-carousel__subheading{margin:0 auto;max-width:42rem;font-size:.95rem;line-height:1.55;color:rgb(var(--color-foreground-secondary))}.ugc-video-carousel__layout{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:clamp(8px,2vw,16px);align-items:center}.ugc-video-carousel__layout--nav-hidden{grid-template-columns:1fr;gap:0}.ugc-video-carousel__layout--nav-hidden .ugc-video-carousel__nav{display:none}.ugc-video-carousel__layout--nav-hidden .ugc-video-carousel__track{justify-content:center}@media screen and (max-width:749px){.ugc-video-carousel__layout{gap:8px;align-items:center}.ugc-video-carousel__nav{width:40px;height:40px}.ugc-video-carousel__nav svg{width:18px;height:18px}}.ugc-video-carousel__viewport{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-width:0}.ugc-video-carousel__viewport::-webkit-scrollbar{display:none}.ugc-video-carousel__track{display:flex;gap:var(--ugc-slide-gap, 12px);padding:4px 2px 12px;justify-content:flex-start}.ugc-video-carousel__slide{position:relative;flex:0 0 var(--ugc-slide-width-mobile);scroll-snap-align:start;border-radius:var(--ugc-radius, 12px);overflow:hidden;transition:transform var(--m-duration-default, .28s) cubic-bezier(.4,0,.2,1),box-shadow var(--m-duration-default, .28s) ease}@media screen and (min-width:990px){.ugc-video-carousel__slide{flex:0 0 var(--ugc-slide-width-desktop)}}.ugc-video-carousel__slide:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(var(--color-foreground),.16)}.ugc-video-carousel__media{position:relative;aspect-ratio:var(--ugc-aspect-ratio, 9 / 16);background:rgb(var(--color-background-secondary))}.ugc-video-carousel__video{position:relative;z-index:0;display:block;width:100%;height:100%;object-fit:cover}.ugc-video-carousel__trust{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;pointer-events:none}.ugc-video-carousel__stars{display:inline-flex;gap:2px;padding:4px 8px;border-radius:8px;background:rgba(var(--color-background),.92);box-shadow:0 2px 8px rgba(var(--color-foreground),.08)}.ugc-video-carousel__stars svg{width:14px;height:14px;fill:rgb(var(--color-foreground));opacity:.28}.ugc-video-carousel__stars svg.is-active{opacity:1}.ugc-video-carousel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(var(--color-foreground),0) 40%,rgba(var(--color-foreground),.25));transition:opacity var(--m-duration-default, .25s) ease;pointer-events:none}.ugc-video-carousel__slide--playing .ugc-video-carousel__overlay--hide-when-playing{opacity:0;visibility:hidden;pointer-events:none}.ugc-video-carousel__slide--playing .ugc-video-carousel__overlay{pointer-events:none}.ugc-video-carousel__play{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;cursor:pointer;color:rgb(var(--color-background));background:rgba(var(--color-foreground),.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform var(--m-duration-default, .25s) ease,background var(--m-duration-default, .25s) ease}.ugc-video-carousel__play:hover,.ugc-video-carousel__play:focus-visible{transform:scale(1.06);background:rgba(var(--color-foreground),.72)}.ugc-video-carousel__play svg{width:22px;height:22px;margin-left:3px}.ugc-video-carousel__nav{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--color-border));border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));background:rgb(var(--color-background));transition:border-color var(--m-duration-default, .25s) ease,background var(--m-duration-default, .25s) ease,opacity var(--m-duration-default, .25s) ease}.ugc-video-carousel__nav:hover:not(:disabled){border-color:rgb(var(--color-foreground));background:rgb(var(--color-background-secondary))}.ugc-video-carousel__nav:disabled{opacity:.35;cursor:not-allowed}.ugc-video-carousel__nav svg{width:20px;height:20px}.ugc-video-carousel__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:180px;font-size:.875rem;color:rgb(var(--color-foreground-secondary))}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ugc-video-carousel.css.map */