*{margin:0}::-webkit-scrollbar{display:none}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}.home{align-items:center;background-color:#36454f;background-image:url(https://www.transparenttextures.com/patterns/cubes.png);color:#fff;display:flex;height:100vh;justify-content:center}.home .container{border-radius:.5rem;box-shadow:-3px 11px 13px -5px rgba(34,39,36,.8);display:flex;height:90%;overflow:hidden;width:90%}@media screen and (max-width:768px){.home .container{width:97%}}.home .container .sidebar{background-color:rgba(29,27,27,.665);border-right:1px solid #a9a9a9;flex:1 1;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:rgba(56,60,63,.588);color:gray;display:flex;height:3.2rem;justify-content:space-between;padding:.7rem}.home .container .sidebar .navbar .logo{font-size:1.4rem;font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{display:flex;gap:.5rem}.home .container .sidebar .navbar .user .avatar{background-color:rgba(224,229,235,.886);height:1.6rem;object-fit:cover;width:1.6rem}.home .container .sidebar .navbar .user button{background-color:transparent;border:none;color:#d3d3d3;cursor:pointer;font-size:.8rem}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{padding:.6rem}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;outline:none}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#383333}.home .container .sidebar .search .searchForm input::placeholder{color:#383333}.home .container .sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#19232a}.home .container .sidebar .userChat img{border-radius:50%;height:3rem;object-fit:cover;width:3rem}.home .container .sidebar .userChat .userChatInfo span{font-size:1.1rem;font-weight:700}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:.9rem}.home .container .nochat{background-color:rgba(38,39,40,.804);background-image:url(https://www.transparenttextures.com/patterns/always-grey.png);color:gray;flex:2 1}.home .container .chat{background-color:rgba(19,24,28,.675);flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:rgba(56,60,63,.588);color:#d3d3d3;display:flex;height:3.2rem;justify-content:space-between;padding:.7rem}.home .container .chat .chatInfo .chatIcons{display:flex;gap:.6rem}.home .container .chat .chatInfo .chatIcons .icons{cursor:pointer;height:1.4rem}.home .container .chat .messages{background-color:rgba(29,29,30,.624);background-image:url(https://www.transparenttextures.com/patterns/food.png);height:calc(100% - 10.9rem);overflow:scroll;padding:.7rem}.home .container .chat .messages .message{display:flex;gap:1.2rem;margin-bottom:1.2rem}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:.7rem;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#36454f;border-radius:0 10px 10px 10px;color:#fff;max-width:-webkit-max-content;max-width:max-content;padding:10px 30px 15px 10px;position:relative}.home .container .chat .messages .message .messageContent p span{bottom:2px;color:#d3d3d3;font-size:small;position:absolute;right:2px}.home .container .chat .messages .message .messageContent img{width:50%}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end}.home .container .chat .messages .message.owner .messageContent p{background-color:#25d366;border-radius:10px 0 10px 10px}.home .container .chat .input{align-items:center;background-color:#36454f;display:flex;height:3.5rem;justify-content:space-between;padding:.7rem}.home .container .chat .input input{background-color:transparent;background-color:rgba(67,86,99,.596);border:none;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;color:#d3d3d3;font-size:18px;outline:none;padding:1rem;width:100%}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send .icons{cursor:pointer;height:1.4rem}.home .container .chat .input .send button{background-color:transparent;border:none;color:#fff;padding:10px 15px}.loginContainer{align-items:center;background-color:#00a884;display:flex;height:100vh;justify-content:center}.loginContainer .formWrapper{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:-3px 11px 13px -5px rgba(11,73,40,.5);display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 3.5rem}.loginContainer .formWrapper .logo{color:#25d366;font-size:3rem;font-weight:700}.loginContainer .formWrapper .title{color:#128c7e;font-size:1.5rem}.loginContainer .formWrapper form{display:flex;flex-direction:column;gap:1rem}.loginContainer .formWrapper form input{border:none;border-bottom:1px solid #61cb7f;outline:none;padding:1rem}.loginContainer .formWrapper form input::-webkit-input-placeholder{color:#aaa}.loginContainer .formWrapper form input::placeholder{color:#aaa}.loginContainer .formWrapper form button{background-color:#128c7e;border:none;color:#fff;cursor:pointer;font-weight:700;padding:.6rem}.loginContainer .formWrapper p{color:#075e54;font-size:.8rem;margin-top:.7rem}.registerContainer{align-items:center;background-color:#00a884;display:flex;height:100vh;justify-content:center}.registerContainer .formWrapper{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:-3px 11px 13px -5px rgba(11,73,40,.5);display:flex;flex-direction:column;gap:.8rem;padding:1.2rem 3.5rem}.registerContainer .formWrapper .logo{color:#25d366;font-size:3rem;font-weight:700}.registerContainer .formWrapper .title{color:#128c7e;font-size:1.5rem}.registerContainer .formWrapper form{display:flex;flex-direction:column;gap:1rem}.registerContainer .formWrapper form input{border:none;border-bottom:1px solid #61cb7f;outline:none;padding:1rem}.registerContainer .formWrapper form input::-webkit-input-placeholder{color:#aaa}.registerContainer .formWrapper form input::placeholder{color:#aaa}.registerContainer .formWrapper form label{align-items:center;color:#075e54;cursor:pointer;display:flex;font-size:.75rem;gap:.6rem}.registerContainer .formWrapper form label img{width:2rem}.registerContainer .formWrapper form button{background-color:#128c7e;border:none;color:#fff;cursor:pointer;font-weight:700;padding:.6rem}.registerContainer .formWrapper p{color:#075e54;font-size:.8rem;margin-top:.7rem}
/*# sourceMappingURL=main.72a7d405.css.map*/