.login-code{position:relative}.login-code-input{z-index:1;opacity:0;caret-color:#0000;color:#0000;width:100%;position:absolute;inset:0}.login-code-boxes{gap:var(--td-space-field);grid-template-columns:repeat(6,1fr);display:grid}.login-digit{border-radius:var(--td-radius-field);background:var(--td-canvas);min-height:64px;box-shadow:inset 0 0 0 1px var(--td-grey-line);font:var(--td-title);transition:box-shadow var(--td-motion-state) var(--td-ease-out);justify-content:center;align-items:center;display:flex}.login-digit--filled{background:var(--td-ink);box-shadow:none;color:var(--td-canvas)}.login-code-input:focus~.login-code-boxes .login-digit--active{box-shadow:inset 0 0 0 2px var(--td-focus-ring)}.login-digit-caret{background:var(--td-ink);width:2px;height:26px;display:block}.login-digit-glyph{display:inline-block}