@react-spectrum/s2/dist/ProgressCircle.css

Spectrum 2 UI components in React

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

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

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

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

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

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

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

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

  .fa91 {
    aspect-ratio: 1;
  }

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

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

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

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

  ._Sa91 {
    rotate: -90deg;
  }

  ._0d91 {
    transform-origin: center;
  }
}

@layer _.b;

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

    .Vlc91 {
      stroke: highlight;
    }
  }
}

@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 */