// placeholder
@import (optional, reference) '../../style/themes/index';

@pro-table-search-query-filter-prefix-cls: ~'@{mega-prefix}-pro-table-search-query-filter';

.@{pro-table-search-query-filter-prefix-cls} {
  position: relative;
  overflow: hidden;
  padding: 10px 20px 0;
  .ant-select {
    height: 40px;
    line-height: 40px;
    margin-top: calc((40px - @input-height-base) / 2);
    .ant-select-selection--multiple {
      width: 100%;
      height: 32px;
      white-space: nowrap;
      overflow-y: auto;
      ul {
        position: absolute;
        left: 0;
        top: 2px;
        width: 90%;
        height: 32px !important;
        overflow-y: hidden;
        display: -webkit-box;
        &::-webkit-scrollbar {
          width: 5px;
          height: 5px;
        }
        &::-webkit-scrollbar-track {
          background-color: #dedede;
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
        }
        &::-webkit-scrollbar-thumb {
          background-color: #bfbfbf;
          -webkit-border-radius: 1em;
          -moz-border-radius: 1em;
          border-radius: 1em;
        }
        & > li {
          padding: 0 18px 0 5px;
          box-sizing: border-box;
          min-width: 75px;
          float: unset;
        }
      }
    }
    .ant-select-selection--multiple {
      width: 100%;
      height: 32px;
      white-space: nowrap;
      overflow-y: auto;
      .ant-select-selection__rendered {
        height: 100%;
        ul {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          overflow-y: hidden;
          display: -webkit-box;
          &::-webkit-scrollbar {
            width: 5px;
            height: 5px;
          }
          &::-webkit-scrollbar-track {
            background-color: #dedede;
            -webkit-border-radius: 1em;
            -moz-border-radius: 1em;
            border-radius: 1em;
          }
          &::-webkit-scrollbar-thumb {
            background-color: #bfbfbf;
            -webkit-border-radius: 1em;
            -moz-border-radius: 1em;
            border-radius: 1em;
          }
          & > li {
            padding: 0 18px 0 5px;
            box-sizing: border-box;
            min-width: 75px;
            float: unset;
          }
        }
      }
    }
  }
}