.change-username .username-form.step-form{--desc-font-size:1rem;--desc-line-height:1.2rem}.change-username .username-form.step-form .desc{font-size:var(--desc-font-size);line-height:var(--desc-line-height);letter-spacing:.2px;color:var(--text-color-2)}.change-username .username-form.step-form .step-form-body .text-container{padding-top:8px;padding-bottom:8px}.change-username .username-form.step-form .step-form-body .text-container:first-child{padding-top:0}.otp-form .otp-form-header .form-title{text-align:center;margin-bottom:12px}.otp-form .otp-form-header .form-title span{font-size:1rem;line-height:1.2rem;font-weight:700;color:var(--text-color-1)}.otp-form .otp-form-header .desc{text-align:center;font-size:1rem;line-height:1.2rem;font-weight:700;color:var(--text-color-2)}.otp-form .otp-form-body .otp-label{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:8px;gap:8px;margin:24px 0}.otp-form .otp-form-body .otp-label span{font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-2)}.otp-form .otp-form-body .otp-label .progress-circle{height:24px;width:24px}.otp-form .otp-form-body .otp-label .progress-circle .text{font-weight:700;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.otp-form .otp-form-body div.vue-otp-input{width:auto;margin:0 auto}.otp-form .otp-form-body div.vue-otp-input>div.otp-wrapper>input.defualt-input-separate{height:28px;width:28px;border-color:var(--input-border-color-2);color:var(--text-color-2)}.otp-form .otp-form-body div.vue-otp-input>div.otp-wrapper>input.defualt-active-input{border-color:var(--input-border-color-2)}.otp-form .otp-form-body .btn-section{margin-top:24px;text-align:center}.otp-form .otp-form-body .btn-section .btn-resend{background-color:transparent;border-color:transparent;cursor:pointer}.otp-form .otp-form-body .btn-section .btn-resend svg{width:10px;height:10px;margin-right:8px}.otp-form .otp-form-body .btn-section .btn-resend span{font-weight:700;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-6)}.otp-form .otp-form-body .timeout-message{padding-top:24px;text-align:center}.otp-form .otp-form-body .timeout-message svg{width:12px;height:12px}.otp-form .otp-form-body .timeout-message span{font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-19)}.otp-form .otp-form-body .error-message{padding-top:8px;text-align:center}.otp-form .otp-form-body .error-message svg{width:12px;height:12px}.otp-form .otp-form-body .error-message span{font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-19)}.change-username{--title-font-size:1rem;--title-line-height:1.2rem;--desc-font-size:1rem;--desc-line-height:1.2rem;--btn-font-size:1rem;--btn-line-height:1.2rem;--input-font-size:1rem;--error-font-size:1rem;--error-line-height:1.2rem}.change-username .step-form{padding:8px}.change-username .step-form .step-form-header{margin-bottom:32px}.change-username .step-form .step-form-header .form-title{margin-bottom:16px}.change-username .step-form .step-form-header .form-title span{font-weight:700;font-size:var(--title-font-size);line-height:var(--title-line-height);letter-spacing:.2px;color:var(--text-color-1)}.change-username .step-form .step-form-header .form-title svg{width:12px;height:12px;margin-top:-1px;cursor:pointer}.change-username .step-form .step-form-header .desc{font-size:var(--desc-font-size);line-height:var(--desc-line-height);letter-spacing:.2px;color:var(--text-color-2)}.change-username .step-form .step-form-body{max-width:320px}.change-username .step-form .step-form-body .text-container{margin-bottom:0;padding-bottom:8px}.change-username .step-form .step-form-body .text-container .input-section{width:100%}.change-username .step-form .step-form-body .text-container .input-section fieldset .label{color:var(--text-color-1)}.change-username .step-form .step-form-body .text-container .input-section fieldset input{font-size:var(--input-font-size);color:var(--text-color-1)}.change-username .step-form .step-form-body .input-description{display:flex;flex-direction:row;justify-content:space-between;align-content:flex-start;grid-gap:4px;gap:4px;margin-top:32px}.change-username .step-form .step-form-body .input-description svg{display:flex}.change-username .step-form .step-form-body .input-description div{display:flex;flex-direction:column;flex:1;grid-gap:8px;gap:8px}.change-username .step-form .step-form-body .input-description div span{display:block;width:100%;font-size:var(--desc-font-size);line-height:var(--desc-line-height);color:var(--text-color-1)}.change-username .step-form .step-form-body .btn-section{width:100%;display:flex;grid-gap:4px;gap:4px;margin-top:32px}.change-username .step-form .step-form-body .btn-section .btn-next{width:100%;height:24px;background-color:var(--btn-fill-bg-color);border-color:var(--btn-fill-border-color);font-size:var(--btn-font-size);color:var(--btn-fill-color);border-radius:4px}.change-username .step-form .step-form-body .btn-section .btn-next:disabled{background-color:var(--btn-fill-bg-color-disable);border-color:var(--btn-fill-border-color-disable);color:var(--btn-fill-color-disable)}.change-username .step-form .step-form-body .error-message svg{width:12px;height:12px}.change-username .step-form .step-form-body .error-message span{font-size:var(--error-font-size);line-height:var(--error-line-height);color:var(--text-color-19)}.change-username .step-form .step-form-body .note-message{margin-top:8px;color:var(--text-color-2);font-weight:400}.change-username .step-form .step-form-body .acc-no{margin-bottom:24px}.change-username .step-form .step-form-body .acc-no .label{margin-right:24px;color:var(--text-color-2)}.change-username .step-form .step-form-body .acc-no .value{color:var(--text-color-1);font-weight:600}.verify-otp-modal[data-v-675edcf9]{max-width:236px}.verify-otp-modal.no-modal-backdrop~.modal-backdrop[data-v-675edcf9]{background-color:transparent}.verify-otp-modal .modal-content[data-v-675edcf9]{padding:4px 8px}.verify-otp-modal .modal-content .modal-header[data-v-675edcf9]{padding:0 0 4px;border-bottom:.4px solid var(--border-color)}.verify-otp-modal .modal-content .modal-header .modal-title[data-v-675edcf9]{margin:0;padding:0}.verify-otp-modal .modal-content .modal-header .head-title[data-v-675edcf9]{font-size:1rem;line-height:1.2rem;color:var(--text-color-1)}.verify-otp-modal .modal-content .modal-header .close[data-v-675edcf9]{padding:0;margin:0}.verify-otp-modal .modal-content .modal-header .close svg[data-v-675edcf9]{width:12px;height:12px}.verify-otp-modal .modal-content .modal-body[data-v-675edcf9]{padding:10px 0 12px}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)][data-v-675edcf9]{max-width:434px}.verify-otp-modal[data-v-675edcf9]:has(.verify-sms-otp-and-register-smart-otp){max-width:434px}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)][\:has\(.download-app-modal\)][data-v-675edcf9]{max-width:900px}.verify-otp-modal[data-v-675edcf9]:has(.verify-sms-otp-and-register-smart-otp):has(.download-app-modal){max-width:900px}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)][\:has\(.download-app-modal\)] .verify-sms-otp-and-register-smart-otp[data-v-675edcf9]{padding:0}.verify-otp-modal:has(.verify-sms-otp-and-register-smart-otp):has(.download-app-modal) .verify-sms-otp-and-register-smart-otp[data-v-675edcf9]{padding:0}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)][\:has\(.download-app-modal\)] .modal-header[data-v-675edcf9]{padding:20px 24px!important}.verify-otp-modal:has(.verify-sms-otp-and-register-smart-otp):has(.download-app-modal) .modal-header[data-v-675edcf9]{padding:20px 24px!important}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)][\:has\(.download-app-modal\)] .modal-body[data-v-675edcf9]{padding:35px 75px 0}.verify-otp-modal:has(.verify-sms-otp-and-register-smart-otp):has(.download-app-modal) .modal-body[data-v-675edcf9]{padding:35px 75px 0}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)] .modal-content .modal-header[data-v-675edcf9]{padding-bottom:0;border-bottom:none}.verify-otp-modal:has(.verify-sms-otp-and-register-smart-otp) .modal-content .modal-header[data-v-675edcf9]{padding-bottom:0;border-bottom:none}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)] .modal-content .modal-header .modal-title svg[data-v-675edcf9]{width:12px;height:12px}.verify-otp-modal:has(.verify-sms-otp-and-register-smart-otp) .modal-content .modal-header .modal-title svg[data-v-675edcf9]{width:12px;height:12px}.verify-otp-modal[\:has\(.verify-sms-otp-and-register-smart-otp\)] .modal-content .modal-body[data-v-675edcf9]{padding-bottom:4px}.verify-otp-modal:has(.verify-sms-otp-and-register-smart-otp) .modal-content .modal-body[data-v-675edcf9]{padding-bottom:4px}