.forbin-passcode-container {display: flex;justify-content: center;width: 100%;input[type=text] {--w: 1ch;--g: .15em;--b: 2px;        --c: #888;--_n: attr(maxlength type(<integer>));font-size: var(--font-size, 3em);line-height: 1.5;letter-spacing: var(--w);font-family: monospace;width: calc(var(--_n)*(1ch + var(--w)));padding-left: calc((var(--w) - var(--g))/2);        background:
repeating-linear-gradient(90deg,
var(--c) 0 var(--b),#0000 0 calc(1ch + var(--w) - var(--g) - var(--b)),
var(--c) 0 calc(1ch + var(--w) - var(--g)),#0000 0 calc(1ch + var(--w))),
conic-gradient(at calc(100% - var(--g) - 1px) var(--b),#0000 75%,var(--c) 0)
0 0/calc(1ch + var(--w)) calc(100% - var(--b));border: none;outline: 0;}input[type=text]:focus-visible {--c:#000;}}