/*----------------------------------------------------------
    GENERAL
----------------------------------------------------------*/

.login-container {
    padding: var(--login-page-padding) var(--login-page-padding) var(--login-page-padding) 0;
    height: 100vh;
}

@media (max-width: 768px) {

    .login-container {
        height: unset;
    }

}

/*----------------------------------------------------------
    SCENES GENERAL
----------------------------------------------------------*/

.scene-switch {
    height: 100%;
    padding: 0 1em 0 3px;
}

.login-container .grid-column.col-4 {
    max-height: calc(100vh - var(--login-page-padding) * 2);
    overflow-y: auto;
    padding-left: var(--login-page-padding);
}

.login-container .grid-column.col-4 .content-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.scene:not([aria-hidden="true"]) {
    display: flex;
}

.scene {
    height: 100%;
    flex-direction: column;
}

@media (max-width: 768px) {

    .login-container .grid-column.col-4 {
        max-height: unset;
    }

}

/*----------------------------------------------------------
    SCENE LOGIN
----------------------------------------------------------*/

.scene.scene-login {
    justify-content: space-between;
}

/* TEXT AREA */

.login-information h1:after {
    display:  block;
    content: '';
    width: 100vw;
    height: 2px;
    background-color: var(--color-red);
    position: absolute;
    right: 65%;
    bottom: -.75em;
}

.login-information h1 {
    position: relative;
    margin: 0 0 1.5em;
}

.icon-eye {
    position: absolute;
    bottom: 18px;
    right: 20px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: var(--icon-show-password);
    cursor: pointer;
}

.icon-eye.show {
    bottom: 17px;
    right: 19px;
    width: 24px;
    height: 24px;
    background-image: var(--icon-hide-password);
}

/*----------------------------------------------------------
    SCENE SIGNUP
----------------------------------------------------------*/