.loginContainer{--color-bg:#e7f3fd;--margin:10px;--radius:0.5rem;background-color:var(--color-bg);border-radius:var(--radius);display:grid;place-items:center;min-height:calc(100vh - var(--margin)*2);margin:10px;padding:1.5rem;position:relative}.loginContainer .loginBg{background-image:url(/images/login-bg.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;max-height:25rem;max-width:80rem;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;width:100%;height:100%}.loginContainer .loginForm{background-color:#fff;border-radius:var(--radius);box-shadow:0 3px 12px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 2.5rem;z-index:2}.loginContainer .loginForm__brand{padding:2rem 0}.loginContainer .loginForm__brand img{max-width:15em}.loginContainer .loginForm h5{margin-bottom:2rem}@media (max-width:55em){.loginContainer{margin:0;min-height:100vh}}