.login-card {
    position: absolute;
    width: 100%;
    max-width: 480px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-logo {
    position: relative;
    width: 123px;
    height: 16px;
    margin: 38px auto 0 auto;
}

.login-logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.logout-card {
    position: absolute;
    width: 100%;
    max-width: 480px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sso-login-confirmation-card {
    position: absolute;
    width: 100%;
    max-width: 480px;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
    #login-split-screen {
        min-height: max(800px, 100dvh);
    }
    #login-panel {
        max-width: 320px;
    }
}

@media (min-width: 769px) and (max-width: 1063px) {
    #login-split-screen {
        min-height: max(800px, 100dvh);
    }
    #login-panel {
        max-width: 320px;
    } 
}

@media (min-width: 1064px) {
    #login-split-screen {
        min-height: max(500px, 100dvh);
    }
    #login-panel {
        max-width: 380px;
    }
    .login-notification {
        min-width: 460px;
    }    
}