.circular-progress-bar {
  font-family: "Lato";
}

.set-size {
  font-size: 10em;
}

.pie-wrapper {
  height: 1em;
  width: 1em;
  margin: 15px;
  position: relative;
}
.pie-wrapper:nth-child(3n+1) {
  clear: both;
}
.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #3498db;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .circular-progress-label {
  background: #34495e;
  border-radius: 50%;
  bottom: 0.4em;
  color: #ecf0f1;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  left: 0.4em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 0.4em;
}
.pie-wrapper .circular-progress-label .info .upper-text {
  font-size: 14px;
  font-weight: 400;
  color: black;
  margin: 0;
  padding: 0;
}
.pie-wrapper .circular-progress-label .info .lower-text {
  font-size: 24px;
  font-weight: 700;
  color: black;
  margin: 0;
  padding: 0;
}
.pie-wrapper .circular-progress-label .info .icon {
  color: var(--action-default);
}
.pie-wrapper .circular-progress-label::before {
  display: none;
}
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid rgba(171, 171, 171, 0.2);
  border-radius: 50%;
}
.pie-wrapper.style-2 .circular-progress-label {
  background: none;
  color: #7f8c8d;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(3.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(183.6);
  }
}
.pie-wrapper.progress-1 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-1 .pie .left-side {
  transform: rotate(3.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-1 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(7.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(187.2);
  }
}
.pie-wrapper.progress-2 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-2 .pie .left-side {
  transform: rotate(7.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-2 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(190.8);
  }
}
.pie-wrapper.progress-3 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-3 .pie .left-side {
  transform: rotate(10.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-3 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(14.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(194.4);
  }
}
.pie-wrapper.progress-4 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-4 .pie .left-side {
  transform: rotate(14.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-4 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(18);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(198);
  }
}
.pie-wrapper.progress-5 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-5 .pie .left-side {
  transform: rotate(18deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-5 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(21.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(201.6);
  }
}
.pie-wrapper.progress-6 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-6 .pie .left-side {
  transform: rotate(21.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-6 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(25.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(205.2);
  }
}
.pie-wrapper.progress-7 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-7 .pie .left-side {
  transform: rotate(25.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-7 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(28.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(208.8);
  }
}
.pie-wrapper.progress-8 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-8 .pie .left-side {
  transform: rotate(28.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-8 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(32.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(212.4);
  }
}
.pie-wrapper.progress-9 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-9 .pie .left-side {
  transform: rotate(32.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-9 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(36);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(216);
  }
}
.pie-wrapper.progress-10 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-10 .pie .left-side {
  transform: rotate(36deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-10 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(39.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(219.6);
  }
}
.pie-wrapper.progress-11 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-11 .pie .left-side {
  transform: rotate(39.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-11 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(43.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(223.2);
  }
}
.pie-wrapper.progress-12 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-12 .pie .left-side {
  transform: rotate(43.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-12 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(46.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(226.8);
  }
}
.pie-wrapper.progress-13 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-13 .pie .left-side {
  transform: rotate(46.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-13 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(50.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(230.4);
  }
}
.pie-wrapper.progress-14 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-14 .pie .left-side {
  transform: rotate(50.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-14 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(54);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(234);
  }
}
.pie-wrapper.progress-15 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-15 .pie .left-side {
  transform: rotate(54deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-15 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(57.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(237.6);
  }
}
.pie-wrapper.progress-16 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-16 .pie .left-side {
  transform: rotate(57.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-16 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(61.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(241.2);
  }
}
.pie-wrapper.progress-17 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-17 .pie .left-side {
  transform: rotate(61.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-17 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(64.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(244.8);
  }
}
.pie-wrapper.progress-18 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-18 .pie .left-side {
  transform: rotate(64.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-18 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(68.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(248.4);
  }
}
.pie-wrapper.progress-19 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-19 .pie .left-side {
  transform: rotate(68.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-19 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(72);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(252);
  }
}
.pie-wrapper.progress-20 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-20 .pie .left-side {
  transform: rotate(72deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-20 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(75.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(255.6);
  }
}
.pie-wrapper.progress-21 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-21 .pie .left-side {
  transform: rotate(75.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-21 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(79.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(259.2);
  }
}
.pie-wrapper.progress-22 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-22 .pie .left-side {
  transform: rotate(79.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-22 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(82.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(262.8);
  }
}
.pie-wrapper.progress-23 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-23 .pie .left-side {
  transform: rotate(82.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-23 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(86.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(266.4);
  }
}
.pie-wrapper.progress-24 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-24 .pie .left-side {
  transform: rotate(86.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-24 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(270);
  }
}
.pie-wrapper.progress-25 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-25 .pie .left-side {
  transform: rotate(90deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-25 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(93.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(273.6);
  }
}
.pie-wrapper.progress-26 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-26 .pie .left-side {
  transform: rotate(93.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-26 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(97.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(277.2);
  }
}
.pie-wrapper.progress-27 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-27 .pie .left-side {
  transform: rotate(97.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-27 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(100.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(280.8);
  }
}
.pie-wrapper.progress-28 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-28 .pie .left-side {
  transform: rotate(100.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-28 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(104.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(284.4);
  }
}
.pie-wrapper.progress-29 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-29 .pie .left-side {
  transform: rotate(104.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-29 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(108);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(288);
  }
}
.pie-wrapper.progress-30 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-30 .pie .left-side {
  transform: rotate(108deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-30 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(111.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(291.6);
  }
}
.pie-wrapper.progress-31 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-31 .pie .left-side {
  transform: rotate(111.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-31 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(115.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(295.2);
  }
}
.pie-wrapper.progress-32 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-32 .pie .left-side {
  transform: rotate(115.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-32 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(118.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(298.8);
  }
}
.pie-wrapper.progress-33 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-33 .pie .left-side {
  transform: rotate(118.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-33 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(122.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(302.4);
  }
}
.pie-wrapper.progress-34 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-34 .pie .left-side {
  transform: rotate(122.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-34 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(306);
  }
}
.pie-wrapper.progress-35 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-35 .pie .left-side {
  transform: rotate(126deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-35 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(129.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(309.6);
  }
}
.pie-wrapper.progress-36 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-36 .pie .left-side {
  transform: rotate(129.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-36 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(133.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(313.2);
  }
}
.pie-wrapper.progress-37 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-37 .pie .left-side {
  transform: rotate(133.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-37 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(136.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(316.8);
  }
}
.pie-wrapper.progress-38 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-38 .pie .left-side {
  transform: rotate(136.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-38 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(140.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(320.4);
  }
}
.pie-wrapper.progress-39 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-39 .pie .left-side {
  transform: rotate(140.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-39 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(144);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(324);
  }
}
.pie-wrapper.progress-40 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-40 .pie .left-side {
  transform: rotate(144deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-40 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(147.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(327.6);
  }
}
.pie-wrapper.progress-41 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-41 .pie .left-side {
  transform: rotate(147.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-41 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(151.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(331.2);
  }
}
.pie-wrapper.progress-42 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-42 .pie .left-side {
  transform: rotate(151.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-42 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(154.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(334.8);
  }
}
.pie-wrapper.progress-43 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-43 .pie .left-side {
  transform: rotate(154.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-43 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(158.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(338.4);
  }
}
.pie-wrapper.progress-44 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-44 .pie .left-side {
  transform: rotate(158.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-44 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(162);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(342);
  }
}
.pie-wrapper.progress-45 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-45 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(165.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(345.6);
  }
}
.pie-wrapper.progress-46 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-46 .pie .left-side {
  transform: rotate(165.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-46 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(169.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(349.2);
  }
}
.pie-wrapper.progress-47 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-47 .pie .left-side {
  transform: rotate(169.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-47 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(172.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(352.8);
  }
}
.pie-wrapper.progress-48 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-48 .pie .left-side {
  transform: rotate(172.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-48 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(176.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(356.4);
  }
}
.pie-wrapper.progress-49 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-49 .pie .left-side {
  transform: rotate(176.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-49 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360);
  }
}
.pie-wrapper.progress-50 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-50 .pie .left-side {
  transform: rotate(180deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-50 .pie .right-side {
  display: none;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(183.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(363.6);
  }
}
.pie-wrapper.progress-51 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-51 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-51 .pie .left-side {
  transform: rotate(183.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-51 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-51 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(187.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(367.2);
  }
}
.pie-wrapper.progress-52 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-52 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-52 .pie .left-side {
  transform: rotate(187.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-52 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-52 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(190.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(370.8);
  }
}
.pie-wrapper.progress-53 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-53 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-53 .pie .left-side {
  transform: rotate(190.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-53 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-53 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(194.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(374.4);
  }
}
.pie-wrapper.progress-54 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-54 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-54 .pie .left-side {
  transform: rotate(194.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-54 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-54 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(198);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(378);
  }
}
.pie-wrapper.progress-55 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-55 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-55 .pie .left-side {
  transform: rotate(198deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-55 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-55 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(201.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(381.6);
  }
}
.pie-wrapper.progress-56 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-56 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-56 .pie .left-side {
  transform: rotate(201.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-56 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-56 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(205.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(385.2);
  }
}
.pie-wrapper.progress-57 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-57 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-57 .pie .left-side {
  transform: rotate(205.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-57 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-57 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(208.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(388.8);
  }
}
.pie-wrapper.progress-58 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-58 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-58 .pie .left-side {
  transform: rotate(208.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-58 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-58 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(212.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(392.4);
  }
}
.pie-wrapper.progress-59 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-59 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-59 .pie .left-side {
  transform: rotate(212.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-59 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-59 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(216);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(396);
  }
}
.pie-wrapper.progress-60 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-60 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-60 .pie .left-side {
  transform: rotate(216deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-60 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-60 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(219.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(399.6);
  }
}
.pie-wrapper.progress-61 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-61 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-61 .pie .left-side {
  transform: rotate(219.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-61 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-61 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(223.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(403.2);
  }
}
.pie-wrapper.progress-62 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-62 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-62 .pie .left-side {
  transform: rotate(223.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-62 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-62 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(226.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(406.8);
  }
}
.pie-wrapper.progress-63 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-63 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-63 .pie .left-side {
  transform: rotate(226.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-63 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-63 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(230.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(410.4);
  }
}
.pie-wrapper.progress-64 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-64 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-64 .pie .left-side {
  transform: rotate(230.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-64 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-64 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(234);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(414);
  }
}
.pie-wrapper.progress-65 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-65 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-65 .pie .left-side {
  transform: rotate(234deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-65 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-65 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(237.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(417.6);
  }
}
.pie-wrapper.progress-66 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-66 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-66 .pie .left-side {
  transform: rotate(237.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-66 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-66 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(241.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(421.2);
  }
}
.pie-wrapper.progress-67 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-67 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-67 .pie .left-side {
  transform: rotate(241.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-67 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-67 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(244.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(424.8);
  }
}
.pie-wrapper.progress-68 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-68 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-68 .pie .left-side {
  transform: rotate(244.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-68 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-68 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(248.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(428.4);
  }
}
.pie-wrapper.progress-69 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-69 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-69 .pie .left-side {
  transform: rotate(248.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-69 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-69 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(252);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(432);
  }
}
.pie-wrapper.progress-70 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-70 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-70 .pie .left-side {
  transform: rotate(252deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-70 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-70 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(255.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(435.6);
  }
}
.pie-wrapper.progress-71 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-71 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-71 .pie .left-side {
  transform: rotate(255.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-71 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-71 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(259.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(439.2);
  }
}
.pie-wrapper.progress-72 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-72 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-72 .pie .left-side {
  transform: rotate(259.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-72 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-72 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(262.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(442.8);
  }
}
.pie-wrapper.progress-73 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-73 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-73 .pie .left-side {
  transform: rotate(262.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-73 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-73 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(266.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(446.4);
  }
}
.pie-wrapper.progress-74 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-74 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-74 .pie .left-side {
  transform: rotate(266.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-74 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-74 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(450);
  }
}
.pie-wrapper.progress-75 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-75 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-75 .pie .left-side {
  transform: rotate(270deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-75 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-75 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(273.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(453.6);
  }
}
.pie-wrapper.progress-76 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-76 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-76 .pie .left-side {
  transform: rotate(273.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-76 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-76 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(277.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(457.2);
  }
}
.pie-wrapper.progress-77 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-77 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-77 .pie .left-side {
  transform: rotate(277.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-77 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-77 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(280.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(460.8);
  }
}
.pie-wrapper.progress-78 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-78 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-78 .pie .left-side {
  transform: rotate(280.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-78 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-78 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(284.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(464.4);
  }
}
.pie-wrapper.progress-79 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-79 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-79 .pie .left-side {
  transform: rotate(284.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-79 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-79 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(288);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(468);
  }
}
.pie-wrapper.progress-80 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-80 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-80 .pie .left-side {
  transform: rotate(288deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-80 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-80 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(291.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(471.6);
  }
}
.pie-wrapper.progress-81 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-81 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-81 .pie .left-side {
  transform: rotate(291.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-81 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-81 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(295.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(475.2);
  }
}
.pie-wrapper.progress-82 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-82 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-82 .pie .left-side {
  transform: rotate(295.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-82 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-82 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(298.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(478.8);
  }
}
.pie-wrapper.progress-83 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-83 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-83 .pie .left-side {
  transform: rotate(298.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-83 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-83 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(302.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(482.4);
  }
}
.pie-wrapper.progress-84 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-84 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-84 .pie .left-side {
  transform: rotate(302.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-84 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-84 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(306);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(486);
  }
}
.pie-wrapper.progress-85 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-85 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-85 .pie .left-side {
  transform: rotate(306deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-85 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-85 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(309.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(489.6);
  }
}
.pie-wrapper.progress-86 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-86 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-86 .pie .left-side {
  transform: rotate(309.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-86 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-86 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(313.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(493.2);
  }
}
.pie-wrapper.progress-87 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-87 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-87 .pie .left-side {
  transform: rotate(313.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-87 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-87 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(316.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(496.8);
  }
}
.pie-wrapper.progress-88 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-88 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-88 .pie .left-side {
  transform: rotate(316.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-88 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-88 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(320.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(500.4);
  }
}
.pie-wrapper.progress-89 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-89 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-89 .pie .left-side {
  transform: rotate(320.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-89 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-89 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(324);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(504);
  }
}
.pie-wrapper.progress-90 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-90 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-90 .pie .left-side {
  transform: rotate(324deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-90 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-90 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(327.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(507.6);
  }
}
.pie-wrapper.progress-91 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-91 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-91 .pie .left-side {
  transform: rotate(327.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-91 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-91 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(331.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(511.2);
  }
}
.pie-wrapper.progress-92 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-92 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-92 .pie .left-side {
  transform: rotate(331.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-92 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-92 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(334.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(514.8);
  }
}
.pie-wrapper.progress-93 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-93 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-93 .pie .left-side {
  transform: rotate(334.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-93 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-93 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(338.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(518.4);
  }
}
.pie-wrapper.progress-94 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-94 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-94 .pie .left-side {
  transform: rotate(338.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-94 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-94 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(342);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(522);
  }
}
.pie-wrapper.progress-95 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-95 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-95 .pie .left-side {
  transform: rotate(342deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-95 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-95 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(345.6);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(525.6);
  }
}
.pie-wrapper.progress-96 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-96 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-96 .pie .left-side {
  transform: rotate(345.6deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-96 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-96 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(349.2);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(529.2);
  }
}
.pie-wrapper.progress-97 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-97 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-97 .pie .left-side {
  transform: rotate(349.2deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-97 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-97 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(352.8);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(532.8);
  }
}
.pie-wrapper.progress-98 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-98 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-98 .pie .left-side {
  transform: rotate(352.8deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-98 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-98 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(356.4);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(536.4);
  }
}
.pie-wrapper.progress-99 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-99 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-99 .pie .left-side {
  transform: rotate(356.4deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-99 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-99 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}
@keyframes progress-animation-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360);
  }
}
@keyframes progress-animation-2 {
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(540);
  }
}
.pie-wrapper.progress-100 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-100 .pie .half-circle {
  border-color: var(--action-default);
}
.pie-wrapper.progress-100 .pie .left-side {
  transform: rotate(360deg);
  animation: progress-animation-1 0.5s ease-in;
}
.pie-wrapper.progress-100 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-100 .pie .left-side {
  animation: progress-animation-2 0.5s ease-in;
}