.new-header-profile *{box-sizing:border-box}.new-header-profile{display:flex;flex-direction:column;background:#fff;width:calc(100vw - var(--widthScrollThumb) - var(--widthLeftFull))}.new-header-profile .img-cover-user{height:160px;width:100%;background-color:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.102)}.new-header-profile .img-cover-user .img-cover-user-profile{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:768px){.new-header-profile .img-cover-user{height:86px}}.new-header-profile .header-profile-container{display:flex;flex-direction:column;max-width:1016px;margin:0 auto;width:100%}.new-header-profile .header-profile-container .info-account-container{width:100%;display:flex;gap:8px}.new-header-profile .header-profile-container .info-account-container .avatar-user{width:140px;height:140px;border-radius:50%;overflow:hidden;box-shadow:0 6px 12px 0 rgba(0,0,0,.031);border:2px solid #fff;margin-top:-70px}.new-header-profile .header-profile-container .info-account-container .avatar-user img{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:768px){.new-header-profile .header-profile-container .info-account-container .avatar-user{width:100px;height:100px;margin-top:0}}.new-header-profile .header-profile-container .info-account-container .info-account{flex:1;display:flex;flex-direction:column;padding:16px 0 32px}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action{display:flex;justify-content:space-between;align-items:start}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action .avatar-mb-name-user{width:100%}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action .avatar-mb-name-user .name-user{display:flex;align-items:center;gap:8px;font-weight:700;font-size:24px;line-height:32px;color:#2d3642;max-width:570px}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action .avatar-mb-name-user .name-user svg{width:20px;height:20px}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link{display:flex;flex-direction:column;gap:16px;max-width:592px;margin-top:8px}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user{color:#2d3642;position:relative;line-height:1.5;font-weight:500;font-size:14px;line-height:22px}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user .bio-content.collapsed{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user .see-more-btn{position:absolute;right:0;bottom:0;font-weight:600;color:rgba(var(--color),1);transition:color .2s ease;padding-left:40px;background:linear-gradient(90deg,transparent,#fff 30%)}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user .see-more-btn span{cursor:pointer}@media screen and (min-width:1025px){.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user .see-more-btn:hover{color:var(--color-hover)}}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user .see-less-btn{font-weight:600;color:rgba(var(--color),1);transition:color .2s ease;cursor:pointer;margin-left:4px}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .bio-user .see-less-btn:hover{color:var(--color-hover)}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .social-link{display:flex;gap:16px}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .social-link .social-item-profile{display:flex;cursor:pointer}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .social-link .social-item-profile svg :not(.dont-set){fill:#6b7280}.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .social-link .social-item-profile svg *{transition:fill .2s ease}@media screen and (min-width:1025px){.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link .social-link .social-item-profile:hover svg :not(.dont-set){fill:var(--color-hover)}}@media screen and (max-width:768px){.new-header-profile .header-profile-container .info-account-container .info-account .bio-social-link{max-width:100%;margin-top:16px}.new-header-profile .header-profile-container .info-account-container .info-account{width:100%;padding:0}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action{width:100%;flex-direction:column;gap:16px}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action .avatar-mb-name-user{display:flex;align-items:end;gap:4px;margin-top:-50px}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action .avatar-mb-name-user .name-user{margin-bottom:12px;flex:1;font-size:18px;line-height:25px;max-width:calc(100% - 104px);gap:6px}.new-header-profile .header-profile-container .info-account-container .info-account .name-user-btn-action .avatar-mb-name-user .name-user svg{width:14px;height:14px}.new-header-profile .header-profile-container{padding:0 16px}}@media screen and (max-width:1024px){.new-header-profile{flex-direction:column;width:100vw;max-width:unset;margin:0;padding-bottom:16px}}.follow-content{display:flex;align-items:center;gap:8px}.follow-content__item{display:flex;align-items:center;gap:4px;font-size:14px;line-height:22px}.follow-content__item.pointer{cursor:pointer}.follow-content__item .number{color:#2d3642;font-weight:700}.follow-content__item .title{color:rgba(0,0,0,.451);font-weight:400}.follow-content__item .title:last-child{text-decoration:none}@media screen and (min-width:1025px){.follow-content__item:hover:not(:last-child) .title{color:rgba(var(--color),1)}}.follow-content .dot-separator{height:5px;width:5px;background-color:#2d3642;border-radius:100%}.content-popup-follow{width:40vw;max-height:60vh;position:relative}.content-popup-follow a{text-decoration:none!important}.content-popup-follow .user{display:flex;justify-content:space-between;margin-bottom:24px;align-items:center}.content-popup-follow .user .user-info{cursor:pointer;display:flex;align-items:center;gap:10px}.content-popup-follow .user .user-info img{width:48px;height:48px;border-radius:50px}.content-popup-follow .user .user-info p{margin:0;color:#212121;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.content-popup-follow .user .user-status{cursor:pointer;color:#212121;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.07px;text-transform:capitalize;border-radius:6px;border:1px solid #000;width:93px;height:35px;display:flex;align-items:center;justify-content:center}.content-popup-follow .user .user-status.follow{color:#fff;background:#212121}.content-popup-follow .title-popup-follow{padding-bottom:16px;color:#272728;font-size:18px;font-style:normal;font-weight:500;line-height:28px;display:flex;justify-content:center;gap:5px}.content-popup-follow .title-popup-follow span{font-weight:800}@media screen and (max-width:768px){.content-popup-follow .title-popup-follow{padding-top:16px}}.content-popup-follow .icon-close{position:absolute;top:0;right:0}@media screen and (max-width:768px){.content-popup-follow{width:100vw;overflow-y:scroll;max-height:395px}}.popup-follow .MuiPaper-root{border-radius:20px}.popup-follow .MuiPaper-root .MuiDialogContent-root,.popup-follow .MuiPaper-root h2{padding:0!important}@media screen and (max-width:768px){.popup-follow .MuiPaper-root{border-radius:20px 20px 0 0}}.popup-follow .MuiPaper-root{cursor:pointer;padding:24px 8px!important}@media screen and (max-width:768px){.popup-follow .MuiPaper-root{padding:0!important}}.popup-follow .MuiDialogActions-root{padding:16px}.button-action-profile{display:flex;gap:12px;justify-content:flex-end}.button-action-profile .btn-action{user-select:none;cursor:pointer;display:flex;width:120px;color:#fff;font-weight:600;font-size:16px;line-height:24px;text-align:center;border-radius:6px;background-color:#597ef7;border:1px solid #597ef7;box-shadow:0 2px 0 0 rgba(0,0,0,.043);padding:0 7px;justify-content:center;align-items:center;gap:8px;transition:color .2s ease,background-color .2s ease,border .2s ease}.button-action-profile .btn-action.unfollow{background-color:#fff;border:1px solid #ff4d4f;box-shadow:0 2px 0 0 rgba(0,0,0,.016);color:#ff4d4f}@media screen and (min-width:1025px){.button-action-profile .btn-action.unfollow:hover{border:1px solid #ff7875;color:#ff7875}.button-action-profile .btn-action.unfollow:hover svg path{fill:#ff7875}.button-action-profile .btn-action:hover{border:1px solid var(--color-hover);background-color:var(--color-hover)}}.button-action-profile .button-share{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 2px 0 0 rgba(0,0,0,.016);color:#2d3642;font-weight:600;font-size:16px;line-height:24px;text-align:center;gap:8px;width:120px;padding:7px 0;transition:border .2s ease,color .2s ease}@media screen and (min-width:1025px){.button-action-profile .button-share:hover{border:1px solid var(--color-hover);color:var(--color-hover)}.button-action-profile .button-share:hover svg *{fill:var(--color-hover)}}