.otp-row{position:relative;display:flex;gap:var(--s-4);max-width:calc(var(--otp-length) * 52px + (var(--otp-length) - 1) * var(--s-4))}.otp-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:none;background:transparent;color:transparent;caret-color:transparent;font-family:var(--mono);font-size:var(--t-input-min);cursor:text;-webkit-tap-highlight-color:transparent}.otp-input:focus-visible{outline:none}.otp-input::selection{background:transparent}.otp-input:-webkit-autofill,.otp-input:-webkit-autofill:focus{-webkit-text-fill-color:transparent;transition:background-color 0s 600000s}.otp-cell{flex:1 1 0;min-width:0;max-width:52px;height:52px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--border-2);font-family:var(--mono);font-size:var(--t-h1);font-weight:600;color:var(--tx-1);transition:border-color .12s,box-shadow .12s,background .12s}.otp-cell.caret,.otp-cell.filled{border-color:var(--pr);background:var(--surface-4)}.otp-cell.caret{box-shadow:0 0 0 3px var(--pr-bg)}