@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);html{height:100dvh;margin:0;width:100vw}body{font-family:Montserrat,sans-serif}.loader{align-items:center;display:flex;height:100dvh;justify-content:center;width:100%}.loader:before{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #8da4f1;border-radius:50%;border-top-color:transparent;content:"";height:40px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.formContainer{align-items:center;background-image:url(https://images.unsplash.com/photo-1519681393784-d120267933ba?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1124&q=100);background-position:50%;background-size:cover;display:flex;height:100dvh;justify-content:center}.formContainer .formWrapper{align-items:center;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(17,25,40,.75);border:1px solid hsla(0,0%,100%,.125);border-radius:10px;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#fff;font-size:24px;font-weight:700}.formContainer .formWrapper .title{color:gray;font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-radius:6px;width:250px}.formContainer .formWrapper form input#file{display:none}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#afafaf}.formContainer .formWrapper form input:-ms-input-placeholder{color:#afafaf}.formContainer .formWrapper form input::placeholder{color:#afafaf}.formContainer .formWrapper form button{background-color:#3856b7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:.3s}.formContainer .formWrapper form button:hover{background-color:#1a3db0;-webkit-transform:scale(1.02);transform:scale(1.02)}.formContainer .formWrapper form label{align-items:center;color:#8da4f1;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper form .image-preview{display:inline-block;position:relative}.formContainer .formWrapper form .image-preview img{border:2px solid #8da4f1;border-radius:50%;height:80px;object-fit:cover;width:80px}.formContainer .formWrapper form .image-preview .remove-image{align-items:center;background-color:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:background-color .3s;width:20px}.formContainer .formWrapper form .image-preview .remove-image:hover{background-color:#ff3742}.formContainer .formWrapper form .loading{color:#7c839a;font-size:12px}.formContainer .formWrapper form .error{color:red;font-size:12px}.formContainer .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.formContainer .formWrapper p .link{color:#fff}input[type=email],input[type=password],input[type=text]{border-bottom:1px solid #a7bcff;padding:15px}input[type=file]{color:#afafaf;padding:5px 30px 10px 0;width:100%}input[type=file]::-webkit-file-upload-button{border:none;border-radius:6px;box-shadow:0 0 5px #000;color:#4b4b4b;cursor:pointer;height:35px;-webkit-transition:.1s;transition:.1s;width:50%}input[type=file]::-webkit-file-upload-button:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.home{align-items:center;background-color:#000;background-image:url(/static/media/chat.9b803c6c709d20a3ae8c.png);background-size:cover;display:flex;height:100dvh;justify-content:center}.home .container{background-color:rgba(0,0,0,.5);display:flex;height:100%;overflow:hidden;width:100%}@media screen and (max-width:768px){.home .container{width:100%}}.home .container .sidebar{background-color:rgba(62,60,97,.8);background-color:hsla(0,0%,7%,.95);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.5);position:relative;width:25%}@media screen and (max-width:768px){.home .container .sidebar{width:40%}}.home .container .sidebar .navbar{align-items:center;background-color:#323232;box-shadow:0 2px 5px rgba(0,0,0,.5);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:#5d5b8d;border:none;border-radius:5px;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:1px solid #ddddf7;border-radius:10px;margin:10px}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;outline:none;width:100%}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .searchForm input:-ms-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;margin:0 10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:hsla(0,0%,39%,.5);border-radius:10px}.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 .mobile-sidebar{backdrop-filter:blur(0) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(62,60,97,.8);background-color:hsla(0,0%,7%,.95);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.5);position:relative;width:100%!important}@media screen and (max-width:768px){.home .container .mobile-sidebar{width:40%}}.home .container .mobile-sidebar .navbar{align-items:center;background-color:#323232;box-shadow:0 2px 5px rgba(0,0,0,.5);color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .mobile-sidebar .navbar .logo{font-weight:700}.home .container .mobile-sidebar .navbar .user{display:flex;gap:10px}.home .container .mobile-sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .mobile-sidebar .navbar .user button{background-color:#5d5b8d;border:none;border-radius:5px;color:#ddddf7;cursor:pointer;font-size:10px}.home .container .mobile-sidebar .search{border:1px solid #ddddf7;border-radius:10px;margin:10px}.home .container .mobile-sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;outline:none;width:100%}.home .container .mobile-sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3}.home .container .mobile-sidebar .search .searchForm input:-ms-input-placeholder{color:#d3d3d3}.home .container .mobile-sidebar .search .searchForm input::placeholder{color:#d3d3d3}.home .container .mobile-sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .mobile-sidebar .userChat:hover{background-color:#2f2d52;border-radius:10px}.home .container .mobile-sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .mobile-sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .mobile-sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}.home .container .chat{flex:2 1;height:100%}.home .container .chat .chatInfo{align-items:center;background-color:hsla(0,0%,7%,.95);box-shadow:0 2px 5px rgba(0,0,0,.5);color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .chatInfoTop{align-items:center;display:flex;gap:10px;justify-content:center}.home .container .chat .userImage{background-color:#ddddf7;border-radius:50%;height:32px;object-fit:cover;width:32px}.home .container .chat .chatIcons{display:flex;gap:10px}.home .container .chat .chatIcons img{cursor:pointer;height:24px}.home .container .chat .chatIcons button{background-color:#5d5b8d;border-radius:5px;color:#ddddf7;cursor:pointer;font-family:Montserrat;font-weight:600;padding:10px 15px;transition:all .2s ease-in}.home .container .chat .chatIcons button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.home .container .chat .messages{height:calc(100% - 160px);overflow-y:scroll;padding:10px}.home .container .chat .messages .message{display:flex;gap:8px;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:rgba(0,0,0,.767);border-radius:0 10px 10px 10px;color:#fff;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .container .chat .messages .message .messageContent img{border-radius:10px 0 10px 10px;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:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .messages::-webkit-scrollbar{width:5px}.home .container .chat .messages::-webkit-scrollbar-track{background:transparent}.home .container .chat .messages::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.home .container .chat .input{align-items:center;background-color:rgba(0,0,0,.5);box-shadow:2px 2px 5px #323232;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{background-color:rgba(0,0,0,.5);border:none;color:#f5f5f5;font-family:Montserrat;font-size:18px;margin-right:10px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#f0f8ff}.home .container .chat .input input:-ms-input-placeholder{color:#f0f8ff}.home .container .chat .input input::placeholder{color:#f0f8ff}@media screen and (max-width:768px){.home .container .chat .input input{font-size:12px}}.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:rgba(109,138,234,.882);border:none;color:#fff;cursor:pointer;font-family:Autour One;padding:10px 15px}.file-chat::-webkit-file-upload-button{display:none}.file-chat{display:none;margin-left:5px}.flex::-webkit-scrollbar,.stats-page::-webkit-scrollbar{display:none}.stats-page{background-color:#1e1e20;background-image:url(/static/media/statsbg.70535a24d8579f1c7069.jpg);background-size:cover;height:100vh;overflow-y:scroll}.stats-page .header{align-items:center;color:#fff;display:flex;justify-content:center;padding:20px}.stats-page .header h1{background-color:#252529;background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);border-radius:15px;border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);font-family:Autour One;padding:20px;text-align:center;width:50%}.stats-page .flex{height:78vh;overflow-y:scroll;padding-bottom:5vh}.stats-page .flex .stats{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#252529;background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.87);color:#fff;display:flex;flex-direction:row;font-family:Autour One;font-size:20px;font-weight:600;justify-content:space-between;margin-left:5vw;margin-top:5vh;padding:20px;text-transform:capitalize;width:25vw}@media screen and (max-width:768px){.stats-page .flex .stats{width:85vw}}.stats-page .main-stats{display:flex;flex-direction:row}@media screen and (max-width:768px){.stats-page .main-stats{flex-direction:column}}.stats-page .main-stats .chart{background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.87);display:flex;height:60vh;justify-content:center;margin-left:5vw;margin-top:5vh;padding:50px;width:50vw}@media screen and (max-width:768px){.stats-page .main-stats .chart{height:50vh;margin-bottom:10vh;width:75vw}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:9999}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{background-color:#fff;border-radius:20px;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:30px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-content .close-modal{cursor:pointer;position:absolute;right:10px;top:10px}.modal-content div{align-items:center;background-color:#1e1e20;border-radius:0 0 10px 10px;display:flex;flex-direction:row;gap:0;justify-content:space-between;overflow:hidden;width:100%}.modal-content div button{background-color:rgba(109,138,234,.882);border:none;color:#fff;cursor:pointer;font-family:Autour One;margin-right:10px;padding:10px 15px}.modal-content img{border-radius:10px;max-height:70vh;max-width:70vw}
/*# sourceMappingURL=main.8bdeb21d.css.map*/