@layer atoms {
  .mobius-list {
    box-sizing: border-box;
    font-family: var(--font-family);
    width: 100%;
    text-align: left;
    margin: 0;

    &.--has-icon {
      padding-left: 0;
    }

    &.--is-disc {
      list-style-type: disc;
    }

    &.--is-circle {
      list-style-type: circle;
    }

    &.--is-square {
      list-style-type: square;
    }

    &.--is-decimal {
      list-style-type: decimal;
    }

    &.--is-georgian {
      list-style-type: georgian;
    }

    &.--is-trad-chinese-informal {
      list-style-type: trad-chinese-informal;
    }

    &.--is-kannada {
      list-style-type: kannada;
    }
  }

  .mobius-list__item {
    &.--has-icon {
      list-style-type: none;
      margin-bottom: var(--size-xs);

      & p {
        margin-top: 0;
        margin-bottom: 0;
      }
    }
  }

  .mobius-list__item-content {
    display: flex;
  }

  .mobius-list__icon {
    flex-shrink: 0;
    margin-right: var(--size-xs);
  }
}
