.trade-steps svg{overflow:visible;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
.steps-playing a:nth-child(1) svg{animation:step-camera 1.1s .2s ease-in-out both}
.steps-playing a:nth-child(1) svg circle{animation:step-flash 1s .3s ease-out both}
.steps-playing .step-arrow-top{animation:step-right 1.1s 1.65s ease-in-out both}
.steps-playing .step-arrow-bottom{animation:step-left 1.1s 1.65s ease-in-out both}
.steps-playing a:nth-child(3) svg path{stroke-dasharray:24;animation:step-check 1.1s 3.1s ease-out both}
.steps-playing a:nth-child(3) svg{animation:step-glow 1.4s 3.1s ease-out both}
}
@keyframes step-camera{0%,100%{transform:scale(1)}40%{transform:scale(1.14)}65%{transform:scale(.97)}}
@keyframes step-flash{0%,100%{fill:transparent}40%{fill:#c9ffdc}}
@keyframes step-right{0%,100%{transform:translateX(0)}40%{transform:translateX(3px)}70%{transform:translateX(-1px)}}
@keyframes step-left{0%,100%{transform:translateX(0)}40%{transform:translateX(-3px)}70%{transform:translateX(1px)}}
@keyframes step-check{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@keyframes step-glow{0%,100%{filter:drop-shadow(0 0 0 transparent)}55%{filter:drop-shadow(0 0 7px #24f268)}}