.code-input[data-v-78b03368]{position:relative;width:100%;z-index:10}.code-input__label[data-v-78b03368]{color:var(--color-text-dark);display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem;text-align:center}.code-input__wrapper[data-v-78b03368]{align-items:center;display:flex;gap:.5rem;justify-content:center;position:relative;z-index:10}.code-input__field[data-v-78b03368]{background:#fff!important;border:2px solid #d1d5db!important;border-radius:.75rem;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000000f;caret-color:var(--primary-green);color:#111827!important;font-size:1.5rem;font-weight:700;height:3.5rem;outline:none;position:relative;text-align:center;transition:var(transition-smooth);width:3rem;z-index:10}.code-input__field[data-v-78b03368]:focus{background:#fff;border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(var(--primary-green),.1);transform:scale(1.05)}.code-input__field[data-v-78b03368]:hover:not(:disabled){border-color:rgba(var(--primary-green),.5)}.code-input__field--error[data-v-78b03368]{background:rgba(var(--error-red),.05);border-color:var(--error-red)}.code-input__field--error[data-v-78b03368]:focus{border-color:var(--error-red);box-shadow:0 0 0 3px rgba(var(--error-red),.1)}.code-input__field--success[data-v-78b03368]{background:rgba(var(--color-success),.05);border-color:var(--color-success);color:var(--color-success)}.code-input__field--success[data-v-78b03368]:focus{border-color:var(--color-success);box-shadow:0 0 0 3px rgba(var(--color-success),.1)}.code-input__field--disabled[data-v-78b03368]{background:#0000000d;cursor:not-allowed;opacity:.6}.code-input__field[data-v-78b03368]::-webkit-inner-spin-button,.code-input__field[data-v-78b03368]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.code-input__field[type=number][data-v-78b03368]{-moz-appearance:textfield}@media screen and (max-width:640px){.code-input__wrapper[data-v-78b03368]{gap:.375rem}.code-input__field[data-v-78b03368]{border-radius:.5rem;font-size:1.25rem;height:3rem;width:2.5rem}}@media screen and (max-width:400px){.code-input__wrapper[data-v-78b03368]{gap:.25rem}.code-input__field[data-v-78b03368]{font-size:1.125rem;height:2.75rem;width:2.25rem}}@media(prefers-reduced-motion:reduce){.code-input__field[data-v-78b03368]{transition:none!important}.code-input__field[data-v-78b03368]:focus{transform:none!important}}@keyframes shake-78b03368{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.code-input__wrapper--shake[data-v-78b03368]{animation:shake-78b03368 .5s ease-in-out}