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