.code-input[data-v-253973ca]{gap:8px;width:100%;display:flex}.code-input__field[data-v-253973ca]{font-family:var(--f-carbon);font-weight:400;font-size:calc(14px * var(--type-scale,1));line-height:calc(16px * var(--type-scale,1));text-transform:uppercase;appearance:none;border:1px solid var(--c-light-grey);background:var(--c-black-15);width:100%;height:48px;color:var(--c-light-grey);text-align:center;border-radius:2px;flex:1 0 0;min-width:0;padding:0 4px;transition:border-color .2s;display:block}.code-input__field[data-v-253973ca]:focus{border-color:var(--c-doom-green);outline:none}.code-input__field[data-v-253973ca]::placeholder{color:var(--c-light-grey);opacity:.3}.code-input__field[data-v-253973ca]:-webkit-autofill{-webkit-text-fill-color:var(--c-light-grey);transition:background-color 5000s ease-in-out}.code-input__field[data-v-253973ca]:-webkit-autofill:focus{-webkit-text-fill-color:var(--c-light-grey);transition:background-color 5000s ease-in-out}.code-input__field[data-v-253973ca]:-webkit-autofill:hover{-webkit-text-fill-color:var(--c-light-grey);transition:background-color 5000s ease-in-out}.code-input--size-lg .code-input__field[data-v-253973ca]{height:56px}.code-input__field--filled[data-v-253973ca]{border-color:var(--c-doom-green)}.code-input__field--error[data-v-253973ca]{border-color:var(--c-marvel-red)}