@import '../../style/variable';

.#{$namespace} {
  &-list {
    position: relative;
  }

  &-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;

    &:not(:last-child) {
      margin-bottom: 24px;
    }

    &__title {
      flex: 1;

      font-weight: 500;
      font-size: 16px;
      color: rgba(0,0,0,0.65);
      line-height: 24px;

      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;

      &--active {
        color: #0067EE;
      }

      &--radio {
        padding-right: 50px;
      }
    }

    &__suffix {
      flex-shrink: 0;
    }
  }
}