.list--checks,
.list--checks-secondary {
  list-style: none;
  position: relative;

  li {
    padding-left: 40px;

    &::before {
      @include svgMask('check');
      background-color: $color-brand--one;
      content: '';
      height: 20px;
      margin-left: -40px;
      margin-top: 4px;
      position: absolute;
      width: 20px;
    }
  }
}

.list--checks--senary {
  li {
    &::before {
      background-color: $color-brand--six !important;
    }
  }
}

@include list-checks-background-mapping;