.value-based-animation .value-arrow-1{opacity:0;transform:scaleY(.5);transform-origin:0 100%}.value-based-animation .value-arrow-2{opacity:0;transform:scaleX(.5);transform-origin:0 0}.value-based-animation .value-circle-dk-blue,.value-based-animation .value-circle-lt-blue,.value-based-animation .value-circle-md-blue{opacity:0;transform:scale(0);transform-origin:50% 100%}.value-based-animation .value-text,.value-based-animation .value-text-blue{opacity:0}.value-based-animation.active .value-arrow-1{animation:arrowUp 1s ease 2s 1 normal forwards}@keyframes arrowUp{0%{opacity:0;transform:scaleY(.5);transform-origin:0 100%}to{opacity:1;transform:scaleY(1);transform-origin:0 100%}}.value-based-animation.active .value-arrow-2{animation:arrowLeft 1s ease 2s 1 normal forwards}@keyframes arrowLeft{0%{opacity:0;transform:scaleX(.5);transform-origin:0 0}to{opacity:1;transform:scaleX(1);transform-origin:0 0}}.value-based-animation.active .value-circle-dk-blue{animation:circleAnim 1s ease 1s 1 normal forwards}.value-based-animation.active .value-circle-md-blue{animation:circleAnim 1s ease .5s 1 normal forwards}.value-based-animation.active .value-circle-lt-blue{animation:circleAnim 1s ease 0s 1 normal forwards}@keyframes circleAnim{0%{opacity:0;transform:scale(0);transform-origin:50% 100%}to{opacity:1;transform:scale(1);transform-origin:50% 100%}}.value-based-animation.active .value-text,.value-based-animation.active .value-text-blue{animation:textAnim 1s ease 2.5s 1 normal forwards}@keyframes textAnim{0%{opacity:0}to{opacity:1}}