.formContainer{align-items:center;background-color:#87c9ef;display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;gap:10px;opacity:.9;padding:20px 60px;transition:all 1s ease}.formContainer .formWrapper:hover{border-radius:50px;box-shadow:0 0 100px #e7c3ae;opacity:1}.formContainer .formWrapper .logo{color:#2a78ad;font-size:24px;font-weight:700}.formContainer .formWrapper .logo:hover{color:#205c84}.formContainer .formWrapper .title{color:#2a78ad;font-size:12px}.formContainer .formWrapper .title:hover{color:#205c84}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:2px solid #2a78ad;border-radius:300px;padding:15px;transition:all 1s ease;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#0c2332}.formContainer .formWrapper form input:-ms-input-placeholder{color:#0c2332}.formContainer .formWrapper form input::placeholder{color:#0c2332}.formContainer .formWrapper form input:hover{background-color:#d3eefb;border-radius:10px}.formContainer .formWrapper form button{background-color:#2a78ad;border:none;border-radius:50;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:5px;transition:all 1s ease}.formContainer .formWrapper form button:hover{background-color:#b4fede;border-radius:5px;color:#278ccf}.formContainer .formWrapper form label{align-items:center;color:#0c2332;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label:hover{color:#205c84}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper p{color:#2a78ad;font-size:12px;margin-top:10px}.formContainer .formWrapper p:hover{color:#205c84}.home{align-items:center;background-color:#87c9ef;display:flex;height:100vh;justify-content:center}.home .container{background-color:transparent;border:none;border-radius:10px;display:flex;gap:30px;height:90%;overflow:hidden;width:95%}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .sidebar:hover{background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:50px;border-top-right-radius:50px;border-radius:10px;box-shadow:0 0 100px #fff;flex:1.5 1;opacity:1;position:relative}.home .container .sidebar:hover .navbar{align-items:center;background-color:#2139f1;border-top-left-radius:10px;border-top-right-radius:10px;color:#f7f7f7;display:flex;flex-direction:row;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar{background-color:hsla(0,0%,100%,.804);border-radius:30px;flex:1 1;overflow:auto;position:relative;transition:all .8s ease-in-out}.home .container .sidebar .navbar{align-items:center;background-color:#00a7e1;border-top-left-radius:30px;border-top-right-radius:30px;color:#070755;display:flex;flex-direction:row;height:50px;justify-content:space-between;padding:10px;transition:all 1s ease}.home .container .sidebar .navbar .logo{font-weight:bolder}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{display:flex;gap:12px}.home .container .sidebar .navbar .user img{background-color:#ddddf7;border-radius:50%;height:35px;object-fit:cover;transition:all 1s ease;width:35px}.home .container .sidebar .navbar .user img:hover{height:100px;width:0}.home .container .sidebar .navbar .user button{align-content:center;align-items:center;background-color:gold;border:none;border-radius:25px;color:#000;cursor:pointer;display:flex;font-size:10px;transition:all .3s ease}.home .container .sidebar .navbar .user button:hover{align-content:center;align-items:center;background-color:red;border-radius:5px;color:#f3f3f3;display:flex;padding-left:20px;width:calc(100% + 20px)}.home .container .sidebar .navbar:hover{align-items:center;background-color:#1f1fb8;color:#fff;display:flex;flex-direction:row;height:50px;justify-content:space-between;padding:30px}.home .container .sidebar .navbar:hover .logo{font-weight:bolder;height:25px;padding:10px}@media screen and (max-width:768px){.home .container .sidebar .navbar:hover .logo{display:none}}.home .container .sidebar .navbar:hover .user:hover{display:flex;gap:15px}.home .container .sidebar .navbar:hover .user:hover img{background-color:#ddddf7;border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .sidebar .navbar:hover .user:hover button{align-content:center;align-items:center;background-color:gold;border:none;border-radius:25px;color:#000;cursor:pointer;display:flex;font-size:10px;transition:all .3s ease}.home .container .sidebar .navbar:hover .user:hover button:hover{align-content:center;align-items:center;background-color:red;border-radius:5px;color:#f3f3f3;display:flex;padding:10px 20px}.home .container .sidebar .search,.home .container .sidebar .search .searchForm{padding:10px}.home .container .sidebar .search .searchForm input{background-color:hsla(0,6%,83%,.393);border:none;border-radius:25px;color:#000;display:flex;outline:none;padding:9px;transition:all .5s ease;width:95%}.home .container .sidebar .search .searchForm input:hover{background-color:rgba(251,253,255,.996);border:none;border-radius:10px;border-radius:50px;box-shadow:0 0 100px #4a9eff;color:#000;opacity:1;padding:12px;width:95%}.home .container .sidebar .search .searchForm input:hover .searchForm input::-webkit-input-placeholder{background-color:transparent;color:#000;padding:10px}.home .container .sidebar .search .searchForm input:hover .searchForm input:-ms-input-placeholder{background-color:transparent;color:#000;padding:10px}.home .container .sidebar .search .searchForm input:hover .searchForm input::placeholder{background-color:transparent;color:#000;padding:10px}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{background-color:transparent;color:#000;padding:10px}.home .container .sidebar .search .searchForm input:-ms-input-placeholder{background-color:transparent;color:#000;padding:10px}.home .container .sidebar .search .searchForm input::placeholder{background-color:transparent;color:#000;padding:10px}.home .container .userChat{align-items:center;border-radius:25px;color:#000;cursor:pointer;display:flex;gap:10px;padding:10px;transition:all .5s ease}.home .container .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .userChat:hover{background-color:rgba(103,173,223,.239);border-radius:50px;color:#0654fe;padding:15px}.home .container .userChat .userChatInfo span{font-size:18px;font-weight:500}.home .container .userChat .userChatInfo p{color:#171717;font-size:14px}.home .container .userChat .lastMessage{height:20px;overflow:hidden;transition:all 1s ease;width:200px}.home .container .userChat .lastMessage:hover{height:100px;overflow-x:hidden;overflow-y:scroll;width:500px}.home .chat{border-top-left-radius:20px;border-top-right-radius:20px;flex:2 1;transition:all 1s ease}.home .chat .chatInfo{background-color:rgba(19,101,223,.812);border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;padding:10px;transition:all .5s ease}.home .chat .chatInfo,.home .chat .chatInfo:hover{align-items:center;display:flex;height:50px;justify-content:center}.home .chat .chatInfo:hover{background-color:rgba(3,65,157,.906);border-top-left-radius:30px;border-top-right-radius:30px;color:#ffe606;padding:20px}.home .chat .chatIcons{display:flex;gap:8px;transition:all .5s ease}.home .chat .chatIcons img{cursor:pointer;height:24px}.home .chat .messages{background-color:#ecf7fe;height:calc(100% - 160px);overflow:auto;padding:10px;transition:all ss ease;transition:all .5s ease}.home .chat .messages .message{display:flex;gap:20px;margin-bottom:20px;transition:all 1s ease}.home .chat .messages .message .messageInfo{color:#fff;display:flex;flex-direction:column;font-weight:300;transition:all .5s ease}.home .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%;transition:all 1s}.home .chat .messages .message .messageContent p{background-color:#c3f3fd;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px;transition:all .5s ease}.home .chat .messages .message .messageContent p:hover{background-color:rgba(132,157,162,.778);border-radius:0 20px 20px 20px;color:#fff;cursor:not-allowed;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.home .chat .messages .message .messageContent img{width:50%}.home .chat .messages .message.owner{flex-direction:row-reverse}.home .chat .messages .message.owner .messageContent{align-items:flex-end}.home .chat .messages .message.owner .messageContent p{background-color:#0c3ee0;border-radius:10px 0 10px 10px;color:#fff}.home .chat .messages .message.owner .messageContent p:hover{background-color:rgba(0,0,234,.714);border-radius:20px 0 20px 20px;color:#fff}.home .chat .messages:hover{background-color:#fff}.home .chat .input{align-items:center;background-color:#eee;display:flex;height:50px;justify-content:space-between;padding:10px}.home .chat .input input{background-color:#eee;border:none;color:#000;font-size:18px;outline:none;width:100%}.home .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .chat .input input:-ms-input-placeholder{color:#d3d3d3}.home .chat .input input::placeholder{color:#d3d3d3}.home .chat .input .send{align-items:center;display:flex;gap:10px}.home .chat .input .send img{cursor:pointer;height:24px}.home .chat .input .send button{background-color:#4caf50;border:none;border-radius:15px;color:#fff;padding:10px 15px;transition:all .3s ease}.home .chat .input .send button:hover{background-color:#388e3c;border-radius:5px}
/*# sourceMappingURL=main.9fd92e81.css.map*/