.isLoading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.small{width:16px}.medium{width:20px}.large{width:24px}.form-container{border-radius:4px;background-color:#fff;width:100%}@media only screen and (min-width:768px){.form-container{padding:0 65px;margin:32px 0}}.form-container .form-title{font-size:24px;text-align:center}.form-container .form-subtitle{text-align:center;color:#333;margin-top:8px}.form-container .loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.86;border-radius:8px;background-color:#fff;color:#2170f4}.form-container .loader-container .loader{margin-bottom:8px}.input-container{position:relative}.input-container .label-container{display:flex;justify-content:space-between}.input-container .label-container .label{font-size:14px;font-weight:600;margin-bottom:10px;color:#333}.input-container .input-field{color:#333;width:100%;height:40px;font-size:14px;padding-left:12px;border-radius:4px;border:1px solid #bdbdbd}.input-container .input-field::-webkit-input-placeholder{color:#888}.input-container .input-field::-ms-input-placeholder{color:#888}.input-container .input-field::placeholder{color:#888}.input-container .input-field.invalid{border-color:#fe581e}.input-container .error{height:14px;font-size:12px;color:#fe581e;margin-top:6px}.button-container .button{border:none;padding:13px 10px;color:#fff;font-size:16px;font-weight:600;border-radius:4px;background-color:#bdbdbd;width:100%;display:flex;justify-content:center;align-items:center}.button-container .button.active{cursor:pointer;background-color:#2170f4}.button-container .button.active:hover{background-color:rgba(33,112,244,.9)}.button-container .button.loading{color:hsla(0,0%,100%,.5);pointer-events:none}.button-container .button.loading .loader{margin-right:10px;display:inline-block}.email-form{margin-top:40px}.email-form .btn-next{margin-top:32px;width:100%}.email-form .submit-error{margin-top:8px;color:#fe581e;text-align:center}.password-reset-email .text{color:#333;margin-top:32px;line-height:1.43}.password-reset-email .alternate-email{font-weight:600}.password-reset-email .try-again{color:#2170f4;cursor:pointer}.password-reset-email .try-again.disabled{pointer-events:none;color:#bdbdbd}.password-reset-email-error .header-illustration{position:relative;left:102px;width:150px;height:108px;background-repeat:no-repeat;background-image:url(../../static/media/HeaderIllustration.7726a5c5.svg)}@media only screen and (max-width:768px){.password-reset-email-error .header-illustration{left:92px}}.password-reset-email-error .form-title,.password-reset-email-error .text{margin-top:24px}.password-reset-email-error .text{text-align:center;color:#333;line-height:1.43}.password-reset-email-error .support{margin:0;color:#2170f4;cursor:pointer}#root{height:100%}*{box-sizing:border-box}body{margin:0;padding:0;font-size:14px}img{-webkit-user-select:none;-ms-user-select:none;user-select:none}a{color:#333}.hidden{display:none!important}.center{text-align:center}.main-container{display:flex;height:100vh;align-items:center;flex-direction:column;font-family:sans-serif;justify-content:space-between;-webkit-app-region:drag}@media only screen and (min-width:768px){.main-container{justify-content:flex-start;background:url(static/media/flockmail-login-bg.e2fa8425.png) no-repeat center 10px;background:-webkit-image-set(url(./static/media/flockmail-login-bg.e2fa8425.png) 1x,url(./static/media/flockmail-login-bg-2x.e763d39b.png) 2x) no-repeat center 10px}}.main-container .body{display:flex;flex-direction:column;align-items:center;background-color:#fff;position:relative;border-radius:4px}@media only screen and (min-width:768px){.main-container .body{box-shadow:0 0 5px 1px #c3c3c3;margin-top:50px;width:450px}}@media only screen and (max-width:768px){.main-container .body{width:100%;max-width:300px;padding:0 38px;box-sizing:initial}}.main-container .body .logo-container{width:100%;height:92px;display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.main-container .body .logo-container img{height:44px}@media only screen and (min-width:768px){.main-container .body .logo-container{background-color:#f8f8f8}}.main-container .body .by-branding{margin:18px 0 24px}.main-container .body .by-branding img{height:16px}@media only screen and (max-width:768px){.main-container .body .by-branding{display:none}}.main-container .footer{display:flex;flex-direction:column;align-items:center}.main-container .footer .by-branding{margin-top:24px}.main-container .footer .by-branding img{height:16px}@media only screen and (min-width:768px){.main-container .footer .by-branding{display:none}}.main-container .footer .language-switcher{font-size:14px;margin:16px;border:1px solid #dedede;border-radius:4px;color:#333;height:36px;padding:8px 36px;width:200px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;background-repeat:no-repeat;background-image:url(../../static/media/dropdown-arrow-down.bd330c3f.svg),url(../../static/media/language.69c106b2.svg);background-position:168px,12px;background-repeat:no-repeat,no-repeat}@media only screen and (max-width:768px){.main-container .footer .language-switcher{margin:24px}}.main-container .footer .flockmail-app-version{position:fixed;bottom:0;right:10px;z-index:1;color:#888;font-size:small}