.graph-box{position:relative}.graph-title{margin-left:15px}.bar-area{position:absolute}.bar-wrap{height:75%}.bar-line{border-radius:0 5px 5px 0;height:100%;transform:scaleX(0);transform-origin:0;width:100%}.animate .bar-line{animation:scalebar 2s ease-in-out 1s forwards}@keyframes scalebar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.graph-legend{display:flex;flex-wrap:wrap;gap:25px;margin:20px 0 0 15px}.legend-entry{align-items:center;display:flex;gap:15px}.legend-box{aspect-ratio:1/1;border-radius:5px;display:inline-flex;height:25px;text-decoration:none}.legend-box:hover{cursor:default}.bar-line-red,.legend-box-red{background:linear-gradient(90deg,#e31c45,#ff6060)}.bar-line-blue,.legend-box-blue{background:linear-gradient(90deg,#91cee7,#d9f5fe)}.bar-line-grey,.legend-box-grey{background:linear-gradient(90deg,#969392,#c2c4c4)}