/* Reuse the partner layout and graphite fields on native recovery screens. */
@font-face{font-family:Montserrat;src:url('../boosterx-brand-shell/fonts/Montserrat-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html:has(body.bpx-recovery){background:#030307}
body.bpx-recovery{height:auto;min-height:100vh;font-family:Montserrat,sans-serif;color:#fff;background:#030307}
.bpx-recovery .bpx-recovery-layout{min-height:570px}
.bpx-recovery .bpx-auth-story h1{text-align:left}
.bpx-recovery #login{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:36px;background:var(--panel);border-radius:30px;color:var(--text);font-family:Montserrat,sans-serif}
.bpx-recovery #login>h1,.bpx-recovery #backtoblog,.bpx-recovery .privacy-policy-page-link{display:none}
.bpx-recovery #login .bpx-recovery-title{font-size:26px;margin:0 0 16px}
.bpx-recovery #login>.bpx-muted{margin-bottom:26px;line-height:1.75}
.bpx-recovery #login form{margin:0;padding:0;border:0;box-shadow:none;background:transparent;color:inherit;overflow:visible}
.bpx-recovery #login label{display:block;font-size:16px;font-weight:500;line-height:1.7;margin-bottom:8px;color:#e0e0e6}
.bpx-recovery #login input.input{margin:0 0 22px}
.bpx-recovery #login .button-primary{float:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;white-space:normal;padding:14px 20px;border:2px solid transparent;border-radius:999px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--gradient) border-box;color:#fff;font:600 16px/1.5 Montserrat,sans-serif;box-shadow:none;text-shadow:none;cursor:pointer}
.bpx-recovery #login .button-primary:hover{background:linear-gradient(#19182b,#19182b) padding-box,var(--gradient) border-box}
.bpx-recovery #login .button-primary:focus-visible{outline:2px solid #93b7ff;outline-offset:4px}
.bpx-recovery #login #nav{padding:0;margin:24px 0 0;text-align:center;font-size:15px}
.bpx-recovery #login #nav a{color:#93b7ff}
.bpx-recovery #login .notice,.bpx-recovery #login .message,.bpx-recovery #login #login_error{border:0;border-radius:12px;background:#24242f;color:#e0e0e6;box-shadow:none;padding:16px;margin:0 0 22px;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.bpx-recovery #login .notice-error,.bpx-recovery #login #login_error{background:#d93b3b18;color:#ffb1b1}
.bpx-recovery #login .notice p{margin:0}.bpx-recovery #login .notice a{color:inherit;text-decoration:underline}
.bpx-recovery #login .wp-hide-pw{color:#c0c0cc;min-width:44px;min-height:44px;top:4px}
.bpx-recovery #login .wp-pwd input{padding-right:52px}
.bpx-recovery #login .pw-weak label{display:inline;font-size:14px}
.bpx-recovery #login .description{font-size:14px;line-height:1.7;color:#c0c0cc;margin-bottom:22px}
.bpx-recovery #login #pass-strength-result{box-sizing:border-box;max-width:100%;margin:0 0 16px;border-radius:8px;color:#111}
.bpx-recovery #login .wp-generate-pw{float:none;width:100%;margin:0 0 14px;border:1px solid #424250;border-radius:10px;background:#24242f;color:#fff;white-space:normal;min-height:44px;font:500 14px/1.5 Montserrat,sans-serif}
.bpx-recovery .bx-shell-footer-wrap{margin-top:0}
@media(max-width:700px){.bpx-recovery .bpx-recovery-layout{min-height:0}.bpx-recovery #login{padding:28px 24px;border-radius:24px}.bpx-recovery #login .bpx-recovery-title{font-size:24px}.bpx-recovery .bpx-auth-story h1{font-size:36px}.bpx-recovery .bpx-auth-story .bpx-back{margin-bottom:24px}}