*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.signin-container,.signup-container{height:100vh;width:100vw;background-color:#316af3}a{text-decoration:none}.signin-card,.signup-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:sans-serif;width:100%;max-width:350px;margin:38px auto;border-radius:10px!important;background-color:#fff;box-shadow:2px 5px 20px rgba(0,0,0,.1)}form{padding:30px}.signin-title,.signup-title{text-align:center;font-weight:700;margin:0}.signup-option{background-color:rgba(69,69,185,.2);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.line{text-align:center;font-weight:700;border-bottom:2px solid rgb(245 239 239);line-height:2px;margin:25px 0}.error-message{color:red;font-weight:600}.signin-fields,.signup-fields{display:flex;flex-direction:column}.signin-fields label,.signup-fields label{color:rgb(170 166 166);text-align:left;margin-top:15px}.signin-textbox,.signup-textbox{padding:15px 20px;margin-top:5px;margin-bottom:5px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;outline:none;font-size:20px}.signin-button,.signup-button{background-color:#4545b9;color:#fff;padding:18px 20px;margin-top:25px;margin-left:auto!important;width:100%;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:600}.forget-pass{text-align:center;display:block}.signup-question{text-align:center;font-weight:700;margin-top:15px!important;padding:15px}.file-input{color:transparent;margin-bottom:0!important}.file-input::-webkit-file-upload-button{visibility:hidden}.file-input:before{content:"Upload Profile Pic";color:#fff;display:inline-block;background:#fa0261;padding:10px 22px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:10px auto;-webkit-user-select:none;cursor:pointer;font-weight:600;border-radius:2px;outline:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.file-input:focus{outline:none!important}.file-input:active:before{transform:scale(.9) translateY(2px);box-shadow:inset 4px 4px 5px 0 rgba(0,0,0,.2)}.home{display:grid;place-items:center;height:100vh;background-color:#316af3;position:relative}.home-components{display:flex;height:90vh;width:80vw;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#eae9ed;border-radius:10px;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.menu-open{top:.5%;left:0;margin:0 5px}.menu-close,.menu-open{position:absolute;z-index:1000;border-radius:50%}.menu-close{left:75%}.add-chatroom-icon{position:absolute;top:6%;left:85%;z-index:2000}@media screen and (min-width:768px){.menu-close,.menu-open{display:none}}@media screen and (max-width:768px){.home{overflow:hidden}.home-components{height:100vh;width:100vw;border-radius:0}.add-chatroom-icon{position:absolute;top:1%;left:85%}}.sidebar{display:flex;flex-direction:column;flex:0.35 1;border-right:.1px solid #d4d4d4;width:10vw}.sidebar-header{display:flex;justify-content:space-between;padding:20px 28px;align-items:center;max-height:30px;position:relative;border-bottom:.1px solid #d4d4d4}.sidebar-search{background-color:#eae9ed;display:flex;align-items:center;justify-content:flex-start;height:40px;padding:10px}.sidebar-searchicon{margin-left:15px}.sidebar-search-container{display:flex;align-items:center;border-radius:15px;background-color:#f5f5f5;width:100%}.sidebar-search-container input{border:none;outline:none;height:30px;border-radius:15px;padding:5px 15px;font-size:18px;display:flex;width:100%;margin-right:25px;background-color:#f5f5f5}.user-profile-image{height:50px;width:50px;object-fit:cover;border-radius:50%;position:absolute}@media screen and (max-width:768px){.sidebar{display:none}.sidebar.active{position:relative;width:auto;min-width:250px;height:100vh;display:flex;position:fixed;left:0;opacity:1;transition:all .5s ease;background-color:#5168ff;z-index:100}.sidebar-search{display:none}.user-profile-image{position:absolute;right:-45%}.logout-option{position:absolute;right:25%}}.chatroom{display:flex;flex-direction:column;flex:0.65 1;width:40vw;position:relative}.chatroom-header{justify-content:space-between;padding:20px;max-height:30px;border-bottom:.1px solid #d4d4d4;border-top-right-radius:10px;z-index:80}.chatroom-chatinfo,.chatroom-header{display:flex;align-items:center}.chatroom-chatinfo-name{font-size:22px;font-weight:500}.chatroom-options{display:flex;align-items:center}.chatroom-messages-container{flex:1 1;padding:25px;overflow-y:scroll;overflow-x:hidden}.chatroom-messages-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}.chatroom-messages-container::-webkit-scrollbar{width:8px;background-color:#f5f5f5}.chatroom-messages-container::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.emoji-picker-open{position:absolute;bottom:8.5%;z-index:1000}.emoji-picker-close{display:none}.chatroom-footer{display:flex;align-items:center;border-top:.1px solid #d4d4d4;padding:5px 0;height:60px;width:100%}.chatroom-footer form{flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:10px;height:20px!important}.chatroom-footer form button{display:none}.message-input{flex:1 1;padding:15px;height:15px;outline:none;border:none;border-radius:25px;font-size:18px;background-color:#f5f5f5}.input-button{display:none}.chatroom-footer-lefticons,.chatroom-footer-righticon{margin-bottom:10px!important}.send-icon{color:#316af3}@media screen and (max-width:768px){.chatroom-footer-lefticons{display:flex}.chatroom{flex:1 1}.message-input{margin-left:-45px}.chatroom-footer-righticon{margin-left:-40px!important}.chatroom-chatinfo{margin-left:30px}}.message-received{background-color:#fff;border-radius:15px;border-radius:10px 10px 10px 0}.message-received,.message-sent{display:flex;flex-direction:column;position:relative;font-weight:500;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:260px;padding:5px 15px;margin-bottom:25px;font-size:19px}.message-sent{margin-left:auto;border-radius:10px 10px 0 10px;background-color:#445dfa;color:#fff}.message-time{display:flex;justify-content:flex-end;font-size:12px;margin-top:3px;font-weight:300}.add-amigo-open{width:300px;height:300px;z-index:5000;border-radius:15px;flex-direction:column;background-color:#f5f1ed;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.add-amigo-close{display:none}.close-div{display:flex;justify-content:flex-end;margin:5px}.close-div span{height:20px;width:20px;border-radius:50%;background-color:red;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-symbol{font-size:15px;font-weight:600;margin:auto auto 3px}.add-amigo-img{height:100px;margin:5px 0}.add-amigo-open form{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.add-amigo-open input{padding:10px;font-size:18px;outline:none;border:none;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-left:auto;background-color:#fff}.add-amigo-open button{padding:10px;border-radius:8px;outline:none;border:none;margin-top:20px;color:#fff;font-size:16px;font-weight:900;background-color:#316af3;cursor:pointer}.add-amigo-open button:hover{background-color:#fff;color:#316af3;border:1px solid #316af3;transition:all .5s ease}.profile-card-close{display:none}.profile-card-open{max-width:500px;height:500px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:5000;border-radius:15px;background-color:#f5f1ed;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.profile-card-open,.profile-card-open form{display:flex;flex-direction:column}.profile-card-open form label{padding:15px 0}.username-input{padding:10px 8px;margin:10px 0;font-size:18px;outline:none;border:none;border-radius:15px}.profile-card-open button{padding:10px;border-radius:8px;outline:none;border:1px solid #fff;margin-top:20px;color:#fff;font-size:16px;font-weight:900;background-color:#316af3;cursor:pointer}.profile-card-open button:hover{background-color:#fff;color:#316af3;border:1px solid #316af3;transition:all .5s ease}.profile-image{height:200px;width:200px;border-radius:50%;padding:2px;display:flex;object-fit:cover;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.update-profilepic{color:transparent}.update-profilepic::-webkit-file-upload-button{visibility:hidden}.update-profilepic:before{content:"Update Profile Pic";color:#fff;display:inline-block;background:#fa0261;padding:10px 22px;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;margin:0 auto;-webkit-user-select:none;cursor:pointer;font-weight:600;border-radius:2px;outline:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.update-profilepic:focus{outline:none!important}.update-profilepic:active:before{transform:scale(.9) translateY(2px);box-shadow:inset 4px 4px 5px 0 rgba(0,0,0,.2)}@media screen and (max-width:768px){.profile-card-open{max-width:300px}}.sidebarchat{display:flex;align-items:center;height:25px;padding:20px 5px;background-color:none;margin:0 5px 5px;box-shadow:0 3px 1px -2px rgba(0,0,0,.1),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sidebarchat:hover{background-color:#f5f5f5;cursor:pointer}.online{height:15px;width:15px;border-radius:50%;position:relative;top:18px;left:-32px;background-color:#adff2f;border:1px solid #fff}.sidebarchat-info-name{font-size:22px;font-weight:500;position:absolute;left:80px}.amigo-profilepic{height:50px;width:50px;border-radius:50%;object-fit:cover;object-position:center;margin-right:15px}@media screen and (max-width:768px){.sidebarchat-info-name{color:#fff}.sidebarchat{background-color:#5c70f6}.sidebarchat:hover{background-color:#8190f3;border-radius:5px;cursor:pointer}}.EmptyChatroom img{width:100%;max-width:500px;border-top-right-radius:15px;margin-top:50px}.empty-chatroom-mainhead,.EmptyChatroom img{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}.empty-chatroom-mainhead{font-size:35px;font-weight:500;margin-top:20px;text-align:center;line-height:45px;letter-spacing:.8px}.empty-chatroom-subhead{font-size:18px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:5px;padding:25px;color:#5c5b5b;line-height:35px;letter-spacing:.8px}
/*# sourceMappingURL=main.9e225fcb.chunk.css.map */