.auth-code-input{--code-length:6;position:relative;display:grid;gap:clamp(4px,1.5vw,10px);width:100%;max-width:calc(var(--code-length) * 52px + (var(--code-length) - 1) * 10px);min-width:0;isolation:isolate}.auth-code-input .auth-code-digit{display:grid;place-items:center;min-width:0;height:48px;border:1px solid #bbc5d2;border-radius:8px;background:#fff;color:#102b4d;font-size:22px;font-weight:600}.auth-code-input input{position:absolute!important;inset:0;z-index:1;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;caret-color:transparent;box-shadow:none!important;letter-spacing:0;opacity:1}.auth-code-input input::selection{color:transparent;background:transparent}.auth-code-input:focus-within .is-current{border-color:#102b4d;box-shadow:0 0 0 3px #102b4d1a}.auth-code-input:has(input:disabled){opacity:.6}