li {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
ol {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  list-style-type: none;
  > li {
    position: relative;
    padding-left: 1.75rem;
    &::before {
      content: counter(list-item, decimal) '.';
      position: absolute;
      left: 0;
      font-weight: 400;
      color: var(--xm-c-ol-counter);
    }
  }
}
ul {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  list-style-type: none;
  > li {
    position: relative;
    padding-left: 1.75rem;
    &::before {
      content: '';
      position: absolute;
      top: .685rem;
      left: .25rem;
      width: .375rem;
      height: .375rem;
      background-color: var(--xm-c-ul-counter);
      border-radius: 50%;
    }
  }
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: .75rem;
  margin-bottom: .75rem;
}