@import './common/var.scss';



$eye-search-bar-height: 42px !default;

.eye-search-bar {

  height: $eye-search-bar-height;
  position: relative;
  user-select: none;
  background-color: $white;
  display: flex;

  //.eye-search-bar {
  //  height: 46px;
  //  position: relative;
  //  user-select: none;
  //  background-color: #ffffff;
  //  display: flex;
  //}

}


.eye-search-bar-item {
  flex: 1;
  border-right: 1px solid #ededed;

  &__text--selected {
    color: #66bb47;
  }
  &__text {

    height: $eye-search-bar-height;
    line-height: $eye-search-bar-height;
    text-align: center;
    position: relative;

    .label {

      max-width: 70px;
      margin: 0 auto;
      display: inline-block;
      font-size: $--font-size-base;

      //float: left;
      //ellipsis
    }
  }

  &__icon {
    display: inline-block;
    position: absolute;
    top:0;
    //line-height: 20px;
    //float: left;
  }


  .eye-popup__root {
    top: 0;
    bottom: 0;
    width: 100vw;
    background-color: #fff;
    position: absolute;
  }
}