.userprofile-top-navbar{margin:0 10%}.container-userprofile{width:70%;margin:3.1% auto 1rem}.profile-container-top{width:100%;display:flex;flex-direction:row;gap:2vw;margin-top:1.5vw;margin-bottom:1.5vw;position:relative;align-items:center}.cover-image-container{position:absolute;top:0;left:0;width:100%;height:40%;overflow:hidden;z-index:-1}.cover-image{width:100%;height:100%;object-fit:cover}.userprofile-top-section-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:67%;align-self:flex-start;margin-top:13%}.fullname-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:2vw;margin-bottom:1vw}.fullname-bio-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5vw;width:60%}.reward-container{width:10%}.star-icon{font-size:2vw;color:#f59e0b;font-weight:700;gap:.5vw;padding:.5vw;background:#fef3c7;border-radius:8px;display:flex;align-items:center;justify-content:center;height:4vw;cursor:pointer}.manage-open-svg{margin-bottom:1vw}.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%}.user-followers-text{font-weight:700;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}.bio-text{font-weight:600;color:#595c6e;overflow:hidden;white-space:normal;line-height:1.5;margin-bottom:2%;opacity:50%;font-size:1.1vw}.share-icon-container{background-color:#ebecef;border-radius:50%;display:flex;justify-content:center;align-items:center;width:2.2vw;height:2.2vw}.user-button-container-desktop{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:2vw}.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:1.2vw 2vw;font-size:1.1vw;border-radius:120px;border:none;cursor:pointer}.btn-style{background:#f8f9fa;color:#777b92}.empty-rewards-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;align-items:center;flex-direction:column;background:linear-gradient(90deg,#dbeafe,#f3f4f6);padding:1vw;margin-bottom:2vw;z-index:-2}.empty-rewards-text{color:#3b3d4a;text-align:center;width:100%;max-width:none;margin-top:0;margin-bottom:12px;font-family:Lato,sans-serif;font-size:1.5vw;font-weight:700;line-height:120%}.empty-rewards-icon{margin-right:1vw;color:#f59e0b;font-size:3vw}.empty-rewards-button{border-radius:10px;justify-content:center;align-items:center;height:40px;padding:8px 20px;font-family:Mulish,Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:flex;gap:1vw;cursor:pointer;border:none;background-color:#fff}.empty-rewards-button:hover{border:none}.user-button-container-mobile{display:none}.admin-routes-div{width:100%;padding:2vw 0;display:flex;justify-content:space-between;font-size:1.8vw;font-weight:500}@media (max-width:500px){.userprofile-top-navbar{margin:0}.container-userprofile{margin:auto;width:100%}.container-top-profile{display:flex;flex-direction:column;gap:1vw;width:20%;padding:1vw 1vw 1vw 3vw}.bio-text{font-size:3vw}.profile-container-top{width:100%;align-items:center;margin-bottom:2rem;margin-top:0;gap:19vw}.avatar{width:25vw;height:25vw;border-radius:8vw}.userprofile-top-section-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:67%;align-self:flex-start;margin-top:13%}.avatar-icon{font-size:8vw}.user-followers-text{font-weight:700;font-size:3.1vw;display:flex;align-items:flex-start;color:#a9acba;gap:5.5vw;margin-top:0}.profile-count{font-size:5.2vw;letter-spacing:.2px}.star-icon{font-size:4vw;width:auto;height:8vw}.fullname-text{font-weight:700;color:#3b3d4a;font-size:4.5vw}.bio-text{font-weight:500;color:#595c6e;overflow:hidden;width:100%;white-space:normal;margin-bottom:2%}.user-button-container-desktop{display:none}.user-button-container-mobile{display:block;width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:3vw}.fullname-container{width:95%;margin-top:6vw}.share-icon-container{background-color:#ebecef;border-radius:50%;display:flex;justify-content:center;align-items:center;width:8vw;height:8vw}.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}.btn-style{background:#f8f9fa;color:#777b92}.admin-routes-div{padding:2vw 5vw;font-size:3.2vw;font-weight:400}}.container-top-profile{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-profile{width:100%;height:100%;margin-top:0}@media (max-width:500px){.container-top-profile{display:flex;flex-direction:column;gap:1vw;width:20%;padding:1vw 1vw 1vw 3vw}.avatar{width:25vw;height:25vw;border-radius:8vw}}