@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);:root{--layoutBackground:$layoutBackground;--cardBackground:$cardBackground;--textColor:$textColor;--fontSize:$fontSize;--lineHeight:$lineHeight;--fontFamily:$fontFamily;--borderColor:$borderColor;--navbarBackground:$navbarBackground;--navbarFont:$navbarFont;--navbarColor:$navbarColor;--dangerColor:$dangerColor;--successColor:$successColor}body,html,layout,layout>#root{width:100%;height:100%}@media (max-height:600px){body,html,layout,layout>#root{height:auto;overflow:auto}}layout>#root{display:flex;align-items:center;justify-content:center}.login{height:100%}.login .logo{margin-top:20px;margin-bottom:40px;text-align:center}@media (max-height:600px){.login .logo{position:static;margin-top:10px;margin-bottom:10px}}.login .logo img{object-fit:contain}.login .title{margin-bottom:.5em;text-align:center}.login form{padding:1em 2em;border-radius:5px;max-width:400px;margin:auto}.login form button[type=submit]{width:100%;margin-top:.5em}.login form label{font-size:16px}.login form .form-group{margin-bottom:10px}.login form .form-check{display:flex;align-items:baseline;flex-wrap:wrap}.login form .form-check .invalid-feedback{width:100%}