.top-navbar{margin:0 10%}.space-top{width:100%;text-align:center}.antd-space-outer-div{display:flex;flex-direction:column;justify-content:center;align-items:center}.container-userprofile-view{width:70%;margin:auto auto 1rem}.container-top{width:100%;align-items:center;display:flex;flex-direction:column;gap:0}.profile-container-top-view{width:100%;display:flex;flex-direction:row;gap:2vw;height:30vw;margin-top:1.5vw}.cover-image-container,.use-view-cover-image{width:100%;border-radius:0 0 8px 8px;height:12vw;cursor:pointer}.use-view-cover-image{object-fit:cover}.default-cover-image,.use-view-cover-image{box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.default-cover-image{width:100%;height:12vw;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#aaa;border-radius:0 0 8px 8px}.container-top-profile-view{gap:1vw;width:100%;padding:0 0 1vw;position:relative;display:inline-block}.profile-pic-and-text-container{display:flex;flex-direction:row;align-items:flex-start;gap:5vw;justify-content:flex-start;width:100%}.avatar{bottom:9vw;left:32px;width:17vw;height:17vw;border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:2;border-radius:4vw}.avatar-icon-user-view{width:100%;height:100%;margin-top:0}.container-top-section-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:45vw;align-self:flex-start;margin-top:2vw}.fullname-badge-container{width:100%;display:flex;align-items:center;justify-content:flex-start}.fullname-text{font-size:2.5vw;color:#3b3d4a;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:60%;letter-spacing:-1%}.userview-followers-text{font-family:Inter;font-weight:700;font-size:14px;display:flex;align-items:flex-start;color:#a9acba;gap:3.25vw}.profile-count{font-size:1.5vw;color:#020305;font-weight:800;letter-spacing:.2px}.fullname-bio-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5vw;width:100%}.bio-text{font-weight:400;color:#595c6e;width:100%;white-space:normal;line-height:1.5;margin-bottom:1%;font-size:1.1vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-container-userview{background:linear-gradient(180deg,rgba(235,236,239,.5),hsla(0,0%,100%,0));padding:1.5vw;border-radius:.5vw}.user-profile-blog-contestent-main-div{width:100%}.user-profile-blog-contestent-button-div{display:flex;width:100%;gap:3vw}.btn-style-active{font-weight:500;background:#e1e2f1;color:#020305}.btn-style,.btn-style-active{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.8vw 1.2vw;font-size:1vw;border-radius:120px;border:none;cursor:pointer;width:10vw}.btn-style{background:#f8f9fa;color:#777b92}.scroll-hidden{max-height:80vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.scroll-hidden::-webkit-scrollbar{display:none}.userprofile-button-div{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:2vw}.userprofile-follow-following-div{width:100%}.user-following-button{background:#fff;border-radius:120px;color:#020305;border:.1vw solid #020305;font-weight:600}.user-follow-button,.user-following-button{width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.8vw 1.2vw;font-size:1vw;cursor:pointer}.user-follow-button{background:#020305;border-radius:120px;color:#fff;border:none}.user-view-profile-pic-modal{width:100%}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-close-button{position:absolute;top:20px;right:30px;font-size:48px;color:#fff;cursor:pointer;z-index:10000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;line-height:1}.image-modal-close-button:hover{transform:scale(1.1)}.image-modal-content-profile{max-width:500px;width:90%}.image-modal-content-cover,.image-modal-content-profile{background:transparent;border-radius:10px;overflow:hidden;animation:zoomIn .3s ease-in-out}.image-modal-content-cover{max-width:800px;width:95%}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-modal-img{width:100%;height:auto;display:block;border-radius:10px}@media (max-width:500px){.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:start;z-index:9999;padding:20px;animation:fadeIn .2s ease-in-out}.image-modal-content-cover,.image-modal-content-profile{width:100%;padding-top:50vw;max-width:none}.image-modal-close-button{top:10px;right:15px;font-size:36px}}@media (min-width:501px) and (max-width:768px){.image-modal-content-profile{width:80%}.image-modal-content-cover{width:90%}}@media (max-width:500px){.btn-style-active{background:#e1e2f1;color:#020305}.btn-style,.btn-style-active{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3vw 5vw;font-size:3vw;border-radius:120px;border:none;cursor:pointer;width:45vw}.btn-style{background:#f8f9fa;color:#777b92}.top-navbar{margin:0}.container-userprofile-view{width:100%;margin:auto auto 1rem}.container-top{width:100%;align-items:center;margin-bottom:3rem;gap:8vw}.default-cover-image,.use-view-cover-image{height:15vw}.avatar{width:25vw;height:25vw;border-radius:8vw}.avatar-icon-user-view{width:100%;height:100%;margin-top:0}.container-top-section-text{display:flex;flex-direction:column;height:auto;width:54vw}.fullname-text{font-weight:700;color:#3b3d4a;font-size:4.5vw}.bio-text{overflow:hidden;width:90%;white-space:normal;font-size:2vw;margin-bottom:2%}.card-container-userview{background:linear-gradient(180deg,rgba(235,236,239,.5),hsla(0,0%,100%,0));padding:0;border-radius:.5vw}.profile-container-top-view{width:100%;align-items:center;margin-top:12vw;height:15vw}.profile-count{font-size:5.2vw;letter-spacing:.2px}.userprofile-button-div{margin-top:5vw}.user-following-button{display:flex}.user-follow-button,.user-following-button{width:90%;font-size:3vw;padding:3vw 2vw}.profile-pic-and-text-container{gap:12vw}.fullname-bio-container{gap:1vw;margin-top:5vw}.userview-followers-text{justify-content:center;gap:14vw}.userprofile-follow-following-div{padding:0 3vw 2vw;margin-top:2vw}.user-profile-blog-contestent-main-div{padding:0 2vw}.container-top-profile-view{padding:0}}.bottom-navbar{position:fixed;left:0;right:0;bottom:0;height:60px;background:#fff;border-top:1px solid #eee;justify-content:space-around;z-index:1000}.bottom-navbar,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;font-size:12px;color:#222;cursor:pointer;flex:1 1;padding:6px 0;transition:color .2s}.nav-item svg{margin-bottom:2px}.nav-item:active{color:#1890ff}@media (min-width:501px){.bottom-navbar{display:none}}