.vx{flex-direction:column;min-block-size:100dvh;display:flex}.vx>.auth,.vx>main{flex:1 0 auto}.vx .hdr{position:static}.vx .auth{min-block-size:0}.vx .auth__side{min-block-size:560px}.vx .tool{font-family:var(--font-fa)}.vx .lang-link{min-inline-size:44px}.vx button:disabled{cursor:not-allowed}.vx .vx-alert:empty{display:none}.vx .callout{gap:var(--s-1);display:grid}.vx .callout--warn{color:var(--c-text)}.vx .btn.is-busy[disabled]{opacity:.8}.vx .btn:focus-visible,.vx .link:focus-visible,.vx .control__btn:focus-visible,.vx .tool:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}.vx .code-input input{font:500 26px/1 var(--font-mono);letter-spacing:.35em;text-align:center;direction:ltr;min-block-size:56px;padding-inline-start:.35em}.vx .code-input input::placeholder{letter-spacing:.35em}.vx .devcode{font:500 var(--fs-micro)/1.6 var(--font-mono);color:var(--c-key-text);text-align:start;direction:ltr}.vx .check{grid-template-columns:auto minmax(0,1fr)}.vx .check label{cursor:pointer}.vx .check a{color:var(--c-key-text);text-underline-offset:3px;font-weight:var(--fw-semibold);text-decoration:underline}.vx .prog{margin:0}.vx .resend .link[disabled]{opacity:1}.vx .lost{flex:1 0 auto}.vx .lost__h{margin-block-end:var(--s-4)}.vx .lost .btn,.vx .dest a{text-decoration:none}.vx .forgot-link{font-size:var(--fs-small);margin-block:-10px}.vx .google-box{gap:var(--s-3);display:grid}.vx .google-box button[aria-label]{font-family:inherit;border-radius:var(--r-md)!important;border-color:var(--c-border-ui)!important;background:var(--c-surface)!important;color:var(--c-text)!important;font-size:var(--fs-ui)!important;min-height:44px!important}.vx .rules{margin:0}.vx .resend .link{gap:var(--s-2)}.vx .icon.back-arrow{transform:scaleX(-1)}.vx .icon.back-arrow:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transform:none}@media (max-width:1023px){.vx .auth__side{display:none}}.vx .gridlines:before,.vx .keycard:after{content:none}.vx .auth__in,.vx .auth form,.vx .auth .panelbox{gap:var(--s-4)}.vx .auth__head{gap:var(--s-2)}.vx .auth__head h1{font-size:clamp(26px,2.4vw,32px)}.vx .auth__col{padding-block:var(--s-6)}.vx .auth__side{min-block-size:min(560px,calc(100svh - 64px - 52px - 2 * var(--s-5)));padding:var(--s-7) var(--s-6);align-self:start;gap:var(--s-6);position:sticky;inset-block-start:var(--s-5)}.vx .auth__side .keycard{box-shadow:none}.vx .auth__side h2{font-size:clamp(22px,2vw,28px)}.vx .control:focus-within,.vx .vinput:focus,.vx .otp input:focus,.vx .search:focus-within{box-shadow:0 0 0 1px var(--c-focus),0 0 0 4px var(--c-key-soft)}.vx .control[data-invalid=true]:focus-within{box-shadow:0 0 0 1px var(--c-danger),0 0 0 4px var(--c-danger-soft)}
