@layer _.a {
  .-Ovbhqd-g4hn3s11 {
    --s2-container-bg: white;
  }

  .-Ovbhqd-gcwrnr11 {
    --s2-container-bg: black;
  }

  .ZC11 {
    width: calc(2rem * var(--s2-scale));
  }

  .Zu11 {
    width: calc(1rem * var(--s2-scale));
  }

  .ZG11 {
    width: calc(4rem * var(--s2-scale));
  }

  .Fx11 {
    height: calc(2rem * var(--s2-scale));
  }

  .Ft11 {
    height: calc(1rem * var(--s2-scale));
  }

  .FA11 {
    height: calc(4rem * var(--s2-scale));
  }

  .fa11 {
    aspect-ratio: 1;
  }

  .Vf11 {
    stroke: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
  }

  .Vd11 {
    stroke: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .17);
  }

  .Vh11 {
    stroke: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
  }

  .Ve11 {
    stroke: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / .94);
  }

  ._Sa11 {
    rotate: -90deg;
  }

  ._0d11 {
    transform-origin: center;
  }

  .VRWHrbc11 {
    stroke: #0000;
  }

  ._Vwtfhvc11 {
    stroke-width: .1875rem;
  }

  ._V7m7Gv11 {
    stroke-width: .125rem;
  }

  ._VuNalie11 {
    stroke-width: .25rem;
  }
}

@layer _.b;

@layer _.b.l {
  @media (forced-colors: active) {
    .Vla11 {
      stroke: background;
    }

    ._Vl7m7Gv11 {
      stroke-width: .125rem;
    }

    ._Vlai5a011 {
      stroke-width: .0625rem;
    }

    ._Vlwtfhvc11 {
      stroke-width: .1875rem;
    }

    .VlUG8Hlc11 {
      stroke: buttontext;
    }
  }
}

@keyframes Z8Un9b {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes uw9JJd {
  0%, 100% {
    stroke-dashoffset: 75px;
  }

  30% {
    stroke-dashoffset: 20px;
  }
}
/*# sourceMappingURL=ProgressCircle.css.map */
