.jm{display:inline-block;overflow:visible}.jm .jm-dot,.jm .jm-square{transform-box:fill-box;transform-origin:center}.jm[data-state=idle] .jm-spine{stroke-dasharray:1;stroke-dashoffset:1}.jm[data-state=idle] .jm-dot{opacity:0}.jm[data-state=idle] .jm-square{opacity:0;transform:scale(.92)}.jm[data-state=play] .jm-spine{stroke-dasharray:1;animation:jm-draw .95s cubic-bezier(.65,0,.35,1) both}.jm[data-state=play] .jm-dot{animation:jm-dot .6s cubic-bezier(.34,1.56,.64,1) .78s both}.jm[data-state=play] .jm-square{animation:jm-square .5s cubic-bezier(.22,1,.36,1) both}.jm[data-state=play]:has(.jm-square) .jm-spine{animation-delay:.25s}.jm[data-state=play]:has(.jm-square) .jm-dot{animation-delay:1.03s}@keyframes jm-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes jm-dot{0%{opacity:0;transform:translateY(-55%) scale(.4)}to{opacity:1;transform:none}}@keyframes jm-square{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.jm .jm-dot,.jm .jm-spine,.jm .jm-square{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}