@use '@finastra/angular-theme' as fds;

@mixin theme($theme: null) {
  .uxg-horizontal-status-stepper {
    .icon-container {
      color: var(--fds-surface);
      background-color: var(--fds-on-surface-disabled);
    }

    .completed,
    .current {
      .icon-container {
        color: var(primary);
        background-color: var(--fds-primary);
      }
    }

    .horizontal-line {
      color: var(--fds-on-surface-disabled);
    }
  }
}