/* eds-lib stepper step-counter - generated by build.js, do not edit.
   Source: projects/finiti/eds-angular/src/lib/stepper/step-counter.component.scss */

.eds-step-counter {
  display: inline-flex;
  --eds-step-counter-bg: #DDE3EA;
  --eds-step-counter-fg: #36618E;
  --eds-step-counter-size: 42px;
  --eds-step-counter-radius: 8px;
  --eds-step-counter-font-size: 16px;
  --eds-step-counter-line-height: 20px;
  --eds-step-counter-letter-spacing: 0.15px;
}

.eds-step-counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: var(--eds-step-counter-size);
  height: var(--eds-step-counter-size);
  border-radius: var(--eds-step-counter-radius);
  background-color: var(--eds-step-counter-bg);
  color: var(--eds-step-counter-fg);
}
.eds-step-counter__value {
  font-family: var(--eds-font-family-sans, "Orto RNIDS", system-ui, "Arial", sans-serif);
  font-size: var(--eds-step-counter-font-size);
  font-weight: 500;
  line-height: var(--eds-step-counter-line-height);
  letter-spacing: var(--eds-step-counter-letter-spacing);
  text-align: center;
  color: inherit;
}
.eds-step-counter__icon {
  color: inherit;
}
.eds-step-counter--rounded {
  --eds-step-counter-radius: 50%;
}
.eds-step-counter--small {
  --eds-step-counter-size: 32px;
  --eds-step-counter-radius: 50%;
  --eds-step-counter-font-size: 12px;
  --eds-step-counter-line-height: 10px;
  --eds-step-counter-letter-spacing: 0.5px;
}
.eds-step-counter--tonal.eds-step-counter--active {
  --eds-step-counter-bg: #D1E4FF;
  --eds-step-counter-fg: #1A4975;
}
.eds-step-counter--tonal.eds-step-counter--done {
  --eds-step-counter-bg: #C8EEA8;
  --eds-step-counter-fg: #304F1A;
}
.eds-step-counter--tonal.eds-step-counter--error {
  --eds-step-counter-bg: #FFDAD6;
  --eds-step-counter-fg: #93000A;
}
.eds-step-counter--full {
  --eds-step-counter-fg: #191C20;
}
.eds-step-counter--full.eds-step-counter--active {
  --eds-step-counter-bg: #36618E;
  --eds-step-counter-fg: #FFFFFF;
}
.eds-step-counter--full.eds-step-counter--done {
  --eds-step-counter-bg: #476730;
  --eds-step-counter-fg: #FFFFFF;
}
.eds-step-counter--full.eds-step-counter--error {
  --eds-step-counter-bg: #BA1A1A;
  --eds-step-counter-fg: #FFFFFF;
}