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

.at-search-select {
  &-wrapper {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: $zindex-modal;
    background-color: #fff;
  }

  &-wrapper.show {
    display: block;
  }

  /** 搜索结果 */
  &__result {
    overflow: auto;
    max-height: calc(100vh - 88px);

    &-item {
      display: flex;
      align-items: center;
      margin-left: 24px;
      padding: 24px 24px 24px 0;
      border-bottom: $border-width-sm solid $color-grey-4;
      font-size: 34px;
      color: $color-grey-0;
      line-height: 48px;

      &-content {
        flex: 1;
        margin-right: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;

        /* autoprefixer: ignore next */
        -webkit-box-orient: vertical;
      }
    }
  }

  &__search-key {
    color: $color-brand;
  }

  /** 搜索历史 */
  &__history {
    margin-top: 24px;

    &-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 24px;
      font-size: 28px;
      line-height: 40px;
      font-weight: 500;
      color: $color-grey-0;
    }

    &-body {
      padding: 24px 0 24px 24px;
      font-size: 0;
    }

    &-item {
      margin-right: 24px;
      margin-bottom: 24px;
    }
  }
}