body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{background:#f7f7f7}body,button,div,p,span{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.Chat{background:#fff;border-radius:.7rem;box-shadow:0 0 50px 5px #eee;box-sizing:border-box;height:30rem;left:50%;overflow-y:auto;padding:1rem 1.2rem;padding:0!important;position:absolute;top:10%;-webkit-transform:translate(-50%);transform:translate(-50%);width:90%}.Chat .userDetail{align-items:center;border-bottom:.15rem solid #ecebeb;display:flex;gap:1rem;justify-content:space-between;padding:.7rem 1.2rem .5rem}.Chat .userDetail .icon{color:#000;text-decoration:none}.Chat .userDetail img{border:.2rem solid #eee;border-radius:100%;box-sizing:border-box;object-fit:cover;width:2.5rem}.Chat .userDetail .user{display:flex;flex-direction:column;gap:.2rem;width:100%}.Chat .userDetail .user span{color:#000;font-size:1rem;font-weight:600}.Chat .userDetail .user span:last-child{color:#a7a6a6;font-size:.8rem}.Chat .chatDetail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:.7rem 1.2rem}.Chat .chatDetail .message{align-items:flex-end;display:flex;gap:.4rem}.Chat .chatDetail .message img{border:.2rem solid #eee;border-radius:100%;box-sizing:border-box;height:2.5rem!important;object-fit:cover;width:2.5rem;width:2.5rem!important}.Chat .chatDetail .message span{background:#3f3f3f;border-radius:.7rem;box-shadow:0 0 50px 5px rgba(0,0,0,.1);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.95rem;font-weight:600;margin:.4rem 0;max-width:100%;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-all}.Chat .send{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:0 1.2rem 1rem;width:100%}.Chat .send input{border:.19rem solid #eee;border-radius:.4rem;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.9rem;font-weight:600;outline:none;padding:.5rem;width:100%}.Chat .send button{background:#3f3f3f;border:none;border-bottom-right-radius:.4rem;border-top-right-radius:.4rem;cursor:pointer;padding:.5rem .65rem}.Chat .send button:hover{opacity:.9}.Chat .send button .icon{color:#fff;font-size:1rem;margin:auto}.Profile{background:#fff;border-radius:.7rem;box-shadow:0 0 50px 5px #eee;box-sizing:border-box;height:30rem;left:50%;overflow-y:auto;padding:1rem 1.2rem;position:absolute;top:10%;-webkit-transform:translate(-50%);transform:translate(-50%);width:90%}.Profile .userDetail{align-items:center;border-bottom:.15rem solid #ecebeb;display:flex;gap:1rem;justify-content:space-between;padding-bottom:.7rem}.Profile .userDetail img{border:.2rem solid #eee;border-radius:100%;box-sizing:border-box;object-fit:cover;width:2.5rem}.Profile .userDetail .user{display:flex;flex-direction:column;gap:.2rem;width:100%}.Profile .userDetail .user span{color:#000;font-size:1rem;font-weight:600}.Profile .userDetail .user span:last-child{color:#a7a6a6;font-size:.8rem}.Profile .userDetail button{background:#3f3f3f;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:600;padding:.5rem .65rem}.Profile .userDetail button:hover{opacity:.9}.Profile .search{align-items:center;display:flex;justify-content:center;margin:1rem 0}.Profile .search input{border:.19rem solid #eee;border-radius:.4rem;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.9rem;font-weight:600;outline:none;padding:.5rem;width:100%}.Profile .search button{background:#3f3f3f;border:none;border-bottom-right-radius:.4rem;border-top-right-radius:.4rem;cursor:pointer;padding:.5rem .65rem}.Profile .search button:hover{opacity:.9}.Profile .search button .icon{color:#fff;font-size:1.1rem;margin:auto}.Profile .friends{display:flex;flex-direction:column;gap:1rem}.Profile .friends .data{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:1rem;position:relative;text-decoration:none}.Profile .friends .data:hover:after{background:#e0e0e0;border-radius:.4rem;border-bottom-left-radius:0;box-shadow:0 0 0 #5a5a5a,0 5px 0 #f5f5f5;color:#000;content:attr(data-content);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.8rem;font-weight:600;left:50%;padding:.3rem .7rem;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Profile .friends .data img{border:.2rem solid #eee;border-radius:100%;box-sizing:border-box;object-fit:cover;width:2.5rem}.Profile .friends .data .user{display:flex;flex-direction:column;gap:.2rem;width:100%}.Profile .friends .data .user span{color:#000;font-size:1rem;font-weight:600}.Profile .friends .data .user span:last-child{color:#a7a6a6;font-size:.8rem}.Profile .friends .data .status{font-size:1.5rem}@media(min-width:768px){.Chat,.Profile{width:30%}}
/*# sourceMappingURL=main.1721dd1f.css.map*/