@use '../../global/scss/tools' as nsw;

.nsw-progress-indicator {
  @include nsw.component-spacing();

  &__count {
    @include nsw.font-size('sm');
  }

  &__bar {
    display: flex;
    padding-top: nsw.rem(8px);

    div {
      height: nsw.rem(4px);
      width: 100%;
      background-color: var(--nsw-grey-04);

      &:not(:first-child) {
        margin-left: nsw.rem(4px);
      }

      &.active {
        background-color: var(--nsw-brand-accent);
      }
    }
  }
}