:root{--color-primary:#5ec576;--color-secondary:#ffcb03;--color-tertiary:#ff585f;--color-primary-darker:#27ae60;--color-secondary-darker:#fb0;--color-tertiary-darker:#fd424b;--color-primary-opacity:#5ec576;--color-secondary-opacity:#ffcd03;--color-tertiary-opacity:#ff5860;--color-primary-darkest:#009432;--color-white:#fff;--color-light-white:#b2bec3;--color-lighter-white-:#ddddf7;--color-gray:#d3d3d3;--color-light-black:#222;--gradient-primary:linear-gradient(to top right,#fcee21,#009245);--gradient-secondary:linear-gradient(to top left,#feca57,#ff9f43);--gradient-tertiary:linear-gradient(to top left,#02aabd,#00cdac)}*{margin:0;padding:0}.formContainer{align-items:center;background-image:linear-gradient(to top right,#fcee21,#009245);background-image:var(--gradient-primary);display:flex;height:100vh;justify-content:center}.formContainer .formWrapper{align-items:center;background-color:#fff;background-color:var(--color-white);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:20px}.formContainer .formWrapper .logo{color:#ff585f;color:var(--color-tertiary);font-size:24px;font-weight:700}.formContainer .formWrapper .register{color:#ff585f;color:var(--color-tertiary);font-size:12px}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #5ec576;border-bottom:1px solid var(--color-primary);padding:15px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#b2bec3;color:var(--color-light-white)}.formContainer .formWrapper form input::placeholder{color:#b2bec3;color:var(--color-light-white)}.formContainer .formWrapper form button{background-image:linear-gradient(to top left,#feca57,#ff9f43);background-image:var(--gradient-secondary);border:none;color:#fff;color:var(--color-white);cursor:pointer;font-weight:700;padding:10px}.formContainer .formWrapper form label{align-items:center;color:#39b385;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper p{color:#5ec576;color:var(--color-primary);font-size:12px;margin-top:10px}.home{align-items:center;background-image:linear-gradient(to top left,#02aabd,#00cdac);background-image:var(--gradient-tertiary);display:flex;height:100vh;justify-content:center}.home .container{border:1px solid #fff;border:1px solid var(--color-white);border-radius:10px;display:flex;height:90%;overflow:hidden;width:75%}.home .container .sidebar{background-color:#27ae60;background-color:var(--color-primary-darker);flex:1 1}.home .container .sidebar .navbar{align-items:center;background-color:#009432;background-color:var(--color-primary-darkest);color:var(--color-lighter-white);display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logoImg{border-radius:10px;width:6vw}.home .container .sidebar .navbar .user{display:flex;gap:10px}.home .container .sidebar .navbar .user img{background-color:#5ec576;background-color:var(--color-primary);border-radius:50%;height:24px;width:24px}.home .container .sidebar .navbar .user button{background-image:linear-gradient(to top left,#feca57,#ff9f43);background-image:var(--gradient-secondary);border:none;border-radius:10px;color:#ddddf7;color:var(--color-lighter-white-);cursor:pointer;font-size:10px;width:4vw}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm input{background-color:transparent;border:.5px solid #9be15d;color:#fff;color:var(--color-white);height:5vh;outline:none;padding-left:7px;width:100%}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#b2bec3;color:var(--color-light-white)}.home .container .sidebar .search .searchForm input::placeholder{color:#b2bec3;color:var(--color-light-white)}.home .container .sidebar .userChat{align-items:center;color:#fff;color:var(--color-white);cursor:pointer;display:flex;gap:10px;padding:10px}.home .container .sidebar .userChat:hover{background-color:#009432;background-color:var(--color-primary-darkest)}.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;color:var(--color-gray);font-size:14px}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:#5ec576;color:#222;color:var(--color-light-black);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;background-color:var(--color-lighter-white-);height:calc(100% - 160px);overflow:scroll;padding:10px}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.home .container .chat .messages .message .messageInfo{color:#aaa;display:flex;flex-direction:column;font-size:13px;font-weight:700}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:35px;object-fit:cover;width:35px}.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:#ddddf7;background-color:var(--color-lighter-white-);border-radius:0 10px 10px 10px;color:#222;color:var(--color-light-black);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-image:linear-gradient(to top left,#02aabd,#00cdac);background-image:var(--gradient-tertiary);border-radius:10px 0 10px 10px;color:#ddddf7;color:var(--color-lighter-white-)}.home .container .chat .input{align-items:center;background-color:#fff;background-color:var(--color-white);display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;color:#222;color:var(--color-light-black);font-size:18px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3;color:var(--color-gray)}.home .container .chat .input input::placeholder{color:#d3d3d3;color:var(--color-gray)}.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:#009432;background-color:var(--color-primary-darkest);border:none;border-radius:10%;bottom:none;color:#fff;color:var(--color-white);height:35px;padding:5px;width:60px}
/*# sourceMappingURL=main.14eb570e.css.map*/