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;
      color: var(--xm-c-shallow);
      font-weight: 400;
    }
  }
}

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: .675rem;
      left: .25rem;
      width: .375rem;
      height: .375rem;
      border-radius: 50%;
      background-color: var(--xm-c-shallower);
    }
  }
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: .75rem;
  margin-bottom: .75rem;
}