.circularWrapper{position:relative;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center}.track{background:var(--track-bg)}.progress,.track{position:absolute;inset:0;border-radius:50%}.progress{background:var(--progress-bg)}.imageWrapper{width:var(--image-size);height:var(--image-size);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.imageWrapper,.profileImage{border-radius:50%}.popupParentDiv{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;gap:10px;position:relative}.popupParentDiv h1,.popupParentDiv h2,.popupParentDiv h3,.popupParentDiv h4,.popupParentDiv p{margin:0}.popupParentDiv .topLeft{width:30%;display:flex;flex-direction:column;justify-content:flex-start;min-height:130px;position:relative}.popupParentDiv .topLeft .levelTitle{display:flex;align-items:center;justify-content:center;width:100%}.popupParentDiv .topLeft .profileImage{width:72px;height:72px;border-radius:50%;aspect-ratio:1/1;object-fit:cover}.popupParentDiv .topLeft h4{margin-top:5px;font-size:10px;font-weight:400;text-align:center;color:hsla(0,1%,45%,.72)}.popupParentDiv .topLeft .levelIndex{position:absolute;top:63px;left:63px;display:flex;align-items:center;justify-content:center}.popupParentDiv .topLeft .levelIndex .shieldIcon{position:absolute;font-size:20px;color:var(--color-primary);stroke:#fff;stroke-width:1px}.popupParentDiv .topLeft .levelIndex p{position:absolute;top:-6px;font-size:11px;font-weight:600;color:#fff}.popupParentDiv .topRight{display:flex;width:70%;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;gap:5px}.popupParentDiv .topRight .bioSkeleton{display:flex;flex-direction:column;gap:2px}.popupParentDiv .topRight .userName{display:flex;align-items:center;justify-content:flex-start;gap:5px}.popupParentDiv .topRight .userName h1{font-size:14px;font-weight:500;color:#11263c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.popupParentDiv .topRight .userName .chatIconDiv{width:15px;height:15px}.popupParentDiv .topRight .userName .chatIconDiv .chatLoader{display:inline-block;box-sizing:border-box;width:15px;height:15px;border:2px solid rgba(0,0,0,.2);border-radius:50%;animation:spin .8s linear infinite}.popupParentDiv .topRight p{width:130px;font-size:9px;color:rgba(65,65,65,.7)}.popupParentDiv .topRight h2{font-size:10px;font-weight:400;color:#b3b3b3}.popupParentDiv .topRight h4{font-size:10px;font-weight:400;color:#4f4d4d}.popupParentDiv .topRight .statusDiv{display:flex;align-items:center;gap:3px}.popupParentDiv .topRight .statusDiv .onlineIndicator{width:8px;height:8px;border-radius:50%;aspect-ratio:1/1;background-color:#28ef60}.popupParentDiv .topRight .statusDiv .onlineIndicator.offline{background-color:#b3b3b3}.popupParentDiv .topRight .statusDiv h3{font-size:10px;color:#b3b3b3}.popupParentDiv .topRight .buttonDiv{display:flex;align-items:center;gap:10px}.popupParentDiv .topRight .buttonDiv button{width:79px;height:28px;border-radius:8px;font-size:10px;font-weight:500}.popupParentDiv .topRight .buttonDiv .button1{background:none;border:1px solid #f34e4e;color:#f34e4e}.popupParentDiv .topRight .buttonDiv .button2{background-color:#f03030;border:none;color:#fff}.skeletonBio,.skeletonBtn,.skeletonSm{background:#9e9c9c;border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.skeletonSm{width:100px;height:10px;margin-top:5px}.skeletonBtn{width:100%;height:12px}.pulseLoading{animation:pulseBtn 1.2s ease-in-out infinite;opacity:.6;cursor:not-allowed}.errorShake,.successShake{animation:shake .4s ease-in-out}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.6}50%{opacity:.35}to{opacity:.6}}@keyframes pulseBtn{0%{transform:scale(1);opacity:.6}50%{transform:scale(.97);opacity:.35}to{transform:scale(1);opacity:.6}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}