.App{box-sizing:border-box;margin:0;padding:0}.mainbody{display:flex}.activeLink{text-decoration:underline}.leftBar{background-color:var(--themed-bg);color:var(--themed-textColor);flex:2 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px;width:35%}.leftBar::-webkit-scrollbar{display:none}.leftBar:hover::-webkit-scrollbar{border-right:4px solid #afadad;display:block}.leftBar .container{padding:20px}.leftBar .container hr{background-color:var(--themed-border);border:none;height:.5px;margin:20px 0}.leftBar .container .menu{display:flex;flex-direction:column;gap:10px}.leftBar .container .menu span{font-size:12px}.leftBar .container .menu .user{align-items:center;display:flex;gap:10px}.leftBar .container .menu .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.leftBar .container .menu .user span{font-size:14px}.leftBar .container .menu .item{align-items:center;display:flex;gap:10px;padding:10px}.leftBar .container .menu .item:hover{background-color:gray;border-radius:5px;color:#fff;cursor:pointer}.leftBar .container .menu .item img{width:30px}.leftBar .container .menu .item span{font-size:14px}@media screen and (max-width:768px){.leftBar,.rightBar{display:none}}@media screen and (max-width:479px){.leftBar,.rightBar{display:none}}.rightBar{flex:3 1;height:calc(100vh - 70px);max-width:35%;overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.rightBar::-webkit-scrollbar{display:none}.rightBar .container{padding:20px}.rightBar .container .item{background-color:var(--bg);box-shadow:0 0 15px 1px #00000017;margin-bottom:20px;padding:20px}.rightBar .container .item span{color:gray}.rightBar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:20px;position:relative}.rightBar .container .item .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.rightBar .container .item .user .userInfo p{color:var(--textColorSoft)}.rightBar .container .item .user .userInfo span{color:var(--textColor);font-weight:500}.rightBar .container .item .user .buttons{align-items:center;display:flex;gap:10px;margin-left:5px}.rightBar .container .item .user .buttons button{border:none;color:#fff;cursor:pointer;padding:5px}.rightBar .container .item .user .buttons button:first-child{background-color:#0866ff;border-radius:5px;padding:6px 12px}.rightBar .container .item .user .buttons button:last-child{background-color:#e4e6eb;border-radius:5px;color:#000;padding:6px 15px}
/*# sourceMappingURL=main.0f227155.css.map*/