.CodeInput_codeInputContainer__4drFs{display:flex;flex-direction:column;align-items:center;width:100%;padding:24px 0}.CodeInput_codeInputs__pRH54{display:flex;justify-content:space-between;width:100%;max-width:300px;margin-bottom:12px}.CodeInput_codeInput__hBoNj{width:40px;height:50px;border:1px solid #e0e0e0;border-radius:8px;text-align:center;font-size:24px;font-weight:600;color:#333;background-color:#fff;transition:all .2s}.CodeInput_codeInput__hBoNj:focus{outline:none;border-color:#7135bf;box-shadow:0 0 0 2px #7135bf33}.CodeInput_codeInput__hBoNj.CodeInput_error__bKPu_{border-color:#f44336}.CodeInput_errorMessage__j6iGp{color:#f44336;font-size:12px;margin-top:8px;text-align:center}@media (max-width:480px){.CodeInput_codeInput__hBoNj{width:36px;height:46px;font-size:20px}}.stepper{justify-content:space-between;padding:8px 36px;max-width:450px;margin:0 auto;width:100%;gap:8px}.step,.stepper{display:flex;align-items:center}.line,.step{flex-grow:1}.line{border-radius:16px;height:5px;background-color:#cfd8dc;transition:background-color .3s ease}.step.active .line{background-color:var(--color-primary)}