.pech-login{box-sizing:border-box;width:min(26rem, calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;color:var(--pz-ink);background-color:var(--pz-surface);border:0;border-radius:var(--pz-r-xl);box-shadow:0 24px 64px rgb(20 26 34 / .28)}.pech-login::backdrop{background-color:rgb(20 26 34 / .55)}.pech-login__box{position:relative;padding:32px 32px 28px}.pech-login__close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-family:var(--pz-font-ui);font-size:26px;line-height:1;color:var(--pz-ink-meta);background:none;border:0;border-radius:var(--pz-r-md);cursor:pointer}.pech-login__close:hover{color:var(--pz-ink);background-color:var(--pz-surface-quiet)}.pech-login__close:focus-visible{outline:none;box-shadow:var(--pz-focus-ring)}.pech-login__step{display:flex;flex-direction:column;gap:var(--pz-3);margin:0}.pech-login__step[hidden],.pech-login__message[hidden]{display:none}.pech-login__title{margin:0 44px var(--pz-1) 0;font-family:var(--pz-font-ui);font-size:var(--pz-h4);font-weight:var(--pz-w-bold);line-height:var(--pz-h4-lh);letter-spacing:var(--pz-h4-ls);color:var(--pz-ink)}.pech-login__text{margin:0;font-family:var(--pz-font-ui);font-size:var(--pz-ui-sm);line-height:1.5;color:var(--pz-ink-second);overflow-wrap:anywhere}.pech-login__text b{font-weight:var(--pz-w-bold);color:var(--pz-ink)}.pech-login__label{margin-top:var(--pz-1);font-family:var(--pz-font-ui);font-size:var(--pz-ui-xs);font-weight:var(--pz-w-bold);color:var(--pz-ink)}.pech-login__input{display:block;box-sizing:border-box;width:100%;min-height:var(--pz-h-field);margin:0;padding:var(--pz-3) var(--pz-4);font-family:var(--pz-font-ui);font-size:var(--pz-ui);line-height:1.4;color:var(--pz-ink);background-color:var(--pz-surface);border:solid 1.5px var(--pz-line);border-radius:var(--pz-r-md);box-shadow:none;transition:border-color var(--pz-dur) var(--pz-ease),box-shadow var(--pz-dur) var(--pz-ease)}.pech-login__input:focus{outline:none;border-color:var(--pz-accent);box-shadow:var(--pz-focus-ring)}.pech-login__input[aria-invalid="true"]{border-color:var(--pz-error-line);background-color:var(--pz-error-bg)}.pech-login__input--code{font-size:26px;font-weight:var(--pz-w-bold);font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;text-indent:.35em}.pech-login__message{margin:0;font-family:var(--pz-font-ui);font-size:var(--pz-ui-xs);line-height:1.45;color:var(--pz-error-line)}.pech-login__message--info{color:var(--pz-ink-second)}.pech-login__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--pz-h-btn);margin-top:var(--pz-1);padding:0 22px;font-family:var(--pz-font-ui);font-size:var(--pz-ui-sm);font-weight:var(--pz-w-bold);line-height:1;color:var(--pz-ink-on-accent);background-color:var(--pz-accent);border:0;border-radius:var(--pz-r-md);cursor:pointer;transition:background-color var(--pz-dur) var(--pz-ease)}.pech-login__submit:hover:not([disabled]){background-color:var(--pz-accent-hover)}.pech-login__submit:focus-visible{outline:none;box-shadow:var(--pz-focus-ring)}.pech-login__submit[disabled]{cursor:progress;opacity:.75}.pech-login__hint{margin:var(--pz-1) 0 0;font-family:var(--pz-font-ui);font-size:var(--pz-ui-xs);line-height:1.5;color:var(--pz-ink-meta)}.pech-login__link{display:inline;padding:0;font:inherit;color:var(--pz-accent);text-decoration:underline;text-underline-offset:2px;background:none;border:0;cursor:pointer}.pech-login__link:hover{color:var(--pz-accent-hover)}.pech-login__link[disabled]{color:var(--pz-ink-meta);text-decoration:none;cursor:default}@media screen and (max-width:479px){.pech-login__box{padding:26px 20px 22px}}.pech-login-trigger--popup{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;min-height:44px;padding:0 18px;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;color:var(--pz-ink,#212529);background-color:var(--pz-surface,#fff);border:1.5px solid var(--pz-line,#dde2ea);border-radius:.625rem;cursor:pointer}.pech-login-trigger--popup:hover{background-color:var(--pz-surface-quiet,#f2f5f9)}.pech-login-trigger--popup:focus-visible{outline:none;box-shadow:var(--pz-focus-ring,0 0 0 3px rgb(30 72 143 / .12))}.pech-login-trigger--popup svg{flex-shrink:0;color:var(--pz-accent,#1e488f)}.pech-vkid__error{display:block;margin-top:6px;font-family:var(--pz-font-ui);font-size:var(--pz-ui-xs);line-height:1.45;color:var(--pz-error-line)}