.accountUpdatePersonalData.isBackground{position:fixed;height:100%;width:100%;background:#fff}.accountUpdatePersonalData .layout{padding:0 10%;margin-top:.55rem}.accountUpdatePersonalData #content .layout .item{overflow:hidden;margin-bottom:.55rem}.accountUpdatePersonalData #content .layout .item span{overflow:hidden;display:block;width:5.7rem;font-size:.32rem;margin:0 auto .25rem;font-weight:700}.accountUpdatePersonalData #content .layout .input-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:5rem;border:.02rem solid #bfbfbf;height:.8rem;margin:0 auto;border-radius:.1rem;padding:0 .35rem}.accountUpdatePersonalData #content .layout .input-box.focus{border:.02rem solid #00a6ff}.accountUpdatePersonalData #content .layout .input-box.error{border:.02rem solid #e30000}.accountUpdatePersonalData #content .layout .input-box input{height:.8rem;color:#333;background:transparent;outline:none;border:0;font-size:.28rem}.accountUpdatePersonalData #content .layout .input-box input:-ms-input-placeholder{color:#bfbfbf;font-size:.28rem;background:transparent}.accountUpdatePersonalData #content .layout .input-box input::placeholder{color:#bfbfbf;font-size:.28rem;background:transparent}.accountUpdatePersonalData #content .layout .input-box input::-webkit-input-placeholder{color:#bfbfbf;font-size:.28rem;background:transparent}.accountUpdatePersonalData #content .layout .input-box input::-moz-placeholder{color:#bfbfbf;font-size:.28rem;background:transparent}.accountUpdatePersonalData #content .layout .input-box input::-ms-input-placeholder{color:#bfbfbf;font-size:.28rem;background:transparent}.accountUpdatePersonalData #content .layout .input-box input:-webkit-autofill,.accountUpdatePersonalData #content .layout .input-box input:-webkit-autofill:focus,.accountUpdatePersonalData #content .layout .input-box input:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;-webkit-box-shadow:inset 0 0 0 1000px transparent!important;box-shadow:inset 0 0 0 1000px #fff!important;height:.76rem}.accountUpdatePersonalData #content .layout .submit-box{width:5.7rem;height:.9rem;background:#00a6ff;border-radius:.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto .25rem}.accountUpdatePersonalData #content .layout .submit-btn{height:.9rem;font-size:.32rem;font-weight:500;color:#fff;line-height:.9rem}.accountUpdatePersonalData .top-description{font-size:.24rem;text-align:center;margin-bottom:.55rem}.accountUpdatePersonalData .email-tip{font-size:.24rem;color:#ea2e32;padding:0 .15rem;margin-top:.1rem}.accountUpdatePersonalData .bottom-description{font-size:.24rem;text-align:center;position:fixed;bottom:0;left:0;right:0;margin-bottom:.55rem}.accountUpdatePersonalData .errPrompt{color:#e30000;font-size:.28rem;margin:.1rem auto 0;width:5.7rem}.accountUpdatePersonalData .errPrompt.bottom{text-align:center}.accountUpdatePersonalData .input-tip{color:#ccc;font-size:.28rem;margin:.1rem auto 0;width:5.7rem}.accountUpdatePersonalData .email-suggestions-list{position:absolute;width:5.75rem;list-style-type:none;top:6.25rem;left:.85rem;padding:0;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;z-index:1000;max-height:200px;overflow-y:auto;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.accountUpdatePersonalData .email-suggestion-item{padding:12px 16px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s;font-size:.25rem}.accountUpdatePersonalData .email-suggestion-item:hover{background-color:#f7fafc}.accountUpdatePersonalData .email-suggestion-item:not(:last-child){border-bottom:1px solid #edf2f7}.warning-popup-overlay[data-v-8d7e5990]{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem;z-index:50}.warning-popup[data-v-8d7e5990]{background-color:#fff;border-radius:.25rem;-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);width:100%;max-width:24rem;margin:auto;padding:.5rem;text-align:center}.fade-enter-active[data-v-8d7e5990],.fade-leave-active[data-v-8d7e5990]{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.fade-enter-active .warning-popup[data-v-8d7e5990],.fade-leave-active .warning-popup[data-v-8d7e5990]{-webkit-transition:all .3s ease;transition:all .3s ease}.fade-enter[data-v-8d7e5990],.fade-leave-to[data-v-8d7e5990]{opacity:0}.fade-enter .warning-popup[data-v-8d7e5990],.fade-leave-to .warning-popup[data-v-8d7e5990]{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}.icon-container[data-v-8d7e5990]{margin:0 auto .5rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:.75rem;width:.75rem;border-radius:9999px;background-color:#fef3c7}.icon-container svg[data-v-8d7e5990]{height:.5rem;width:.5rem;color:#d97706}.warning-popup h3[data-v-8d7e5990]{font-size:.4rem;line-height:1.5;font-weight:500;color:#111827;margin:0 0 .5rem 0}.warning-message[data-v-8d7e5990]{font-size:.25rem;color:#4b5563;margin:0 0 .5rem 0;word-break:keep-all}.warning-actions[data-v-8d7e5990]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.popup-btn[data-v-8d7e5990]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40%;border-radius:.25rem;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:.2rem;font-size:.25rem;font-weight:500;cursor:pointer;-webkit-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s}.popup-btn[data-v-8d7e5990]:focus{outline:2px solid transparent;outline-offset:2px;--ring-offset-shadow:0 0 0 2px #fff;-webkit-box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow)}.btn-primary[data-v-8d7e5990]{background-color:#fbbf24;color:#fff;border:1px solid transparent}.btn-primary[data-v-8d7e5990]:hover{background-color:#f59e0b}.btn-primary[data-v-8d7e5990]:focus{--ring-shadow:0 0 0 2px #fcd34d}.btn-secondary[data-v-8d7e5990]{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-8d7e5990]:hover{background-color:#f9fafb}.btn-secondary[data-v-8d7e5990]:focus{--ring-shadow:0 0 0 2px #6366f1}