@keyframes app-rotate{0%{transform:scale(.55) perspective(var(--perspective)) rotateY(var(--start-rotation)) translate(var(--start-translate-x),var(--start-translate-y))}to{transform:scale(.55) perspective(var(--perspective)) rotateY(var(--end-rotation)) translate(var(--end-translate-x),var(--end-translate-y))}}.animated-app{--start-translate-y: 400px;--end-translate-y: 100px;position:absolute;width:800px;margin:0 auto;padding:24px 8px;background:#fff;animation:app-rotate 1.5s;animation-fill-mode:both;animation-timing-function:ease-out}@keyframes bar-chart-line{0%{height:0;width:0}to{height:100%;width:100%}}@keyframes bar-chart-bar{0%{height:0}to{visibility:visible}}.bar-chart{position:relative;width:100%;height:100%}.bar-chart-lines{position:absolute;left:0;bottom:0;border-left:2px solid #bce;border-bottom:2px solid #bce;animation:bar-chart-line .4s;animation-fill-mode:both;animation-timing-function:ease-out}.bar-chart-data{position:absolute;display:flex;flex-direction:row;gap:8px;width:100%;height:100%;padding:0 5px 15px 15px;align-items:end}.bar-chart-data .bar-chart-bar{display:inline-block;flex-grow:1;flex-basis:0;background:#627090;animation:bar-chart-bar .2s;animation-fill-mode:both;animation-timing-function:ease-out}@keyframes field-label{0%{border-color:transparent;width:0%}30%{border-color:inherit;width:85%}to{border-color:inherit;width:85%}}.field-label{position:relative;width:200px;padding:12px 0;margin-right:10px}.field-label>div{position:relative;inset:0;animation:field-label 2s;animation-fill-mode:both;animation-timing-function:ease-in-out;background:rgba(34,51,123,.3);padding:10px 0}@keyframes text-field{0%{opacity:0%;width:0%}1%{opacity:10%;width:0%}30%{opacity:100%;width:100%}to{opacity:100%;width:100%}}.text-field{position:relative;width:300px}.text-field>div{position:relative;inset:0;animation:text-field 2s;animation-fill-mode:both;animation-timing-function:ease-in-out;border:2px solid #99a4bb;border-radius:8px;background:rgba(0,0,204,.05);padding:20px 0}@keyframes table-cell{0%{transform:scale(0%)}to{transform:scale(1)}}.animated-table{width:100%;height:100%;border-spacing:4px}.animated-table th,.animated-table td{animation:table-cell .5s;animation-fill-mode:backwards;animation-timing-function:ease-out;border-radius:4px;background:#dddfe1;padding:12px 0;line-height:1}.animated-table th{background:#89a}