.signals-image{transition:transform .8s ease-in-out}.draft-parent:hover .cursor-container,.draft-parent:hover .draft-image,.signals-container:hover .signals-image,.signals-image:hover,.signals-image:hover~.signals-image{animation-play-state:paused}.signals-1{animation:showSignals1 10s infinite;transform:translateX(0)}.signals-2{animation:showSignals2 10s infinite}.signals-2,.signals-3{transform:translateX(100%)}.signals-3{animation:showSignals3 10s infinite}.signals-4{animation:showSignals4 10s infinite;transform:translateX(100%)}.map-overlay{opacity:0;transition:opacity .5s ease-in-out}.map-2{animation:showMap2 9s infinite}.map-3{animation:showMap3 9s infinite}.map-4{animation:showMap4 9s infinite}.draft-image{opacity:0;transition:opacity .8s ease-in-out}.draft-1{animation:showDraft1 8s infinite}.draft-2{animation:showDraft2 8s infinite}.draft-3{animation:showDraft3 8s infinite}.draft-clicked{animation:showDraftClicked 8s infinite}.cursor-container{animation:moveCursor 8s infinite;transition:all .3s ease-in-out}@keyframes showDraft1{0%{opacity:1}35%{opacity:1}40%{opacity:0}to{opacity:0}}@keyframes showDraft2{0%{opacity:0}30%{opacity:0}35%{opacity:1}80%{opacity:1}85%{opacity:1}to{opacity:0}}@keyframes showDraft3{0%{opacity:0;clip-path:inset(0 0 100% 0)}52.5%{opacity:0;clip-path:inset(0 0 100% 0)}40%{opacity:1;clip-path:inset(0 0 100% 0)}77.5%{opacity:1;clip-path:inset(0 0 0 0)}95%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes showSignals1{0%{transform:translateX(0) scale(1);opacity:1}20%{transform:translateX(0) scale(1);opacity:1}25%{transform:translateX(-100%) scale(0);opacity:0}95%{transform:translateX(-100%) scale(0);opacity:0}97%{transform:translateX(100%) scale(0);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes showSignals2{0%{transform:translateX(-100%) scale(0);opacity:0}20%{transform:translateX(-100%) scale(0);opacity:0}22%{transform:translateX(100%) scale(0);opacity:0}25%{transform:translateX(0) scale(1);opacity:1}45%{transform:translateX(0) scale(1);opacity:1}50%{transform:translateX(-100%) scale(0);opacity:0}to{transform:translateX(-100%) scale(0);opacity:0}}@keyframes showSignals3{0%{transform:translateX(-100%) scale(0);opacity:0}45%{transform:translateX(-100%) scale(0);opacity:0}47%{transform:translateX(100%) scale(0);opacity:0}50%{transform:translateX(0) scale(1);opacity:1}70%{transform:translateX(0) scale(1);opacity:1}75%{transform:translateX(-100%) scale(0);opacity:0}to{transform:translateX(-100%) scale(0);opacity:0}}@keyframes showSignals4{0%{transform:translateX(-100%) scale(0);opacity:0}70%{transform:translateX(-100%) scale(0);opacity:0}72%{transform:translateX(100%) scale(0);opacity:0}75%{transform:translateX(0) scale(1);opacity:1}95%{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(-100%) scale(0);opacity:0}}@keyframes showMap2{0%{opacity:1}30%{opacity:1}35%{opacity:0}to{opacity:0}}@keyframes showMap3{0%{opacity:0}30%{opacity:0}35%{opacity:1}63%{opacity:1}68%{opacity:0}to{opacity:0}}@keyframes showMap4{0%{opacity:0}63%{opacity:0}68%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes showDraftClicked{0%{opacity:0}25%{opacity:0}28.75%{opacity:1}32.5%{opacity:0}to{opacity:0}}@keyframes moveCursor{0%{top:30%;left:60%;transform:translate(-50%,-50%)}18.75%{top:95%;left:85%;transform:translate(-50%,-50%)}43.75%{top:95%;left:85%;transform:translate(-50%,-50%)}50%{top:45%;left:40%;transform:translate(-50%,-50%)}62.5%{top:47%;left:38%;transform:translate(-50%,-50%)}80%{top:7%;left:83%;transform:translate(-50%,-50%)}to{top:7%;left:83%;transform:translate(-50%,-50%)}}