.applicant-course-list {
  $component-name: ".applicant-course-list";

  margin-bottom: 0;

  & + p.text--note {
    margin-top: spacing(-5);
  }

  &__passed-item {
    &::before {
      @include set-colors("utility-confirm");
      @include set-icon("confirm");
    }
  }

  &__exemption-item {
    &::before {
      @include set-colors("utility-confirm");
      @include set-icon("passed-exemption");
    }
  }


  &__conditional-item {
    &::before {
      @include set-colors("utility-attention");
      @include set-icon("class");
    }
  }

  &__failed-item {
    &::before {
      @include set-colors("utility-warning");
      @include set-icon("failed");
    }
  }

  &__legend {
    display: none;
    @include set-font(-1, "single");

    th {
      padding-top: spacing(-4);
      padding-bottom: spacing(-4);
      color: color("foreground-secondary");
    }

    #{$component-name}--legend-visible & {
      display: table-row;
    }
  }
}