.ListNumeric {
  counter-reset: section;
}

  .ListNumeric_size_m {
      --list-space-vertical: var(--space-xl);
      --list-space-horizontal: var(--space-2xl);
      --list-number-space-vertical: var(--space-2xl);
    }

  @media screen and (min-width: 768px) and (max-width: 1199px) {

  .ListNumeric_size_m {
        --list-space-vertical: var(--space-2xl);
        --list-number-space-vertical: calc(var(--space-2xl) + 5px)
    }

        .ListNumeric_size_m .ListNumeric-Item {
          padding-bottom: var(--space-xl);
        }
      }

  @media screen and (max-width: 767px) {

  .ListNumeric_size_m {
        --list-space-horizontal: var(--space-m);
        --list-number-space-vertical: calc(var(--space-xl) + 3px)
    }
      }

  .ListNumeric-Title {
    margin-bottom: var(--space-m);
  }

  .ListNumeric-List {
    border-top: 1px solid var(--color-gainsboro);
    border-bottom: 1px solid var(--color-gainsboro);
  }

  .ListNumeric-Item {
    padding: var(--list-space-vertical) var(--list-space-horizontal);
    position: relative;
  }

  .ListNumeric-Item:not(:first-child) {
      border-top: 1px solid var(--color-gainsboro);
    }

  .ListNumeric-Item:before {
      counter-increment: section;
      content: counter(section);
      position: absolute;
      top: 0;
      left: 0;
      font-size: 12px;
      line-height: 1.33;
      letter-spacing: 0.6px;
      font-weight: var(--font-weight-text-bold);
      margin-top: var(--list-number-space-vertical);
    }

  .ListNumeric-Item-Text {
      margin-top: var(--space-m);
    }

  @media screen and (max-width: 767px) {

  .ListNumeric-Item-Text {
        margin-top: var(--space-s)
    }
      }
