.x-select--custom__popper{
  .x-select-more-options{
    .x-select-more__column{
      max-height:312px;
      min-height: 106px;
      overflow-y: scroll;
      overflow-y: overlay;
      .x-select-more__no-data{
        line-height: 106px;
        text-align: center;
        margin: 0;
        padding: 0;
      }
      .x-select-more__select-all{
        height: 32px;
        display: flex;
        align-items: center;
        padding: 0 12px;
        box-sizing: border-box;
        width: 100%;
      }
      .x-select-dropdown__item{
        padding: 0 12px;
        color: var(--color-grey-8);
        display: flex;
        align-items: center;
        .x-checkbox__span{
          display: inline-block;
          vertical-align: middle;
          position: relative;
          border: var(--border-base);
          border-radius: var(--border-radius-2);
          box-sizing: border-box;
          width: 14px;
          height: 14px;
          background-color: var(--color-white);
          z-index: 1;
          transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
          margin-right: 12px;
          flex-shrink: 0;
        }
        .x-checkbox__span:after{
          box-sizing: content-box;
          content: "";
          border:var(--border-base);
          border-left: 0;
          border-top: 0;
          height: 7px;
          left: 4px;
          position: absolute;
          top: 1px;
          transform: rotate(45deg) scaleY(0);
          width: 3px;
          transition: transform .15s ease-in .05s;
          transform-origin: center;
        }
        &-label{
          flex: 1;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      .x-select-dropdown__item.selected{
        color: var(--color-grey-8);
        .x-checkbox__span{
          background-color: var(--color-blue-6);
          border-color: var(--color-blue-6);
        }
        .x-checkbox__span:after{
          transform: rotate(45deg) scaleY(1);
          border-color: #fff;
        }
      }
      .x-select-dropdown__item.selected.is-disabled{
        .x-checkbox__span{
          background-color: var(--color-grey-4);
          border-color: var(--color-grey-4);
        }
        .x-checkbox__span:after{
          border-color: #fff;
        }
      }
      .x-select-dropdown__item.is-disabled{
        .x-checkbox__span{
          background-color: var(--color-grey-4);
        }
      }
    }
  }
  .x-select-more-options.has-max{
    .x-select-more__column{
      .x-select-dropdown__item{
        max-width: 360px;
      }
    }
  }
}
