.label{font-size:20px}.label .input{height:36px;border-radius:5px;border:1px solid rgba(0,0,0,.6);padding:0 15px}.nav>ul{display:flex;justify-content:center;gap:10px;margin-bottom:25px;list-style-type:none}.btn{width:300px;background:#4585fd;padding:10px 5px;border:none;color:#fff;font-size:18px;border-radius:10px;cursor:pointer}.chatItem{display:grid;grid-template-columns:60px 1fr .5fr;justify-content:space-between;align-items:start;padding:10px 15px;border-bottom:1px solid #afadad;cursor:pointer}.chatItem:hover{background-color:#edecec}.chatItem .avatar{width:50px;height:50px;border-radius:50%;position:relative}.chatItem .avatar[src=""]:before{content:attr(alt);display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:50px;height:50px;background-color:#afadad;font-size:12px}.chatItem .chatInfo .userName{font-weight:700;font-size:16px}.chatItem .chatInfo .lastMessage{font-size:12px;color:#00000080}.chatItem .messageInfo{display:flex;flex-direction:column;align-items:end;align-content:space-around;gap:14px}.chatItem .messageInfo .time{font-weight:700}.chatItem .messageInfo .unreadCount{color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;height:20px;width:20px;background-color:#4585fd;border-radius:50%}.message{padding:10px 10px 5px;background:#d9d9d9;width:125px}.message .message__text{font-size:18px}.message .message__status{display:flex;justify-content:end;align-items:center}.message .message__status .message__time{font-weight:700;font-size:12px}.message .message__status .message__check-img{transform:scale(.5)}*{box-sizing:border-box}#app{margin:15px;padding:20px;height:calc(100vh - 30px);border-radius:10px;box-shadow:0 0 10px #00000059}.mainPageTitle{display:flex;justify-content:center;align-items:center;height:calc(100vh - 129px)}