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

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

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

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

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

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

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

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

  .fa12 {
    aspect-ratio: 1;
  }

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

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

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

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

  ._Sa12 {
    rotate: -90deg;
  }

  ._0d12 {
    transform-origin: center;
  }

  .VRWHrbc12 {
    stroke: #0000;
  }

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

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

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

@layer _.b;

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

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

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

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

    .VlUG8Hlc12 {
      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 */
