@font-face{font-family:MailTempInter;src:url('../../../assets/fonts/inter/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.mail-auth-modal,[data-signup-offer],body.mailtemp-auth{font-family:MailTempInter,Inter,system-ui,sans-serif;color:#202024}
body:has(.mail-auth-modal.show) .modal-backdrop{background:#ececf0;opacity:1}
.mail-auth-modal .modal-dialog{padding:0;max-width:460px;margin:24px auto;min-height:calc(100% - 48px)}
.mail-auth-modal .modal-content{border:1px solid #e0e0e4;border-radius:12px;box-shadow:0 8px 28px #2020240c;background:#fff;color:#202024}
.mail-auth-modal .modal-body{padding:34px 36px}
.mail-auth-modal .mail-auth-close{top:12px;right:12px;border:0;background:transparent;color:#676773}
.mail-auth-modal [hidden]{display:none!important}
.mail-auth-modal .mail-auth-mark{width:38px;height:38px;margin:0 0 20px;background:#202024;color:#fff;border-radius:9px}
.mail-auth-modal .mail-auth-heading{margin:0}
.mail-auth-modal .mail-auth-mark img{width:38px;height:38px;display:block}
.mail-auth-modal .mail-auth-heading>span{display:none}
.mail-auth-modal .mail-auth-heading h2{font:600 26px/1.2 MailTempInter,Inter,system-ui,sans-serif;letter-spacing:-.7px;color:#202024;margin:0 0 10px}
.mail-auth-modal .mail-auth-heading p{font-size:14px;line-height:1.55;color:#686873;margin:0 0 26px}
.mail-auth-modal form>label,.mail-auth-modal [data-login-email-stage]>label,.mail-auth-modal fieldset>label{font-size:13px;font-weight:550;color:#202024;margin:0 0 7px;display:block}
.mail-auth-modal fieldset{border:0;padding:0;margin:0;min-width:0}
.mail-auth-modal .mail-auth-control{min-height:46px;border:1px solid #bcbcc6;border-radius:6px;box-shadow:none;background:#fff;margin-bottom:20px}
.mail-auth-modal .mail-auth-control:focus-within{border-color:#202024;box-shadow:0 0 0 2px #20202418}
.mail-auth-modal .mail-auth-control>i{display:none!important}
.mail-auth-modal .mail-auth-control input{min-height:44px;padding:10px 12px;color:#202024;background:transparent;font-size:14px}
.mail-auth-modal .mail-auth-password-toggle{color:#686873;background:transparent}
.mail-auth-modal .mail-auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:100%;border:1px solid #202024;border-radius:6px;background:#202024;color:#fff;box-shadow:none;font-size:14px;font-weight:600;padding:11px 16px}
.mail-auth-modal .mail-auth-submit:hover{background:#3b3b43;border-color:#3b3b43}
.mail-auth-modal .mail-auth-submit:disabled{opacity:.55;cursor:wait}
.mail-auth-modal .mail-auth-submit>i{display:none}
.mail-auth-modal .mail-auth-options{font-size:12px;margin-bottom:22px;color:#5d5d69;gap:12px}
.mail-auth-modal .mail-auth-options label{font-size:12px;font-weight:400;display:flex;gap:5px;align-items:center}
.mail-auth-modal :is(a,.mail-auth-switch button){color:#35353d;font-weight:550}
.mail-auth-modal .mail-auth-switch{font-size:13px;margin:23px 0 0;line-height:1.6;text-align:center}
.mail-auth-modal .mail-auth-terms{font-size:11px;line-height:1.6;color:#777783;margin:22px 0 0}
.mail-auth-modal .mail-login-identity{border:1px solid #dddde3;border-radius:20px;background:#fafafa;padding:7px 12px;margin:0 0 24px;color:#50505a;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.mail-auth-modal .mail-login-identity::after{content:' ↶';padding-left:8px;color:#767680}
.mail-auth-modal .mail-auth-errors{border-radius:6px;background:#fff0f0;color:#922e2e;padding:12px;font-size:13px;margin-bottom:20px}
.mail-auth-modal .mail-signup-offer-preview{display:block;border:0;background:transparent;color:#4e4e5a;text-decoration:underline;text-underline-offset:3px;font-size:12px;margin:18px auto 0;padding:5px}
.mail-signup-offer{text-align:center;padding-top:8px}
.mail-signup-offer-ribbon{display:inline-block;border-radius:5px;padding:6px 10px;background:#f0f0f3;color:#50505a;font-size:12px;font-weight:600;margin-bottom:22px}
.mail-signup-offer h2{font:600 27px/1.25 MailTempInter,Inter,system-ui,sans-serif;letter-spacing:-.6px;margin:0 0 22px;color:#202024}
.mail-signup-offer h3{font-size:17px;font-weight:600;color:#34343b;margin:0 0 8px}
.mail-signup-offer-price{font-size:60px;letter-spacing:-3px;line-height:1.1;font-weight:650;color:#202024}
.mail-signup-offer-price span{font-size:20px;letter-spacing:0;margin-left:8px;font-weight:500}
.mail-signup-offer-price+p{color:#70707b;font-size:13px;margin:8px 0 24px}
.mail-signup-offer ul{padding:0;margin:0 0 26px;list-style:none;text-align:left;display:grid;gap:13px;font-size:13px}
.mail-signup-offer li{display:flex;gap:10px;line-height:1.5}
.mail-signup-offer li>span:first-child{font-size:16px;color:#3c7c5d}
.mail-signup-offer .mail-signup-offer-terms{font-size:11px;color:#777782;line-height:1.6;margin:14px 0 22px}
.mail-signup-free{background:transparent;border:0;color:#464650;font-size:14px;font-weight:550;padding:10px;width:100%;text-decoration:underline;text-underline-offset:4px}
body.mailtemp-auth{background:#f6f6f8;background-image:none}
.mailtemp-auth .mailtemp-auth-topbar{border:0;background:transparent;backdrop-filter:none}
.mailtemp-auth .mailtemp-auth-brand strong{font-family:inherit}
.mailtemp-auth .mailtemp-auth-card{max-width:460px;padding:36px;border:1px solid #e0e0e4;border-radius:12px;box-shadow:0 8px 28px #2020240c}
.mailtemp-auth .mailtemp-auth-card h4{font-family:inherit;font-size:27px;line-height:1.25;letter-spacing:-.6px;font-weight:600}
.mailtemp-auth .mailtemp-auth-card .form-label{font-size:13px;font-weight:550}
.mailtemp-auth .mailtemp-auth-card .form-control{border-radius:6px;min-height:46px;font-family:inherit}
.mailtemp-auth .mailtemp-auth-card .btn-primary{border-radius:6px;min-height:46px;box-shadow:none;font-weight:600}
@media(max-width:575px){.mail-auth-modal .modal-dialog{margin:12px;min-height:calc(100% - 24px)}.mail-auth-modal .modal-body{padding:28px 24px}.mail-auth-modal .mail-auth-heading h2{font-size:25px}.mailtemp-auth .mailtemp-auth-main{padding:24px 16px}.mailtemp-auth .mailtemp-auth-card{padding:28px 24px}.mail-signup-offer-price{font-size:54px}}