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}.form-container{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.form-container .form-wrapper{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 3rem}.form-container .form-wrapper .logo{color:#5d5b8d;font-size:1.5rem;font-weight:700}.form-container .form-wrapper .title{color:#5d5b8d;font-size:1rem}.form-container .form-wrapper form{display:flex;flex-direction:column;gap:1rem}.form-container .form-wrapper form input{border:none;border-bottom:1px solid #a7bcff;padding:1rem;width:250px}.form-container .form-wrapper form input::-webkit-input-placeholder{color:#afafaf}.form-container .form-wrapper form input::placeholder{color:#afafaf}.form-container .form-wrapper form button{background-color:#7b96ec;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem}.form-container .form-wrapper form label{align-items:center;color:#8da4f1;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem}.form-container .form-wrapper form label img{width:2rem}.form-container .form-wrapper p{color:#5d5b8d;font-size:.75rem;margin-top:.5rem}.home{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.home .container{border:1px solid #fff;border-radius:10px;display:flex;height:80%;overflow:hidden;width:65%}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .sidebar{background-color:#3e3c61;display:flex;flex:1 1;flex-direction:column;position:relative}.home .container .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:2.5rem;justify-content:space-between;padding:.7rem}.home .container .sidebar .logo{font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .logo{display:none}}.home .container .sidebar .user{display:flex;gap:.7rem}.home .container .sidebar .user img{background-color:#5d5b8d;border-radius:50%;color:#ddddf7;height:1.5rem;object-fit:cover;width:1.5rem}.home .container .sidebar .user button{background-color:#5d5b8d;border:none;color:#ddddf7;cursor:pointer;font-size:.7rem}@media screen and (max-width:768px){.home .container .sidebar .user button{bottom:.6rem;position:absolute}}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .search-form{padding:.7rem}.home .container .sidebar .search .search-form input{background-color:transparent;border:none;color:#fff;outline:none}.home .container .sidebar .search .search-form input::-webkit-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .search-form input::placeholder{color:#d3d3d3}.home .container .sidebar .user-chat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:.7rem;padding:.7rem}.home .container .sidebar .user-chat:hover{background-color:#2f2d52}.home .container .sidebar .user-chat img{border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.home .container .sidebar .user-chat .user-chat-info span{font-size:1rem;font-weight:500}.home .container .sidebar .user-chat .user-chat-info p{color:#d3d3d3;font-size:.9rem}.home .container .sidebar .chats{height:100%;overflow-x:auto}.home .container .chat{flex:2 1}.home .container .chat .chat-info{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;height:2.5rem;justify-content:space-between;padding:.6rem}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 8.6em);overflow:scroll;padding:.6rem}.home .container .chat .messages .message{display:flex;gap:1.2rem;margin-bottom:1rem}.home .container .chat .messages .message .message-info{color:gray;display:flex;flex-direction:column;font-weight:300}.home .container .chat .messages .message .message-info img{border-radius:50%;height:2rem;object-fit:cover;width:2rem}.home .container .chat .messages .message .message-content{display:flex;flex-direction:column;gap:.6rem;max-width:80%}.home .container .chat .messages .message .message-content p{background-color:#fff;border-radius:0 .6rem .6rem .6rem;max-width:-webkit-max-content;max-width:max-content;padding:.6rem 1rem}.home .container .chat .messages .message .message-content img{width:50%}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .message-content{align-items:flex-end}.home .container .chat .messages .message.owner p{background-color:#8da4f1;border-radius:.6rem 0 .6rem .6rem;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:2.5rem;justify-content:space-between;padding:.6rem}.home .container .chat .input input{border:none;color:#2f2d52;font-size:1rem;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:.6rem}.home .container .chat .input .send button{background-color:#8da4f1;border:none;color:#fff;cursor:pointer;padding:.4rem .9rem}
/*# sourceMappingURL=main.93c9da15.css.map*/