@property --vfc-x{syntax: "<length>"; inherits: false; initial-value: 0px;}.video-fan-carousel{width:100%;overflow:hidden;background-color:var(--video-fan-carousel-bg, #F5F3F0);padding-block:40px;--vfc-transition-duration: .7s;--vfc-transition-ease: cubic-bezier(.4, 0, .2, 1);--vfc-gap: 16px}@media(min-width:1050px){.video-fan-carousel{padding-block:80px}}.video-fan-carousel__header{text-align:center;padding-inline:24px;padding-bottom:70px}.video-fan-carousel__heading{margin:0;max-width:100%;font-family:"Humanrace Sans TT",var(--font-family-base);font-size:var(--section-heading-size);font-weight:var(--font-weight-light);font-style:normal;line-height:var(--line-height-tight);letter-spacing:var(--tracking-normal);color:var(--color-black);overflow-wrap:break-word}.video-fan-carousel__heading.rte p{margin:0;font:inherit;line-height:inherit;letter-spacing:inherit}.video-fan-carousel__heading.rte p+p{margin-top:.15em}.video-fan-carousel__heading-highlight{color:var(--video-fan-carousel-heading-highlight, #0aa34a)}.video-fan-carousel__empty{margin:0;padding-inline:24px;text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-black)}.video-fan-carousel__carousel{overflow:visible}.video-fan-carousel__stage{overflow:visible;width:100%;height:293px;outline:none;cursor:grab;touch-action:pan-y;visibility:hidden}.video-fan-carousel__stage[data-vfc-ready]{visibility:visible}.video-fan-carousel__stage:active{cursor:grabbing}@media(min-width:768px){.video-fan-carousel__stage{height:340px}}@media(min-width:1050px){.video-fan-carousel__stage{height:clamp(292px,27.778vw,500px)}}.video-fan-carousel__track{position:relative;width:100%;height:100%}.video-fan-carousel__slide{position:absolute;left:50%;top:50%;width:80px;height:107px;overflow:visible;transform:translate3d(calc(-50% + var(--vfc-x, 0px)),-50%,0);will-change:transform,width,height;transition:none}.video-fan-carousel__stage[data-vfc-ready] .video-fan-carousel__slide,.video-fan-carousel__stage--dragging .video-fan-carousel__slide,.video-fan-carousel__stage--navigating .video-fan-carousel__slide{transition:none}.video-fan-carousel__slide[data-offset="-3"],.video-fan-carousel__slide[data-offset="3"]{z-index:10}.video-fan-carousel__slide[data-offset="-2"],.video-fan-carousel__slide[data-offset="2"]{z-index:11}.video-fan-carousel__slide[data-offset="-1"],.video-fan-carousel__slide[data-offset="1"]{z-index:12}.video-fan-carousel__slide[data-offset="0"]{z-index:13}.video-fan-carousel__slide[data-size-offset="-1"],.video-fan-carousel__slide[data-size-offset="1"]{width:130px;height:173px}.video-fan-carousel__slide[data-size-offset="0"]{width:220px;height:293px}@media(min-width:768px){.video-fan-carousel__slide{width:80px;height:107px}.video-fan-carousel__slide[data-size-offset="-2"],.video-fan-carousel__slide[data-size-offset="2"]{width:140px;height:187px}.video-fan-carousel__slide[data-size-offset="-1"],.video-fan-carousel__slide[data-size-offset="1"]{width:195px;height:260px}.video-fan-carousel__slide[data-size-offset="0"]{width:255px;height:340px}}@media(min-width:1050px){.video-fan-carousel__slide{width:clamp(98px,calc((100vw - 96px)*.1011),169px);height:clamp(130px,calc((100vw - 96px)*.1348),225px)}.video-fan-carousel__slide[data-size-offset="-2"],.video-fan-carousel__slide[data-size-offset="2"]{width:clamp(142px,calc((100vw - 96px)*.1461),244px);height:clamp(190px,calc((100vw - 96px)*.1948),325px)}.video-fan-carousel__slide[data-size-offset="-1"],.video-fan-carousel__slide[data-size-offset="1"]{width:clamp(186px,calc((100vw - 96px)*.191),319px);height:clamp(248px,calc((100vw - 96px)*.2622),438px)}.video-fan-carousel__slide[data-size-offset="0"]{width:clamp(219px,calc((100vw - 96px)*.2247),375px);height:clamp(292px,calc((100vw - 96px)*.2996),500px)}}.video-fan-carousel__slide[aria-hidden=true]{visibility:hidden;pointer-events:none}.video-fan-carousel__slide[aria-hidden=false]{visibility:visible}.video-fan-carousel__card{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;background-color:#000;transform:translateZ(0)}.video-fan-carousel__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.video-fan-carousel__placeholder{width:100%;height:100%;background-color:#d9d9d9}.video-fan-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transition:opacity .3s}.video-fan-carousel__poster--hidden{opacity:0}.video-fan-carousel__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;color:#fff;pointer-events:none;opacity:0;transition:opacity .2s}.video-fan-carousel__card:hover .video-fan-carousel__play-btn:not(.video-fan-carousel__play-btn--hidden),.video-fan-carousel__card:focus-within .video-fan-carousel__play-btn:not(.video-fan-carousel__play-btn--hidden){opacity:1;pointer-events:auto}.video-fan-carousel__play-btn--hidden{opacity:0;pointer-events:none}.video-fan-carousel__play-btn:focus-visible{opacity:1;pointer-events:auto;outline:2px solid #fff;outline-offset:-4px}.video-fan-carousel__play-icon{width:48px;height:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));pointer-events:none}.video-fan-carousel__nav{display:flex;justify-content:center;gap:12px;margin-top:16px}.video-fan-carousel__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #000;border-radius:50%;background:transparent;cursor:pointer;color:#000;line-height:1}.video-fan-carousel__nav-btn:focus-visible{outline:2px solid #000;outline-offset:2px}.video-fan-carousel__nav-icon{display:inline-flex;width:16px;height:16px}.video-fan-carousel__nav-icon .icon{width:100%;height:100%}@media(prefers-reduced-motion:reduce){.video-fan-carousel__slide,.video-fan-carousel__poster,.video-fan-carousel__play-btn{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/video-fan-carousel.css.map */