.moud-video-carousel{display:block;overflow:hidden;color:var(--mvc-heading-color);background:var(--mvc-background-start)}.moud-video-carousel--background-gradient{background:linear-gradient(var(--mvc-background-angle),var(--mvc-background-start),var(--mvc-background-end))}.moud-video-carousel *,.moud-video-carousel *:before,.moud-video-carousel *:after{box-sizing:border-box}.moud-video-carousel button,.moud-video-carousel input{font:inherit}.moud-video-carousel__inner{width:min(100%,var(--mvc-content-width));margin-inline:auto;padding:var(--mvc-padding-top) var(--mvc-padding-inline) var(--mvc-padding-bottom)}.moud-video-carousel__header{display:grid;justify-items:var(--mvc-header-align);gap:var(--mvc-header-gap);text-align:var(--mvc-header-align)}.moud-video-carousel__eyebrow,.moud-video-carousel__heading,.moud-video-carousel__subtitle,.moud-video-carousel__reviewer{margin:0}.moud-video-carousel__eyebrow{color:var(--mvc-eyebrow-color);font-size:var(--mvc-eyebrow-size);font-weight:700;line-height:1.2;letter-spacing:var(--mvc-eyebrow-spacing);text-transform:uppercase}.moud-video-carousel__heading{width:min(100%,var(--mvc-heading-width));color:var(--mvc-heading-color);font-family:var(--font-heading-family);font-size:var(--mvc-heading-size);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--mvc-heading-line-height);text-wrap:balance}.moud-video-carousel__header--body-font .moud-video-carousel__heading{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:700}.moud-video-carousel__subtitle{width:min(100%,var(--mvc-heading-width));color:var(--mvc-subtitle-color);font-size:var(--mvc-subtitle-size);line-height:var(--mvc-subtitle-line-height)}.moud-video-carousel__subtitle>*{margin-block:0}.moud-video-carousel__stage{position:relative;margin-top:var(--mvc-carousel-margin-top)}.moud-video-carousel__track{display:flex;gap:var(--mvc-card-gap);width:100%;padding-block:var(--mvc-track-padding);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}.moud-video-carousel__track::-webkit-scrollbar{display:none}.moud-video-carousel__slide{flex:0 0 var(--mvc-card-width-desktop);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;opacity:var(--mvc-card-opacity);transform:scale(var(--mvc-card-scale));transform-origin:center;transition:opacity .24s ease,transform .24s ease}.moud-video-carousel__slide.is-active{z-index:2;opacity:1;transform:scale(var(--mvc-card-scale-active))}.moud-video-carousel__card{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--mvc-card-ratio);overflow:hidden;border:var(--mvc-border-width) solid color-mix(in srgb,var(--mvc-border-color) var(--mvc-border-opacity),transparent);border-radius:var(--mvc-card-radius);background:var(--mvc-media-background);box-shadow:0 var(--mvc-shadow-y) var(--mvc-shadow-blur) color-mix(in srgb,var(--mvc-shadow-color) var(--mvc-shadow-opacity),transparent);transform:translateZ(0)}.moud-video-carousel__media,.moud-video-carousel__poster,.moud-video-carousel__placeholder,.moud-video-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.moud-video-carousel__poster{z-index:1;background:var(--mvc-media-background);transition:opacity .18s ease,visibility .18s ease}.moud-video-carousel__poster img,.moud-video-carousel__video{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mvc-position-x) var(--mvc-position-y)}.moud-video-carousel__card.is-media-ready .moud-video-carousel__poster{visibility:hidden;opacity:0}.moud-video-carousel__placeholder{display:grid;place-items:center;align-content:center;gap:1rem;padding:2rem;color:var(--mvc-subtitle-color);text-align:center}.moud-video-carousel__placeholder-svg{width:35%;max-width:9rem;height:auto;opacity:.55}.moud-video-carousel__activate{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100%;padding:0;border:0;color:var(--mvc-play-color);background:transparent;cursor:pointer}.moud-video-carousel__play{place-self:center;display:grid;place-items:center;width:var(--mvc-play-size);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--mvc-play-color) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--mvc-play-background) var(--mvc-play-opacity),transparent);box-shadow:0 8px 28px #00000029;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .18s ease,background-color .18s ease}.moud-video-carousel__play svg{width:42%;height:42%;margin-left:4%}.moud-video-carousel__activate:hover .moud-video-carousel__play{transform:scale(1.06)}.moud-video-carousel__info{position:absolute;z-index:3;inset-inline:0;bottom:0;display:grid;gap:.5rem;padding:calc(var(--mvc-info-padding) * 2.2) var(--mvc-info-padding) var(--mvc-info-padding);color:var(--mvc-name-color);pointer-events:none}.moud-video-carousel__info:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--mvc-overlay-color) var(--mvc-overlay-opacity),transparent))}.moud-video-carousel__stars{display:flex;gap:.15em;color:var(--mvc-star-color)}.moud-video-carousel__stars svg{width:var(--mvc-star-size);height:var(--mvc-star-size)}.moud-video-carousel__reviewer{display:flex;align-items:center;gap:.35em;color:var(--mvc-name-color);font-size:var(--mvc-name-size);font-weight:700;line-height:1.15}.moud-video-carousel__verified{flex:0 0 auto;width:1.05em;height:1.05em;color:var(--mvc-star-color)}.moud-video-carousel__card.is-user-active .moud-video-carousel__activate,.moud-video-carousel__card.is-user-active .moud-video-carousel__info{display:none}.moud-video-carousel__controls{position:absolute;z-index:5;inset-inline:var(--mvc-controls-padding);bottom:var(--mvc-controls-padding);display:none;align-items:center;gap:var(--mvc-controls-gap);min-height:var(--mvc-controls-height);padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--mvc-controls-color) 18%,transparent);border-radius:var(--mvc-controls-radius);color:var(--mvc-controls-color);background:color-mix(in srgb,var(--mvc-controls-background) var(--mvc-controls-opacity),transparent);box-shadow:0 8px 28px #00000029;backdrop-filter:blur(var(--mvc-controls-blur));-webkit-backdrop-filter:blur(var(--mvc-controls-blur));overflow:hidden}.moud-video-carousel__card.is-user-active .moud-video-carousel__controls{display:flex}.moud-video-carousel__control{flex:0 0 auto;display:grid;place-items:center;width:calc(var(--mvc-controls-icon-size) + .8rem);height:calc(var(--mvc-controls-icon-size) + .8rem);padding:0;border:0;color:inherit;background:transparent;cursor:pointer}.moud-video-carousel__icon{width:var(--mvc-controls-icon-size);height:var(--mvc-controls-icon-size)}.moud-video-carousel__icon--pause,.moud-video-carousel__icon--sound,.moud-video-carousel__card[data-playing=true] .moud-video-carousel__icon--play,.moud-video-carousel__card[data-muted=false] .moud-video-carousel__icon--muted{display:none}.moud-video-carousel__card[data-playing=true] .moud-video-carousel__icon--pause,.moud-video-carousel__card[data-muted=false] .moud-video-carousel__icon--sound{display:block}.moud-video-carousel__time{flex:0 0 auto;min-width:2.7em;font-size:1.2rem;font-variant-numeric:tabular-nums;line-height:1}.moud-video-carousel__progress{flex:1 1 auto;min-width:2rem;height:1.8rem;margin:0;padding:0;border:0;accent-color:var(--mvc-progress-color);background:transparent;cursor:pointer}.moud-video-carousel__progress::-webkit-slider-runnable-track{height:.35rem;border-radius:99px;background:var(--mvc-progress-track)}.moud-video-carousel__progress::-moz-range-track{height:.35rem;border-radius:99px;background:var(--mvc-progress-track)}.moud-video-carousel__navigation{display:none;justify-content:center;gap:var(--mvc-nav-gap);margin-top:var(--mvc-nav-margin-top);pointer-events:none}.moud-video-carousel--nav-desktop .moud-video-carousel__navigation{display:flex}.moud-video-carousel__nav{display:grid;place-items:center;width:var(--mvc-nav-size);height:var(--mvc-nav-size);padding:0;border:var(--mvc-nav-border-width) solid color-mix(in srgb,var(--mvc-nav-border-color) var(--mvc-nav-border-opacity),transparent);border-radius:var(--mvc-nav-radius);color:var(--mvc-nav-color);background:color-mix(in srgb,var(--mvc-nav-background) var(--mvc-nav-background-opacity),transparent);box-shadow:0 7px 22px #0000001a;backdrop-filter:blur(var(--mvc-nav-blur));-webkit-backdrop-filter:blur(var(--mvc-nav-blur));cursor:pointer;pointer-events:auto;transition:transform .16s ease,opacity .16s ease}.moud-video-carousel__nav:hover{transform:translateY(-2px)}.moud-video-carousel__nav:disabled{opacity:.38;cursor:default}.moud-video-carousel__nav svg{width:var(--mvc-nav-icon-size);height:var(--mvc-nav-icon-size)}.moud-video-carousel--nav-overlay .moud-video-carousel__navigation{position:absolute;z-index:7;inset:50% calc(var(--mvc-nav-size) * -.32) auto;justify-content:space-between;margin:0;transform:translateY(-50%)}@media screen and (min-width:750px){.moud-video-carousel__track{padding-inline:calc(var(--mvc-card-gap) / 2)}.moud-video-carousel__controls{gap:clamp(2px,.45vw,var(--mvc-controls-gap));padding-inline:clamp(5px,.7vw,var(--mvc-controls-padding))}.moud-video-carousel__control{width:calc(var(--mvc-controls-icon-size) + .3rem);height:calc(var(--mvc-controls-icon-size) + .3rem)}.moud-video-carousel__progress{min-width:0}.moud-video-carousel__time{min-width:2.35em;font-size:clamp(.95rem,1vw,1.2rem)}.moud-video-carousel--hover .moud-video-carousel__slide:hover{transform:scale(var(--mvc-card-scale-active)) translateY(calc(var(--mvc-hover-lift) * -1))}}@media screen and (max-width:749px){.moud-video-carousel__inner{padding:var(--mvc-padding-top-mobile) var(--mvc-padding-inline-mobile) var(--mvc-padding-bottom-mobile)}.moud-video-carousel__eyebrow{font-size:var(--mvc-eyebrow-size-mobile)}.moud-video-carousel__heading{font-size:var(--mvc-heading-size-mobile);line-height:var(--mvc-heading-line-height-mobile)}.moud-video-carousel__subtitle{font-size:var(--mvc-subtitle-size-mobile)}.moud-video-carousel__stage{margin-top:var(--mvc-carousel-margin-top-mobile)}.moud-video-carousel__track{margin-inline:calc(var(--mvc-padding-inline-mobile) * -1);width:calc(100% + (var(--mvc-padding-inline-mobile) * 2));padding-block:var(--mvc-track-padding-mobile);padding-inline:calc((100% - var(--mvc-card-width-mobile)) / 2);scroll-padding-inline:calc((100% - var(--mvc-card-width-mobile)) / 2)}.moud-video-carousel__slide{flex-basis:var(--mvc-card-width-mobile);transform:scale(var(--mvc-card-scale-mobile))}.moud-video-carousel__slide.is-active{transform:scale(var(--mvc-card-scale-active-mobile))}.moud-video-carousel__card{border-radius:var(--mvc-card-radius-mobile)}.moud-video-carousel__play{width:var(--mvc-play-size-mobile)}.moud-video-carousel__stars svg{width:var(--mvc-star-size-mobile);height:var(--mvc-star-size-mobile)}.moud-video-carousel__reviewer{font-size:var(--mvc-name-size-mobile)}.moud-video-carousel__info{padding:calc(var(--mvc-info-padding-mobile) * 2.2) var(--mvc-info-padding-mobile) var(--mvc-info-padding-mobile)}.moud-video-carousel--nav-desktop:not(.moud-video-carousel--nav-mobile) .moud-video-carousel__navigation{display:none}.moud-video-carousel--nav-mobile .moud-video-carousel__navigation{display:flex}.moud-video-carousel--nav-overlay .moud-video-carousel__navigation{inset-inline:0}}@media(prefers-reduced-motion:reduce){.moud-video-carousel__track{scroll-behavior:auto}.moud-video-carousel__slide,.moud-video-carousel__poster,.moud-video-carousel__play,.moud-video-carousel__nav{transition:none}}@supports not (color: color-mix(in srgb,white,black)){.moud-video-carousel__card{border-color:var(--mvc-border-color)}.moud-video-carousel__play{background:var(--mvc-play-background)}.moud-video-carousel__info:before{background:linear-gradient(to bottom,transparent,var(--mvc-overlay-color))}.moud-video-carousel__controls{background:var(--mvc-controls-background)}.moud-video-carousel__nav{border-color:var(--mvc-nav-border-color);background:var(--mvc-nav-background)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/section-moud-video-carousel.css.map */