.sec-VideoHotspots{position:relative;display:block;block-size:var(--MobileHeight)}.sec-VideoHotspots_Heading{margin-bottom:20px;text-align:var(--HeadingAlignment);color:var(--HeadingColor)}@media only screen and (min-width:901px){.sec-VideoHotspots_Heading{margin-bottom:40px;margin-inline-start:85px;margin-inline-end:85px}}@media only screen and (min-width:901px){.sec-VideoHotspots{block-size:var(--DesktopHeight)}}@media only screen and (max-width:900px){.sec-VideoHotspots-intersectMobile{block-size:100%}}.sec-VideoHotspots_VideoContainer{position:sticky;z-index:1;display:block;transition:inset-block-start,inset-inline-start,block-size;transition-duration:var(--TransitionDuration);transition-timing-function:var(--TransitionTimingFunction);inline-size:100%;inset-block-start:0;inset-inline-start:0;block-size:100vh}.sec-VideoHotspots_VideoContainer-scrollingUp{inset-block-start:calc(var(--hd-Banner_Height) + var(--hd-Navigation_Height) + var(--Announcement_Height));inset-inline-start:calc(var(--hd-Banner_Height) + var(--hd-Navigation_Height) + var(--Announcement_Height));block-size:calc(100vh - (var(--hd-Banner_Height) + var(--hd-Navigation_Height) + var(--Announcement_Height)))}@media only screen and (min-width:901px){.sec-VideoHotspots_VideoContainer{inset-block-start:0;inset-inline-start:0;block-size:100vh}.sec-VideoHotspots_VideoContainer-scrollingUp{inset-block-start:calc(var(--hd-Banner_Height) + var(--hd-Navigation_Height) + var(--Announcement_Height));inset-inline-start:calc(var(--hd-Banner_Height) + var(--hd-Navigation_Height) + var(--Announcement_Height));block-size:calc(100vh - (var(--hd-Banner_Height) + var(--hd-Navigation_Height) + var(--Announcement_Height)))}}@media only screen and (max-width:900px){.sec-VideoHotspots-intersectMobile .sec-VideoHotspots_VideoContainer{position:relative;inset-block-start:unset;inset-inline-start:unset;display:block;inline-size:100%;block-size:100%}}.sec-VideoHotspots_Canvas{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;object-fit:cover}@media only screen and (max-width:900px){.sec-VideoHotspots-intersectMobile .sec-VideoHotspots_Canvas{display:none}}.sec-VideoHotspots_Video-mobile{opacity:0}@media only screen and (max-width:900px){.sec-VideoHotspots_Video{display:none}}.sec-VideoHotspots_Video .rsp-Image_Video,.sec-VideoHotspots_Video .sec-VideoHotspots_VideoElement{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:-1;inline-size:100%;block-size:100%;object-fit:cover}@media only screen and (max-width:900px){.sec-VideoHotspots-intersectMobile .sec-VideoHotspots_Video .rsp-Image_Video{display:none}}.sec-VideoHotspots_Intersection{display:none}@media only screen and (max-width:900px){.sec-VideoHotspots-intersectMobile .sec-VideoHotspots_Intersection{display:block}}.sec-VideoHotspotsIntersection_Video{width:100%;height:100%}.sec-VideoHotspots_Hotspots{position:relative;max-width:850px;width:100%;height:100%;margin:0 auto;overflow:hidden}.sec-VideoHotspots_Hotspot{position:absolute;top:var(--hotspot_y);align-items:start;display:flex;font-family:var(--Font_Frutiger-bold);color:var(--TextColor);opacity:0;overflow:hidden;transition:transform,opacity;transition-duration:var(--TransitionDuration);transition-timing-function:var(--TransitionTimingFunction);gap:12px}@media only screen and (max-width:900px){.sec-VideoHotspots_Hotspot{top:var(--hotspot_y_mobile);flex-direction:column-reverse;max-width:180px}}.sec-VideoHotspots_Hotspot-right{right:0;flex-direction:row-reverse;padding-inline-end:var(--Grid_Gutter);transform:translate(-50px)}@media only screen and (max-width:900px){.sec-VideoHotspots_Hotspot-mobileRight{right:0;align-items:end;flex-direction:column-reverse;transform:translate(-50px);padding-inline-end:var(--Grid_Gutter)}}.sec-VideoHotspots_Hotspot-left{left:0;padding-inline-start:var(--Grid_Gutter);transform:translate(50px)}@media only screen and (max-width:900px){.sec-VideoHotspots_Hotspot-mobileLeft{left:0;align-items:start;padding-inline-start:var(--Grid_Gutter);transform:translate(50px)}}.sec-VideoHotspots_Hotspot-left .sec-VideoHotspots_Hotspot-text{text-align:right}@media only screen and (max-width:900px){.sec-VideoHotspots_Hotspot-left .sec-VideoHotspots_Hotspot-text{text-align:left}}.sec-VideoHotspots_Hotspot-right .sec-VideoHotspots_Hotspot-text{text-align:left}@media only screen and (max-width:900px){.sec-VideoHotspots_Hotspot-right .sec-VideoHotspots_Hotspot-text{text-align:right}}.sec-VideoHotSpots_Hotspot-active{opacity:1;transform:translate(0)}@media only screen and (max-width:900px){.sec-VideoHotSpots_Hotspot-active{opacity:1;transform:translate(0)}}.sec-VideoHotspots_Hotspot:after{content:"";width:178px;height:1px;margin-top:12px;background:var(--TextColor)}@media only screen and (max-width:900px){.sec-VideoHotspots_Hotspot:after{width:calc(100% + 20px)}}.sec-VideoHotspots_Hotspot-text{max-width:184px}
/*# sourceMappingURL=/cdn/shop/t/386/assets/section-video-hotspots.css.map */