#loginPage{width:100vw;width:100dvw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;display:flex;justify-content:center;align-items:center;background:var(--body-color);transition:.3s}#loginPage #loginContainer{width:30em;background:var(--body-color);padding:1.5em;text-align:center;box-shadow:1px 2px 5px rgba(0,0,0,.5);color:#1d3062}#loginPage #loginContainer .logo{width:10em;height:auto}#loginPage form{display:flex;flex-direction:column;gap:.8em;padding:.8em}#loginPage input[type=email],#loginPage input[type=password]{border:0;padding:.2em .5em;font-size:1.1em;box-shadow:1px 2px 5px rgba(0,0,0,.31);color:#1d3062;outline:none}#loginPage #loginButton,#loginPage #resetButton{padding:.1em 1em;border:none;color:#fff;font-size:1.2em;font-weight:700;box-shadow:1px 2px 5px rgba(0,0,0,.31);outline:none;cursor:pointer}#loginPage #loginButton{background:var(--telus-color-1)}#loginPage #resetButton{background:var(--telus-color-2)}#loginPage #loginButton:hover,#loginPage #resetButton:hover{color:#ffffffda}@media only screen and (max-width:1000px){#loginPage #loginContainer{max-width:95vw;padding:0;box-shadow:none}#loginPage #loginContainer .logo{width:8rem}#loginPage.focused{height:50vh;height:50dvh;overflow:visible}#loginPage input[type=email],#loginPage input[type=password]{font-size:1rem;padding:.3rem}#loginPage #loginButton,#loginPage #resetButton{font-size:1rem;padding:.3rem .1rem}}