.dng-c-svg-arc {
  width: 100%;
  max-width: 536px;
  margin: 0 auto;
}

.dng-c-svg-arc__svg {
  display: block;
  width: 100%;
  height: auto;
}

.dng-c-svg-arc__reveal-rect {
  /* Start the clipping rectangle fully to the left (hidden) */
  transform: translateX(-1000px);
  transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.dng-c-svg-arc.is-active .dng-c-svg-arc__reveal-rect {
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .dng-c-svg-arc__reveal-rect {
    transition: none;
    transform: translateX(0);
  }
}