/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
.gauge[data-v-68f95d11] {
  width: 50px;
  font-size: var(--text-fluid-sm, clamp(.875rem, .6vw + .5rem, 1rem));
  display: inline-block;
}
.gauge > svg[data-v-68f95d11] {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.gauge > svg .circle-bg[data-v-68f95d11] {
  fill: none;
  stroke: var(--color-light, #efefef);
  stroke-width: 4.8px;
}
.gauge > svg .circle[data-v-68f95d11] {
  fill: none;
  stroke: var(--color-dark, #212121);
  stroke-width: 4.8px;
  animation: 1s ease-out forwards progress-68f95d11;
}
.gauge > svg .percentage[data-v-68f95d11] {
  fill: var(--color-dark, #212121);
  letter-spacing: -.2px;
  text-anchor: middle;
  font-size: .9em;
  font-weight: bold;
}
.gauge > svg .percent_symbol[data-v-68f95d11] {
  letter-spacing: -.2px;
  text-anchor: middle;
  font-size: .35em;
  font-weight: bold;
}
.gauge > svg.green .circle-bg[data-v-68f95d11] {
  stroke: var(--color-success-light, #e1ffd7);
}
.gauge > svg.green .circle[data-v-68f95d11] {
  stroke: var(--color-success, #07ab51);
}
.gauge > svg.yellow .circle-bg[data-v-68f95d11] {
  stroke: var(--color-warning-light, #fcf8e3);
}
.gauge > svg.yellow .circle[data-v-68f95d11] {
  stroke: var(--color-warning, #f0ad4e);
}
.gauge > svg.red .circle-bg[data-v-68f95d11] {
  stroke: var(--color-danger-light, #f9e7e7);
}
.gauge > svg.red .circle[data-v-68f95d11] {
  stroke: var(--color-danger, #ff6e6e);
}
@keyframes progress-68f95d11 {
0% {
    stroke-dasharray: 0 100;
}
}
