.Indicator {
  --indicator-background-color: var(--color-background-base-tertiary);
  inline-size: var(--indicator-size);
  block-size: var(--indicator-size);
  background-color: var(--indicator-background-color);
  border-radius: calc(var(--indicator-size) / 2);
}

  .Indicator_variant_neutral {
      --indicator-background-color: var(--color-background-base-tertiary);
    }

  .Indicator_variant_error {
      --indicator-background-color: var(--color-background-error-default);
    }

  .Indicator_variant_warning {
      --indicator-background-color: var(--color-background-warning-default);
    }

  .Indicator_variant_success {
      --indicator-background-color: var(--color-background-success-default);
    }

  .Indicator_variant_info {
      --indicator-background-color: var(--color-background-info-default);
    }

  .Indicator_size_xs {
      --indicator-size: 6px;
    }

  .Indicator_size_s {
      --indicator-size: 8px;
    }

  .Indicator_size_m {
      --indicator-size: 12px;
    }

  .Indicator_border {
    box-shadow: var(--color-background-surface-highest-default) 0 0 0 var(--border-width-m);
  }