.auth.page[data-layout]{display:flex;flex-direction:column}.auth>.page-body{flex:1}.auth--pin-complete .pinpad-keys{display:none}:where(.auth) .steps{display:flex;gap:16px;list-style:none;margin:0;padding:0;font-size:var(--fs-xs);color:var(--ink-3)}:where(.auth) .steps li.on{color:var(--ink);font-weight:700}:where(.auth) .steps li.done{color:var(--ink-2)}:where(.auth) .pane{display:flex;flex-direction:column;gap:6px}:where(.auth) .filed-mark{font-size:var(--fs-label);letter-spacing:var(--tr-label);color:var(--ok);margin:0 0 8px}:where(.auth) .sub{color:var(--ink-2);font-size:var(--fs-sm);margin:0 0 20px}:where(.auth) .note{font-size:var(--fs-xs);color:var(--ink-3)}:where(.auth) .nick-row{position:relative;margin-bottom:8px}:where(.auth) .nick-in{width:100%;padding-right:56px}:where(.auth) .nick-row>.count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:var(--fs-xs);color:var(--ink-3)}:where(.auth) .nick-row>.count span{color:var(--ink-3)}:where(.auth) .err{color:var(--dang);font-size:var(--fs-sm);margin:8px 0}:where(.auth) .alt{margin-top:20px;font-size:var(--fs-sm);color:var(--ink-2);text-align:center}:where(.auth) .alt a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch);min-width:var(--touch);color:var(--acc-t)}.auth--loading .skel-text{display:inline-block;width:4em;height:.8em;vertical-align:middle}.auth--loading .page-head h1 .skel-text{width:70%}.auth--loading .sub .skel-text{width:100%}.auth--loading .sub .skel-text+.skel-text{width:60%}.auth--loading .skel-box{height:var(--touch)}@media(max-width:600px){.auth.auth--pin .page-head.band[data-size],.auth--pin.page[data-layout] .page-main{padding-block:var(--s-3)}.auth--pin .sub{margin-bottom:var(--s-2)}.auth--pin .pinpad{gap:var(--s-3)}.auth--pin .pinpad-key{min-height:48px}}