.code-input[data-v-11ba47dd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(var(--surface-0));border-color:rgb(var(--surface-300));border-radius:.375rem;border-width:1px;color:rgb(var(--surface-600));font-family:Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.125rem;font-weight:700;line-height:1.75rem;line-height:1;margin:0;padding:.75rem;text-align:center;text-transform:uppercase;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.5rem}.code-input[data-v-11ba47dd]::-moz-placeholder{color:rgb(var(--surface-400))}.code-input[data-v-11ba47dd]::placeholder{color:rgb(var(--surface-400))}.code-input[data-v-11ba47dd]:hover{border-color:rgb(var(--primary-500))}.code-input[data-v-11ba47dd]:focus{outline:2px solid transparent;outline-offset:0;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(var(--primary-500)/.5)}@media (prefers-color-scheme:dark){.code-input[data-v-11ba47dd]{background-color:rgb(var(--surface-900));border-color:rgb(var(--surface-600));color:rgb(var(--surface-200))}.code-input[data-v-11ba47dd]::-moz-placeholder{color:rgb(var(--surface-500))}.code-input[data-v-11ba47dd]::placeholder{color:rgb(var(--surface-500))}.code-input[data-v-11ba47dd]:hover{border-color:rgb(var(--primary-400))}.code-input[data-v-11ba47dd]:focus{--tw-ring-color:rgb(var(--primary-400)/.5)}}.code-input[data-v-11ba47dd]{caret-color:transparent}.code-input__caret[data-v-11ba47dd]{bottom:.5rem;color:rgb(var(--surface-600));font-size:1.5rem;font-weight:900;left:0;line-height:2rem;position:absolute;text-align:center;width:100%}@media (prefers-color-scheme:dark){.code-input__caret[data-v-11ba47dd]{color:rgb(var(--surface-200))}}.code-input__caret[data-v-11ba47dd]{animation:caret-blink-11ba47dd 1.25s infinite;pointer-events:none}.code-input:not(:focus)+.code-input__caret[data-v-11ba47dd]{display:none}.code-input__wrapper[data-v-11ba47dd]{display:flex;gap:.25rem}.code-input__wrapper>div[data-v-11ba47dd]{position:relative}@keyframes caret-blink-11ba47dd{0%,49%,to{opacity:1}50%,99%{opacity:0}}