svg{display:block;width:16px}svg .path{stroke-dasharray:1000;stroke-dashoffset:0}svg .path.circle{animation:dash .9s ease-in-out}svg .path.line{animation:dash .9s ease-in-out .35s forwards;stroke-dashoffset:1000}svg .path.check{animation:dash-check .9s ease-in-out .35s forwards;stroke-dashoffset:-100}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}.chart-svg{flex:1;transform:translate(1px);width:100%}.chart-svg .chart-dot{animation:none;opacity:1}.chart-svg .chart-ripple{opacity:0;transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.chart-svg.is-active .clip-rect{animation:clipExpand 3s cubic-bezier(.4,0,.2,1) forwards}.chart-svg.is-active .chart-ripple{animation:chartRipple 2.2s ease-out infinite}.chart-svg.is-active .ripple-1{animation-delay:0s}.chart-svg.is-active .ripple-2{animation-delay:1.1s}@keyframes clipExpand{0%{width:0}to{width:380px}}@keyframes chartRipple{0%{opacity:.5;transform:scale(1)}25%{opacity:.35;transform:scale(2.2)}to{opacity:0;transform:scale(6.8)}}