.video-carousel{position:relative;width:100%;padding:var(--vc-pt, 7.9rem) 0 var(--vc-pb, 4rem);overflow:hidden;container-type:inline-size;background:var(--vc-bg)}.video-carousel--float{z-index:1;overflow-x:clip;overflow-y:visible}.video-carousel--float .video-carousel__backdrop{overflow:hidden}.video-carousel__float{--float-width: 19.5625rem;position:absolute;top:-7.5rem;left:calc(100% - var(--float-width) * var(--vc-float-visible, .5));z-index:1;width:var(--float-width);height:auto;pointer-events:none}.video-carousel__float--rotate{animation:video-carousel-float-spin var(--vc-float-duration, 60s) linear infinite}@keyframes video-carousel-float-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.video-carousel__float--rotate{animation:none}}.video-carousel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.video-carousel__backdrop-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}.video-carousel__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--vc-bg) 54.372%,rgba(187,226,242,0) 64.682%,rgba(153,214,234,0) 76.092%,rgba(26,136,158,0) 87.496%,#1A889E 100%)}.video-carousel__backdrop--image:after{content:none}.video-carousel:has(.video-carousel__backdrop--image){margin-bottom:-.0625rem;background:linear-gradient(to bottom,var(--vc-bg) 50%,transparent 50%)}.video-carousel__backdrop--image .video-carousel__backdrop-image{inset:0 0 auto;height:calc(100% + .5rem)}.video-carousel__inner{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto}.video-carousel__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:min(77.5rem,100% - 2rem);padding-bottom:2rem;text-align:center}.video-carousel__eyebrow{display:flex;align-items:center;justify-content:center;min-height:1.942rem;margin:0;font-family:var(--font-secondary);font-size:1rem;font-weight:var(--font-secondary-regular);line-height:.5;color:#092f35}.video-carousel__heading{max-width:60rem;margin:0;font-family:var(--font-roc);font-size:5rem;font-weight:600;line-height:.8;color:#1a2123;text-transform:uppercase}.video-carousel__carousel{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.video-carousel__chips{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem}.video-carousel__chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .625rem}.video-carousel__chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .5rem;border:0;color:#fffdfb;text-align:left;background:#b0b8ba;transition:background .2s}.video-carousel__chip:hover,.video-carousel__chip[aria-pressed=true]{background:#092f35}.video-carousel__avatar{flex-shrink:0;width:2.75rem;height:2.75rem;padding:.1581rem .1831rem .2313rem .1919rem;overflow:hidden;background:#fffdfb}.video-carousel__avatar-image{display:block;width:100%;height:100%;object-fit:cover}.video-carousel__placeholder{background:#092f351f;fill:#092f3559}.video-carousel__chip-text{display:flex;flex-direction:column;font-family:var(--font-roc);font-size:1rem;line-height:1.3;letter-spacing:.02rem;white-space:nowrap}.video-carousel__chip-name{font-weight:500}.video-carousel__chip-handle{font-weight:400}.video-carousel__viewport{--vu: calc(100cqw / 1440);width:100%;height:calc(577 * var(--vu));overflow-x:clip;overflow-y:visible}.video-carousel__track{position:relative;width:100%;height:100%;touch-action:pan-y}.video-carousel__slide{--vc-ease: .3s ease-out;--frame-height: 523.77;--media-top: 6.89;--shape: polygon(0 0, 100% 0, 100% 100%, 0 100%);position:absolute;top:0;left:50%;width:calc(286 * var(--vu));transform:translate(calc(-50% + var(--offset, 0) * 300 * var(--vu)));cursor:pointer}.video-carousel__slide[data-position=left]{--shape: polygon(0 0, 100% 1.9092%, 100% 98.0908%, 0 100%)}.video-carousel__slide[data-position=right]{--shape: polygon(0 1.9092%, 100% 0, 100% 100%, 0 98.0908%)}.video-carousel__slide[data-position=far-left]{--frame-height: 543.77;--media-top: 6.43;--shape: polygon(0 0, 100% 5.5066%, 100% 94.4829%, 0 100%)}.video-carousel__slide[data-position=far-right]{--frame-height: 543.77;--media-top: 6.43;--shape: polygon(0 5.5066%, 100% 0, 100% 100%, 0 94.4829%)}.video-carousel__slide.is-hidden{visibility:hidden;pointer-events:none}.video-carousel__carousel:not([data-ready]) .video-carousel__frame,.video-carousel__carousel:not([data-ready]) .video-carousel__media{transition:none}.video-carousel__slide.is-active{cursor:default}.video-carousel__frame{position:relative;height:calc(var(--frame-height) * var(--vu));background:#fffdfb;clip-path:var(--shape);transition:height var(--vc-ease),clip-path var(--vc-ease)}.video-carousel__media{position:absolute;top:calc(var(--media-top) * var(--vu));right:calc(6 * var(--vu));bottom:calc(6.887 * var(--vu));left:calc(6 * var(--vu));overflow:hidden;background:#092f35;clip-path:var(--shape);transition:top var(--vc-ease),clip-path var(--vc-ease)}.video-carousel__video{display:block;width:100%;height:100%;object-fit:cover}.video-carousel__poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity .2s ease}.video-carousel__slide.is-video-ready .video-carousel__poster{opacity:0}.video-carousel__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:calc(64 * var(--vu));height:calc(64 * var(--vu));padding:0;border:0;border-radius:calc(32 * var(--vu));background:#ff6900;box-shadow:0 calc(10 * var(--vu)) calc(24 * var(--vu)) 0 #0006;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s;pointer-events:none}.video-carousel__play-icon{width:calc(24 * var(--vu));height:calc(24 * var(--vu))}.video-carousel__slide.is-active .video-carousel__play{opacity:1;pointer-events:auto}.video-carousel__slide.is-playing .video-carousel__play{opacity:0}.video-carousel__caption{position:absolute;right:calc(6 * var(--vu));bottom:calc(6.89 * var(--vu));left:calc(6 * var(--vu));display:flex;flex-direction:column;gap:calc(4 * var(--vu));padding:calc(40 * var(--vu)) calc(14 * var(--vu)) calc(14 * var(--vu));background:linear-gradient(180deg,#00616c00,#00616c);opacity:0;transition:opacity .3s;pointer-events:none}.video-carousel__slide.is-active .video-carousel__caption{opacity:1}.video-carousel__slide.is-playing .video-carousel__caption{opacity:0}.is-moving .video-carousel__caption,.is-moving .video-carousel__play{opacity:0;transition:none}.video-carousel__caption-text{margin:0;font-family:var(--font-roc);font-size:calc(16 * var(--vu));font-weight:400;line-height:1.5;letter-spacing:-.01em;color:#fff}.video-carousel__views{margin:0;font-family:var(--font-secondary);font-size:calc(16 * var(--vu));font-weight:var(--font-secondary-regular);line-height:1.3;letter-spacing:.02em;color:#fffdfb}@supports (zoom: 1){@media(min-width:1024px){.video-carousel{zoom:var(--desktop-zoom, 1)}}}@media(max-width:768px){.video-carousel__float{--float-width: calc(140 * min(100vw, 500px) / 393);top:calc(-36 * min(100vw,500px) / 393)}.video-carousel{--cu: calc(min(100cqw, 500px) / 393);padding:3.25rem 0 1.875rem}.video-carousel__header{gap:.7238rem;padding-bottom:.1rem}.video-carousel__eyebrow{min-height:0;font-size:min(.75rem,100vw * 12 / 393);line-height:1;text-transform:uppercase}.video-carousel__heading{width:6.7em;max-width:none;font-size:min(2.125rem,100vw * 34 / 393)}.video-carousel__carousel{gap:calc(29.6 * var(--cu))}.video-carousel__chips{gap:calc(5.6 * var(--cu));padding:0}.video-carousel__chip-row{flex-wrap:nowrap;gap:calc(4.4 * var(--cu))}.video-carousel__chip{flex-shrink:0;gap:calc(3.52 * var(--cu));padding:calc(3.52 * var(--cu)) calc(5.28 * var(--cu)) calc(3.52 * var(--cu)) calc(3.52 * var(--cu))}.video-carousel__avatar{width:calc(19.36 * var(--cu));height:calc(19.36 * var(--cu));padding:calc(1.12 * var(--cu)) calc(1.29 * var(--cu)) calc(1.63 * var(--cu)) calc(1.35 * var(--cu))}.video-carousel__chip-text{font-size:calc(7.04 * var(--cu));letter-spacing:.02em}.video-carousel__viewport{--vu: calc(min(100cqw, 500px) / 655);height:calc(523.77 * var(--vu))}.video-carousel__slide,.video-carousel__slide[data-position]{--frame-height: 523.77;--media-top: 6.89;--shape: polygon(0 0, 100% 0, 100% 100%, 0 100%);--abs: max(var(--offset, 0), -1 * var(--offset, 0));--near: min(var(--abs), 1);transform:translate(calc(-50% + var(--offset, 0) * 252 * var(--vu))) translateY(calc(var(--near) * -35 * var(--vu))) rotate(calc(clamp(-1,var(--offset, 0),1)*7deg)) scale(calc(1 - var(--near) * .2667))}.video-carousel__slide[data-position=center]{z-index:1}.video-carousel__play{width:calc(64 * var(--vu));height:calc(64 * var(--vu));border-radius:calc(32 * var(--vu));box-shadow:0 calc(10 * var(--vu)) calc(24 * var(--vu)) 0 #0006}.video-carousel__play-icon{width:calc(24 * var(--vu));height:calc(24 * var(--vu))}.video-carousel__caption{gap:calc(4 * var(--vu));padding:calc(40 * var(--vu)) calc(14 * var(--vu)) calc(14 * var(--vu))}.video-carousel__caption-text,.video-carousel__views{font-size:calc(16 * var(--vu))}}@media(min-width:1024px){.video-carousel__eyebrow,.video-carousel__chip-text{font-size:1.125rem}.video-carousel__caption-text,.video-carousel__views{font-size:calc(18 * var(--vu))}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/section-video-carousel.css.map */