.con[data-v-39c74bd6]{position:relative;display:inline-block;height:100px;width:100px}.percent-circle[data-v-39c74bd6]{position:absolute;height:100%;background:red;overflow:hidden}.percent-circle-right[data-v-39c74bd6]{right:0;width:50px;border-radius:0 50px 50px 0/0 50px 50px 0}.percent-circle-right .right-content[data-v-39c74bd6]{position:absolute;content:"";width:100%;height:100%;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0);border-radius:0 50px 50px 0/0 50px 50px 0;background:#464646}.percent-circle-left[data-v-39c74bd6]{width:50px;border-radius:50px 0 0 50px/50px 0 0 50px}.percent-circle-left .left-content[data-v-39c74bd6]{position:absolute;content:"";width:100%;height:100%;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0);border-radius:50px 0 0 50px/50px 0 0 50px;background:#464646}.text-circle[data-v-39c74bd6]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:80%;width:80%;left:10%;top:10%;border-radius:100%;background:#fff;color:#fff}[data-v-fc0b4042]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-fc0b4042],html[data-v-fc0b4042]{margin:0 0;padding:0;height:100%}body[data-v-fc0b4042]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#212121;font-family:Roboto,Helvetica,Arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.donut[data-v-fc0b4042]{position:relative}.donut__copy[data-v-fc0b4042]{text-align:center;width:100%;height:100%;padding-top:68px;top:0;left:0;position:absolute}.donut__secondary[data-v-fc0b4042],.donut__title[data-v-fc0b4042]{display:block;margin:0;padding:0}.donut__spic[data-v-fc0b4042],.donut__title[data-v-fc0b4042]{color:#8a6fd5;font-weight:200}.donut__title[data-v-fc0b4042]{font-size:79px;position:relative;-webkit-animation:donutTitleFadeLeft-data-v-fc0b4042 .8s cubic-bezier(.99,.01,.22,.94) .2s forwards;animation:donutTitleFadeLeft-data-v-fc0b4042 .8s cubic-bezier(.99,.01,.22,.94) .2s forwards;opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.donut__spic[data-v-fc0b4042]{position:absolute;top:20px;font-size:30px;line-height:1em;content:"%";-webkit-animation:donutTitleFadeRight-data-v-fc0b4042 .8s cubic-bezier(.99,.01,.22,.94) .2s forwards;animation:donutTitleFadeRight-data-v-fc0b4042 .8s cubic-bezier(.99,.01,.22,.94) .2s forwards;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}@-webkit-keyframes donutTitleFadeLeft-data-v-fc0b4042{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@keyframes donutTitleFadeLeft-data-v-fc0b4042{0%{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}}@-webkit-keyframes donutTitleFadeRight-data-v-fc0b4042{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes donutTitleFadeRight-data-v-fc0b4042{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.donut__svg[data-v-fc0b4042]{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.donut__svg__circle--one[data-v-fc0b4042]{stroke-dasharray:565.2;stroke-dashoffset:565.2;-webkit-transition:stroke-dashoffset 1.2s cubic-bezier(.99,.01,.62,.94);transition:stroke-dashoffset 1.2s cubic-bezier(.99,.01,.62,.94)}.info[data-v-fc0b4042]{font-size:14px;color:#999;position:absolute;-webkit-box-flex:1;-ms-flex:1;flex:1;bottom:40px;width:100%;left:0;text-align:center}.info a[data-v-fc0b4042]{color:#999}#circle[data-v-4f447174]{display:block;border-radius:50%;position:relative}#circle>div[data-v-4f447174]{height:36px;line-height:36px;left:3px;top:3px;background:#fff;border-radius:50%}#circle>div>span[data-v-4f447174],#circle>div[data-v-4f447174]{position:absolute;width:36px;-webkit-transition:.15s;transition:.15s}#circle>div>span[data-v-4f447174]{top:0;left:0;font-size:12px;font-weight:700;text-align:center}#circle:hover>div[data-v-4f447174]{left:23px;top:23px;width:0;height:0}#circle:hover>div>span[data-v-4f447174]{top:-20px;left:-20px;color:#fff!important}