.section-video-spotlight{--vs-slide-w: min(61vw, 26.4rem);--vs-slide-height: calc(var(--vs-slide-w) * 16 / 9);--vs-offset-1: calc(var(--vs-slide-w) * .917 + var(--vs-card-gap));--vs-offset-2: calc(var(--vs-offset-1) + var(--vs-slide-w) * .767 + var(--vs-card-gap));--vs-stage-visible: min(100vw, var(--vs-page-width));--vs-card-gap: .8rem;--vs-side-scale: .73;--vs-controls-span: 100%;--vs-radius: 4rem;--vs-swatch-size: 6.1rem;--vs-page-width: var(--page-width);--vs-stage-max: var(--vs-page-width);--vs-info-max: 43rem;--vs-edge-cover: max(0px, min(5rem, calc((100vw - var(--vs-page-width)) / 2)));--vs-product-bg: #39BE7F;overflow:hidden}.section-video-spotlight .vs-heading{line-height:1;letter-spacing:0;margin:0}.section-video-spotlight .vs-track-outer{position:relative;width:min(100%,var(--page-width));max-width:var(--page-width);overflow:hidden;background-image:var(--vs-bg-img, none);background-size:auto 100%;background-position:center;background-repeat:no-repeat;padding:2.4rem 0;margin:.8rem auto}.section-video-spotlight .vs-track{position:relative;height:var(--vs-slide-height);margin:0;padding:0;list-style:none}.section-video-spotlight .vs-slide{position:absolute;top:0;left:50%;width:var(--vs-slide-w);height:var(--vs-slide-height);margin:0;border-radius:var(--vs-radius);overflow:hidden;cursor:pointer;opacity:0;pointer-events:none;transform:translate3d(calc(-50% + var(--vs-shift, 0px)),0,0) scale(var(--vs-scale, .72));transform-origin:center center;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,filter .35s ease;filter:saturate(.72);z-index:var(--vs-z, 0)}.section-video-spotlight video-spotlight-slider.is-animating .vs-slide{will-change:transform,opacity}.section-video-spotlight video-spotlight-slider.is-static .vs-slide{transition:none}@media(prefers-reduced-motion:reduce){.section-video-spotlight .vs-slide{transition:opacity .2s ease}}.section-video-spotlight .vs-slide[data-slot=center]{--vs-shift: 0px;--vs-scale: 1;--vs-z: 1;opacity:1;pointer-events:auto;filter:none}.section-video-spotlight .vs-slide[data-slot=left-1]{--vs-shift: calc(var(--vs-offset-1) * -1);--vs-scale: .833;--vs-z: 0;opacity:.7;pointer-events:auto}.section-video-spotlight .vs-slide[data-slot=right-1]{--vs-shift: var(--vs-offset-1);--vs-scale: .833;--vs-z: 0;opacity:.7;pointer-events:auto}.section-video-spotlight .vs-slide[data-slot=left-2]{--vs-shift: calc(var(--vs-offset-2) * -1);--vs-scale: .7;--vs-z: 0;opacity:.28;pointer-events:auto}.section-video-spotlight .vs-slide[data-slot=right-2]{--vs-shift: var(--vs-offset-2);--vs-scale: .7;--vs-z: 0;opacity:.28;pointer-events:auto}.section-video-spotlight .vs-slide[data-slot=hidden]{--vs-scale: .62;--vs-z: 0;opacity:0;pointer-events:none}.section-video-spotlight .vs-slide.is-active{cursor:default}.section-video-spotlight .vs-slide__inner{position:absolute;top:0;right:0;bottom:0;left:0}.section-video-spotlight .vs-slide__media,.section-video-spotlight .vs-slide__media.deferred-media,.section-video-spotlight .vs-slide__poster.deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0}.section-video-spotlight .vs-slide__poster-img,.section-video-spotlight .vs-slide__video{width:100%;height:100%;object-fit:cover;display:block}.section-video-spotlight .vs-slide__poster .deferred-media__poster-button{display:none}.section-video-spotlight .vs-slide:not(.is-active) .deferred-media__poster{pointer-events:none}.section-video-spotlight .vs-slide__play-btn-wrapper{position:absolute;right:1.6rem;bottom:1.6rem;z-index:2}.section-video-spotlight .vs-slide:not(.is-active) .vs-slide__play-btn-wrapper{display:none}.section-video-spotlight .vs-slide__play-btn{display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 .6rem 1.8rem #221c183d;transition:transform .2s ease,background .2s ease}.section-video-spotlight .vs-slide__play-btn:hover,.section-video-spotlight .vs-slide__play-btn:focus-visible{background:rgba(var(--color-background),1);transform:scale(1.06)}.section-video-spotlight .vs-slide__play-btn .icon{width:1.4rem;height:1.4rem;margin-left:.2rem}.section-video-spotlight .vs-controls{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:space-between;width:var(--vs-controls-span);padding-inline:max(.6rem,2vw);transform:translate(-50%,-50%);pointer-events:none}.section-video-spotlight .vs-controls .slider-button{pointer-events:auto;background:rgba(var(--color-nav-button),.92);box-shadow:0 .8rem 1.6rem #1914101f}.section-video-spotlight video-spotlight-slider[data-slide-count="1"]{--vs-stage-max: calc(var(--vs-slide-w) + 2rem)}.section-video-spotlight video-spotlight-slider[data-slide-count="1"] .vs-controls{display:none}.section-video-spotlight video-spotlight-slider[data-slide-count="2"]{--vs-controls-span: min( calc(100% - 1.2rem) , calc(var(--vs-slide-w) + var(--vs-offset-1) + 8rem));--vs-stage-max: 100%}.section-video-spotlight video-spotlight-slider[data-slide-count="1"] .vs-track-outer:before,.section-video-spotlight video-spotlight-slider[data-slide-count="1"] .vs-track-outer:after,.section-video-spotlight video-spotlight-slider[data-slide-count="2"] .vs-track-outer:before,.section-video-spotlight video-spotlight-slider[data-slide-count="2"] .vs-track-outer:after{display:none}.section-video-spotlight .vs-info-area{width:100%;margin:.5rem auto 0;padding-inline:0}.section-video-spotlight .vs-info-panel{display:none;flex-direction:column;gap:0}.section-video-spotlight .vs-info-panel.is-active{display:flex}.section-video-spotlight .vs-info-panel__product-bar{background:var(--vs-product-bg);color:rgb(var(--color-foreground))}.section-video-spotlight .vs-info-panel__product{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.2rem;padding:1.2rem 2.2rem;min-height:10rem}.section-video-spotlight .vs-swatch{flex-shrink:0;width:var(--vs-swatch-size);height:var(--vs-swatch-size);border-radius:50%;overflow:hidden}.section-video-spotlight .vs-swatch--shape{border-radius:0;overflow:visible}.section-video-spotlight .vs-swatch__img{width:100%;height:100%;object-fit:cover;display:block}.section-video-spotlight .vs-info-panel__text{min-width:0}.section-video-spotlight .vs-info-panel__product-name{margin:0;letter-spacing:0;line-height:1.1;font-size:1.8rem;font-weight:600}.section-video-spotlight .vs-info-panel__cta.button{--color-button: var(--color-background);flex-shrink:0;flex-basis:100%;padding:1rem;white-space:nowrap;min-width:123px;min-height:40px;margin-inline:auto}.section-video-spotlight .vs-empty{padding-block:4rem;text-align:center}.section-video-spotlight .vs-empty__text{color:rgba(var(--color-foreground),.5)}.section-video-spotlight .vs-modal__video{width:100%;height:100%;object-fit:contain;display:block}@media screen and (min-width:400px){.section-video-spotlight .vs-info-panel__product{flex-wrap:nowrap;gap:2rem}.section-video-spotlight .vs-info-panel__cta.button{flex-basis:auto;margin-inline:0}}@media screen and (min-width:750px){.section-video-spotlight{--vs-slide-w: calc((var(--vs-stage-visible) - (var(--vs-card-gap) * 4)) / (1 + (4 * var(--vs-side-scale))));--vs-offset-1: calc((var(--vs-slide-w) * (1 + var(--vs-side-scale)) / 2) + var(--vs-card-gap));--vs-offset-2: calc(var(--vs-offset-1) + (var(--vs-slide-w) * var(--vs-side-scale)) + var(--vs-card-gap));--vs-info-max: 68rem}.section-video-spotlight .vs-slide[data-slot=left-1],.section-video-spotlight .vs-slide[data-slot=right-1],.section-video-spotlight .vs-slide[data-slot=left-2],.section-video-spotlight .vs-slide[data-slot=right-2]{--vs-scale: var(--vs-side-scale)}.section-video-spotlight .vs-slide[data-slot=left-1],.section-video-spotlight .vs-slide[data-slot=right-1]{opacity:.76}.section-video-spotlight .vs-slide[data-slot=left-2],.section-video-spotlight .vs-slide[data-slot=right-2]{opacity:.44}.section-video-spotlight .vs-info-area{margin-top:-.1rem}.section-video-spotlight .vs-info-panel__product-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-video-spotlight .vs-info-panel__review-text{max-width:none}}@media screen and (min-width:990px){.section-video-spotlight{--vs-info-max: 72rem}.section-video-spotlight .vs-info-panel__product-name{font-size:2.1rem}.section-video-spotlight .vs-controls{padding-inline:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/243/assets/section-video-spotlight.css.map */