#code-form p{font-size:13px;line-height:1.7;color:#52675b}#code-email{font-weight:600;color:#17352b;overflow-wrap:anywhere}#email-code{font:28px/1.3 Arial,sans-serif;letter-spacing:.55em;text-align:center;padding:14px 10px;max-width:100%;width:100%;color:#17352b}#code-form .code-actions{display:flex;justify-content:space-between;gap:14px;margin-top:12px;flex-wrap:wrap}#code-form .text-button{font-size:12px;min-height:44px;padding:8px 0;letter-spacing:0;text-transform:none;width:auto}#code-form button:disabled{opacity:.55;cursor:default}#code-form .primary{margin-top:18px}.login-form #login-result{font-size:13px;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}

/* Let either sign-in step grow without escaping its container. */
.login-screen{display:flow-root;height:auto;min-height:100svh;overflow:clip}
.login-screen .login-form{position:relative;inset:auto;left:auto;top:auto;bottom:auto;box-sizing:border-box;width:350px;max-width:calc(100% - 48px);margin:140px 0 72px 5%;padding:0;min-width:0}
.login-form>form,.login-form>p,.login-form>div{box-sizing:border-box;max-width:100%;min-width:0}
.login-form form input{box-sizing:border-box;width:100%;max-width:100%}
.login-form .visitor-privacy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:20px 0 0;padding:14px 0 0;border-top:1px solid #17352b18;font-size:11px!important;line-height:1.65;overflow-wrap:anywhere}
.login-form .visitor-privacy button{display:block;align-self:flex-start;box-sizing:border-box;max-width:100%;margin:0!important;padding:6px 0!important;text-align:left;white-space:normal;line-height:1.5;min-height:36px!important}
.login-form .login-note{position:static;max-width:100%;margin:14px 0 0;font-size:10px;line-height:1.65;overflow-wrap:anywhere}
.login-form #login-result{margin:12px 0 0;line-height:1.65}
.login-form #login-result:empty{display:none}
.login-form #code-form .code-actions{align-items:flex-start;gap:8px 18px}
.login-form #code-form .code-actions button{flex:0 1 auto;max-width:100%;white-space:normal;line-height:1.5;text-align:left}
@media(max-width:1050px) and (min-width:801px){.login-screen .login-form{width:310px;margin-left:5%}}
@media(max-width:800px){.login-screen .login-form{width:340px;max-width:calc(100% - 48px);margin:470px auto 48px;padding:0}.login-art .pearl{left:50%;top:245px;width:300px}.login-art .pearl-shadow,.login-art .pearl-ripple{left:50%;top:420px}.login-art>small{display:none}}
@media(max-width:520px){.login-screen .login-form{width:auto;max-width:none;margin:470px 24px 40px}.login-form .visitor-privacy{margin-top:18px}.login-form h2{font-size:28px}}