/* Existing MMSignIn and Clerk own credentials, challenges and state. */
.mm-auth.mm-auth.mm-auth{box-sizing:border-box;width:min(580px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:28px;background:var(--ui-bg,var(--paper,var(--color-source-f6f7f9)));color:var(--ui-ink,var(--ink,var(--color-source-172337)));border:1px solid var(--ui-line,var(--rule,var(--color-source-e0e5ec)));border-radius:28px;box-shadow:0 24px 90px rgb(10 24 40 / .18);font:var(--type-16)/1.6 Inter,"Segoe UI",Arial,sans-serif}
.mm-auth.mm-auth.mm-auth *{box-sizing:border-box}.mm-auth.mm-auth.mm-auth::backdrop{background:rgb(16 24 32 / .6);backdrop-filter:blur(5px)}
.mm-auth.mm-auth.mm-auth .eyebrow{clear:both;text-align:center;padding:0;margin:20px 0 14px;font:600 var(--type-12)/1.5 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.15em;color:var(--ui-muted,var(--ink-soft,var(--color-source-596779)))}.mm-auth.mm-auth.mm-auth .eyebrow::before{content:"";display:block;width:50px;height:50px;margin:0 auto 20px;background:url('brand-symbol-light.svg') center/contain no-repeat}html[data-appearance-theme=dark] .mm-auth.mm-auth.mm-auth .eyebrow::before{background-image:url('brand-symbol-dark.svg')}
.mm-auth.mm-auth.mm-auth h2{font-family:inherit;font-size:var(--type-28);line-height:1.12;letter-spacing:-.045em;font-weight:600;text-align:center;margin:0 auto 24px;max-width:430px;color:inherit}.mm-auth.mm-auth.mm-auth .sub{font:400 var(--type-14)/1.6 Inter,"Segoe UI",Arial,sans-serif;color:var(--ui-muted,var(--ink-soft,var(--color-source-596779)))}.mm-auth-close{float:right}
.mm-auth.mm-auth.mm-auth [data-auth-body]{clear:both;padding:24px;background:var(--ui-surface,var(--card,var(--color-white)));border:1px solid var(--ui-line,var(--rule,var(--color-source-e0e5ec)));border-radius:22px;box-shadow:0 3px 14px rgb(23 35 55 / .025)}.mm-auth.mm-auth.mm-auth [data-auth-body]>.sub:first-child{margin:0 0 22px}.mm-auth.mm-auth.mm-auth .fld{display:block;margin:18px 0 12px}.mm-auth.mm-auth.mm-auth .fld span{display:block;font-size:var(--type-14);font-weight:600;margin-bottom:8px}
.mm-auth.mm-auth.mm-auth input{width:100%;font:400 var(--type-16)/1.4 Inter,"Segoe UI",Arial,sans-serif;padding:13px 14px;min-height:48px;background:var(--ui-surface,var(--card,var(--color-white)));color:inherit;border:1px solid var(--ui-control-line,var(--color-source-adb8c6));border-radius:12px;outline:none}.mm-auth.mm-auth.mm-auth input::placeholder{color:var(--ui-muted,var(--ink-soft,var(--color-source-596779)))}
.mm-auth.mm-auth.mm-auth .btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:46px;padding:12px 17px;border:1px solid var(--ui-primary,var(--color-source-182739));border-radius:12px;background:var(--ui-primary,var(--color-source-182739));color:var(--ui-on-primary,var(--color-white));font:600 var(--type-16)/1.4 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:center;white-space:normal;box-shadow:none;cursor:pointer}.mm-auth.mm-auth.mm-auth .btn.ghost{background:var(--ui-surface,var(--card,var(--color-white)));color:inherit;border-color:var(--ui-control-line,var(--color-source-adb8c6))}.mm-auth.mm-auth.mm-auth .btn.ghost:hover{background:var(--ui-soft,var(--soft,var(--color-source-f0f3f6)))}.mm-auth.mm-auth.mm-auth .mm-auth-close{min-height:44px;padding:10px 14px;font-size:var(--type-14)}.mm-auth.mm-auth.mm-auth [data-auth-body] .btn{width:100%;margin:7px 0}.mm-auth.mm-auth.mm-auth .mm-auth-primary{min-height:48px;margin-top:16px!important}
.mm-auth-or{display:flex;align-items:center;gap:16px;text-align:center;margin:22px 0 12px}.mm-auth-or::before,.mm-auth-or::after{content:"";flex:1;height:1px;background:var(--ui-line,var(--rule,var(--color-source-e0e5ec)))}.mm-auth-link{display:block;max-width:100%;min-height:44px;background:none;border:0;color:inherit;text-decoration:none;font:600 var(--type-14)/1.5 Inter,"Segoe UI",Arial,sans-serif;padding:10px 0;cursor:pointer;text-align:left}.mm-auth-link:hover{text-decoration:underline;text-underline-offset:4px}
.mm-auth.mm-auth.mm-auth [data-auth-show]{margin:-8px 0 10px auto;text-align:right;min-height:44px}.mm-auth.mm-auth.mm-auth [data-auth-recovery]{margin:5px 0 0 auto;text-align:right}.mm-auth.mm-auth.mm-auth [data-auth-migrate]{font-size:var(--type-14);font-weight:400;color:var(--ui-muted,var(--ink-soft,var(--color-source-596779)))}.mm-auth.mm-auth.mm-auth [data-auth-switch]{margin:0 auto;color:var(--ui-accent,var(--color-source-934d09));font-size:var(--type-14)}.mm-auth.mm-auth.mm-auth [data-auth-body]>.sub:has(+[data-auth-switch]){padding-top:20px;border-top:1px solid var(--ui-line,var(--rule,var(--color-source-e0e5ec)));margin:20px 0 0;text-align:center}
.mm-auth-status:empty{display:none}.mm-auth-status{margin:18px 0 0;padding:16px 18px;border:1px solid transparent;border-radius:16px;background:var(--ui-blue-soft,var(--color-source-e9f1fd));color:var(--ui-blue,var(--color-source-315e9b))!important}.mm-auth.mm-auth.mm-auth button:focus-visible,.mm-auth.mm-auth.mm-auth input:focus-visible{outline:3px solid var(--ui-accent,var(--color-source-934d09));outline-offset:3px}.mm-auth.mm-auth.mm-auth button:disabled,.mm-auth.mm-auth.mm-auth input:disabled{opacity:.55;cursor:not-allowed}.mm-auth.mm-auth.mm-auth [hidden]{display:none!important}
@media(max-width:599px){.mm-auth.mm-auth.mm-auth{width:100%;max-width:none;max-height:100dvh;height:100dvh;padding:20px 20px calc(32px + env(safe-area-inset-bottom));border:0;border-radius:0}.mm-auth.mm-auth.mm-auth .eyebrow{margin-top:24px}.mm-auth.mm-auth.mm-auth .eyebrow::before{margin-bottom:22px}.mm-auth.mm-auth.mm-auth h2{font-size:var(--type-28);margin-bottom:26px}.mm-auth.mm-auth.mm-auth [data-auth-body]{padding:20px}.mm-auth.mm-auth.mm-auth [data-auth-body]>.sub:first-child{font-size:var(--type-14)}}
@media(max-width:374px){.mm-auth.mm-auth.mm-auth{padding-left:16px;padding-right:16px}.mm-auth.mm-auth.mm-auth h2{font-size:var(--type-28)}.mm-auth.mm-auth.mm-auth [data-auth-body]{padding:18px}}
@media(prefers-reduced-motion:reduce){.mm-auth.mm-auth.mm-auth::backdrop{backdrop-filter:none}}
.mm-auth.mm-auth.mm-auth .fld span{font-family:inherit;letter-spacing:0;text-transform:none;color:var(--ui-ink,var(--ink,var(--color-source-172337)))}
