.trend-demo{align-items:flex-end;width:100%;height:100%;display:flex}.trend-chart-wrap{width:100%;height:80%;position:relative}.trend-line-chart{width:100%;height:100%;display:block;position:absolute;inset:0}.trend-area{fill:rgba(96,165,250,.1)}.trend-line{fill:none;stroke:#60a5fa;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.trend-dot{opacity:0;background:#fff;border:2px solid #60a5fa;border-radius:50%;width:8px;height:8px;animation:.3s ease-out forwards trend-dot-in;position:absolute;transform:translate(-50%,-50%)}@keyframes trend-dot-in{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}