*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.home{align-items:center;display:flex;height:100vh;justify-content:center}.home .formContainer{background-color:hsla(0,0%,6%,.49);position:absolute;z-index:2}.home .formContainer .search{border-bottom:1px solid gray}.home .formContainer .search .searchForm{align-items:center;display:flex;justify-content:space-between;padding:10px}.home .formContainer .search .searchForm .icon{color:#838282;cursor:pointer}.home .formContainer .search .searchForm input{background-color:#fff;border:none;color:#000;font-size:small;outline:none;padding:5px;width:100%}.home .formContainer .search .result{color:#838282;padding:10px 15px}.home .formContainer .search .userChat{align-items:center;display:flex;gap:10px;padding:2px 4px}.home .formContainer .search .userChat:hover{background-color:#242424;color:#fff}.home .formContainer .search .userChat img{border-radius:50%;height:45px;max-width:45px;object-fit:cover}.home .container{background-color:#1d1d1d;border:1px solid #2e2e2e;border-radius:10px;display:flex;height:90%;overflow:hidden;width:80%}@media screen and (max-width:768px){.home .container{width:99%}}.home .container .sidebar{background-color:#2e2e2e;color:#fff;display:flex;flex-direction:column;gap:10px;position:relative;width:25%}.home .container .sidebar .navigation{align-items:center;background-color:#171717;bottom:0;display:flex;height:60px;padding:10px;position:absolute;width:100%}.home .container .sidebar .navigation span{align-items:center;cursor:pointer;display:flex;flex-direction:column}.home .container .sidebar .navbar{align-items:center;background-color:#171717;display:flex;height:60px;justify-content:space-between;padding:10px}.home .container .sidebar .navbar .logo{cursor:pointer;font-size:large;font-weight:700}@media screen and (max-width:768px){.home .container .sidebar .navbar .logo{display:none}}.home .container .sidebar .navbar .navContent{align-items:center;display:flex;gap:5px}@media screen and (max-width:1200px){.home .container .sidebar .navbar .navContent .username{display:none}}.home .container .sidebar .navbar .navContent img{border-radius:50%;cursor:pointer;height:25px;object-fit:cover;width:25px}.home .container .sidebar .navbar .navContent button{align-items:center;border:none;border-radius:2px;cursor:pointer;display:flex;gap:5px;padding:2px 4px}@media screen and (max-width:1200px){.home .container .sidebar .navbar .navContent button span{display:none}}.home .container .sidebar .navbar .navContent button .icon{font-size:small}.home .container .sidebar .search{border-bottom:1px solid gray}.home .container .sidebar .search .searchForm{align-items:center;display:flex;justify-content:space-between;padding:10px}.home .container .sidebar .search .searchForm .icon{color:#838282;cursor:pointer}.home .container .sidebar .search .searchForm input{background-color:transparent;border:none;color:#fff;font-size:small;outline:none;padding:5px;width:100%}.home .container .sidebar .search .searchForm input::-webkit-input-placeholder{color:#fff;letter-spacing:1.5px}.home .container .sidebar .search .searchForm input::placeholder{color:#fff;letter-spacing:1.5px}.home .container .sidebar .search .result{color:#838282;padding:10px 15px}.home .container .sidebar .search .userChat{align-items:center;display:flex;gap:10px;padding:10px}.home .container .sidebar .search .userChat:hover{background-color:#242424}.home .container .sidebar .search .userChat img{border-radius:50%;height:45px;max-width:45px;object-fit:cover}.home .container .sidebar .chats{-ms-overflow-style:none;overflow-y:scroll;padding-top:10px;scrollbar-width:none}.home .container .sidebar .chats::-webkit-scrollbar{display:none}.home .container .sidebar .userChat{cursor:pointer;display:flex;gap:10px;padding:10px}@media screen and (max-width:480px){.home .container .sidebar .userChat{justify-content:center}.home .container .sidebar .userChat .userChatInfo{display:none}}.home .container .sidebar .userChat:hover{background-color:#242424}.home .container .sidebar .userChat .username{align-items:center;display:flex;font-weight:700;gap:10px}.home .container .sidebar .userChat .username span,.home .container .sidebar .userChat p{color:#b7b7b7;font-size:small;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .container .sidebar .userChat img{border-radius:50%;height:40px;object-fit:cover;width:40px}@media screen and (max-width:480px){.home .container .sidebar .userChat img{height:45px;width:45px}}.home .container .chat{width:75%}.home .container .chat .chatInfo{align-items:center;background-color:#3c3c3c;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:space-between;padding:10px}.home .container .chat .chatInfo .chatInfoContent{display:flex;gap:10px}.home .container .chat .chatInfo .chatInfoContent .icon{cursor:pointer}.home .container .chat .messages{-ms-overflow-style:none;background-color:#ccc;display:flex;flex-direction:column;gap:5px;height:calc(100% - 180px);overflow:scroll;padding:10px;scrollbar-width:none}.home .container .chat .messages::-webkit-scrollbar{display:none}.home .container .chat .messages .message{display:flex;gap:10px;padding:5px}@media screen and (max-width:480px){.home .container .chat .messages .message .msgDate{display:none}}.home .container .chat .messages .message .messageInfo{align-items:flex-start;color:#434343;display:flex;flex-direction:column;font-size:.9rem;font-weight:400}.home .container .chat .messages .message .messageInfo img{border-radius:50%;height:50px;object-fit:cover;width:50px}.home .container .chat .messages .message .messageContent{align-items:flex-start;background-color:hsla(0,0%,51%,.29);border-radius:10px;border-top-left-radius:0;display:flex;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:80%;padding:2px 10px}.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:10px 20px}.home .container .chat .messages .message .messageContent img{width:100px}.home .container .chat .messages .message.owner{flex-direction:row-reverse}.home .container .chat .messages .message.owner .messageContent{align-items:flex-end;border-top-left-radius:10px;border-top-right-radius:0}.home .container .chat .messages .message.owner .messageInfo{align-items:flex-end}.home .container .chat .messages .message.owner p{background-color:#1d1d1d;border-radius:10px 0 10px 10px;color:#fff}.home .container .chat .input{align-items:center;background-color:#fff;display:flex;height:60px;justify-content:space-between;padding:10px}.home .container .chat .input input{border:none;font-size:1rem;outline:none;padding:5px;width:100%}.home .container .chat .input .inputContent{align-items:center;display:flex;gap:15px}.home .container .chat .input .inputContent .icon{color:#838282;cursor:pointer;font-size:1.5rem}.home .container .chat .input .inputContent button{background-color:#1d1d1d;border:none;border-radius:2px;color:#fff;cursor:pointer;padding:10px}.formContainer{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.formContainer video{height:100vh;position:absolute;width:100vw;z-index:0}.formContainer .formWrapper{align-items:center;background-color:#fff;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:30px 60px;z-index:1}.formContainer .formWrapper .logo{font-size:1.5rem;font-weight:700}.formContainer .formWrapper .title{font-size:large}.formContainer .formWrapper .alert{color:red}.formContainer .formWrapper form{display:flex;flex-direction:column;gap:15px}.formContainer .formWrapper form input{border:none;border-bottom:1px solid #464545;padding:15px 20px;width:250px}.formContainer .formWrapper form input:focus{border:none}.formContainer .formWrapper form button{background-color:#2e2e2e;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:1rem;padding:15px}.formContainer .formWrapper form label{align-items:center;cursor:pointer;display:flex}.formContainer .formWrapper form label .icon{font-size:40px}.loader{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.loader:after,.loader:before{-webkit-animation:push 2s ease-in infinite;animation:push 2s ease-in infinite;background:#000;border-radius:50%;content:"";height:64px;left:50%;position:absolute;-webkit-transform:translate(-50%,100%) scale(0);transform:translate(-50%,100%) scale(0);width:64px}.loader:after{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes push{0%{-webkit-transform:translate(-50%,100%) scale(1);transform:translate(-50%,100%) scale(1)}15%,25%{-webkit-transform:translate(-50%,50%) scale(1);transform:translate(-50%,50%) scale(1)}50%,75%{-webkit-transform:translate(-50%,-30%) scale(.5);transform:translate(-50%,-30%) scale(.5)}80%,to{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}}@keyframes push{0%{-webkit-transform:translate(-50%,100%) scale(1);transform:translate(-50%,100%) scale(1)}15%,25%{-webkit-transform:translate(-50%,50%) scale(1);transform:translate(-50%,50%) scale(1)}50%,75%{-webkit-transform:translate(-50%,-30%) scale(.5);transform:translate(-50%,-30%) scale(.5)}80%,to{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}}
/*# sourceMappingURL=main.3d977528.css.map*/