/*
 * pie-chart.scss
 * -----------------------------------------------
*/
.tm-sc-pie-chart {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  .pie-chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 0;
    margin-bottom: 0;
    canvas {
      position: absolute;
      top: 0;
      left: 0;
    }
    .percent {
      display: inline-block;
      z-index: 2;
      @include transition(all .3s ease);
      &:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em;
      }
    }
  }
  .title {
    @include transition(all .3s ease);
  }
}