.pie-wrapper .half-circle,.pie-wrapper .pie{top:0;left:0;position:absolute;width:100%;height:100%}.donut-size{font-size:12em}.pie-wrapper{position:relative;width:1em;height:1em;margin:0 auto}.pie-wrapper .pie{clip:rect(0,1em,1em,.5em)}.pie-wrapper .half-circle{border:.1em solid #1abc9c;border-radius:50%;clip:rect(0,.5em,1em,0)}.pie-wrapper .right-side{transform:rotate(0)}.pie-wrapper .label{position:absolute;top:.52em;right:.4em;bottom:.4em;left:.4em;display:block;background:0 0;border-radius:50%;color:#7f8c8d;font-size:.25em;line-height:2.6em;text-align:center;cursor:default;z-index:2}.pie-wrapper .smaller{padding-bottom:20px;color:#bdc3c7;font-size:.45em;vertical-align:super}.pie-wrapper .shadow{width:100%;height:100%;border:.1em solid #bdc3c7;border-radius:50%}