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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login_formContainer__EkNgA{align-items:center;background-color:#29262c;display:flex;height:100vh;justify-content:center}.login_formContainer__EkNgA .login_formWrapper__xuQfX{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:300px;padding:1rem 2rem}.login_formContainer__EkNgA .login_title__4LUU2{color:#5d5b8d;font-size:12px}.login_formContainer__EkNgA .login_form__C0tx6{display:flex;flex-direction:column;gap:15px;width:100%}.login_formContainer__EkNgA .login_form__C0tx6 input{border:none;border-bottom:1px solid #29262c;padding:15px}.login_formContainer__EkNgA .login_form__C0tx6 input::-webkit-input-placeholder{color:#afafaf}.login_formContainer__EkNgA .login_form__C0tx6 input::placeholder{color:#afafaf}.login_formContainer__EkNgA .login_form__C0tx6 button{background-color:#29262c;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.login_formContainer__EkNgA .login_form__C0tx6 label{align-items:center;color:#29262c;cursor:pointer;display:flex;font-size:12px;gap:10px}.login_formContainer__EkNgA .login_form__C0tx6 label img{width:32px}.login_formContainer__EkNgA p{color:#5d5b8d;font-size:12px;margin-top:10px}.register_formContainer__Mqxc-{align-items:center;background-color:#29262c;display:flex;height:100vh;justify-content:center}.register_formContainer__Mqxc- .register_formWrapper__qz-b3{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-width:300px;padding:1rem 2rem}.register_formContainer__Mqxc- .register_title__XBc05{color:#5d5b8d;font-size:12px}.register_formContainer__Mqxc- .register_form__hPARx{display:flex;flex-direction:column;gap:15px;width:100%}.register_formContainer__Mqxc- .register_form__hPARx input{border:none;border-bottom:1px solid #29262c;padding:15px}.register_formContainer__Mqxc- .register_form__hPARx input::-webkit-input-placeholder{color:#afafaf}.register_formContainer__Mqxc- .register_form__hPARx input::placeholder{color:#afafaf}.register_formContainer__Mqxc- .register_form__hPARx button{background-color:#29262c;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.register_formContainer__Mqxc- .register_form__hPARx label{align-items:center;color:#29262c;cursor:pointer;display:flex;font-size:12px;gap:10px}.register_formContainer__Mqxc- .register_form__hPARx label img{width:32px}.register_formContainer__Mqxc- p{color:#5d5b8d;font-size:12px;margin-top:10px}*{scroll-behavior:smooth}.home{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center}.home .container{border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);display:flex;height:95vh;overflow:hidden;width:95%}.home .container .more{display:none}@media screen and (max-width:560px){.home .container{height:95vh;position:relative;width:95%}.home .container .more{display:block;position:absolute;right:16px;top:-56px;z-index:100}.home .container .hide{display:none;height:100vh}.home .container .sidebar{position:absolute!important;top:65px;width:100%;z-index:1}.home .container .sidebar .navbar{width:95%}.home .container .sidebar .navbar .user{position:relative;width:100%}.home .container .sidebar .navbar .user button{border-radius:5px;bottom:-2px!important;display:flex;padding:8px;position:absolute;right:0}.home .container .chats,.home .container .search{display:none}.home .container .show{height:100vh}.home .container .show .chats,.home .container .show .search{display:block}.home .container .expandMenu .chats,.home .container .expandMenu .search{display:block!important}}.home .container .sidebar{background-color:#1b1b1b;flex:1 1;position:relative}.home .container .sidebar .userChat{border-bottom:2px solid #373737}.home .container .sidebar .navbar{align-items:center;background-color:#373737;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{display:flex;gap:10px}.home .container .sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar .user button{background-color:#1b1b1b;border:none;color:#ddddf7;cursor:pointer;font-size:10px}@media screen and (max-width:768px){.home .container .sidebar .navbar .user button{bottom:10px;position:absolute}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{padding:10px}.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:#d3d3d3}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3}.home .container .sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#2f2d52}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}.home .container .chat{flex:2 1;width:-webkit-fill-available}.home .container .chat .chatInfo{align-items:center;background-color:#1b1b1b;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .chatIcons{display:flex;gap:10px}.home .container .chat .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 160px);overflow:auto;padding:10px}@media screen and (max-width:560px){.home .container .chat .messages{height:calc(100% - 225px);margin-top:65px}}.home .container .chat .messages .message{display:flex;gap:10px;margin-bottom:20px}.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:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .messageContent p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.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:#7b4bab;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;color:#2f2d52;font-size:18px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .input input::placeholder{color:#d3d3d3}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send img{cursor:pointer;height:24px}.home .container .chat .input .send button{background-color:#7b4bab;border:none;color:#fff;cursor:pointer;padding:10px 15px}.home .container .chat .input .send button:disabled{background:gray;cursor:not-allowed;opacity:.5!important}.delete-collection{background-color:#cc1717;border:none;border-radius:10%;color:#fff;padding:.25rem .51rem;position:absolute;right:4%;top:52px}@media screen and (max-width:700px){.delete-collection{right:75px;top:19px}}
/*# sourceMappingURL=main.50ff537e.css.map*/