body{margin:0;background:#CDFC51}
a{color:#0A0A0A}a:hover{color:#1F6FB5}
.dp-flow{stroke-dasharray:6 10;animation:dp-flow 1.6s linear infinite}
@keyframes dp-flow{to{stroke-dashoffset:-64}}
.dp-pulse{transform-box:fill-box;transform-origin:center;animation:dp-pulse 2.4s ease-out infinite}
@keyframes dp-pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.4);opacity:0}}
@media (prefers-reduced-motion: reduce){.dp-flow,.dp-pulse{animation:none}}
.dp-tw{animation:dp-tw 4s ease-in-out infinite}
@keyframes dp-tw{0%,100%{fill-opacity:.26}50%{fill-opacity:1}}
.dp-draw{stroke-dasharray:100;stroke-dashoffset:100;animation:dp-draw 1.6s ease-out forwards}
@keyframes dp-draw{to{stroke-dashoffset:0}}
.dp-row{opacity:0;animation:dp-up .6s ease-out forwards}
@keyframes dp-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dp-bar{transform-origin:left center;transform:scaleX(0);animation:dp-bar 1.2s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes dp-bar{to{transform:scaleX(1)}}
.dp-chip{opacity:0;animation:dp-up .4s ease-out forwards}
.dp-live{animation:dp-blink 1s steps(2,start) infinite}
@keyframes dp-blink{to{visibility:hidden}}
.dp-ch{display:inline-block;animation:dp-ch 5s steps(1,end) infinite}
@keyframes dp-ch{0%,6%{opacity:.15;transform:translateY(-2px)}7%,100%{opacity:1;transform:none}}
.dp-cursor{animation:dp-blink 1s steps(2,start) infinite}
@keyframes dp-pr0{0%,15.38%{opacity:0}15.39%,100%{opacity:1}}
@keyframes dp-pr1{0%,13.85%{opacity:0}13.86%,100%{opacity:1}}
@keyframes dp-pr2{0%,12.31%{opacity:0}12.32%,100%{opacity:1}}
@keyframes dp-pr3{0%,10.77%{opacity:0}10.78%,100%{opacity:1}}
@keyframes dp-pr4{0%,9.23%{opacity:0}9.24%,100%{opacity:1}}
@keyframes dp-pr5{0%,7.69%{opacity:0}7.70%,100%{opacity:1}}
@keyframes dp-pr6{0%,6.15%{opacity:0}6.16%,100%{opacity:1}}
@keyframes dp-pr7{0%,4.62%{opacity:0}4.63%,100%{opacity:1}}
@keyframes dp-pr8{0%,3.08%{opacity:0}3.09%,100%{opacity:1}}
@keyframes dp-pr9{0%,1.54%{opacity:0}1.55%,100%{opacity:1}}
@keyframes dp-pr10{0%,0.00%{opacity:0}0.01%,100%{opacity:1}}
.dp-pi{animation-name:dp-pi;animation-timing-function:steps(1,end);animation-iteration-count:infinite}
@keyframes dp-pi{0%,14%{opacity:0}15%,100%{opacity:1}}
@media (prefers-reduced-motion: reduce){.dp-logo g,.dp-pi{animation:none!important;opacity:1}}
@keyframes dp-hop{0%,70%,100%{transform:none}80%{transform:translateY(-4px)}90%{transform:translateY(0)}}
.dp-eye{opacity:0;animation:dp-eye 1.2s steps(1,end) infinite}
@keyframes dp-eye{0%,49%{opacity:1}50%,100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.dp-tw,.dp-draw,.dp-row,.dp-bar,.dp-chip,.dp-live,.dp-ch,.dp-cursor,.dp-logo,.dp-eye{animation:none;opacity:1;transform:none;stroke-dashoffset:0}}
