.main{width:100vw;height:100vh;position:relative;padding:10px;background-image:-webkit-gradient(linear,left top,left bottom,from(#0009a5),to(#150b48));background-image:linear-gradient(180deg,#0009a5,#150b48);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main,.main .context{display:-webkit-box;display:-ms-flexbox;display:flex}.main .context{margin:10px}.main .context .header{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-weight:700;font-size:32px;line-height:50px;text-align:center;background-color:#2621c4;margin-right:20px}.main .context .body,.main .context .header{display:-webkit-box;display:-ms-flexbox;display:flex}.main .context .body{-webkit-box-flex:1;-ms-flex:1 0 1px;flex:1 0 1px}.main .total{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px}.main .total .body{background-color:#2621c4;color:#fff}.main .total .people{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 1px;flex:1 0 1px}.main .total .people .aux{height:100%;width:5px;background-color:#0df5ff;margin-right:10px}.main .total .people .data{-webkit-box-flex:1;-ms-flex:1 0 1px;flex:1 0 1px;position:relative}.main .total .people .data .title{font-size:20px;line-height:20px}.main .total .people .data .info{position:absolute;bottom:-5px;left:0}.main .total .people .data .info .number{line-height:36px;font-size:36px;font-weight:700}.main .total .people .data .info .unit{font-size:20px}.main .total .gym-info{-webkit-box-flex:1;-ms-flex:1 1 500px;flex:1 1 500px;text-align:right;margin-top:5px;margin-right:15px;color:#ffa0ff;text-shadow:#dc1b7e 1px 0 0,#dc1b7e 1px 0 0,#dc1b7e -1px 0 0,#dc1b7e 0 -1px 0;-webkit-text-shadow:#dc1b7e 1px 0 0,#dc1b7e 1px 0 0,#dc1b7e -1px 0 0,#dc1b7e 0 -1px 0;-moz-text-shadow:#dc1b7e 1px 0 0,#dc1b7e 1px 0 0,#dc1b7e -1px 0 0,#dc1b7e 0 -1px 0}.main .total .gym-info .name{font-size:35px}.main .total .gym-info .date{font-size:25px}.main .first .chartBar{position:relative;padding:15px;height:420px;margin-right:20px;font-size:35px;font-weight:600;border:1px solid #452683;border-radius:5px;background:#471e99;color:#fff;background:linear-gradient(-45deg,rgba(69,38,131,.7),rgba(38,33,196,.8),#2621c4)}.main .first .chartBar .projectDiv{padding:20px 0;width:45%;text-align:center;border-radius:10px;background:rgba(69,38,131,.2);background:linear-gradient(-45deg,rgba(69,38,131,.5),rgba(102,58,221,.7),#663add);position:absolute;top:160px;right:100px;color:#fff;font-size:20px;margin-top:50px}.main .first .chartBar .projectTitle{font-size:40px;font-weight:600;text-align:center;color:#fff}.main .first .chartBar .rotate{width:230px;height:220px;position:relative;float:left;margin-right:20px}.main .first .chartBar .loader{display:inline-block;position:relative;width:100%;height:100%;border:4px solid #240229;overflow:hidden;border-radius:50%;-webkit-box-shadow:-5px -5px 5px hsla(0,0%,100%,.1),10px 10px 10px rgba(0,0,0,.4),inset -5px -5px 5px rgba(32,9,9,.2),inset 10px 10px 10px rgba(0,0,0,.4);box-shadow:-5px -5px 5px hsla(0,0%,100%,.1),10px 10px 10px rgba(0,0,0,.4),inset -5px -5px 5px rgba(32,9,9,.2),inset 10px 10px 10px rgba(0,0,0,.4)}.main .first .chartBar .loader .mask{mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);height:100%;width:100%;border-radius:50%}.main .first .chartBar .loader:before{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;background-color:#240229;border-radius:50%;-webkit-box-shadow:inset -2px -2px 5px hsla(0,0%,100%,.2),inset 3px 3px 3px rgba(0,0,0,.5);box-shadow:inset -2px -2px 5px hsla(0,0%,100%,.2),inset 3px 3px 3px rgba(0,0,0,.5);z-index:10}.main .first .chartBar .loader .clr{position:absolute;width:100%;height:100%;border-radius:50%;background:-webkit-gradient(linear,left top,left bottom,from(#14ffe9),color-stop(#ffeb3b),to(#ff00e0));background:linear-gradient(#14ffe9,#ffeb3b,#ff00e0);-webkit-filter:blur(20px);filter:blur(20px);-webkit-animation:animate .8s linear infinite;animation:animate .8s linear infinite}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main .first .chartBar .chart-pie{width:550px;height:320px;position:relative}.main .second{display:-webkit-box;display:-ms-flexbox;display:flex}.main .second,.main .second .chartBar{-webkit-box-flex:1;-ms-flex:1 0 1px;flex:1 0 1px}.main .second .chartBar{position:relative;padding:15px;font-size:35px;font-weight:600;border:1px solid #452683;border-radius:5px;background:#471e99;color:#fff;background:linear-gradient(-45deg,rgba(69,38,131,.7),rgba(38,33,196,.8),#2621c4)}.main .second .bar{-webkit-box-flex:1;-ms-flex:1 0 1px;flex:1 0 1px;margin-right:20px}.main .second .bar .chart-bar{height:450px}.main .second .line{-webkit-box-flex:1;-ms-flex:1 0 1px;flex:1 0 1px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .second .line,.main .second .line .chartBar{display:-webkit-box;display:-ms-flexbox;display:flex}.main .second .line .chartBar{position:relative;height:215px}.main .second .line .chartBar .projectTitle{-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;font-size:32px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}