.purple-float{animation:purple-float 3s ease-in-out infinite}@keyframes purple-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(1deg)}}.teal-float{animation:teal-float 3s ease-in-out infinite;animation-delay:.5s}@keyframes teal-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(2px) rotate(-1deg)}}.code-analyze{transform-origin:96px 98px;animation-iteration-count:infinite;animation-timing-function:linear;transition:transform forwards 1s}.analyze-0 .code-analyze{animation:code-analyze-0 1s forwards}@keyframes code-analyze-0{0%{transform:translate(36px,-196px);scale:2}to{transform:translate(-40px,-90px);scale:2}}.analyze-1 .code-analyze{animation:code-analyze-1 1s forwards}@keyframes code-analyze-1{0%{transform:translate(-40px,-90px);scale:2}to{transform:translate(5px,-4px);scale:2}}.analyze-2 .code-analyze{animation:code-analyze-2 1s forwards}@keyframes code-analyze-2{0%{transform:translate(5px,-4px);scale:2}to{transform:translate(-30.5px,-205px);scale:2}}.analyze-3 .code-analyze{animation:code-analyze-3 1s forwards}@keyframes code-analyze-3{0%{transform:translate(-30.5px,-205px);scale:2}to{transform:translate(34px,-94px);scale:2}}.analyze-4 .code-analyze{animation:code-analyze-4 1s forwards}@keyframes code-analyze-4{0%{transform:translate(34px,-94px);scale:2}to{transform:translate(-20px,35px);scale:2}}.analyze-5 .code-analyze{animation:code-analyze-5 1s forwards}@keyframes code-analyze-5{0%{transform:translate(-20px,35px);scale:2}to{transform:translate(36px,-196px);scale:2}}#code167,#code183,#code198,#code28,#code87{animation-duration:2s;animation-iteration-count:forwards;animation-timing-function:linear;transform-origin:center center;transform-box:fill-box;animation-delay:.5s;fill:#3f3f46;filter:none;transform:scale(1);opacity:1}.analyze-1 #code87{animation-name:code-highlight-alert}.analyze-2 #code167{animation-name:code-highlight-vuln}.analyze-3 #code198{animation-name:code-highlight-good}.analyze-4 #code28{animation-name:code-highlight-alert}.analyze-5 #code183{animation-name:code-highlight-good}@keyframes code-highlight-vuln{0%,to{fill:#3f3f46;filter:none;transform:scale(1.1);opacity:1}30%,70%{fill:#ba1b34;filter:drop-shadow(0 0 12px #BA1B34) brightness(1.2);transform:scale(1.2);opacity:1}}@keyframes code-highlight-good{0%,to{fill:#3f3f46;filter:none;transform:scale(1.1);opacity:1}30%,70%{fill:#53b18a;filter:drop-shadow(0 0 12px #53B18A) brightness(1);transform:scale(1.2);opacity:1}}@keyframes code-highlight-alert{0%,to{fill:#3f3f46;filter:none;transform:scale(1.1);opacity:1}30%,70%{fill:#e90;filter:drop-shadow(0 0 12px #EE9900) brightness(1);transform:scale(1.2);opacity:1}}.eye,.eyes,.face,.facial-features,.left-brow,.lightbulb,.right-brow{transform-origin:center;transform-box:fill-box;transition:transform .5s ease-out}.cheeks{display:none}.face{&.neutral{.facial-features{transform:rotate(0deg) scale(1)}.eyes{transform:translateX(0)}.eye{transform:scale(1)}.left-brow,.right-brow{transform:translate(0) rotate(0deg)}}&.thinking-left{.facial-features{transform:rotate(8deg) skewY(.5deg) translateY(-8px) scale(1)}.eyes{transform:translateX(6px);transition:transform .3s ease}.left-brow{transform:translate(-2px,8px) rotate(8deg)}.right-brow{transform:translate(5px,4px) rotate(0deg)}}&.thinking-right{.facial-features{transform:rotate(-8deg) skewY(-.5deg) translateY(-8px) scale(1)}.eyes{transform:translateX(-6px);transition:transform .3s ease}.left-brow{transform:translate(5px,4px) rotate(0)}.right-brow{transform:translate(-2px,8px) rotate(-8deg)}}&.surprised{.facial-features{transform:rotate(0deg) scale(1)}.eyes{transform:translateX(0);transition:transform .3s ease}.eye{animation:surprised-scale .5s forwards}.left-brow,.right-brow{transform:translateY(-5px) rotate(0deg);transition:transform .3s ease}}}@keyframes surprised-scale{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}@keyframes scale-exit{0%{transform:scale(1);opacity:1}20%{transform:scale(1.1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes scale-enter{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.scale-enter{animation:scale-enter .5s ease-out forwards}.scale-exit,.scale-exit .facial-features{animation:scale-exit .5s ease-out forwards}.lightbulb-wrapper{transform:translate(73px,66px)}.lightbulb{fill:#fff;transform:scale(0);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}