.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:10px;padding:20px 60px}.form-container .form-wrapper .logo{color:#5d5b8d;font-size:24px;font-weight:700}.form-container .form-wrapper .title{color:#5d5b8d;font-size:12px}.form-container .form-wrapper form{display:flex;flex-direction:column;gap:15px}.form-container .form-wrapper form input{border:none;border-bottom:1px solid #a7bcff;padding:15px;width:250px}.form-container .form-wrapper form input::-webkit-input-placeholder{color:#afafaf}.form-container .form-wrapper form input:-ms-input-placeholder{color:#afafaf}.form-container .form-wrapper form input::placeholder{color:#afafaf}.form-container .form-wrapper form button{background-color:#a7bcff;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}.form-container .form-wrapper form label{align-items:center;color:#8da4f1;cursor:pointer;display:flex;font-size:12px;gap:10px}.form-container .form-wrapper form label img{width:32px}.form-container .form-wrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.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:90%}@media screen and (min-width:786px){.home .container{width:65%}}.home .container .sidebar{background-color:#3e3c61;flex:1 1}.home .container .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{font-weight:700}.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;color:#ddddf7;cursor:pointer;font-size:10px}.home .container .sidebar .search .search-form{border-bottom:1px solid gray;padding:10px}.home .container .sidebar .search .search-form input{background-color:transparent;border:none;color:#fff;outline:none;width:100%}.home .container .sidebar .search .search-form input::-webkit-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .search-form input:-ms-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:10px;padding:10px}.home .container .sidebar .user-chat:hover{background-color:#2f2d52}.home .container .sidebar .user-chat img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .sidebar .user-chat .user-chat-info span{font-size:18px;font-weight:500}.home .container .sidebar .user-chat .user-chat-info p{color:#d3d3d3;font-size:14px}@media screen and (mix-width:786px){.home .container .hide{display:none}}@media screen and (min-width:786px){.home .container .hide{display:block}}.home .container .chat{flex:2 1}.home .container .chat .chat-info{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .chat-info .user{align-items:center;display:flex}.home .container .chat .chat-info .user .back-btn{border-right:1px solid #ddddf7;cursor:pointer;font-size:12px;margin:0 10px;padding-right:10px}@media screen and (min-width:786px){.home .container .chat .chat-info .user .back-btn{display:none}}.home .container .chat .chat-icons{display:flex;gap:10px}.home .container .chat .chat-icons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#ddddf7;height:calc(100% - 160px);overflow:scroll;overflow-x:hidden;padding:10px}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.home .container .chat .messages .message .message-info{color:gray;display:flex;flex-direction:column;font-size:.7rem;font-weight:300}.home .container .chat .messages .message .message-info img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .message-content{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .message-content p{background-color:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:10px 20px}.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 .message-content p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat input{border:none;color:#2f2d52;font-size:18px;outline:none;width:100%}.home .container .chat input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat input:-ms-input-placeholder{color:#d3d3d3}.home .container .chat input::placeholder{color:#d3d3d3}.home .container .chat .send{align-items:center;display:flex;gap:10px}.home .container .chat .send img{cursor:pointer;height:24px}.home .container .chat .send button{background-color:#8da4f1;border:none;color:#fff;cursor:pointer;padding:10px 15px}.home .container .not-selected{align-items:center;background-color:#ddddf7;color:gray;display:flex;justify-content:center}@media screen and (max-width:786px){.home .container .not-selected{display:none}}.home .container .not-selected span{font-size:2rem;padding:20px}.home .img-selected{align-items:center;border:1px solid #a9a9a9;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;font-size:.5rem;height:100%;justify-content:space-evenly;max-width:50px}.home .img-selected img{height:20px}.home .img-selected span{max-width:40px;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap}.hide{display:none}
/*# sourceMappingURL=main.205e73cf.css.map*/