.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%;align-items:center;display:flex;flex-direction:row;gap:2vw;background-image:url(/static/images/Blogging-2.webp);background-repeat:no-repeat;background-position:top;background-size:100% 40%;margin-top:1.5vw}.container-top-profile-view{display:flex;flex-direction:column;gap:1vw;width:30%;padding:1vw 1vw 1vw 3vw}.avatar{width:17vw;height:17vw;border-radius:4vw;display:flex;align-items:center;justify-content:center}.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:70%;align-self:flex-start;margin-top:13%;margin-bottom:0}.fullname-badge-container{width:100%;display:flex;margin-top:2vw}.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;margin-top:2vw;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}@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;gap:8vw}.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}.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;background-size:100% 55%;margin-top:0;gap:2vw;height:30vw}.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}.fullname-bio-container{gap:1vw;margin-top:3vw}.userview-followers-text{justify-content:center;gap:14vw}.userprofile-follow-following-div{padding:0 3vw 2vw}.user-profile-blog-contestent-main-div{padding:0 2vw}.container-top-profile-view{padding:15vw 1vw 1vw 3vw}}