@login-row-height: .5rem;
.component-login {
  .pop-login-inner {
    width: 3.2rem;
    height: 2.3rem;
  }
  &.show {
    // width: 100%;
  }
  section {
    padding: 0 @page-gap;
    margin-bottom: .3rem;
  }
  .row {
    height: @login-row-height;
    line-height: @login-row-height;
    position: relative;
    text-align: left;
    border-bottom: 1px solid @gray;
    input {
      left: 0;
      border: 0;
      background-color: transparent;
      width: 100%;
    }
  }
  .btn-row {
    margin: @page-gap;
    button {
      width: 100%;
    }
  }
  .short-entrance {
    margin: 0 @page-gap + .05;
    font-size: @font-xxs;
    color: @blue-gray;
    span {
      float: left;
    }
    button {
      float: left;
      background: transparent;
      border: 0;
      font-size: @font-xxs;
      text-decoration: underline;
      color: @blue-gray;
      &:nth-of-type(2) {
        float: right;
      }
    }
    &:after {
      clear: both;
      content: " ";
    }
  }
  .row-valid {
    .component-count-down {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
}