#modal {
    --orange: #ce5707;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 35px;
    font: 13px/normal Arial, Helvetica, sans-serif;
    color: #293442;
    background: white;
    box-shadow: 0 25px 100px #20251f33;
}
#modal::backdrop { background: #24302066; backdrop-filter: blur(4px); }
#modal :where(button) { border: 0; border-radius: 0; background: transparent; padding: 0; }
#modal:not(.registration-dialog) .close { position: absolute; top: 12px; right: 14px; font-size: 24px; color: #8c9387; }
#modal.registration-dialog { padding: 0; border-radius: 5px; }
#modal h2 { font: 400 25px Arial, sans-serif; }
#modal label { display: block; }
#modal input:not([type=checkbox]) { width: 100%; border: 1px solid #dfe3d8; border-radius: 5px; outline-color: var(--orange); background: #f8f8f8; }
#modal .password-wrap button { border-left: 1px solid #ddd; padding: 0 11px; background: white; }
#modal .google-signup { border: 1px solid #d6d6d6; border-radius: 4px; background: white; padding: 9px 16px; color: #555; }
#modal .login-forgot { padding-top: 7px; }
#modal a { color: #b94d00; text-decoration: none; }
#modal .primary { display: inline-flex; align-items: center; justify-content: center; background: var(--orange); color: white; border: 1px solid var(--orange); border-radius: 3px; padding: 12px 17px; font-size: 12px; }
#modal .login-register-prompt .primary { padding: 8px 12px; }
#modal .register-login { color: #995019; }
#voice-auth-notice:empty { display: none; }
#voice-auth-notice { max-width: 1120px; margin: 12px auto; padding: 0 15px; }
#modal:not(.registration-dialog) { width: min(660px, calc(100% - 28px)); }
#modal.registration-dialog > .close { position: absolute; color: #8c9387; }