.fixed-video-campaign--section{background-color:#f2f2f2;padding:0 0 12rem}.fixed-video-campaign__intro{text-align:center;padding:8rem 0 0}.fixed-video-campaign__outro{text-align:center;padding:0 0 8rem}.fixed-video-campaign{display:block;position:relative}.fixed-video__nav{pointer-events:none;writing-mode:vertical-lr;text-orientation:sideways;list-style-type:none;margin:0;padding:0;position:absolute;z-index:2;top:0;left:0;height:100vh;width:auto;display:flex;align-items:center;justify-content:center;transition:all 1s cubic-bezier(.23,1,.32,1)}.fixed-video__nav.fixed{top:0;position:fixed}.fixed-video__nav.fixed-bottom{top:auto;bottom:0}.fixed-video__nav li{padding:.25em 1em;opacity:.25;transition:all 1s cubic-bezier(.23,1,.32,1)}.fixed-video__nav li.active{opacity:1}.fixed-video__nav li:after{content:"";display:inline-block;vertical-align:middle;background-color:#121212;border-radius:50%;height:8px;width:8px}.fixed-video__nav li.active:after{height:12px;width:12px}.fixed-video__cards{list-style-type:none;position:relative;width:100%;left:0;top:0;margin:0;padding:0}.fixed-video__card{list-style-type:none;margin:0;padding:0;width:100%;height:100vh;overflow:hidden;display:block;position:relative}.fixed-video__card:last-of-type{height:200vh}.fixed-video__card-players{height:100vh;width:calc(100% / 12 * 8);max-width:1080px;position:absolute;z-index:1;top:0;left:50%;transform:translate(-50%)}.fixed-video__card-players.fixed{top:0;position:fixed}.fixed-video__card-players.fixed-bottom{top:auto;bottom:0}.fixed-video__card-players video{width:100%;height:100vh;position:absolute;top:0;left:0;padding:12rem 0;pointer-events:none;opacity:0}.fixed-video__card-players video.active{opacity:1}.fixed-video__card-pointers{height:100vh;width:calc(100% / 12 * 8);max-width:1080px;position:absolute;z-index:1;list-style-type:none;margin:0;padding:0;top:0;left:50%;transform:translate(-50%);pointer-events:none}.fixed-video__card-pointers.fixed{top:0;position:fixed}.fixed-video__card-pointers.fixed-bottom{top:auto;bottom:0}.fixed-video__card-pointers li{transition:all 1s cubic-bezier(.23,1,.32,1);opacity:0}.fixed-video__card-pointers li.active{opacity:1}@keyframes pulse{0%{height:8px;width:8px;top:-4px}50%{height:12px;width:12px;top:-6px}to{height:8px;width:8px;top:-4px}}.pointer{height:1px;transition-delay:.5s}.pointer,.pointer:before,.pointer:after{display:block;position:absolute;background-color:#121212;transition:all 1s cubic-bezier(.23,1,.32,1);opacity:1}.pointer:before,.pointer:after{content:"";border-radius:50%;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;transform-origin:center;transition-delay:.25s}.pointer:before{left:-8px;animation-delay:.25s}.pointer:after{right:-8px}.fixed-video__card-pointers--scene1 .pointer{bottom:200px;right:150px;width:calc(40% - 150px);transform-origin:bottom right;transform:rotate(30deg)}.fixed-video__card-pointers--scene2 .pointer{top:300px;left:150px;width:calc(40% - 150px);transform-origin:top left;transform:rotate(25deg)}.fixed-video__card-pointers--scene3 .pointer{top:300px;right:150px;width:calc(40% - 150px);transform-origin:top right;transform:rotate(-15deg)}.fixed-video__card-pois{height:100vh;width:calc(100% / 12 * 8);max-width:1080px;position:absolute;z-index:1;list-style-type:none;padding:0;margin:0;top:0;left:50%;transform:translate(-50%)}.fixed-video__card-pois.fixed{top:0;position:fixed}.fixed-video__card-pois.fixed-bottom{top:auto;bottom:0}.fixed-video__card-pois li{position:absolute;width:100%;height:calc(100vh - 80px);top:80px;left:0;transition:all 1s cubic-bezier(.23,1,.32,1);opacity:0;pointer-events:none}.fixed-video__card-pois li.active{opacity:1;pointer-events:auto}.fixed-video__card-pois li .poi1,.fixed-video__card-pois li .poi2,.fixed-video__card-pois li .poi3,.fixed-video__card-pois li .poi4{position:absolute;width:calc(100% / 12 * 4);padding:2em}.fixed-video__card-pois li .poi1{left:-20%;top:100px}.fixed-video__card-pois li .poi2{right:-20%;top:100px;text-align:right}.fixed-video__card-pois li .poi3{right:-20%;bottom:100px;text-align:right}.fixed-video__card-pois li .poi4{left:-20%;bottom:100px}@media screen and (max-width: 749px){.fixed-video__nav,.fixed-video__cards,.fixed-video__card-players,.fixed-video__card-pointers,.fixed-video__card-pois{display:none}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-fixed-video-campaign-lipo.css.map */