.stat-wrapper {
  text-align: center;
  margin: 1em;
}
.stat-wrapper .stat-stat {
  min-height: 166px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stat-wrapper .stat-stat.purple.pie .pie-progress .pie-progress-fill, .stat-wrapper .stat-stat.purple.pie .pie-progress .pie-progress-fill-50, .stat-wrapper .stat-stat.purple.pie .pie-progress-50 .pie-progress-fill, .stat-wrapper .stat-stat.purple.pie .pie-progress-50 .pie-progress-fill-50 {
  border: 5px solid #502a7f;
}
.stat-wrapper .stat-stat.purple.pie .pie-progress-50 {
  border: 5px solid #502a7f;
}
.stat-wrapper .stat-stat.purple:not(.pie) {
  border: 5px solid #502a7f;
}
.stat-wrapper .stat-stat.green.pie .pie-progress .pie-progress-fill, .stat-wrapper .stat-stat.green.pie .pie-progress .pie-progress-fill-50, .stat-wrapper .stat-stat.green.pie .pie-progress-50 .pie-progress-fill, .stat-wrapper .stat-stat.green.pie .pie-progress-50 .pie-progress-fill-50 {
  border: 5px solid #719500;
}
.stat-wrapper .stat-stat.green.pie .pie-progress-50 {
  border: 5px solid #719500;
}
.stat-wrapper .stat-stat.green:not(.pie) {
  border: 5px solid #719500;
}
.stat-wrapper .stat-stat.gray.pie .pie-progress .pie-progress-fill, .stat-wrapper .stat-stat.gray.pie .pie-progress .pie-progress-fill-50, .stat-wrapper .stat-stat.gray.pie .pie-progress-50 .pie-progress-fill, .stat-wrapper .stat-stat.gray.pie .pie-progress-50 .pie-progress-fill-50 {
  border: 5px solid #4d4d4f;
}
.stat-wrapper .stat-stat.gray.pie .pie-progress-50 {
  border: 5px solid #4d4d4f;
}
.stat-wrapper .stat-stat.gray:not(.pie) {
  border: 5px solid #4d4d4f;
}
.stat-wrapper .stat-stat.pie {
  width: 166px;
  height: 166px;
  position: relative;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}
.stat-wrapper .stat-stat.pie .pie-progress, .stat-wrapper .stat-stat.pie .pie-progress-50 {
  position: absolute;
  left: calc(50% - (166px / 2));
  top: calc(50% - (166px / 2));
  width: 166px;
  height: 166px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  clip: rect(0, 166px, 166px, calc(166px / 2));
}
.stat-wrapper .stat-stat.pie .pie-progress .pie-progress-fill, .stat-wrapper .stat-stat.pie .pie-progress .pie-progress-fill-50, .stat-wrapper .stat-stat.pie .pie-progress-50 .pie-progress-fill, .stat-wrapper .stat-stat.pie .pie-progress-50 .pie-progress-fill-50 {
  position: absolute;
  left: calc(50% - (166px / 2));
  top: calc(50% - (166px / 2));
  width: 166px;
  height: 166px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  clip: rect(0, calc(166px / 2), 166px, 0);
}
.stat-wrapper .stat-stat.pie .pie-progress-50 {
  display: none;
}
.stat-wrapper .stat-stat.pie.gt-50 .pie-progress-50 {
  display: block;
}
.stat-wrapper .stat-stat.pie.gt-50 .pie-progress {
  clip: rect(0, calc(166px / 2), 166px, 0);
}
.stat-wrapper .stat-stat.pie .stat-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 166px;
}
.stat-wrapper .stat-stat:not(.pie) {
  border-radius: 1em;
}

/*# sourceMappingURL=stat.css.map */