body{min-height:450px;height:100vh;margin:0;background:-webkit-radial-gradient(ellipse farthest-corner at center top,#6cebcf 0%,#38a7aa 100%);background:radial-gradient(ellipse farthest-corner at center top,#6cebcf 0%,#38a7aa 100%);color:#404853;font-family:'Open Sans',sans-serif}.stage{position:absolute;left:50%;top:40%;width:625px;height:300px;-webkit-perspective:9999px;perspective:9999px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate(-50%,-50%) rotateY(30deg) rotateX(25deg);transform:translate(-50%,-50%) rotateY(30deg) rotateX(25deg)}.stage.reset .chart .col{height:2px}.table{width:750px;position:absolute;z-index:1;bottom:-38px;left:-81px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:-webkit-linear-gradient(top,#f5f8fc,#dce1eb);background:linear-gradient(to bottom,#f5f8fc,#dce1eb);padding:20px}.table::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#429EA0;-webkit-transform:translateY(5px) translateZ(-20px);transform:translateY(5px) translateZ(-20px);z-index:1;-webkit-filter:blur(10px);filter:blur(10px)}.table h1{text-align:center;font-size:24px;margin:0 0 5px}.table div::before,.table div::after{content:'';position:absolute;width:10px;height:100%;top:0;left:0;background:-webkit-linear-gradient(top,#dcdfe3,#c5c9d1);background:linear-gradient(to bottom,#dcdfe3,#c5c9d1);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 0;transform-origin:0 0}.table div::after{width:100%;height:10px;top:100%;left:0;background:-webkit-linear-gradient(left,#B0B7BF,#B0B7BF);background:linear-gradient(90deg,#B0B7BF,#B0B7BF);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0}.table table td,.table table th{font-size:12px;text-align:center;height:40px;width:60px;vertical-align:bottom}.table table td{border-bottom:1px dashed rgba(67,182,177,0.71)}.chart{width:99%;height:100%;top:0;left:30px;position:absolute;z-index:2;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-transform:translateZ(40px);transform:translateZ(40px);-webkit-animation:rotate 5s infinite alternate ease-in-out -7.5s,o_O .1s 1;animation:rotate 5s infinite alternate ease-in-out -7.5s,o_O .1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.chart .col{width:35px;height:40px;background:-webkit-linear-gradient(top,#62e0c8,#39adad);background:linear-gradient(to bottom,#62e0c8,#39adad);position:relative;bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:height .4s ease-in-out,-webkit-transform .2s ease-in-out;transition:height .4s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,height .4s ease-in-out;transition:transform .2s ease-in-out,height .4s ease-in-out,-webkit-transform .2s ease-in-out;opacity:.7}.chart .col::before,.chart .col::after{content:'';position:absolute;width:10px;height:100%;top:0;left:0;background:-webkit-linear-gradient(top,#44dabe,#39ACAC);background:linear-gradient(to bottom,#44dabe,#39ACAC);-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 0;transform-origin:0 0}.chart .col::after{width:100%;height:10px;top:100%;left:0;background:-webkit-linear-gradient(top,#369191,#329595);background:linear-gradient(to bottom,#369191,#329595);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:0 0;transform-origin:0 0}.chart .col:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s;height:50px}.chart .col:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s;height:150px}.chart .col:nth-child(4){-webkit-transition-delay:.6s;transition-delay:.6s;height:100px}.chart .col:nth-child(5){-webkit-transition-delay:.8s;transition-delay:.8s;height:180px}.chart .col:nth-child(6){-webkit-transition-delay:1s;transition-delay:1s;height:120px}.chart .col:nth-child(7){-webkit-transition-delay:1.2s;transition-delay:1.2s;height:70px}.chart .col div{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:.3;-webkit-transform:translateZ(-10px);transform:translateZ(-10px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.chart .col div::before,.chart .col div::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#07B990;opacity:1;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:translateX(-3px) translateY(2px) translateZ(-8px);transform:translateX(-3px) translateY(2px) translateZ(-8px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.chart .col:hover{-webkit-transform:translateZ(8px);transform:translateZ(8px);-webkit-transition-delay:0;transition-delay:0}.chart .col:hover div::before,.chart .col:hover div::after{-webkit-transform:translateX(-3px) translateY(2px) translateZ(-12px);transform:translateX(-3px) translateY(2px) translateZ(-12px)}.reload{position:absolute;bottom:20%;right:20%;background:#fff;border-radius:20px;font-size:11px;line-height:1.5;padding:8px 12px;text-transform:uppercase;z-index:10;cursor:pointer;box-shadow:0 6px 7px #31A09E}.reload svg{vertical-align:middle;position:relative;top:-2px}@media (max-width: 991px){.stage{position:absolute;left:50%;top:40%!important}.reload{position:absolute;bottom:5%!important;right:15%!important}}@media (max-width: 736px){.stage{position:absolute;left:50%;top:42%!important}.table{width:calc(100% - 5em)!important;left:5%!important}.chart{width:calc(100% - 8em)!important;left:22%!important}.col{width:25px!important}.table table td,.table table th{font-size:10px}.reload{position:absolute;bottom:5%!important;right:5%!important}}