[data-v-de94cab4]:root{--code-field-length:4}.code-field .code-field-inputs[data-v-de94cab4]{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100%}.code-field .code-field-inputs .message[data-v-de94cab4]{left:50%;text-align:center;transform:translate(-50%,-80%);width:100%}.code-field .code-field-text[data-v-de94cab4]{font-size:18px;margin:0 0 20px;text-align:center;width:100%}.code-field .code-field__input-wrapper[data-v-de94cab4]{margin:0;max-width:50px;padding:0;position:relative;width:calc(100%/var(--code-field-length))}.code-field .code-field__input-wrapper .input[data-v-de94cab4]{background-color:transparent;border:none;caret-color:var(--color-primary);color:var(--color-primary);font-size:48px;font-weight:900;outline:none;padding:10px 5px;position:relative;text-align:center;z-index:1}.code-field .code-field__input-wrapper .input[data-v-de94cab4]::-moz-placeholder{color:var(--color-text-default);font-size:48px;-moz-transition:color .3s ease-in-out;transition:color .3s ease-in-out}.code-field .code-field__input-wrapper .input[data-v-de94cab4]::placeholder{color:var(--color-text-default);font-size:48px;transition:color .3s ease-in-out}.code-field .code-field__input-wrapper .input[data-v-de94cab4]:focus::-moz-placeholder{color:var(--color-primary)}.code-field .code-field__input-wrapper .input[data-v-de94cab4]:focus::placeholder{color:var(--color-primary)}