.cobalt- {
  &BulletListItem {
    display: flex;
    align-items: center;

    &:not(:last-child) {
      @apply c-mb-sm;
    }

    .cobalt-BulletList--iconPositionTop & {
      align-items: flex-start;
    }
  }

  &BulletListItem__Icon {
    @apply c-mr-xs;
    display: flex;
    flex-shrink: 0;
  }

  &BulletListItem__Content {
    svg {
      vertical-align: middle;
    }

    svg,
    use,
    g {
      fill: theme("colors.onSurfaceVariant");
    }
  }
}