.formContainer{align-items:center;background:url(/static/media/type.0ef768194b6b24ca5e06.png);background-size:cover;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.formContainer :before{background:url(https://www.transparenttextures.com/patterns/cubes.png);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}@media screen and (max-width:1000px){.formContainer :before{width:100px}}.formWrapper{background-color:#fff;border:none;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:35px;position:relative;width:20%;z-index:1}.formWrapper .logo{color:#1a2a4e;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:700;margin-bottom:10px;margin-left:80px;text-align:center}.formWrapper .title{color:#7c859a;font-size:18px;font-weight:700;margin-bottom:20px;margin-left:125px;margin-top:20px;text-align:center}.formWrapper .logo1{color:#1a2a4e;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:700;margin-bottom:10px;margin-left:80px;text-align:center}.formWrapper .titles{color:#7c859a;font-size:18px;font-weight:700;margin-bottom:20px;margin-left:115px;margin-top:20px;text-align:center}.formWrapper form{display:flex;flex-direction:column;gap:10px}.formWrapper form input{border:none;border-bottom:1.5px solid #a8b6dd;font-size:14px;outline:none;padding:15px;transition:all .3s ease}.formWrapper form input:focus{border-bottom:1.5px solid #5393ed}.formWrapper form label{align-items:center;cursor:pointer;display:flex;gap:10px;margin-top:10px}.formWrapper form label img{height:40px;padding-top:5px;width:40px}.formWrapper form label .avatar{color:#5393ed;font-family:Arial,Helvetica,sans-serif;font-size:14px}.formWrapper form button{background-color:#5393ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px;transition:background-color .3s ease}.formWrapper form button:hover{background-color:#4278c0}.formWrapper form span{color:red;font-size:14px;text-align:center}.formWrapper p{color:#7c859a;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;margin-top:20px;text-align:center}.formWrapper p .last{color:#1a2a4e;text-decoration:none;transition:color .3s ease}.formWrapper p .last:hover{color:#5393ed}@media screen and (max-width:1000px){.formWrapper{width:300px}}.login{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login .formWrapper{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:30px}.login .formWrapper .logo{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.login .formWrapper form{display:flex;flex-direction:column;gap:15px}.login .formWrapper form input{border:1px solid #ccc;border-radius:4px;outline:none;padding:12px}.login .formWrapper form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px}.home{align-items:center;background-image:url(https://wallpapercave.com/wp/wp3869348.jpg);justify-content:center;left:0;overflow:hidden;position:absolute;top:0}.home,.home .container{display:flex;height:100vh;width:100%}.home .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a2a4ecc;border-radius:15px;box-shadow:0 4px 15px #0003}@media screen and (max-width:1000px){.home .container{height:max}}.home .container .sidebar::-webkit-scrollbar{display:none}.home .container .sidebar{background:linear-gradient(135deg,#c2d2de,#748ed5,#353ab5);border-right:none;flex:1 1;position:relative}@media screen and (max-width:1000px){.home .container .sidebar{flex:.9 1;width:10%}}.home .container .sidebar .nav{align-items:center;background:#1a2a4ecc;box-shadow:0 2px 5px #0003;display:flex;height:60px;justify-content:space-between;padding:10px}.home .container .sidebar .nav .name{align-items:center;color:#fff;display:flex;font-family:Pacifico,cursive;font-size:24px;font-weight:700;gap:10px;margin-left:15px}@media screen and (max-width:1000px){.home .container .sidebar .nav .name{display:none}}.home .container .sidebar .nav .user{display:flex;gap:15px}.home .container .sidebar .nav .user img{border:2px solid #fff;border-radius:50%;height:30px;transition:transform .3s;width:30px}.home .container .sidebar .nav .user img:hover{transform:scale(1.1)}@media screen and (max-width:1000px){.home .container .sidebar .nav .user img{margin-left:10px;position:relative}}.home .container .sidebar .nav .user span{color:#fff;font-family:Amatic SC,cursive;font-size:18px;margin-right:5px;margin-top:5px}@media screen and (max-width:1000px){.home .container .sidebar .nav .user span{font-size:medium}}.home .container .sidebar .nav .user button{background-color:#9da9c6;border:none;border-radius:10px;color:#00458b;cursor:pointer;font-size:13.5px;left:1300px;padding:10px 25px;position:absolute;transition:background-color .3s}.home .container .sidebar .nav .user button:hover{background-color:#fff}@media screen and (max-width:1000px){.home .container .sidebar .nav .user button{background-color:#c4c0d4;border-radius:0 10px 10px 10px;bottom:25px;color:#3b398e;left:21px;padding:10px 20px;position:absolute}}.home .container .sidebar .search{background:linear-gradient(135deg,#c2d2de,#748ed5,#353ab5);border-bottom:1px solid #fff;padding:15px}.home .container .sidebar .search .searchform{display:flex}.home .container .sidebar .search .searchform input{background-color:#0000;border:none;color:#3d518ccc;font-size:20px;outline:none;padding:12px;transition:border .3s ease}.home .container .sidebar .search .searchform input::placeholder{color:#3d518ccc;font-size:23px;font-weight:300;font-weight:700}@media screen and (max-width:1000px){.home .container .sidebar .search .searchform input::placeholder{color:#3d518ccc;font-size:15px;font-weight:500;left:0;position:absolute;text-decoration-line:none;top:12px}}.home .container .sidebar .search .searchform input:focus{border-bottom:2px solid #5584ff}@media screen and (max-width:1000px){.home .container .sidebar .search .searchform input:focus{border:none}.home .container .sidebar .search .searchform input{font-size:medium;position:relative;right:8px}}.home .container .sidebar .search .searchform button{background-color:#fff;border:none;border-radius:20px;color:gray;cursor:pointer;font-size:18px;left:400px;padding:10px 25px;position:absolute;transition:background-color .3s}.home .container .sidebar .search .searchform button:hover{background-color:#9da9c6;color:#fff}@media screen and (max-width:1000px){.home .container .sidebar .search .searchform button{left:65px;margin-top:8px;padding:2px 7px;position:absolute}}.home .container .sidebar .userChat{border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .3s,transform .3s}.home .container .sidebar .userChat:hover{background-color:#003b88cc;transform:scale(1.05)}@media screen and (max-width:1000px){.home .container .sidebar .userChat:hover img{border-radius:50%;height:35px;width:35px}}.home .container .sidebar .userChat:hover .userChatInfo{color:#fff}.home .container .sidebar .userChat img{border-radius:50%;height:45px;object-fit:cover;width:45px}@media screen and (max-width:1000px){.home .container .sidebar .userChat img{height:35px;position:relative;right:11px;top:8px;width:35px}}.home .container .sidebar .userChat .userChatInfo{color:#003b88cc;font-family:Shadows Into Light,cursive;font-size:20px;margin-top:8px}@media screen and (max-width:1000px){.home .container .sidebar .userChat .userChatInfo{font-size:500;position:relative;right:10px;top:3px}}.home .container .sidebar .chats::-webkit-scrollbar{display:none}.home .container .sidebar .chats{max-height:calc(100vh - 175px);overflow-y:auto;padding:10px}.home .container .sidebar .chats .userinfo{border-radius:10px;display:flex;gap:10px;padding:11.5px;transition:background-color .3s,transform .3s}.home .container .sidebar .chats .userinfo:hover{background-color:#003b88cc;color:#fff;cursor:pointer;transform:scale(1.05)}@media screen and (max-width:1000px){.home .container .sidebar .chats .userinfo:hover{padding-bottom:15px;padding-top:1px}.home .container .sidebar .chats .userinfo:hover img{height:35px;left:0;position:relative;width:35px}.home .container .sidebar .chats .userinfo:hover span{font-size:500;gap:10px;position:relative;right:155px;top:2px}}.home .container .sidebar .chats .userinfo:hover .detail span{color:#fff}.home .container .sidebar .chats .userinfo img{border-radius:50%;height:45px;object-fit:cover;width:45px}@media screen and (max-width:1000px){.home .container .sidebar .chats .userinfo img{height:35px;position:relative;right:10px;top:8px;width:35px}}.home .container .sidebar .chats .userinfo .detail{gap:10px;margin-top:3px}.home .container .sidebar .chats .userinfo .detail span{color:#1a2a4ecc;font-family:Parisienne,cursive;font-size:20px;margin:0}.home .container .sidebar .chats .userinfo .detail span:hover{color:#fff}@media screen and (max-width:1000px){.home .container .sidebar .chats .userinfo .detail span{font-size:500;position:relative;right:5px;top:2px}}.home .container .sidebar .chats .userinfo .detail p{color:#fff;font-family:Segoe UI,sans-serif;font-size:18px;margin:0}@media screen and (max-width:1000px){.home .container .sidebar .chats .userinfo .detail p{display:none}}.home .container .chatbar{background:linear-gradient(135deg,#8e8cd7,#3b398e);display:flex;flex:2 1;flex-direction:column;justify-content:space-between;padding:0}@media screen and (max-width:1000px){.home .container .chatbar{flex:2.1 1;width:95%}}.home .container .chatbar .chatnav{align-items:center;background-color:#3d518ccc;box-shadow:0 2px 5px #0003;display:flex;justify-content:space-between;padding:30px}.home .container .chatbar .chatnav span{color:#d5dae7;font-family:Amatic SC,cursive;font-size:15px;font-weight:500}.home .container .chatbar .chatnav .images{display:flex;gap:15px}.home .container .chatbar .chatnav .images img{cursor:pointer;height:20px;transition:transform .3s;width:20px}.home .container .chatbar .chatnav .images img:hover{transform:scale(1.2)}.home .container .chatbar .messages::-webkit-scrollbar{display:none}.home .container .chatbar .messages{background:linear-gradient(135deg,#c2d2de,#748ed5,#353ab5);box-shadow:inset 0 2px 5px #0000001a;height:calc(100% - 100px);overflow-y:auto;padding:20px}.home .container .chatbar .messages .message{display:flex;gap:10px;margin-bottom:15px}.home .container .chatbar .messages .message .messageinfo{align-items:center;display:flex;flex-direction:column;gap:10px}.home .container .chatbar .messages .message .messageinfo img{border:2px solid #fff;border-radius:50%;height:30px;width:30px}.home .container .chatbar .messages .message .messageinfo span{color:#fff;font-family:Segoe UI,sans-serif;font-size:15px}@media screen and (max-width:1000px){.home .container .chatbar .messages .message .messageinfo span{font-size:13px}}.home .container .chatbar .messages .message .messagecontact{word-wrap:break-word;align-items:flex-end;background-color:#0000;border-radius:5px;display:flex;flex-direction:column;margin:5px 0;max-width:80%;padding:10px;white-space:pre-wrap;word-break:break-word}@media screen and (max-width:1000px){.home .container .chatbar .messages .message .messagecontact{max-width:100%}}.home .container .chatbar .messages .message .photo{bottom:10px;position:relative}.home .container .chatbar .messages .message img{align-items:flex-start;border-radius:10px;height:180px;object-fit:cover;width:260px}@media screen and (max-width:1000px){.home .container .chatbar .messages .message img{height:120px;width:180px}}.home .container .chatbar .messages .message audio{bottom:19px;margin-left:0;position:relative}@media screen and (max-width:1000px){.home .container .chatbar .messages .message audio{height:45px;margin-top:5px;padding-right:5px;width:210px}}.home .container .chatbar .messages .message .file-message{align-items:center;border-radius:5px;bottom:30px;cursor:pointer;display:flex;margin-top:10px;padding:10px;position:relative;transition:background-color .3s}@media screen and (max-width:1000px){.home .container .chatbar .messages .message .file-message{padding:5px 10px}}.home .container .chatbar .messages .message .file-message:hover{background-color:#e0e0e0}.home .container .chatbar .messages .message .file-message a{background-color:#f5f5f5;border:2px solid #007bff;border-radius:20px;color:#007bff;flex-grow:1;padding:10px 30px;text-decoration:none}@media screen and (max-width:1000px){.home .container .chatbar .messages .message .file-message a{padding:6px 8px;position:relative;right:15px}}.home .container .chatbar .messages .message .file-message a:before{content:"📄";margin-right:10px}.home .container .chatbar .messages .message video{border-radius:20px;bottom:45px;height:auto;margin-right:auto;position:relative;width:60%}@media screen and (max-width:768px){.home .container .chatbar .messages .message video video{width:100%}}.home .container .chatbar .messages .message p{background-color:#5584ff;border-radius:0 13px 13px 13px;bottom:28px;color:#fff;font-family:Pacifico,cursive;font-size:18px;padding:10px 25px;position:relative;transition:background-color .3s}@media screen and (max-width:1000px){.home .container .chatbar .messages .message p{font-size:14px;padding:6px 20px}}.home .container .chatbar .messages .message p:hover{background-color:#3b62e5}.home .container .chatbar .messages .message p:empty{display:none}.home .container .chatbar .messages .message.owner{flex-direction:row-reverse}.home .container .chatbar .messages .message.owner .messagecontact{align-items:flex-end}.home .container .chatbar .messages .message.owner .messagecontact p{background-color:#fff;border-radius:13px 13px 0 13px;color:#3b62e5;font-family:Pacifico,cursive;margin-bottom:10px}@media screen and (max-width:1000px){.home .container .chatbar .messages .message.owner .messagecontact p{font-size:14px}}.home .container .chatbar .messages .message.owner .messagecontact p:hover{background-color:#353ab5;color:#fff}.home .container .chatbar .messages .message.owner .messagecontact audio{bottom:15px;position:relative;right:0}@media screen and (max-width:1000px){.home .container .chatbar .messages .message.owner .messagecontact audio{bottom:20px;left:20px}}.home .container .chatbar .messages .message.owner .messagecontact video{border-radius:20px;bottom:45px;height:auto;left:160px;margin-left:auto;position:relative;width:60%}@media screen and (max-width:1000px){.home .container .chatbar .messages .message.owner .messagecontact video{left:0;margin-left:0;position:relative;width:180px}}.home .container .chatbar .messages .message.owner .messagecontact .file-message{align-items:center;border-radius:5px;bottom:30px;cursor:pointer;display:flex;margin-top:10px;padding:10px;position:relative;transition:background-color .3s}@media screen and (max-width:1000px){.home .container .chatbar .messages .message.owner .messagecontact .file-message{bottom:40px;left:45px}}.home .container .chatbar .messages .message.owner .messagecontact .file-message:hover{background-color:#e0e0e0}@media screen and (max-width:1000px){.home .container .chatbar .messages .message.owner .messagecontact .file-message:hover{background:#0000}}.home .container .chatbar .messages .message.owner .messagecontact .file-message a{background-color:#f5f5f5;border:2px solid #007bff;border-radius:20px;color:#007bff;flex-grow:1;padding:10px 30px;text-decoration:none}@media screen and (max-width:1000px){.home .container .chatbar .messages .message.owner .messagecontact .file-message a{padding:7px 10px}}.home .container .chatbar .messages .message.owner .messagecontact .file-message a:before{content:"📄";margin-right:10px}.home .container .chatbar .inputs{align-items:center;background-color:#fff;border-top:2px solid #ddd;box-shadow:0 2px 5px #0000001a;color:#000;display:flex;height:60px;justify-content:space-between;padding:10px;position:relative}.home .container .chatbar .inputs button{background-color:#5584ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;outline:none;padding:10px 15px;transition:background-color .3s}.home .container .chatbar .inputs button:hover{background-color:#3b62e5}.home .container .chatbar .inputs input{border:none;font-family:Lobster,cursive;font-size:16px;outline:none;padding:15px;width:100%}.home .container .chatbar .block{display:flex;gap:15px;position:relative;transition:3s ease}.home .container .chatbar .block .master{bottom:5px;height:30px;position:relative;right:40px;width:35px}@media screen and (max-width:1000px){.home .container .chatbar .block .master{position:relative;right:0}}.home .container .chatbar .block img{cursor:pointer;height:25px;margin-top:8px;transition:transform 5s;width:25px}.home .container .chatbar .block img:hover{transform:scale(1.1)}.home .container .chatbar .block label{align-items:center;cursor:pointer;display:flex;gap:10px}.home .container .chatbar .block label img{height:25px;margin-bottom:5px;transition:transform .3s;width:25px}.home .container .chatbar .block .dropdown-menu{grid-gap:10px;background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;padding:5px 40px;position:absolute;right:20px;top:-230px;transform:translateY(10px);transition:opacity 3s ease,transform 2s ease}@media screen and (max-width:1000px){.home .container .chatbar .block .dropdown-menu{padding:6px 20px;right:2px;top:-200px}}.home .container .chatbar .block .dropdown-menu .show{opacity:1;transform:translateY(0)}.home .container .chatbar .block .dropdown-menu .dropdown-item{border-radius:5px;cursor:pointer;padding:20px;transition:background-color .3s,transform 2s}.home .container .chatbar .block .dropdown-menu .dropdown-item img{height:25px;transition:transform .3s;width:25px}.home .container .chatbar .block .dropdown-menu .dropdown-item span{color:#333;display:block;font-size:14px;font-weight:500;position:relative;right:3px;top:5px}@media screen and (max-width:1000px){.home .container .chatbar .block .dropdown-menu .dropdown-item{padding:10px 15px}}.home .container .chatbar .block .dropdown-menu .dropdown-item:hover{background-color:#f0f0f0;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.home .container{animation:fadeIn .5s ease-in-out}.home .container .sidebar .nav .name{animation:slideIn .6s ease-in-out}.home .container .sidebar .nav .user img{animation:pulse 1.5s infinite}.home .container .sidebar .nav .user button,.home .container .sidebar .userChat,.home .container .sidebar .userinfo{animation:fadeIn 1s ease-in-out}.home .container .sidebar .userChat:hover,.home .container .sidebar .userinfo:hover{animation:rotate .5s ease-in-out}.home .container .chatbar .chatnav .images img,.home .container .chatbar .chatnav span{animation:fadeIn .7s ease-in-out}.home .container .chatbar .inputs input{animation:fadeIn .8s ease-in-out}.home .container .chatbar .inputs .block img,.home .container .chatbar .inputs .block label button{animation:pulse 1.5s infinite}
/*# sourceMappingURL=main.be643537.css.map*/