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

.eye-page-popup {


  .eye-icon {
    color: $gray-icon !important;
    vertical-align: middle;
    font-size: 12px;
  }


  &__inner--fixed {
    top:46px;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }

  &__inner--footer {
    bottom: 46px !important;
  }

  .eye-nav-bar__right {
    button {
      border: none;
    }
  }



  &__root--right,&__root--left {
    height: 100vh;
    width: 100vw;
    background-color: $white;
    position: relative;
  }

  &__root--bottom {
    //height: 100vh;
    //width: 100vw;
    background-color: $white;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
  }


  &__footer {
    height:46px;
    bottom: 0;
    width: 100%;
    position: absolute !important;
  }


  .eye-nav-submit {
    color: $green;
  }

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

  .eye-nav-bar,
  &--bottom {
    border-radius: 10px 10px 0 0 !important;
  }

}

.eye-page-popup--bottom {
  height: 420px;
}