@keyframes translation-progress-spin{0%{rotate:0deg}to{rotate:360deg}}.credential-card-dialog{--page:oklch(0% 0 0);--surface:oklch(11% 0 0);--surface-2:oklch(15% 0 0);--field:oklch(8% 0 0);--field-focus:oklch(12% 0 0);--line:oklch(24% 0 0);--line-2:oklch(33% 0 0);--ink:oklch(97% 0 0);--ink-demoted:oklch(62% 0 0);--au-radius-field:9px;--fluid-panel-pad:clamp(21.6px, 15.2px + 1.5vw, 38.3px);--fluid-gap-md:clamp(16px, 12.8px + .7vw, 23.6px);--fluid-gap-sm:clamp(14.4px, 11.52px + .6vw, 20.6px);--au-shadow-idrow-focus:inset 0 2px 4px oklch(0% 0 0/.25), 0 0 0 1px var(--focus) inset, 0 0 0 3px oklch(from var(--focus) l c h / 16%);--dlg-scrim:color-mix(in oklch, var(--page) 80%, transparent);--dlg-scrim-blur:blur(20px) saturate(.9);--accent:oklch(65% .25 55);--accent-ink:oklch(from var(--accent) clamp(.145, (.62 - l) * 1000, .985) .02 h);--focus:var(--accent);color:var(--ink);opacity:1;background:0 0;border:0;border-radius:18px;max-block-size:min(92dvh,720px);inline-size:min(92vw,440px);max-inline-size:none;margin:auto;padding:0;overflow:visible;transform:translateY(0)scale(1)}.credential-card-dialog,.credential-card-dialog::backdrop{transition:opacity .28s ease,transform .28s ease,overlay .28s allow-discrete,display .28s allow-discrete}.credential-card-dialog[open]{opacity:1;transform:translateY(0)scale(1)}@starting-style{.credential-card-dialog[open]{opacity:0;transform:translateY(10px)scale(.98)}}.credential-card-dialog::backdrop{background:var(--dlg-scrim);opacity:1;backdrop-filter:var(--dlg-scrim-blur)}.credential-card-dialog[open]::backdrop{opacity:1}@starting-style{.credential-card-dialog[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.credential-card-dialog,.credential-card-dialog::backdrop{transition:none}}[data-theme-mode=dark] .credential-card-dialog{--page:oklch(16% 0 0);--surface:oklch(20% 0 0);--surface-2:oklch(24% 0 0);--field:oklch(18% 0 0);--field-focus:oklch(22.5% 0 0);--line:oklch(32% 0 0);--line-2:oklch(40% 0 0);--ink:oklch(95% 0 0);--ink-demoted:oklch(64% 0 0)}[data-theme-mode=light] .credential-card-dialog{--page:oklch(96% 0 0);--surface:oklch(99% 0 0);--surface-2:oklch(96.5% 0 0);--field:oklch(97.5% 0 0);--field-focus:oklch(100% 0 0);--line:oklch(87% 0 0);--line-2:oklch(78% 0 0);--ink:oklch(20% 0 0);--ink-demoted:oklch(42% 0 0);--au-shadow-idrow-focus:inset 0 1px 2px oklch(0% 0 0/.04), 0 0 0 1px var(--focus) inset, 0 0 0 3px oklch(from var(--focus) l c h / 16%);--dlg-scrim:color-mix(in oklch, var(--page) 88%, transparent)}@media (prefers-color-scheme:light){[data-theme-mode=auto] .credential-card-dialog{--page:oklch(96% 0 0);--surface:oklch(99% 0 0);--surface-2:oklch(96.5% 0 0);--field:oklch(97.5% 0 0);--field-focus:oklch(100% 0 0);--line:oklch(87% 0 0);--line-2:oklch(78% 0 0);--ink:oklch(20% 0 0);--ink-demoted:oklch(42% 0 0);--au-shadow-idrow-focus:inset 0 1px 2px oklch(0% 0 0/.04), 0 0 0 1px var(--focus) inset, 0 0 0 3px oklch(from var(--focus) l c h / 16%);--dlg-scrim:color-mix(in oklch, var(--page) 88%, transparent)}}.credential-card-dialog__card{max-block-size:min(92dvh,720px);position:relative;overflow-y:auto}.credential-card-dialog--busy .credential-card-dialog__card{opacity:.6;pointer-events:none}.credential-card-dialog__close{z-index:1;color:var(--ink-demoted);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;block-size:2.25rem;inline-size:2.25rem;font-size:clamp(1.2rem,1.1rem + .3vw,1.5rem);line-height:1;transition:color .15s,background .15s,border-color .15s;display:inline-grid;position:absolute;inset-block-start:var(--fluid-gap-sm);inset-inline-end:var(--fluid-gap-sm)}.credential-card-dialog__close:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.credential-card-dialog__close:focus-visible{box-shadow:0 0 0 3px oklch(from var(--focus) l c h/25%);outline:0}.credential-card-dialog__title{margin:0 var(--fluid-gap-md) var(--fluid-gap-sm) 0;font-family:var(--font-display,inherit);letter-spacing:-.01em;color:var(--ink);font-size:clamp(20px,17px + 1vw,26px);font-weight:700}.credential-card-dialog__sub{margin:0 0 var(--fluid-gap-md);color:var(--ink-demoted);font-size:clamp(.88rem,.82rem + .3vw,.98rem);line-height:1.45}.credential-card-dialog__alert{margin:0 0 var(--fluid-gap-md);color:var(--ink);background:color-mix(in oklch, var(--error) 12%, var(--surface));border:1px solid color-mix(in oklch, var(--error) 35%, transparent);border-radius:var(--au-radius-field);padding:.7em .9em;font-size:clamp(.82rem,.78rem + .2vw,.92rem);line-height:1.4;display:none}.credential-card-dialog__alert.credential-card-dialog__alert--shown{display:block}.credential-card-dialog__alert.credential-card-dialog__alert--info{color:var(--ink-demoted);background:var(--surface-2);border-color:var(--line)}.credential-card-dialog__methods{gap:var(--fluid-gap-sm);flex-direction:column;display:flex}.credential-card-dialog__method{text-align:start;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--au-radius-field);align-items:center;gap:.75em;inline-size:100%;padding:.9em 1.1em;font-size:clamp(.9rem,.85rem + .25vw,1rem);font-weight:600;transition:border-color .15s,background .15s,transform .1s;display:flex}.credential-card-dialog__method:hover{background:var(--field-focus);border-color:var(--line-2)}.credential-card-dialog__method:active{transform:scale(.99)}.credential-card-dialog__method:focus-visible{box-shadow:var(--au-shadow-idrow-focus);outline:0}.credential-card-dialog__method-ico{color:var(--ink-demoted);flex:none;block-size:1.2em;inline-size:1.2em}.credential-card-dialog__form{gap:var(--fluid-gap-sm);flex-direction:column;display:flex}.credential-card-dialog__label{color:var(--ink);font-size:clamp(.78rem,.74rem + .2vw,.88rem);font-weight:600}.credential-card-dialog__input{color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:var(--au-radius-field);inline-size:100%;padding:.85em 1em;font-size:clamp(.92rem,.88rem + .2vw,1.05rem);transition:border-color .15s,background .15s,box-shadow .15s}.credential-card-dialog__input:focus{background:var(--field-focus);box-shadow:var(--au-shadow-idrow-focus);outline:0}.credential-card-dialog__submit{font-family:var(--font-display,inherit);color:var(--accent-ink);background:var(--accent);border:1px solid oklch(from var(--accent) calc(l - .1) c h);border-radius:var(--au-radius-field);inline-size:100%;padding:.9em 1.2em;font-size:clamp(.92rem,.88rem + .2vw,1.05rem);font-weight:700;transition:filter .15s,transform .1s;box-shadow:inset 0 1px oklch(100% 0 0/.28),0 6px 14px oklch(0% 0 0/.12)}:where([data-theme-mode=dark],[data-theme-mode=black]) .credential-card-dialog__submit{box-shadow:inset 0 1px 0 oklch(100% 0 0/.28),0 8px 18px color-mix(in oklch, var(--accent) 35%, transparent)}.credential-card-dialog__submit:hover{filter:brightness(1.06)}.credential-card-dialog__submit:active{transform:translateY(1px)scale(.99)}.credential-card-dialog__submit:focus-visible{box-shadow:0 0 0 3px oklch(from var(--focus) l c h/25%);outline:0}.credential-card-dialog__back{color:var(--ink-demoted);text-underline-offset:2px;background:0 0;border:0;align-self:center;padding:.35em .5em;font-size:clamp(.78rem,.74rem + .2vw,.88rem);font-weight:600;text-decoration:underline;transition:color .15s}.credential-card-dialog__back:hover{color:var(--ink)}.credential-card-dialog__back:focus-visible{box-shadow:0 0 0 3px oklch(from var(--focus) l c h/25%);border-radius:3px;outline:0}.credential-card{z-index:0;padding:var(--fluid-panel-pad,clamp(21.6px, 15.2px + 1.5vw, 38.3px));background:var(--au-panel-img,radial-gradient(95% 45% at 50% -15%, oklch(15% 0 0), transparent 50%), linear-gradient(180deg, oklch(12.4% 0 0), oklch(11% 0 0) 55%)) var(--surface,oklch(11% 0 0));border:1px solid var(--au-panel-border,transparent);box-shadow:var(--au-shadow-card,0 28px 64px oklch(0% 0 0/.5), 0 8px 20px oklch(0% 0 0/.38), 0 1px 2px oklch(0% 0 0/.3), inset 0 1px 0 oklch(100% 0 0/.03));border-radius:18px;position:relative;container-type:inline-size}.credential-card:before{background:var(--au-panel-rim,linear-gradient(180deg, oklch(74% 0 0/.95), oklch(40% 0 0/.28) 22%, oklch(24% 0 0/.65) 55%, oklch(20% 0 0/.45) 100%));border-radius:inherit;pointer-events:none;content:"";padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.credential-card:after{z-index:-1;background:var(--au-panel-glow,linear-gradient(180deg, oklch(100% 0 0/.035), transparent 25%), linear-gradient(90deg, oklch(100% 0 0/.02), transparent 12%, transparent 88%, oklch(100% 0 0/.02)));border-radius:inherit;pointer-events:none;content:"";position:absolute;inset:0}.credential-card__brand{font-family:var(--font-display,inherit);letter-spacing:-.02em;color:var(--ink,oklch(97% 0 0));justify-content:center;align-items:center;gap:.5em;margin-block-end:var(--fluid-gap-md,clamp(16px, 12.8px + .7vw, 23.6px));font-weight:700;display:flex}.credential-card__brand-accent{color:var(--accent,oklch(65% .25 55))}.credential-card__logo{block-size:32px;inline-size:auto;display:block}.credential-card__powered{margin:var(--fluid-gap-md,clamp(16px, 12.8px + .7vw, 23.6px)) 0 0;font-size:var(--au-fs-legal,12px);text-align:center;color:var(--ink-demoted,oklch(62% 0 0))}.credential-card__powered a{color:inherit;text-underline-offset:2px;text-decoration:underline}.credential-card__powered a:hover{color:var(--ink,oklch(97% 0 0))}.credential-card__powered a:focus-visible{outline:2px solid var(--focus,oklch(65% .25 55));outline-offset:2px;border-radius:3px}