@use '../utils/size_variables';

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */

.radial-progress {
  transform: rotate(-90deg) translateX(-20%);
}
.radial-progress circle {
  stroke: rgba(var(--token-color-palette-neutral-300), 0.5);
  transition: stroke-dashoffset size_variables.$speed ease-in;
  will-change: stroke-dashoffset;
  stroke-linecap: round;
}
.radial-progress circle.progress-fill {
  stroke: var(--token-color-palette-green-200);
}