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

Spectrum 2 UI components in React

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

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

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

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

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

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

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

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

  .fa1 {
    aspect-ratio: 1;
  }

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

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

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

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

  ._Sa1 {
    rotate: -90deg;
  }

  ._0d1 {
    transform-origin: center;
  }

  .VRWHrbc1 {
    stroke: #0000;
  }

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

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

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

@layer _.b;

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

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

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

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

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