.login-background{background-size:cover;background-repeat:no-repeat;background-position:50%;height:100%;width:100%;overflow:hidden;position:absolute;z-index:-1}.login-container{justify-content:flex-end;color:var(--eds-color-content)}.login-container,.login-container .form-container{display:flex;align-items:center}.login-container .form-container form{width:100%}@media only screen and (min-width:601px){.login-background{background-color:var(--eds-color-background);background-image:url(/auth/_next/static/media/login-background.1194de82.svg)}.login-container{height:100%;min-width:36.5rem;width:60%;max-width:60.5rem;margin-left:1.9rem}.login-container .hard-coded-image-offset-within-off-centered-background{margin-bottom:4vh}.login-container .form-container{margin:0 2.5rem 4vh 0;min-height:var(--login-form-container-height);min-width:22.5rem;max-width:22.5rem;position:relative;bottom:.5rem}.login-container .form-container .hard-coded-width-button{min-width:5rem;padding:.375rem 1.25rem}}@media only screen and (max-width:600px){.login-background{display:none}main{display:flex}.login-container{background:var(--eds-color-background);align-self:center;flex-direction:column;justify-content:center;height:100%;width:100%;gap:var(--eds-space-between-x-large)}.login-container .form-container{width:100%;display:flex;justify-content:center;padding:0 1.5rem}.login-container .form-container form{display:flex;flex-direction:column;justify-content:space-between;min-height:8.5rem}.login-container .form-container form,.login-container .form-container form input{max-width:18.75rem}}@media only screen and (max-height:560px){main{background:var(--eds-color-background)}.login-container{min-height:350px}.login-container svg{margin-bottom:0}.login-container .form-container{margin-bottom:0;bottom:0}}