html,body{margin:0;font-family:Roboto,Arial,monospace}*{font-family:Roboto,Arial,monospace}.app-container{min-height:calc(100vh - 32px);padding:16px;background-image:url(/images/background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;align-items:center}.app-container .app-logo{display:flex;align-items:center;margin-bottom:16px;align-self:baseline}.app-container .app-logo h1{color:#fff;font-weight:400;font-size:16px}.app-container .app-logo img{margin-right:8px}.app-container .form-group{display:flex;flex-direction:column;margin-bottom:24px;position:relative}.app-container .form-group input{padding:10px;border:1px solid #CDD0DE;background-color:#fff;border-radius:4px;font-size:14px}.app-container .form-group input ::placeholder{color:#cdd0de;opacity:1}.app-container .form-group input ::-ms-input-placeholder{color:#cdd0de}.app-container .form-group input.invalid{border-color:#d81b60}.app-container .form-group .error{color:#d81b60;font-size:12px;text-align:left;position:absolute;right:0}.app-container hr{border:none;border-top:1px solid #ddd;margin:32px 0}.app-container .snackbar{min-width:250px;max-width:90%;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;bottom:30px;left:50%;transform:translate(-50%);font-size:17px}.app-container .snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.app-container .spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}