.stat-donut.show-chart .stat-donut-background.below-50 .stat-donut-fill-1 {
  clip: rect(0 160px 80px 0);
  background-color: #a3a4a8;
}

.stat-donut.show-chart .stat-donut-background.below-50 .stat-donut-fill-2 {
  clip: rect(0 80px 160px 0);
  transform: rotate(360deg);
  background-color: #a3a4a8;
}

.stat-donut.show-chart .stat-donut-background.above-50 .stat-donut-fill-1 {
  clip: rect(0 80px 160px 0);
  transform: rotate(180deg);
  background-color: #b86e00;
}

.stat-donut.show-chart .stat-donut-background.above-50 .stat-donut-fill-2 {
  clip: rect(0 80px 160px 0);
  background-color: #b86e00;
}

.stat-donut.show-chart .stat-donut-background.below-50 {
  background-color: #b86e00;
}

.stat-donut.show-chart .stat-donut-background.above-50 {
  background-color: #a3a4a8;
}

.stat-donut.show-chart .stat-donut-background {
  transform-style: preserve-3d;
}

.stat-donut-percentage {
  position: relative;
}

.stat-donut-percentage.arrow-up:before {
  font-family: 'Material Icons Outlined';
  content: 'arrow_upward';
  position: absolute;
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  color: #b86e00;
}

.stat-donut-percentage.arrow-down:before {
  font-family: 'Material Icons Outlined';
  content: 'arrow_downward';
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  color: #b86e00;
}