*{scrollbar-color:#852747 #fff;scrollbar-width:auto}::-webkit-scrollbar{width:16px}@media screen and (max-width:480px){::-webkit-scrollbar{width:12px}}::-webkit-scrollbar-track{background:#fff3cd}::-webkit-scrollbar-thumb{background-color:#852747;border:3px solid #fff3cd;border-radius:10px}.formContainer{align-items:center;background:#ffe3f2;display:flex;flex-direction:column;height:100vh;justify-content:center}@media screen and (max-width:480px){.formContainer{justify-content:space-evenly}}.formContainer .formWrapper{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:10px;padding:20px 60px}.formContainer .formWrapper .logo{color:#852747;font-size:25px;font-weight:650}.formContainer .formWrapper .title{color:#852747;font-size:12px;font-weight:500}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #ffe3f2;outline:none;padding:12px;width:250px}.formContainer .formWrapper form input::-webkit-input-placeholder{color:#afafaf;font-size:14px}.formContainer .formWrapper form input:-ms-input-placeholder{color:#afafaf;font-size:14px}.formContainer .formWrapper form input::placeholder{color:#afafaf;font-size:14px}.formContainer .formWrapper form button{background-color:#591129;border:none;color:#fff;cursor:pointer;font-weight:600;padding:10px}.formContainer .formWrapper form button:active{background-color:#471931}.formContainer .formWrapper form button:hover{background-color:#852747}.formContainer .formWrapper form label{align-items:center;color:#967863;cursor:pointer;display:flex;font-size:12px;gap:10px}.formContainer .formWrapper form label img{width:32px}.formContainer .formWrapper form .warning{color:#fc5151;font-size:14px;font-weight:500}.formContainer .formWrapper p{color:#852747;font-size:12px;margin-top:10px}.home{align-items:center;background:#ffe3f2;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly}.home .container{border-radius:10px;box-shadow:0 12px 28px 0 rgba(0,0,0,.2),0 2px 4px 0 rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.05);display:flex;height:80%;overflow:hidden;width:65%}@media screen and (max-width:768px){.home .container{width:90%}}.home .container .sidebar{background-color:#471931;flex:1 1;position:relative}@media screen and (max-width:480px){.home .container .sidebar{flex:.4 1;width:12px}}.home .container .sidebar .navbar{align-items:center;background-color:#571b30;color:#fff3cd;display:flex;height:50px;justify-content:space-between;padding:10px}@media screen and (max-width:480px){.home .container .sidebar .navbar{justify-content:center}}.home .container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{align-items:center;display:flex;gap:7px;justify-content:space-between}@media screen and (max-width:480px){.home .container .sidebar .navbar .user{align-items:center;flex-direction:column;gap:0;justify-content:center}}.home .container .sidebar .navbar .user img{background-color:#fff3cd;border-radius:50%;height:24px;object-fit:cover;width:24px}@media screen and (max-width:480px){.home .container .sidebar .navbar .user img{height:40px;width:40px}}.home .container .sidebar .navbar .user span{font-size:14px;font-weight:500}@media screen and (max-width:480px){.home .container .sidebar .navbar .user span{font-size:2.3vw;max-width:45px;overflow:hidden}}.home .container .sidebar .navbar .user button{background-color:#852747;border:none;color:#fff3cd;cursor:pointer;font-size:12px;font-weight:500;outline:none;padding:2px 5px}.home .container .sidebar .navbar .user button:hover{background-color:#591129}@media screen and (max-width:768px){.home .container .sidebar .navbar .user button{bottom:10px;padding:5px 9px;position:absolute;right:15px}}@media screen and (max-width:480px){.home .container .sidebar .navbar .user button{font-size:12px;font-weight:700;height:29px;left:5px;min-width:47px;overflow:visible;padding:2px 3px;position:absolute;right:10px}}.home .container .sidebar .search{border-bottom:1px solid #571b30}.home .container .sidebar .search .searchForm{display:flex;justify-content:space-between;padding:10px}@media screen and (max-width:480px){.home .container .sidebar .search .searchForm{display:none}}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;outline:none}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .searchForm input:-ms-input-placeholder{color:#d3d3d3}.home .container .sidebar .search .searchForm input::placeholder{color:#d3d3d3}.home .container .sidebar .search .searchForm button{background-color:#852747;border:none;color:#fff3cd;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:5px 10px}.home .container .sidebar .search .searchForm button:hover{background-color:#591129}.home .container .sidebar .chats{height:calc(100% - 120px);overflow:scroll;overflow-x:hidden;scrollbar-color:#852747 #fff;scrollbar-width:auto}.home .container .sidebar .chats::-webkit-scrollbar{width:5px}.home .container .sidebar .chats::-webkit-scrollbar-track{background:#571b30}.home .container .sidebar .chats::-webkit-scrollbar-thumb{background:#852747;border:1px solid #852747;border-radius:10px}.home .container .sidebar .userChat{align-items:center;border-bottom:1px solid #571b30;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}@media screen and (max-width:480px){.home .container .sidebar .userChat{display:flex;flex-direction:column;gap:0}}.home .container .sidebar .userChat:hover{background-color:#571b30}.home .container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}@media screen and (max-width:480px){.home .container .sidebar .userChat img{height:40px;width:40px}}.home .container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}@media screen and (max-width:480px){.home .container .sidebar .userChat .userChatInfo span{font-size:14px}}.home .container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}@media screen and (max-width:480px){.home .container .sidebar .userChat .userChatInfo p{display:none}}.home .container .chat{flex:2 1}.home .container .chat .chatInfo{align-items:center;background-color:#852747;color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .chatInfo .chatIcons{display:flex;gap:10px}.home .container .chat .chatInfo .chatIcons img{cursor:pointer;height:24px}.home .container .chat .messages{background-color:#fff3cd;height:calc(100% - 160px);overflow:scroll;overflow-x:hidden;padding:10px 0 10px 10px}.home .container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}@media screen and (max-width:768px){.home .container .chat .messages .message{gap:10px}}.home .container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-size:14px;font-weight:400}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .messageInfo span{font-size:1vw}.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:#fff;border-radius:0 10px 10px 10px;max-width:-webkit-max-content;max-width:max-content;padding:8px 11px}@media screen and (max-width:480px){.home .container .chat .messages .message .messageContent p{padding:4px 8px}}@media screen and (max-width:768px){.home .container .chat .messages .message .messageContent p{padding:6px 9px}}.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 p{background-color:#571b30;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .userChatNotSelected{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.home .container .chat .userChatNotSelected h2{color:#571b30;font-size:35px;font-weight:700;margin-bottom:20px}.home .container .chat .userChatNotSelected h6{color:#591129;font-weight:500}@media screen and (max-width:480px){.home .container .chat .userChatNotSelected h2{color:#571b30;font-size:30px;margin-bottom:20px}.home .container .chat .userChatNotSelected h6{color:#591129;font-size:12px}}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;color:#571b30;font-size:18px;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3}.home .container .chat .input input:-ms-input-placeholder{color:#d3d3d3}.home .container .chat .input input::placeholder{color:#d3d3d3}.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:#852747;border:none;color:#fff;cursor:pointer;padding:10px 15px}.home .container .chat .input .send button:active{background-color:#471931}.home .container .chat .input .send button:hover{background-color:#591129}.home .container .chat .notSelectedInput{background-color:#fff3cd}.footer{bottom:10px;display:flex;font-size:15px;justify-content:center;position:absolute;text-align:center}@media screen and (max-width:480px){.footer{font-size:10px;font-weight:600;width:90%}}@media screen and (max-width:768px){.footer{font-size:12px;font-weight:600;position:relative;top:10px}}.footer p{color:#591129}.footer span{color:#571b30;cursor:pointer}.footer span a{color:inherit;text-decoration:none}.footer span:hover{color:#614e40}.footer .icon{color:#0a66c2;position:relative;top:2px}.footer .icon:hover{color:#06417c}
/*# sourceMappingURL=main.2fc5e395.css.map*/