#formPage{background-color:#a7bcff;height:100vh}#formPage,#formPage .formWrapper{align-items:center;display:flex;justify-content:center}#formPage .formWrapper{background-color:#fff;border:none;border-radius:10px;flex-direction:column;gap:5px;padding:20px 60px}#formPage .formWrapper .logo{color:#5d5b8d;font-size:30px}#formPage .formWrapper .title{color:#5d5b8d;font-size:15px;margin-bottom:10px}#formPage .formWrapper form{display:flex;flex-direction:column;gap:15px}#formPage .formWrapper form input{border:none;border-bottom:2px solid #a7bcff;padding:10px;width:200px}#formPage .formWrapper form input::-webkit-input-placeholder{color:#afafaf}#formPage .formWrapper form input:-ms-input-placeholder{color:#afafaf}#formPage .formWrapper form input::placeholder{color:#afafaf}#formPage .formWrapper form label{align-items:center;color:#8da4f1;display:flex;font-size:13px;gap:10px}#formPage .formWrapper form .label{width:27px}#formPage .formWrapper form button{background-color:#7b96ec;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px}#formPage .formWrapper p{color:#5d5b8d;font-size:12px;margin-top:10px}.home{align-items:center;background-color:#a7bcff;display:flex;height:100vh;justify-content:center}.container{border-radius:10px;box-shadow:0 0 12px #606060;display:flex;height:85%;overflow:hidden;width:80%}@media screen and (max-width:868px){.container{border-radius:0;height:100vh;width:100%}}.container .sidebar{background-color:#3e3c61;flex:1 1;position:relative}@media screen and (max-width:868px){.container .sidebar{width:20%}}.container .sidebar .navbar{align-items:center;background-color:#2f2d52;color:#ddddf7;display:flex;height:50px;justify-content:space-between;padding:10px 20px}.container .sidebar .navbar .logo{font-weight:700}@media screen and (max-width:680px){.container .sidebar .navbar .logo{display:none}}.container .sidebar .navbar .user{display:flex;gap:8%;padding-right:10px}.container .sidebar .navbar img{background-color:#ddddf7;border-radius:50%;height:24px;object-fit:cover;width:24px}.container .sidebar .navbar button{background-color:#5d5b8d;border:none;color:#ddddf7;cursor:pointer;font-size:10px}@media screen and (max-width:680px){.container .sidebar .navbar button{bottom:10px;position:absolute}}.container .sidebar .search{border-bottom:1px solid gray}.container .sidebar .search .searchForm{align-items:center;display:flex;padding:10px}.container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;font-size:13px;outline:none}.container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#d3d3d3}.container .sidebar .search .searchForm input:-ms-input-placeholder{color:#d3d3d3}.container .sidebar .search .searchForm input::placeholder{color:#d3d3d3}.container .sidebar .search .searchIcon{color:#fff;font-size:15px;padding-right:3px}.container .sidebar .search .searchError{color:#d3d3d3;font-size:15px;padding:5px}.container .sidebar .userChat{align-items:center;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.container .sidebar .userChat:hover{background-color:#2f2d52}.container .sidebar .userChat img{border-radius:50%;height:50px;object-fit:cover;width:50px}@media screen and (max-width:868px){.container .sidebar .userChat img{height:35px;width:35px}}.container .sidebar .userChat .userChatInfo span{font-size:18px;font-weight:500}.container .sidebar .userChat .userChatInfo p{color:#d3d3d3;font-size:14px}.container .chat{flex:2 1}.container .chat .chatInfo{align-items:center;background-color:#5d5b8d;color:#d3d3d3;display:flex;font-size:20px;height:50px;justify-content:space-between;padding:10px}.container .chat .chatIcons .chatIcon{cursor:pointer;font-size:22px;padding-left:7px}.container .chat .messages{background-color:#ddddf7;height:calc(100% - 160px);overflow-y:scroll;padding:10px}.container .chat .messages .message{display:flex;gap:20px;margin-bottom:20px}.container .chat .messages .message .messageInfo{color:gray;display:flex;flex-direction:column;font-weight:300}.container .chat .messages .message .messageInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}@media screen and (max-width:868px){.container .chat .messages .message .messageInfo img{height:33px;width:33px}}.container .chat .messages .message .messageInfo .time{font-size:13px}@media screen and (max-width:868px){.container .chat .messages .message .messageInfo .time{font-size:10px}}.container .chat .messages .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:80%}@media screen and (max-width:868px){.container .chat .messages .message .messageContent{font-size:12px}}.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:10px 20px}.container .chat .messages .message .messageContent img{width:40%}.container .chat .messages .message.owner{flex-direction:row-reverse}.container .chat .messages .message.owner .messageContent{align-items:flex-end}.container .chat .messages .message.owner .messageContent p{background-color:#8da4f1;border-radius:10px 0 10px 10px;color:#fff}.container .chat .input_page{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px}.container .chat .input_page input{background-color:transparent;border:none;color:gray;font-size:16px;outline:none;width:70%}.container .chat .input_page input::-webkit-input-placeholder{color:#d3d3d3}.container .chat .input_page input:-ms-input-placeholder{color:#d3d3d3}.container .chat .input_page input::placeholder{color:#d3d3d3}@media screen and (max-width:680px){.container .chat .input_page input{font-size:12px;width:50%}}.container .chat .input_page .inputIcon{color:gray;font-size:22px;padding:0 6px}@media screen and (max-width:868px){.container .chat .input_page .inputIcon{font-size:20px}}@media screen and (max-width:680px){.container .chat .input_page .inputIcon{font-size:16px}}.container .chat .input_page .send{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}
/*# sourceMappingURL=main.b3008936.css.map*/