.verify-update .verify-form{display:flex;flex-direction:column;align-items:center}.verify-update .verify-form .text-1,.verify-update .verify-form .text-2{font-size:1rem;color:var(--color-1);margin-bottom:10px}.verify-update .verify-form .text-1{font-weight:500;font-size:1rem;font-style:normal}.verify-update .verify-form .text-2{font-weight:400;margin-bottom:44px}.verify-update .vue-otp-input{margin-bottom:32px}.verify-update .vue-otp-input .otp-input{width:32px!important;height:32px!important;border:1px solid var(--border-color)!important;font-size:1.6rem;color:var(--color-1)}.verify-update .resend-section{display:flex;color:var(--color-1);align-items:center}.verify-update .resend-section .text{margin-right:10px}.verify-update .btn-section{width:100%}.verify-update .btn-section .btn-next{width:100%;height:24px;background-color:var(--btn-fill-bg-color);color:var(--color);border-radius:4px;margin-top:26px}.verify-update .btn-section .btn-next:hover{opacity:.8}.user-info-setting{color:var(--text-color-1);width:66%;min-width:950px;max-width:66vw;height:calc(100vh - var(--height-top-bar) - var(--height-footer-bar));background-color:var(--background-modal);position:absolute;top:100%;right:0;z-index:1040;padding:8px}.user-info-setting .header{display:flex;justify-content:space-between;margin-bottom:24px}.user-info-setting .header .title{font-size:1rem;color:var(--color-1);display:flex;align-items:center;cursor:pointer}.user-info-setting .header .title svg{margin-right:8px;width:12px;height:12px}.user-info-setting .header .btn-close svg{width:10px;height:10px;color:var(--color-1);cursor:pointer}.user-profile{width:100%;height:100%;background:var(--background-modal)}.user-profile .col-user-right{padding-left:0;height:calc(100% - 16px)}.user-profile .col-user-right .user-tabs .sharePost{background-color:var(--bg-share-post);border-radius:4px}.user-profile .col-user-right .user-tabs .sharePost .user-post{background-color:transparent}.user-profile .col-user-right .user-tabs .sharePost .post-deleted{margin:0 0 1px}.user-profile .svgActive{max-width:100%;cursor:pointer;fill:#15c1ae}.user-profile button.follow{background-color:var(--btn-fill-bg-color);border:1px solid var(--btn-fill-border-color);color:var(--text-color-3);border-radius:4px}.user-profile button.follow,.user-profile button.unfollow{height:24px;display:flex;align-items:center;justify-content:center;width:110px;max-width:100%}.user-profile button.unfollow{background-color:transparent;color:var(--text-color-5);border-radius:4px;border:1px solid #a0aec0}.user-profile .highcharts-background{fill:transparent!important}.user-profile .highcharts-credits{display:none}.user-profile .dropdown-menu{background-color:#1e212c;box-shadow:0 4px 4px rgba(0,0,0,.1);border-radius:8px}.user-profile .dropdown-menu .dropdown-item{color:#a0aec0;font-weight:400;font-size:1rem;line-height:18px}.user-profile .dropdown-menu .dropdown-item svg{width:12px;margin-right:9px}.user-profile .dropdown-menu .dropdown-item:hover{background-color:transparent!important}.user-profile .text-10{font-weight:400;font-size:1rem;line-height:14px;color:#718096}.user-profile .btn{font-size:1.2rem;line-height:16px;border-radius:8px;padding:10px 16px}.user-profile .btn-outline-primary{color:#315eff;border:1px solid #315eff}.user-profile .btn-primary{color:#edf2f7;background:#315eff;border:none}.user-profile .user-infor{display:flex;flex-direction:column;height:calc(100% - 35px);border-right:.5px solid var(--border-color)}.user-profile .user-infor--avatar{align-items:center;position:relative}.user-profile .user-infor--avatar .image{width:-moz-fit-content;width:fit-content;margin:0 auto;position:relative}.user-profile .user-infor--avatar .image img{width:70px;height:70px}.user-profile .user-infor--avatar .action{background:#e2e8f0;border-radius:50%;width:20px;height:20px;padding:2px 5px;position:absolute;bottom:0;right:0}.user-profile .user-infor--avatar .btn-camera{position:absolute;bottom:0;right:0;width:20px;height:20px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-profile .user-infor--avatar .btn-camera input{width:0;height:0;opacity:0}.user-profile .user-infor--avatar .btn-camera .options{position:absolute;top:0;left:0;width:178px;border-radius:8px;background-color:var(--bg-color-3);z-index:9999;box-shadow:0 4px 4px rgba(0,0,0,.1);border:1px solid var(--border-color);overflow:hidden}.user-profile .user-infor--avatar .btn-camera .options .option-item{display:flex;flex-direction:row;justify-content:space-between;grid-gap:8px;gap:8px;padding:8px;margin:0;border-bottom:1px solid var(--border-color);cursor:pointer}.user-profile .user-infor--avatar .btn-camera .options .option-item:last-child{border-bottom:none}.user-profile .user-infor--avatar .btn-camera .options .option-item:hover{opacity:.8}.user-profile .user-infor--avatar .btn-camera .options .option-item svg{display:flex;width:12px;height:12px}.user-profile .user-infor--avatar .btn-camera .options .option-item span{display:flex;flex:1 0 80px;font-weight:400;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.user-profile .user-infor--name .edit-nick-name{display:flex;align-items:center;flex:1;padding-bottom:9px;margin-left:5px}.user-profile .user-infor--name .edit-nick-name svg{margin-left:5px;cursor:pointer}.user-profile .user-infor--name .edit-nick-name .input-section input{width:100%;height:24px}.user-profile .user-infor--name .edit-nick-name .input-section legend{padding:0}.user-profile .user-infor--btn_page{background:transparent;text-align:left;padding:8px;border-bottom:1px solid var(--border-color);color:var(--color-1)}.user-profile .user-infor--btn_page.active{background:var(--bg-color-9)}.user-profile .user-infor .text-container{padding:0}.user-profile .user-infor .text-container .input-section fieldset{height:24px}.user-profile .user-infor .input-error{padding:0 0 0 5px}.user-profile .user-infor .input-error span{font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-4)}.user-profile .user-infor .account-nick-name{display:flex;flex-direction:row;justify-content:flex-start}.user-profile .user-infor .account-nick-name svg{margin-left:8px}.user-profile .user-infor .account-nick-name span{display:block;max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1rem;line-height:1.2rem;letter-spacing:.2px;color:var(--text-color-1)}.header{display:flex;justify-content:space-between;margin-bottom:12px}.header .title{font-size:1rem;color:var(--color-1);display:flex;align-items:center;cursor:pointer}.header .title svg{margin-right:8px;width:12px;height:12px}.header .btn-close svg{width:10px;height:10px;color:var(--color-1);cursor:pointer}.modal-dialog.verify-otp-modal.no-modal-backdrop~.modal-backdrop{background-color:transparent}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo,.modal-dialog.verify-otp-modal.SmsOtpForm{max-width:360px!important}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content{padding:0}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-header,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-header{padding:16px!important}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-header .modal-title .head-title,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-header .modal-title .head-title{font-size:16px;line-height:20px;font-weight:600}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-header .close,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-header .close{right:16px}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-body,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-body{padding:0;margin:0}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-body .verify-otp,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-body .verify-otp{margin:0}.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-body .verify-otp .verify-sms-otp-and-register-smart-otp,.modal-dialog.verify-otp-modal.SmartOtpRegisterInfo .modal-content .modal-body .verify-otp .verify-sms-otp-and-register-smart-otp .SmsOtpForm,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-body .verify-otp .verify-sms-otp-and-register-smart-otp,.modal-dialog.verify-otp-modal.SmsOtpForm .modal-content .modal-body .verify-otp .verify-sms-otp-and-register-smart-otp .SmsOtpForm{background:none}.verify-otp-modal.SmartOtpRegisterForm{max-width:868px!important}