.card-anim-0 .animated-scene *,.card-anim-1 .animated-scene *{fill:none!important}.card-anim-0 .animated-scene text,.card-anim-1 .animated-scene text{fill:currentColor!important;stroke:none!important}.card-anim-0 .animated-scene .rack-led,.card-anim-0 .animated-scene .rack-port-active,.card-anim-1 .animated-scene .wd-progress-fill,.card-anim-1 .animated-scene .wd-spark path,.card-anim-1 .animated-scene .wd-spark{fill:currentColor!important}.card-anim-0 .animated-scene{color:#22d3ee}.card-anim-1 .animated-scene{color:#a855f7}.card-anim-0 .animated-scene .rack{opacity:1}.card-anim-0 .animated-scene .rack-unit{opacity:1;transition:none;transform:none}.card-anim-0 .animated-scene .rack-led{opacity:1}.card-anim-0:hover .animated-scene .rack-led-green{animation:2s ease-in-out infinite ledBlinkGreen}.card-anim-0:hover .animated-scene .rack-led-amber{animation:1.5s ease-in-out infinite ledBlinkAmber}.card-anim-0:hover .animated-scene .rack-led-cyan{animation:2.5s ease-in-out infinite ledBlinkCyan}@keyframes ledBlinkGreen{0%,to{opacity:1}50%{opacity:.4}}@keyframes ledBlinkAmber{0%,to{opacity:1}40%{opacity:.2}50%{opacity:1}60%{opacity:.3}}@keyframes ledBlinkCyan{0%,to{opacity:1}60%{opacity:.3}}.card-anim-0 .animated-scene .rack-port-active{fill:#22d3ee}.card-anim-0:hover .animated-scene .rack-port-active{animation:1.2s ease-in-out infinite portPulse}@keyframes portPulse{0%,to{opacity:1}50%{opacity:.4}}.card-anim-0 .animated-scene .rack-screen-bars{transform:scaleX(1)}.card-anim-0:hover .animated-scene .rack-screen-bars{animation:3s ease-in-out infinite screenBars}@keyframes screenBars{0%{opacity:.4;transform:scaleX(1)}20%{opacity:1;transform:scaleX(1)}80%{opacity:1;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.3)}}.card-anim-0 .animated-scene .rack-cable{stroke-dasharray:none;stroke-dashoffset:0}.card-anim-0:hover .animated-scene .rack-status{animation:4s ease-in-out infinite statusFlicker}@keyframes statusFlicker{0%,to{opacity:1}47%{opacity:1}49%{opacity:.4}51%{opacity:1}80%{opacity:1}82%{opacity:.5}84%{opacity:1}}.card-anim-1 .animated-scene .wd-blocks{opacity:1}.card-anim-1 .animated-scene .wd-block{opacity:1;animation:.6s cubic-bezier(.34,1.56,.64,1) backwards paused wdBlockBuild;transform:translateY(0)}.card-anim-1:hover .animated-scene .wd-block{animation-play-state:running}@keyframes wdBlockBuild{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-anim-1:hover .animated-scene .wd-block[data-block=nav]{animation-delay:.1s}.card-anim-1:hover .animated-scene .wd-block[data-block=hero]{animation-delay:.25s}.card-anim-1:hover .animated-scene .wd-block[data-block=features]{animation-delay:.5s}.card-anim-1:hover .animated-scene .wd-block[data-block=image]{animation-delay:.65s}.card-anim-1 .animated-scene .wd-side-widget{opacity:1;transform:translate(0)}.card-anim-1:hover .animated-scene .wd-side-widget[data-widget="1"]{animation:.4s .4s backwards wdWidgetBuild}.card-anim-1:hover .animated-scene .wd-side-widget[data-widget="2"]{animation:.4s .5s backwards wdWidgetBuild}.card-anim-1:hover .animated-scene .wd-side-widget[data-widget="3"]{animation:.4s .6s backwards wdWidgetBuild}@keyframes wdWidgetBuild{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.card-anim-1 .animated-scene .wd-float-tag{opacity:1}.wd-float-tag-1{transform:translate(60px,250px)}.wd-float-tag-2{transform:translate(450px,130px)}.wd-float-tag-3{transform:translate(40px,180px)}.wd-float-tag-4{transform:translate(460px,240px)}.wd-float-tag-5{transform:translate(50px,110px)}.wd-float-tag-6{transform:translate(450px,60px)}.card-anim-1:hover .animated-scene .wd-float-tag-1{animation:4s ease-in-out .3s infinite floatDrift1}.card-anim-1:hover .animated-scene .wd-float-tag-2{animation:5s ease-in-out .5s infinite floatDrift2}.card-anim-1:hover .animated-scene .wd-float-tag-3{animation:4.5s ease-in-out .7s infinite floatDrift3}.card-anim-1:hover .animated-scene .wd-float-tag-4{animation:5.5s ease-in-out .9s infinite floatDrift4}.card-anim-1:hover .animated-scene .wd-float-tag-5{animation:4.8s ease-in-out 1.1s infinite floatDrift5}.card-anim-1:hover .animated-scene .wd-float-tag-6{animation:5.2s ease-in-out 1.3s infinite floatDrift6}@keyframes floatDrift1{0%,to{transform:translate(60px,250px)}50%{transform:translate(65px,240px)}}@keyframes floatDrift2{0%,to{transform:translate(450px,130px)}50%{transform:translate(445px,140px)}}@keyframes floatDrift3{0%,to{transform:translate(40px,180px)}50%{transform:translate(45px,170px)}}@keyframes floatDrift4{0%,to{transform:translate(460px,240px)}50%{transform:translate(455px,230px)}}@keyframes floatDrift5{0%,to{transform:translate(50px,110px)}50%{transform:translate(55px,120px)}}@keyframes floatDrift6{0%,to{transform:translate(450px,60px)}50%{transform:translate(445px,70px)}}.card-anim-1 .animated-scene .wd-cursor{opacity:1;transform:translate(220px,230px)}.card-anim-1:hover .animated-scene .wd-cursor{animation:6s ease-in-out infinite cursorBuild}@keyframes cursorBuild{0%{transform:translate(220px,230px)}15%{transform:translate(160px,200px)}30%{transform:translate(360px,180px)}45%{transform:translate(330px,120px)}60%{transform:translate(130px,130px)}75%{transform:translate(170px,250px)}to{transform:translate(220px,230px)}}.card-anim-1 .animated-scene .wd-spark{opacity:.6}.card-anim-1:hover .animated-scene .wd-spark-1{animation:2s ease-in-out infinite twinkle}.card-anim-1:hover .animated-scene .wd-spark-2{animation:2.5s ease-in-out .5s infinite twinkle}.card-anim-1:hover .animated-scene .wd-spark-3{animation:2.2s ease-in-out 1s infinite twinkle}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.card-anim-1:hover .animated-scene .wd-spark-1,.card-anim-1:hover .animated-scene .wd-spark-2,.card-anim-1:hover .animated-scene .wd-spark-3{transform-box:fill-box;transform-origin:50%}.card-anim-1 .animated-scene .wd-progress-fill{width:318px}.card-anim-1:hover .animated-scene .wd-progress-fill{animation:5s ease-out forwards progressFill}@keyframes progressFill{0%{width:0}to{width:318px}}.card-anim-1:hover .animated-scene .wd-status{animation:3s ease-in-out infinite statusBlink}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}[data-theme=light] .card-anim-0 .animated-scene{color:#0891b2}[data-theme=light] .card-anim-1 .animated-scene{color:#7c3aed}@media (width<=768px){.card-anim-0:hover .animated-scene .rack-led,.card-anim-0:hover .animated-scene .rack-port-active,.card-anim-0:hover .animated-scene .rack-screen-bars,.card-anim-0:hover .animated-scene .rack-status,.card-anim-1:hover .animated-scene .wd-block,.card-anim-1:hover .animated-scene .wd-side-widget,.card-anim-1:hover .animated-scene .wd-float-tag,.card-anim-1:hover .animated-scene .wd-cursor,.card-anim-1:hover .animated-scene .wd-spark,.card-anim-1:hover .animated-scene .wd-progress-fill,.card-anim-1:hover .animated-scene .wd-status{animation:none!important}}