.isLoading{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.small{width:16px}.medium{width:20px}.large{width:24px}.input-container{position:relative}.input-container .label-container{display:flex;justify-content:space-between}.input-container .label-container .label{color:var(--text-color);font-size:14px;font-weight:600;margin-bottom:10px}.input-container .input-field{height:40px;padding-left:12px;width:100%}.input-container .input-field.disabled{background-color:var(--input-disbaled-background)}.input-container .input-edit-container{position:relative}.input-container .input-edit-container .edit-button{align-items:center;color:var(--link-color);cursor:pointer;display:flex;height:100%;padding-right:12px;position:absolute;right:0;top:0}.input-container .error{color:var(--error-color);font-size:12.04px;height:14px;margin-top:6px}.button-container{display:inline-block}.button-container button.loading{opacity:.5;pointer-events:none}.button-container button.loading .loader{display:inline-block;margin:auto;vertical-align:middle}.button-container button.loading .loader.with-content{margin-right:10px}.form-alternate-email{background-color:var(--bg-modal);border-radius:4px;margin:20px 0;padding:0 65px;text-align:center}.form-alternate-email .title{color:var(--text-color);font-size:20.02px;font-weight:600;margin-bottom:8px;margin-top:24px}.form-alternate-email .subtitle{color:var(--tertiary-text-three);line-height:18px;margin-bottom:20px}.form-alternate-email .field-meta{color:var(--tertiary-text-three);display:block;font-size:12.04px;margin-top:2px;text-align:left}.form-alternate-email .field-meta.error{color:var(--error-color)}.form-alternate-email .email-address{font-weight:300}.form-alternate-email .input{margin-bottom:8px}.form-alternate-email .button-container{width:100%}.form-alternate-email .button-container .btn-submit{margin-top:22px}.center{text-align:center}.center a{color:var(--tertiary-text-three);cursor:pointer;text-decoration:none}.form-container{background-color:var(--bg-modal);border-radius:4px;width:100%}@media only screen and (min-width:768px){.form-container{margin:32px 0;padding:0 60px}}.form-container .form-title{font-size:20.02px;font-weight:600;text-align:center}.form-container .form-subtitle{color:var(--tertiary-text-three);margin-top:8px;text-align:center}.form-container .loader-container{align-items:center;background-color:var(--hover-color);border-radius:8px;bottom:0;color:var(--btn-default-color);display:flex;flex-direction:column;justify-content:center;left:0;opacity:.86;position:absolute;right:0;top:0}.form-container .loader-container .loader{margin-bottom:8px}.authenticator-code-container .label,.recovery-code-container .label{margin:20px 0;text-align:center}.authenticator-code-container .input_digit,.recovery-code-container .input_digit{background:var(--bg-modal);border:none;border-bottom:1px solid var(--modal-line-separator);border-radius:0;font-size:23.94px;margin-right:10px;outline:none;padding:0}.authenticator-code-container .input_digit.error,.recovery-code-container .input_digit.error{border:none;border-bottom:1px solid var(--error-color)}.authenticator-code-container .input_digit:focus,.recovery-code-container .input_digit:focus{border:none;border-bottom:1px solid;outline:none}.authenticator-code-container .auth_code_container,.recovery-code-container .auth_code_container{justify-content:center}.authenticator-code-container .button-container,.recovery-code-container .button-container{width:100%}.authenticator-code-container .button-container .btn-login,.recovery-code-container .button-container .btn-login{font-size:16px;line-height:normal;margin-top:28px;padding:12px 10px;width:100%}.authenticator-code-container .two_fa_guide,.recovery-code-container .two_fa_guide{color:var(--tertiary-text-three);font-size:13.02px;line-height:1.29;margin-top:32px;text-align:center}.authenticator-code-container .links,.recovery-code-container .links{color:var(--link-color);display:block;text-decoration:none}.authenticator-code-container .links:hover,.recovery-code-container .links:hover{cursor:pointer}.authenticator-code-container .links.need-help,.recovery-code-container .links.need-help{margin-top:14px;text-align:center}.authenticator-code-container .links.underline,.recovery-code-container .links.underline{text-decoration:underline}.authenticator-code-container .submit-error,.recovery-code-container .submit-error{color:var(--error-color);font-size:10.5px;margin-top:8px;text-align:center}.authenticator-code-container .submit-error .contact-us,.recovery-code-container .submit-error .contact-us{color:var(--tertiary-text-three)}.login-form{margin-top:40px}.login-form .input{margin-bottom:20px}.login-form .input .forgot-password a{color:var(--tertiary-text-three);text-decoration:none}.login-form .button-container{width:100%}.login-form .button-container .btn-login{font-size:16px;line-height:normal;margin-top:12px;padding:12px 10px;width:100%}.login-form .submit-error{color:var(--error-color);margin-top:8px;text-align:center}.login-form .submit-error .description{color:var(--tertiary-text-three);line-height:18px;margin-top:8px}.login-form .privacy-text{color:var(--text-color);line-height:1.29;margin-top:32px;text-align:center}.login-form .privacy-text .links{color:var(--link-color);text-decoration:none}.login-form .privacy-text .links:hover{cursor:pointer}.login-form .add-new-email-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.login-form .add-new-email-container .btn-add-new-email{font-size:15px;line-height:17px;padding:12px 10px;width:100%}.login-form .re-login-email{display:flex;justify-content:center;margin:25px 0;width:320px}.login-form .re-login-email .re-login-label{background-color:var(--icon-hover-state);border-radius:16px;font-size:14px;font-weight:600;overflow:hidden;padding:7px 14px;text-overflow:ellipsis}.login-form .logout-error-container{margin:32px 0}.login-form .show-ellipsis{padding-right:58px;text-overflow:ellipsis}.login .link-span{color:var(--link-color);text-decoration:underline}.login .link-span:hover{cursor:pointer}.login-form.in-client-split-flow{margin-bottom:70px}.account-add-success{align-items:center;display:flex;flex-direction:column;margin:50px}.account-add-success .email-id{font-size:16px;font-weight:600;margin-top:8px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-add-success .sub-text{margin-bottom:28px}.account-add-success .button-container{width:100%}.account-add-success .button-container .btn-login{font-size:16px;line-height:normal;margin-top:12px;padding:12px 10px;width:100%}.main-container.login{align-items:center;display:flex;flex-direction:column;font-family:sans-serif;height:100vh;justify-content:space-between;-webkit-app-region:drag;overflow:auto}@media only screen and (min-width:768px){.main-container.login{background:var(--login-bg) no-repeat center 10px;background:-webkit-image-set(var(--login-bg) 1x,var(--login-bg-2x) 2x) no-repeat center 10px;background-color:var(--bg-primary-color);justify-content:flex-start}}.main-container.login.in-client-flow{background:var(--bg-primary-color);height:auto;overflow:hidden}.main-container.login.in-client-flow .body{margin:0}@media only screen and (min-width:768px){.main-container.login.remove-background{background:none;background-color:var(--bg-primary-color)}}.main-container.login .body{align-items:center;background-color:var(--bg-modal);border-radius:4px;display:flex;flex-direction:column;position:relative}@media only screen and (min-width:768px){.main-container.login .body{box-shadow:var(--modal-shadow);margin-top:50px;width:450px}}@media only screen and (max-width:768px){.main-container.login .body{box-sizing:initial;max-width:300px;padding:0 38px;width:100%}}.main-container.login .body .logout-error-container{background:var(--logout-error-login-background);border:1px solid var(--error-color);border-radius:4px;color:var(--error-color);padding:8px}.main-container.login .body .main-container.logout-error-container{margin:32px 52px 0}.main-container.login .body .logo-container{align-items:center;border-radius:4px 4px 0 0;display:flex;height:92px;justify-content:center;width:100%}.main-container.login .body .logo-container img{height:44px}@media only screen and (min-width:768px){.main-container.login .body .logo-container{background-color:var(--bg-logo-container)}}.main-container.login .body .by-branding{color:var(--text-color);margin:18px 0 24px}.main-container.login .body .by-branding img{height:16px}@media only screen and (max-width:768px){.main-container.login .body .by-branding{display:none}}.main-container.login .footer{align-items:center;display:flex;flex-direction:column}.main-container.login .footer .by-branding{margin-top:24px}.main-container.login .footer .by-branding img{height:16px}@media only screen and (min-width:768px){.main-container.login .footer .by-branding{display:none}}.main-container.login .footer .language-switcher{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;background-image:url(/static/media/dropdown-arrow-down.bd330c3f6b2e370b06ef.svg),url(/static/media/language.69c106b23e675c3097a4.svg);background-position:168px,12px;background-repeat:no-repeat;background-repeat:no-repeat,no-repeat;border-radius:4px;font-size:14px;height:36px;margin:16px;padding:6px 36px;width:200px}@media only screen and (max-width:768px){.main-container.login .footer .language-switcher{margin:24px}}.main-container.login .footer .flockmail-app-version{bottom:0;color:var(--tertiary-text-three);font-size:13.02px;position:fixed;right:10px;z-index:1}.main-container.login .email-forwarding-option{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;padding:0 65px;width:100%}.main-container.login .email-forwarding-option .divider{border-bottom:1px solid var(--modal-line-separator);margin-bottom:24px;width:100%}.main-container.login .email-forwarding-option .illustration{width:101px}.main-container.login .email-forwarding-option .title{font-size:20.02px;font-weight:600;margin-bottom:4px;margin-top:12px;text-align:center}.main-container.login .email-forwarding-option .description{color:var(--tertiary-text-three);text-align:center}.main-container.login .email-forwarding-option .button-container{width:100%}.main-container.login .email-forwarding-option .button-container .forward-from-gmail{font-size:15px;line-height:inherit;margin-top:20px;padding:10px 14px;width:100%}@media only screen and (min-width:768px){.main-container.multi-country-login-failed-screen{justify-content:center}}.main-container.login-loader{justify-content:center}.main-container.login-loader .isLoading{display:block;margin:120px 0}.main-container .split-screen-loader{justify-content:center}.main-container .split-screen-loader .isLoading{display:block;margin:120px 0}.login-failed-screen{align-items:center;display:flex;flex-direction:column;margin:50px;padding:31px 21px 55px;text-align:center}.login-failed-screen .warning-icon{height:40px;margin-bottom:18px;width:45px}.login-failed-screen .verification-msg,.login-failed-screen .warning-msg{font-size:16px;line-height:24px;margin-bottom:28px}