#third-feature-frame{width:100%;margin:0;padding-top:56.25%;position:relative}.third-feature-containers{opacity:0;will-change:transform,opacity;width:100%;height:100%;transition:opacity .5s,transform 1s ease-in;display:flex;position:absolute;top:0;left:0}.show-animation-frame-in{opacity:1;animation-name:leaderboardFrameIn;animation-duration:1s}.show-animation-frame-out{animation-name:leaderboardFrameOut;animation-duration:1s}@keyframes leaderboardFrameOut{0%{-webkit-transform:initial;transform:initial;opacity:1}to{opacity:0;transform:scale(1.1)}}@keyframes leaderboardFrameIn{0%{opacity:0}to{opacity:1}}.leaderboard-suspicious-activity-card{opacity:0;will-change:opacity;transition:opacity .5s}.leaderborad-cursor{opacity:0;will-change:transform,opacity;transform:translate(-100px,150px)}.suspicious-activitiy-dialog{opacity:0;will-change:opacity;transition:opacity .5s}.candidate-row{will-change:transform}.animate-card .leaderborad-cursor{animation:10s ease-in forwards moveCursor}.animate-card .candidate-row{animation:10s ease-in-out forwards activityZoomIn}.animate-card .leaderboard-suspicious-activity-card{animation:10s ease-in-out forwards activityFadeInOut}.animate-card .suspicious-activitiy-dialog{animation:10s ease-in-out forwards dialogFadeInOut}@keyframes moveCursor{0%{opacity:0;transform:translate(-100px,150px)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px,100px)}}@keyframes activityZoomIn{0%{transform:scale(1)}10%{transform:scale(1)}20%{transform:scale(1.1)translate(-25px,-28px)}80%{transform:scale(1.1)translate(-25px,-28px)}90%{transform:scale(1)}to{transform:scale(1)}}@keyframes activityFadeInOut{0%{opacity:0}10%{opacity:0}20%{opacity:1}80%{opacity:1}90%{opacity:0}to{opacity:0}}@keyframes dialogFadeInOut{0%{opacity:0}20%{opacity:0}25%{opacity:1}75%{opacity:1}80%{opacity:0}to{opacity:0}}.similarity_code_1_rect,.similarity_code_2_rect,.similarity_code_3_rect,.similarity_code_4_rect{opacity:0;will-change:opacity;transition:opacity .5s}.similarity_code_1,.similarity_code_2,.similarity_code_3,.similarity_code_4{will-change:transform}.animate-card .similarity_code_1_rect,.animate-card .similarity_code_3_rect{animation:10s ease-in-out forwards similarityFadeInOut1}.animate-card .similarity_code_1{animation:10s ease-in-out forwards similarityZoomIn1}.animate-card .similarity_code_3{animation:10s ease-in-out forwards similarityZoomIn3}.animate-card .similarity_code_2_rect,.animate-card .similarity_code_4_rect{animation:10s ease-in-out forwards similarityFadeInOut2}.animate-card .similarity_code_2{animation:10s ease-in-out forwards similarityZoomIn2}.animate-card .similarity_code_4{animation:10s ease-in-out forwards similarityZoomIn4}@keyframes similarityZoomIn1{0%{transform:scale(1)translate(0)}10%{transform:scale(1.1)translate(-41px,-30px)}40%{transform:scale(1.1)translate(-41px,-30px)}50%{transform:scale(1)translate(0)}to{transform:scale(1)translate(0)}}@keyframes similarityZoomIn3{0%{transform:scale(1)translate(0)}10%{transform:scale(1.1)translate(-50px,-40px)}40%{transform:scale(1.1)translate(-50px,-40px)}50%{transform:scale(1)translate(0)}to{transform:scale(1)translate(0)}}@keyframes similarityZoomIn2{0%{transform:scale(1)translate(0)}50%{transform:scale(1)translate(0)}60%{transform:scale(1.1)translate(-41px,-34px)}90%{transform:scale(1.1)translate(-41px,-34px)}to{transform:scale(1)translate(0)}}@keyframes similarityZoomIn4{0%{transform:scale(1)translate(0)}50%{transform:scale(1)translate(0)}60%{transform:scale(1.1)translate(-50px,-34px)}90%{transform:scale(1.1)translate(-50px,-34px)}to{transform:scale(1)translate(0)}}@keyframes similarityFadeInOut1{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes similarityFadeInOut2{0%{opacity:0}50%{opacity:0}56%{opacity:1}90%{opacity:1}to{opacity:0}}.player-finished{stroke-dasharray:684;stroke-dashoffset:684px;will-change:stroke-dashoffset}.player-controller{will-change:transform;transform:translate(0)}.animate-card .player-finished{animation-name:codePlaybackTimeline;animation-duration:18.1s;animation-timing-function:linear}.animate-card .player-controller{animation-name:codePlaybackIndicator;animation-duration:18s;animation-timing-function:linear;transform:translate(66%)}@keyframes codePlaybackIndicator{0%{transform:translate(0)}2.78%{transform:translate(4.6%)}13.9%{transform:translate(4.6%)}19.45%{transform:translate(15.8%)}30.58%{transform:translate(15.8%)}36.14%{transform:translate(26.9%)}47.26%{transform:translate(26.9%)}52.82%{transform:translate(38%)}63.94%{transform:translate(38%)}69.5%{transform:translate(49.2%)}80.62%{transform:translate(49.2%)}86.18%{transform:translate(60.3%)}97.3%{transform:translate(60.3%)}to{transform:translate(66%)}}@keyframes codePlaybackTimeline{0%{stroke-dashoffset:684px}2.78%{stroke-dashoffset:630px}13.9%{stroke-dashoffset:630px}19.45%{stroke-dashoffset:517px}30.58%{stroke-dashoffset:517px}36.14%{stroke-dashoffset:403px}47.26%{stroke-dashoffset:403px}52.82%{stroke-dashoffset:289px}63.94%{stroke-dashoffset:289px}69.5%{stroke-dashoffset:173px}80.62%{stroke-dashoffset:173px}86.18%{stroke-dashoffset:61px}97.3%{stroke-dashoffset:61px}to{stroke-dashoffset:0}}.playback-stop{will-change:transform;animation-duration:18s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.animate-card .playback-stop-1{animation-name:stopElement1}.animate-card .playback-stop-2{animation-name:stopElement2}.animate-card .playback-stop-3{animation-name:stopElement3}.animate-card .playback-stop-4{animation-name:stopElement4}.animate-card .playback-stop-5{animation-name:stopElement5}.animate-card .playback-stop-6{animation-name:stopElement6}@keyframes stopElement1{0%{transform:scale(1)translateY(0)}2.78%{transform:scale(1)translateY(0)}5.6%{transform:scale(1.1)translate(-80px)translateY(-15px)}11.105%{transform:scale(1.1)translate(-80px)translateY(-15px)}13.9%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes stopElement2{0%{transform:scale(1)translateY(0)}19.45%{transform:scale(1)translateY(0)}22.23%{transform:scale(1.1)translate(-90px)translateY(-15px)}27.8%{transform:scale(1.1)translate(-90px)translateY(-15px)}30.58%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes stopElement3{0%{transform:scale(1)translateY(0)}36.14%{transform:scale(1)translateY(0)}38.92%{transform:scale(1.1)translate(-80px)translateY(-20px)}44.52%{transform:scale(1.1)translate(-80px)translateY(-20px)}47.26%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes stopElement4{0%{transform:scale(1)translateY(0)}52.82%{transform:scale(1)translateY(0)}55.6%{transform:scale(1.1)translate(-100px)translateY(-25px)}61.2%{transform:scale(1.1)translate(-100px)translateY(-25px)}63.94%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes stopElement5{0%{transform:scale(1)translateY(0)}69.5%{transform:scale(1)translateY(0)}72.28%{transform:scale(1.1)translate(-90px)translateY(-35px)}77.88%{transform:scale(1.1)translate(-90px)translateY(-35px)}80.62%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes stopElement6{0%{transform:scale(1)translateY(0)}86.18%{transform:scale(1)translateY(0)}88.96%{transform:scale(1.1)translate(-90px)translateY(-35px)}94.56%{transform:scale(1.1)translate(-90px)translateY(-35px)}97.3%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}.stop-point{transform-origin:bottom;will-change:transform;animation-duration:18s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.animate-card .point-1-bar{animation-name:growElement1}.animate-card .point-2-bar{animation-name:growElement2}.animate-card .point-3-bar{animation-name:growElement3}.animate-card .point-4-bar{animation-name:growElement4}.animate-card .point-5-bar{animation-name:growElement5}.animate-card .point-6-bar{animation-name:growElement6}@keyframes growElement1{0%{transform:matrix(1,0,0,1,0,0)}2.78%{transform:matrix(1,0,0,1,0,0)}5.6%{transform:matrix(1.4,0,0,1.4,174,48)}11.105%{transform:matrix(1.4,0,0,1.4,174,48)}13.9%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes growElement2{0%{transform:matrix(1,0,0,1,0,0)}19.45%{transform:matrix(1,0,0,1,0,0)}22.23%{transform:matrix(1.4,0,0,1.4,128,48)}27.8%{transform:matrix(1.4,0,0,1.4,128,48)}30.58%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes growElement3{0%{transform:matrix(1,0,0,1,0,0)}36.14%{transform:matrix(1,0,0,1,0,0)}38.92%{transform:matrix(1.4,0,0,1.4,83,48)}44.52%{transform:matrix(1.4,0,0,1.4,83,48)}47.26%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes growElement4{0%{transform:matrix(1,0,0,1,0,0)}52.82%{transform:matrix(1,0,0,1,0,0)}55.6%{transform:matrix(1.4,0,0,1.4,37,48)}61.2%{transform:matrix(1.4,0,0,1.4,37,48)}63.94%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes growElement5{0%{transform:matrix(1,0,0,1,0,0)}69.5%{transform:matrix(1,0,0,1,0,0)}72.28%{transform:matrix(1.4,0,0,1.4,-9,48)}77.88%{transform:matrix(1.4,0,0,1.4,-9,48)}80.62%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}@keyframes growElement6{0%{transform:matrix(1,0,0,1,0,0)}86.18%{transform:matrix(1,0,0,1,0,0)}88.96%{transform:matrix(1.4,0,0,1.4,-54,48)}94.56%{transform:matrix(1.4,0,0,1.4,-54,48)}97.3%{transform:matrix(1,0,0,1,0,0)}to{transform:matrix(1,0,0,1,0,0)}}