#app {
    grid-template-rows: auto 1fr
}

#top {
    display: flex;
    align-items: center;
    padding: 21px 28px;
}

#top #logo {
    width: 77px;
}

#top .language-selector {
    margin-left: auto;
}

form {
    display: grid;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}

.input-box {
    margin-bottom: 21px;
}

.input-tag {
    margin-bottom: 14px;
}

.bottom-note {
    margin-top: 28px;
    text-align: center;
}



#content-login {
    display: grid;
    grid-template-rows: 1fr auto;
    padding: 0 42px 35px;
}

#content-login .title {
    font-size: 28px;
    font-weight: 670;
    line-height: 34px;
    text-align: center;
    place-self: center;
}

#content-login .input-box {
    border-color: #4C1D08;
}

#content-login .forgot-password {
    margin: -3.5px 0 35px auto;
    font-size: 12px;
    font-weight: 570;
    line-height: 12px;
    color: #4C1D08;
}



#content-register {
    display: grid;
    place-items: center;
    grid-template-rows: 1fr auto auto;
    padding-bottom: 35px;
}

#content-register .title {
    font-size: 35px;
    font-weight: 670;
    line-height: 40px;
    text-align: center;
}

#content-register .button.large {
    max-width: 384px;
    margin: 0 42px;
    width: -webkit-fill-available;
}



#popup-register {
    display:                            none;
    position:                           absolute;
    height:                             100%;
    width:                              100%;
    top:                                0;
    bottom:                             0;
    overflow-y:                         scroll;
    padding:                            28px 7px 0;
    z-index:                            100;
    background:                         #00000088;
    transition:                         .2s ease all;
    opacity:                            0;
}

#popup-register.open {
    opacity:                            1;
}

#popup-register .body {
    display: grid;
    border-radius: 21px 21px 0 0;
    background: #FEF8F6;
    padding-bottom: 119px;
    max-width: 400px;
    margin: 0 auto;
    z-index:                            110;
    transition:                         .2s ease all;
    transform:                          translateY(35px);
}

#popup-register.open .body {
    transform:                          translateY(0);
}

#popup-register .button-close {
    margin: 21px 21px 14px auto;
}

#popup-register .title {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 670;
    line-height: 32px;
    text-align: center;
}

#popup-register .subtitle {
    margin-bottom: 28px;
    font-weight: 570;
    text-align: center;
}

#popup-register .subtitle.assigned {
    font-weight: 430;
    text-align: center;
    max-width: 315px;
    line-height: 21px;
    margin: 14px auto 28px;
}

#popup-register form {
    padding: 0 35px;
}

#popup-register .button.large {
    margin-top: 7px;
}

#popup-register .terms-conditions {
    margin: 21px auto 7px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}