.phong-login{border:1px solid #d4dfd4;border-radius:18px;padding:26px;width:min(420px,calc(100vw - 32px));background:#fff;color:#173e36;font:15px system-ui;box-shadow:0 20px 90px #0005}.phong-login::backdrop{background:#102e2799}.phong-login h2{font-size:23px}.phong-login label{display:block;margin:16px 0}.phong-login input{display:block;width:100%;box-sizing:border-box;padding:11px;margin-top:6px;border:1px solid #aabbab;border-radius:8px;font:inherit}.phong-login button{padding:10px 18px;border:0;border-radius:8px;margin-right:8px;cursor:pointer}.phong-login button[type=submit]{background:#173e36;color:#fff}.phong-login [role=alert]{color:#a52d23} [data-phong-account]{cursor:pointer}

.phong-login [hidden]{display:none!important}.phong-login [data-toggle-mode]{margin-top:18px;background:transparent;color:#173e36;text-decoration:underline;padding:4px 0}
/* Keep authentication readable independently of the drawing workspace theme. */
.phong-login{color-scheme:light;background:#fff;color:#173e36}
.phong-login input{background:#fff;color:#173e36;caret-color:#173e36;-webkit-text-fill-color:#173e36;opacity:1}
.phong-login input::placeholder{color:#63766d;opacity:1}
.phong-login input:focus-visible{outline:2px solid #57795f;outline-offset:2px}
.phong-login input:-webkit-autofill{-webkit-text-fill-color:#173e36;caret-color:#173e36;-webkit-box-shadow:0 0 0 1000px #f1f6ed inset}
.phong-login button{background:#e9eee6;color:#173e36}
.phong-login button[type=submit]{background:#173e36;color:#fff}
.phong-login button:disabled{opacity:.65}
.phong-login [data-toggle-mode]{background:transparent;color:#173e36}
.phong-login button:focus-visible{outline:2px solid #57795f;outline-offset:3px}

.phong-login select{display:block;width:100%;margin:16px 0;background:#fff;color:#173e36;padding:10px;border:1px solid #758878;border-radius:8px}