.art{fill:none;stroke:currentColor;stroke-width:2px;width:96px;height:72px;margin:0 0 2rem;display:block;overflow:visible}.art-solid{fill:currentColor;stroke:none}.art-soft{fill-opacity:.42}.art *{transform-box:fill-box}.art-b{transform-origin:0;animation:artBuild 7s var(--ease) infinite}.art-b.b2{animation-delay:.25s}.art-b.b3{animation-delay:.45s}.art-b.b4{animation-delay:.7s}.art-b.b5{transform-origin:50% 100%;animation-delay:1s}@keyframes artBuild{0%{opacity:0;transform:scaleX(0)}9%,84%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}.art-flow{stroke-width:1.6px;stroke-dasharray:3 5;opacity:.75;animation:1.1s linear infinite artDash}.art-node{fill:currentColor;fill-opacity:.12;animation:3.3s ease-in-out infinite artNode}.art-node.n2{animation-delay:.85s}.art-node.n3{animation-delay:1.7s}@keyframes artDash{to{stroke-dashoffset:-8px}}@keyframes artNode{0%,34%,to{fill-opacity:.12}10%,22%{fill-opacity:1}}.art-typing circle{animation:1.2s infinite ccDot}.art-typing circle:nth-child(2){animation-delay:.15s}.art-typing circle:nth-child(3){animation-delay:.3s}.art-ink{stroke:var(--bg);stroke-width:3px}.art-reply{transform-origin:100% 100%;animation:artReply 5.5s var(--ease) infinite}.art-spark{transform-origin:50%;animation:5.5s ease-in-out infinite artSpark}@keyframes artReply{0%,38%{opacity:0;transform:scale(.7)}47%,90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes artSpark{0%,40%{opacity:0;transform:scale(.3)rotate(-45deg)}52%{opacity:1;transform:scale(1.15)}62%,88%{opacity:1;transform:none}to{opacity:0;transform:scale(.6)}}@media (max-width:900px){.art{margin-bottom:1.4rem}}
