.login-view_codeField__XzgpH{--code-gap:8px;position:relative;container-type:inline-size;height:64px;overflow:clip;border-radius:12px}.login-view_codeSlots__ah_ta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--code-gap);height:100%;pointer-events:none}.login-view_codeSlots__ah_ta span{border:1px solid var(--border-default);border-radius:12px;background:var(--bg-canvas);transition:border-color .12s ease,background-color .12s ease}.login-view_codeField__XzgpH:focus-within .login-view_codeSlots__ah_ta span{border-color:var(--accent);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--accent)}.login-view_codeField__XzgpH[data-invalid=true] .login-view_codeSlots__ah_ta span{border-color:var(--danger)}.login-view_codeInput__qAkYo{position:absolute;inset:0 auto 0 0;width:calc(100% + (100cqw + var(--code-gap)) / 6);height:100%;padding:0;padding-left:calc((100cqw - 5 * var(--code-gap)) / 12 - .5ch);border-radius:0;font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:28px;font-weight:500;letter-spacing:calc((100cqw + var(--code-gap)) / 6 - 1ch);color:var(--text-primary);caret-color:var(--accent)}.login-view_codeInput__qAkYo::placeholder{color:var(--border-strong);opacity:1}@media (forced-colors:active){.login-view_codeField__XzgpH{overflow:visible}.login-view_codeSlots__ah_ta{display:none}.login-view_codeInput__qAkYo{width:100%;padding:0 12px;border:1px solid CanvasText;border-radius:12px;letter-spacing:.5em;text-align:center}.login-view_codeInput__qAkYo:focus-visible{outline:2px solid Highlight;outline-offset:2px}}