.circle {
  animation: circle-rotation 3s infinite linear;
}
@keyframes circle-rotation {
  0% {
    transform: -webkit- rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    transform: -webkit- rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
.circle {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  inset: 0px;
  width: 60px;
  height: 60px;
  margin: auto;
  border-style: solid;
  border-width: 4px;
  border-color: #ccc;
  border-radius: 50%;
  border-top-color: hsla(var(--tones-m-h),var(--tones-m-s),var(--tones-m-l),var(--tones-m-a));
  border-bottom-color: hsla(var(--tones-m-h),var(--tones-m-s),var(--tones-m-l),var(--tones-m-a));
}
/*# sourceMappingURL=./preview.css.map */