$bg-color:#34495e;$default-size:1em;$label-font-size:calc($default-size / 4);$label-font-size-redo:calc($default-size * 4);@define-mixin draw-progress-le50 $progress,$color{.pie{.half-circle[data-v-55d5a3d6]{border-color:$color}.left-side[data-v-55d5a3d6]{transform:rotate(calc($progress * 3.6deg))}.right-side[data-v-55d5a3d6]{display:none}}}@define-mixin draw-progress-gt50 $progress,$color{.pie{&[data-v-55d5a3d6]{clip:rect(auto,auto,auto,auto)}.half-circle[data-v-55d5a3d6]{border-color:$color}.left-side[data-v-55d5a3d6]{transform:rotate(calc($progress * 3.6deg))}.right-side[data-v-55d5a3d6]{transform:rotate(180deg)}}}[data-v-55d5a3d6],[data-v-55d5a3d6]:after,[data-v-55d5a3d6]:before{box-sizing:border-box}.set-size[data-v-55d5a3d6]{font-size:10em}.pie-wrapper[data-v-55d5a3d6]{float:left;height:$default-size;margin:15px;position:relative;width:$default-size}.pie-wrapper .pie[data-v-55d5a3d6]{height:100%;width:100%;clip:rect(0,$default-size,$default-size,calc($default-size / 2));left:0;position:absolute;top:0}.pie-wrapper .pie .half-circle[data-v-55d5a3d6]{border:calc($default-size / 10) solid #3498db;border-radius:50%;height:100%;width:100%;clip:rect(0,calc($default-size / 2),$default-size,0);left:0;position:absolute;top:0}.pie-wrapper .label[data-v-55d5a3d6]{background:$bg-color;border-radius:50%;bottom:calc($label-font-size-redo / 10);color:#ecf0f1;cursor:default;display:block;font-size:$label-font-size;left:calc($label-font-size-redo / 10);line-height:calc($label-font-size-redo * .8);position:absolute;right:calc($label-font-size-redo / 10);text-align:center;top:calc($label-font-size-redo / 10)}.pie-wrapper .label .smaller[data-v-55d5a3d6]{color:#bdc3c7;font-size:.45em;padding-bottom:20px;vertical-align:super}.pie-wrapper .progress-10[data-v-55d5a3d6]{@mixin draw-progress-le50 10,#3498db;}.pie-wrapper .progress-20[data-v-55d5a3d6]{@mixin draw-progress-le50 20,#9b59b6;}.pie-wrapper .progress-30[data-v-55d5a3d6]{@mixin draw-progress-le50 30,#e67e22;}.pie-wrapper .progress-40[data-v-55d5a3d6]{@mixin draw-progress-le50 40,#1abc9c;}.pie-wrapper .progress-50[data-v-55d5a3d6]{@mixin draw-progress-le50 50,#8e44ad;}.pie-wrapper .progress-60[data-v-55d5a3d6]{@mixin draw-progress-gt50 60,#e74c3c;}.pie-wrapper .progress-70[data-v-55d5a3d6]{@mixin draw-progress-gt50 70,#e74c3c;}.pie-wrapper .progress-80[data-v-55d5a3d6]{@mixin draw-progress-gt50 80,#e74c3c;}.pie-wrapper .progress-90[data-v-55d5a3d6]{@mixin draw-progress-gt50 90,#e74c3c;}.pie-wrapper .progress-100[data-v-55d5a3d6]{@mixin draw-progress-gt50 100,#e74c3c;}.pie-wrapper .style-2 .label[data-v-55d5a3d6]{background:none;color:#7f8c8d}.pie-wrapper .style-2 .label .smaller[data-v-55d5a3d6]{color:#bdc3c7}.pie-wrapper .shadow[data-v-55d5a3d6]{border:calc($default-size / 10) solid #bdc3c7;border-radius:50%;height:100%;width:100%}.pie-wrapper[data-v-55d5a3d6]:nth-child(3n+1){clear:both}.pie-wrapper.progress-10 .pie .half-circle[data-v-55d5a3d6]{border-color:#3498db}.pie-wrapper.progress-10 .pie .left-side[data-v-55d5a3d6]{transform:rotate(36deg)}.pie-wrapper.progress-10 .pie .right-side[data-v-55d5a3d6]{display:none}.pie-wrapper.progress-20 .pie .half-circle[data-v-55d5a3d6]{border-color:#9b59b6}.pie-wrapper.progress-20 .pie .left-side[data-v-55d5a3d6]{transform:rotate(72deg)}.pie-wrapper.progress-20 .pie .right-side[data-v-55d5a3d6]{display:none}.pie-wrapper.progress-30 .pie .half-circle[data-v-55d5a3d6]{border-color:#e67e22}.pie-wrapper.progress-30 .pie .left-side[data-v-55d5a3d6]{transform:rotate(108deg)}.pie-wrapper.progress-30 .pie .right-side[data-v-55d5a3d6]{display:none}.pie-wrapper.progress-40 .pie .half-circle[data-v-55d5a3d6]{border-color:#1abc9c}.pie-wrapper.progress-40 .pie .left-side[data-v-55d5a3d6]{transform:rotate(144deg)}.pie-wrapper.progress-40 .pie .right-side[data-v-55d5a3d6]{display:none}.pie-wrapper.progress-50 .pie .half-circle[data-v-55d5a3d6]{border-color:#8e44ad}.pie-wrapper.progress-50 .pie .left-side[data-v-55d5a3d6]{transform:rotate(180deg)}.pie-wrapper.progress-50 .pie .right-side[data-v-55d5a3d6]{display:none}.pie-wrapper.progress-100 .pie .half-circle[data-v-55d5a3d6],.pie-wrapper.progress-60 .pie .half-circle[data-v-55d5a3d6],.pie-wrapper.progress-70 .pie .half-circle[data-v-55d5a3d6],.pie-wrapper.progress-80 .pie .half-circle[data-v-55d5a3d6],.pie-wrapper.progress-90 .pie .half-circle[data-v-55d5a3d6]{border-color:#e74c3c}.pie-wrapper.progress-60 .pie .left-side[data-v-55d5a3d6]{transform:rotate(216deg)}.pie-wrapper.progress-70 .pie .left-side[data-v-55d5a3d6]{transform:rotate(252deg)}.pie-wrapper.progress-80 .pie .left-side[data-v-55d5a3d6]{transform:rotate(288deg)}.pie-wrapper.progress-90 .pie .left-side[data-v-55d5a3d6]{transform:rotate(324deg)}.pie-wrapper.progress-100 .pie .left-side[data-v-55d5a3d6]{transform:rotate(1turn)}.pie-wrapper.progress-100 .pie[data-v-55d5a3d6],.pie-wrapper.progress-60 .pie[data-v-55d5a3d6],.pie-wrapper.progress-70 .pie[data-v-55d5a3d6],.pie-wrapper.progress-80 .pie[data-v-55d5a3d6],.pie-wrapper.progress-90 .pie[data-v-55d5a3d6]{clip:rect(auto,auto,auto,auto)}.pie-wrapper.progress-100 .pie .right-side[data-v-55d5a3d6],.pie-wrapper.progress-60 .pie .right-side[data-v-55d5a3d6],.pie-wrapper.progress-70 .pie .right-side[data-v-55d5a3d6],.pie-wrapper.progress-80 .pie .right-side[data-v-55d5a3d6],.pie-wrapper.progress-90 .pie .right-side[data-v-55d5a3d6]{transform:rotate(180deg)}