.form-container{background:url(/static/media/29.-Pale-Cornflower-Blue_1.87a03c3c6cc526879691.jpg);background-repeat:no-repeat;background-size:cover;height:100vh}.form-container,.form-container .error{align-items:center;display:flex;justify-content:center}.form-container .error{font-size:15px;font-weight:500;gap:6px}.form-container .logo{color:#0040c9;font-size:30px;font-weight:700}.form-container .logo-title{color:#1e70ff;font-size:12px;font-weight:500}.form-container .form-wrapper{align-items:center;background-color:hsla(0,0%,100%,.453);border-radius:15px;display:flex;flex-direction:column;gap:10px;padding:20px 60px}.form-container .form-wrapper form{display:flex;flex-direction:column;gap:15px}.form-container .form-wrapper form input{border:none;border-radius:12px;outline:none;padding:13px;width:250px}.form-container .form-wrapper form input::-webkit-input-placeholder{color:#989898}.form-container .form-wrapper form input:-ms-input-placeholder{color:#989898}.form-container .form-wrapper form input::placeholder{color:#989898}.form-container .form-wrapper form button{background-color:#0040c9;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:9px}.form-container .form-wrapper form button:hover{background-color:#0035a7}.form-container .form-wrapper form label{align-items:center;color:#989898;cursor:pointer;display:flex;font-size:12px;gap:5px}.form-container .form-wrapper form label img{width:28px}.form-container .form-wrapper p{color:#616161;font-size:12px;margin-top:10px}.form-container .form-wrapper p .link{text-decoration:none}.home{align-items:center;background:url(/static/media/03.-Snowy-Mint_1.ac63faab1e891d441707.jpg);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center}.home .container{border-radius:15px;display:flex;height:85%;overflow:hidden;width:65%}@media screen and (max-width:768px){.home .container{width:90%}}@media screen and (max-width:480px){.home .container{border-radius:0;height:100%;width:100%}}.home .container .sidebar{background-color:hsla(0,0%,59%,.586);flex:1 1;position:relative}@media screen and (max-width:768px){.home .container .sidebar{width:130px}}.home .container .sidebar .navbar{align-items:center;background-color:rgba(0,20,197,.827);display:flex;height:50px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{color:#fff;font-size:18px;font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .user{color:#fff;display:flex;gap:10px}.home .container .sidebar .navbar img{background-color:#ddddf7;border-radius:50%;height:24px;object-fit:cover;width:24px}.home .container .sidebar .navbar button{background-color:rgba(37,110,227,.827);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:10px;font-weight:600}.home .container .sidebar .navbar button:hover{background-color:#0048e4}@media screen and (max-width:768px){.home .container .sidebar .navbar button{border-radius:7px;bottom:10px;padding:5px 7px;position:absolute}}.home .container .sidebar .search{border-bottom:1px solid #dedbdb}.home .container .sidebar .search .search-form{display:flex;justify-content:space-between;padding:10px}.home .container .sidebar .search .search-form i{color:azure;cursor:pointer}.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:#eaeaea}.home .container .sidebar .search .search-form input:-ms-input-placeholder{color:#eaeaea}.home .container .sidebar .search .search-form input::placeholder{color:#eaeaea}@media screen and (max-width:768px){.home .container .sidebar .search .search-form input{width:100px}}@media screen and (max-width:480px){.home .container .sidebar .search .search-form input{width:60px}}.home .container .sidebar .chat{height:calc(100% - 162px);margin-bottom:10px;overflow:scroll;overflow-x:hidden}.home .container .sidebar .chat::-webkit-scrollbar{width:5px}.home .container .sidebar .chat::-webkit-scrollbar-thumb{background:#a1a1a1;border-radius:1px}.home .container .sidebar .chat::-webkit-scrollbar-thumb:hover{background:gray}.home .container .sidebar .chat .user-chat{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:10px}@media screen and (max-width:480px){.home .container .sidebar .chat .user-chat{gap:5px}}.home .container .sidebar .chat .user-chat:hover{background-color:hsla(0,0%,88%,.437)}.home .container .sidebar .chat .user-chat img{border-radius:50%;height:50px;object-fit:cover;width:50px}@media screen and (max-width:480px){.home .container .sidebar .chat .user-chat img{height:30px;width:30px}}.home .container .sidebar .chat .user-chat .user-chat-info span{font-size:18px;font-weight:500}.home .container .sidebar .chat .user-chat .user-chat-info p{color:#f0f0f0;font-size:14px}.home .container .chat{flex:2 1}.home .container .chat .chat-info{align-items:center;background-color:#256ee3;color:#f0f0f0;display:flex;height:50px;justify-content:space-between;padding:10px;position:relative}.home .container .chat .chat-info .pop-up{background-color:#f0f8ff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.35);color:#000;font-size:14px;max-height:0;overflow:hidden;position:absolute;right:10px;top:55px}.home .container .chat .chat-info .pop-up .pop-item{cursor:pointer;margin-top:10px}.home .container .chat .chat-info .pop-up .pop-item:hover{color:#256ee3}.home .container .chat .chat-info .func-pop{max-height:450px;padding:10px 20px 20px}.home .container .chat .profile{align-items:center;display:flex;gap:10px;justify-content:center}.home .container .chat .profile img{border-radius:50%;height:40px;object-fit:cover;width:40px}.home .container .chat .chat-icons{display:flex;gap:13px}.home .container .chat .chat-icons i{color:#fff;cursor:pointer;font-size:16px}.home .container .chat .messages{background-color:hsla(0,0%,100%,.414);height:calc(100% - 135px);overflow:scroll;overflow-x:hidden;padding:10px}.home .container .chat .messages::-webkit-scrollbar{width:5px}.home .container .chat .messages::-webkit-scrollbar-thumb{background:#a1a1a1;border-radius:1px}.home .container .chat .messages::-webkit-scrollbar-thumb:hover{background:gray}.home .container .chat .messages .message{display:flex;gap:10px;margin-bottom:20px}.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:40px;object-fit:cover;width:40px}.home .container .chat .messages .message .message-info span{font-size:9px;font-weight:400;text-align:center}.home .container .chat .messages .message .message-content{display:flex;flex-direction:column;gap:10px;max-width:80%}.home .container .chat .messages .message .message-content .text{background-color:hsla(0,0%,59%,.586);border-radius:0 10px 10px 10px;color:#fff;max-width:-webkit-max-content;max-width:max-content;padding:5px 15px}.home .container .chat .messages .message .message-content .text p{color:#e7e7e7;font-size:9px;margin-top:2px}.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 .text{background-color:#256ee3;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .messages .message.owner .message-content .text p{text-align:right}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:25px;justify-content:space-between;padding:10px;width:auto}.home .container .chat .input input{border:none;color:rgba(0,20,197,.827);font-size:18px;font-weight:500;outline:none;width:100%}.home .container .chat .input input::-webkit-input-placeholder{color:#d3d3d3;font-weight:350}.home .container .chat .input input:-ms-input-placeholder{color:#d3d3d3;font-weight:350}.home .container .chat .input input::placeholder{color:#d3d3d3;font-weight:350}.home .container .chat .input .send{align-items:center;display:flex;gap:10px}.home .container .chat .input .send i{color:#8a8a8a;cursor:pointer;font-size:25px}.home .container .chat .input .send button{background-color:rgba(0,20,197,.827);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:5px 15px}
/*# sourceMappingURL=main.e327c777.css.map*/