.code-input{justify-content:flex-start;margin:1rem 0;display:flex}.code-input-slots{gap:.5rem;display:flex}.code-input-slot{color:#1c1d1f;background-color:#fff;border:1px solid #dae2e6;border-radius:4px;justify-content:center;align-items:center;width:3rem;height:3rem;font-family:monospace;font-size:1.5rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative}.code-input-slot--active{border-color:#006dcc;box-shadow:0 0 0 3px #d7ecff}.code-input--backup .code-input-slots{gap:.25rem}.code-input--backup .code-input-slot{width:1.75rem;height:2.5rem;font-size:1rem}.code-input:has(input:disabled) .code-input-slot{color:#505359;cursor:not-allowed;background-color:#f4f5f7}.code-input-caret{background-color:#1c1d1f;width:1px;height:1.75rem;animation:1.2s ease-out infinite code-input-caret-blink;position:absolute}@keyframes code-input-caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@media (max-width:480px){.code-input-slot{width:2.5rem;height:2.5rem;font-size:1.25rem}.code-input--backup .code-input-slot{width:1.5rem;height:2.25rem;font-size:.875rem}}