@import '../variables/default.scss';
@import '../mixins/index.scss';

$Component: '.at-car-number-picker';

#{$Component} {
  .at-float-layout {
    &__container {
      max-height: initial;

      .layout-body {
        max-height: initial;

        &__content {
          max-height: initial;
          height: 1000px;
        }
      }
    }
  }

  .tags-container {
    .at-tag {
      min-height: 54px;
      line-height: 54px;
      padding: 0 16px;
      margin: $spacing-v-lg $spacing-h-lg 0 0;

      .at-tag--close {
        color: $color-brand;
        font-size: $font-size-xxs;
        margin-left: $spacing-h-lg;
      }
    }
  }

  &_list-item {
    &.at-list__item--disabled .at-list__item-container {
      opacity: 1;

      .tags-container,
      .add-icon {
        opacity: $form-opacity-disabled;
      }
    }

    .item-extra__info {
      display: block;

      .list-item-header {
        display: flex;
        align-items: center;
        vertical-align: middle;

        .list-item-label {
          color: $color-black-1;
          flex: 1;
          font-size: $font-size-lg;

          .list-item-brief {
            font-size: $font-size-sml;
            color: $color-warning;
            margin-left: $spacing-h-sm;
          }
        }

        .add-icon {
          color: $color-brand;
        }
      }
    }
  }
}