.profile-page{font-size:14px;border-radius:12px;display:flex;width:100%;height:auto;padding:24px;flex-direction:column;background-color:#fff;gap:20px}.profile-page .profile-title{font-size:20px;padding:0 0 12px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7)}.profile-page .profile-form{width:100%;display:flex;justify-content:space-between;padding-right:12px;gap:12px}.profile-page .profile-form .input-infor{display:flex;flex-direction:column;gap:12px;width:100%;max-width:386px}.profile-page .profile-form .input-infor .basic-information{font-size:18px;font-weight:600;color:#333}.profile-page .profile-form .input-infor .infor{display:flex;flex-direction:column;gap:8px}.profile-page .profile-form .input-infor .infor>label{font-weight:700;margin-bottom:0}.profile-page .profile-form .input-infor .infor .phone-info .phone-label{font-weight:500;font-size:14px}.profile-page .profile-form .input-infor .infor .phone-info .phone-number{font-weight:700}.profile-page .profile-form .input-infor .infor .form-update{position:relative;display:flex;justify-content:center;align-items:center}.profile-page .profile-form .input-infor .infor .form-update>i{position:absolute;right:-25px;cursor:pointer}.profile-page .profile-form .input-infor .infor .form-update .return-disable{position:absolute;right:10px}.profile-page .profile-form .input-infor>button{margin-top:10px;border-radius:33px;background:#83ba3b;border:none;font-weight:700}.profile-page .profile-form .input-infor .authentication-information{margin-top:5px;font-size:18px;font-weight:600;color:#333}.profile-page .profile-form .line{width:1px;height:334px;background:var(--Backgrounds-Secondary,#f2f2f7)}.profile-page .profile-form .avt{display:flex;align-items:center;flex-direction:column;width:100%;max-width:386px}.profile-page .profile-form .avt b{width:112px;display:flex;justify-content:center}.profile-page .profile-form .avt .update-avt{display:flex;align-items:center;flex-direction:column;gap:16px}.profile-page .profile-form .avt .update-avt .img-user{border-radius:50%}.profile-page .profile-form .avt .update-avt .upload-button{width:112px;position:relative;padding:8px 16px;border-radius:33px;background:#e9e9e9;border:0;text-align:center;cursor:pointer}.profile-page .profile-form .avt .update-avt .action-buttons{display:flex;gap:12px}.profile-page .profile-form .avt .update-avt .action-buttons .btn-cancel,.profile-page .profile-form .avt .update-avt .action-buttons .btn-save{padding:6px 12px;border-radius:20px;border:none;cursor:pointer;font-size:14px;width:60px}.profile-page .profile-form .avt .update-avt .action-buttons .btn-save{background-color:#83ba3b;color:#fff;text-align:center}.profile-page .profile-form .avt .update-avt .action-buttons .btn-cancel{background-color:#ccc;color:#000}.profile-page .profile-form .avt .update-avt p{color:rgba(59,63,72,.85);text-align:center}.profile-page .profile-form .pin-setting{width:100%;max-width:386px;display:flex;flex-direction:column;gap:32px}.profile-page .profile-form .pin-setting>b{text-align:center}.profile-page .profile-form .pin-setting .setting{display:flex;align-items:center;justify-content:space-between}.profile-page .profile-form .pin-setting .setting .title{display:flex;gap:12px;font-weight:300}.profile-page .profile-form .pin-setting .setting>button{font-size:14px;height:36px;padding:8px 16px;border-radius:33px;border:1px solid var(--Color-Primary,#83ba3b);color:var(--Color-Primary,#83ba3b);font-weight:700;background-color:#fff}@media only screen and (max-width:1023px){.profile-page{font-size:14px;border-radius:12px;display:flex;width:100%;height:100%;padding:24px;flex-direction:column;background-color:#fff;gap:15px}.profile-page .profile-title{font-size:20px;padding:0 10px 12px;border-bottom:1px solid var(--Backgrounds-Secondary,#f2f2f7)}.profile-page .profile-form{display:flex;align-items:flex-start;justify-content:space-between;padding-right:12px}.profile-page .profile-form .input-infor{display:flex;flex-direction:column;gap:12px;width:100%;max-width:386px}.profile-page .profile-form .input-infor .infor{display:flex;flex-direction:column;gap:8px}.profile-page .profile-form .input-infor .infor>label{font-weight:700}.profile-page .profile-form .input-infor>button{margin-top:10px;border-radius:33px;background:#83ba3b;border:none;font-weight:700}.profile-page .profile-form .line{display:none}.profile-page .profile-form .avt{display:flex;align-items:center;flex-direction:column;width:100%;max-width:386px}.profile-page .profile-form .avt b{width:112px}.profile-page .profile-form .avt .update-avt{display:flex;align-items:center;flex-direction:column;gap:24px}.profile-page .profile-form .avt .update-avt>button{width:112px;position:relative;padding:8px 16px;border-radius:33px;background:#e9e9e9;border:0}.profile-page .profile-form .avt .update-avt>button>input{width:100%;height:100%;position:absolute;opacity:0}.profile-page .profile-form .avt .update-avt>p{color:var(--Light_Mode-Text_content,rgba(59,63,72,.85));text-align:center}.profile-page .profile-form .pin-setting{width:100%;max-width:386px;display:flex;flex-direction:column;gap:32px}.profile-page .profile-form .pin-setting>b{text-align:center}.profile-page .profile-form .pin-setting .setting{display:flex;align-items:center;justify-content:space-between}.profile-page .profile-form .pin-setting .setting .title{display:flex;gap:12px;font-weight:300}.profile-page .profile-form .pin-setting .setting>button{font-size:14px;height:36px;padding:8px 16px;border-radius:33px;border:1px solid var(--Color-Primary,#83ba3b);color:var(--Color-Primary,#83ba3b);font-weight:700;background-color:#fff}}@media only screen and (max-width:550px){.profile-page{padding:6px;border-radius:6px}.profile-page .profile-form{flex-direction:column-reverse;align-items:center;padding-bottom:15px;padding-right:0}.profile-page .profile-form .input-infor .infor .form-update>i{right:10px}.profile-page .profile-form .input-infor .infor .form-update .return-disable{display:none}}