.matic-login,.matic-login *{box-sizing:border-box}.matic-login{background:var(--paper);color:var(--ink);font-family:var(--sans);padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.matic-login-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:14px;flex-direction:column;width:100%;max-width:400px;margin:auto;padding:40px 36px 36px;display:flex;box-shadow:0 1px 2px #1010140a,0 6px 20px #1010140d}.matic-login-brand{height:22px;color:var(--ink);margin-bottom:24px;display:block}.matic-login-brand svg{width:auto;height:22px;display:block}.matic-login-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:27px;font-weight:500}.matic-login-sub{color:var(--ink-3);margin:0 0 26px;font-size:13.5px;line-height:1.5}.matic-login-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 8px;font-size:10.5px;font-weight:600;display:block}.matic-login-input{width:100%;height:42px;font-family:var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--chip-border);border-radius:9px;outline:none;margin:0 0 20px;padding:0 14px;font-size:14px;transition:border-color .12s,box-shadow .12s;display:block}.matic-login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.matic-login-error{color:#b4372f;margin:0 0 20px;font-size:12.5px;line-height:1.4}.matic-login-submit{width:100%;height:44px;font-family:var(--sans);color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:999px;margin-top:4px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background .12s;display:block}.matic-login-submit:hover{background:#34302a}@media (max-width:420px){.matic-login{padding:16px}.matic-login-card{padding:32px 24px 28px}}