*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{background-color:#1f2235;height:100vh;display:grid;place-items:center}.app_body{display:-webkit-flex;display:flex;height:90vh;width:90vw;background:#313552;box-shadow:0 8px 32px 0 #1f2687;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:2px solid rgba(255,193,7,.7);border-radius:30px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#313552}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#1f2235}input{-webkit-flex:1 1;flex:1 1;outline:none;border:0;color:#fff;opacity:.6}::-webkit-input-placeholder{color:#fff;opacity:.4}:-ms-input-placeholder{color:#fff;opacity:.4}::placeholder{color:#fff;opacity:.4}.sidebar{display:-webkit-flex;display:flex;-webkit-flex:0.30 1;flex:0.30 1;-webkit-flex-direction:column;flex-direction:column;box-shadow:18px 0 21px -8px rgba(31,38,135,.37);border-top-left-radius:30px;border-bottom-left-radius:30px}@media screen and (max-width:800px){.sidebar{-webkit-flex:1 1;flex:1 1}.sidebar_header{border-top-right-radius:50px}.sidebar_chats{border-bottom-right-radius:50px;overflow:hidden;padding:0}}.sidebar_header{padding:20px;border-top-left-radius:30px}.sidebar_header,.sidebar_header_right{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.sidebar_header_right{-webkit-align-items:center;align-items:center;min-width:7vw}.search_container>.MuiSvgIcon-root{color:#313552}.sidebar_search{height:39px;padding:10px}.search_container,.sidebar_search{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.search_container{width:100%;height:35px;background:#1f2235;border-radius:20px;padding-left:10px;padding-right:10px}#delac{margin:0 auto}h4{margin-top:10px;margin-bottom:10px}.div_delete{height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%}.search_container>input{border:none;margin-left:10px;background:#1f2235}.sidebar_chats{-webkit-flex:1 1;flex:1 1;background-color:#313552;overflow:scroll;overflow-x:hidden;border-bottom-left-radius:30px;color:hsla(0,0%,100%,.5)}.sidebar_chat{display:-webkit-flex;display:flex;padding:20px;cursor:pointer;margin-left:20px}.sidebar_chat:hover{background-color:#1f2235;border-radius:15px 0 0 15px}.sidebar_chat_info{margin-left:15px}.sidebar_chat_info>p{width:15ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add_chat{font-size:15px}.sidebar_chat_info>h2{font-size:16px}.add_chat{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;padding:20px;cursor:pointer}.add_chat>h2{margin-left:10px}.sidebar_chat_add:hover{background-color:#1f2235}a{text-decoration:none!important;color:hsla(0,0%,100%,.7)}ul{background:#b4b4b4}.popup-content{background-color:hsla(0,0%,100%,.7)!important;border:4!important;border-radius:25px;padding:30px!important;text-align:center;display:inline-block}#delac{text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:rgba(255,193,7,.7)}#delac:hover{color:#ffc107;cursor:pointer}#butns{margin:30px 30px 5px 10px;display:-webkit-flex;display:flex}.btns{padding:10px;margin:5px;border-radius:5px}.btns:hover{cursor:pointer}#btyes{background-color:#ff3232;font-weight:500;color:#fff}#btcancel{background-color:#c8c8c8;font-weight:500}.chat{display:-webkit-flex;display:flex;-webkit-flex:0.70 1;flex:0.70 1;-webkit-flex-direction:column;flex-direction:column}.m_select{width:100%;height:100%;display:grid;place-items:center}.img{background-image:url(/static/media/Illustration.bc9d71d3.svg);height:230px;width:190px;background-position:50%;background-repeat:no-repeat;background-size:cover}.cont_i{display:grid;place-items:center}.text_i{color:hsla(0,0%,100%,.5);margin-top:10px;font-size:30px}@media screen and (max-width:800px){.chat{-webkit-flex:1 1;flex:1 1}}@media screen and (max-width:411px){.chat_header{padding:0}}.chat_header{display:-webkit-flex;display:flex;padding:20px;-webkit-align-items:center;align-items:center;box-shadow:0 18px 21px -8px rgba(31,38,135,.4);color:hsla(0,0%,100%,.5);border-top-right-radius:30px}.chat_header_info{-webkit-flex:1 1;flex:1 1;margin-left:15px}.chat_header_rigth{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;min-width:100px}.chat_body{-webkit-flex:1 1;flex:1 1;padding:30px;overflow:auto;overflow-x:hidden}.chat_message{position:relative;font-size:16px;padding:10px 10px 5px;color:#d3d3d3;background-color:#1f2235;border-radius:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:20px;max-width:40%;word-wrap:break-word}.chat_reciever{background-color:#ffc107;color:#000;margin-left:auto}.chat_reciever>.chat_name{color:#d3d3d3}.chat_name{position:absolute;top:-15px;font-weight:800;font-size:xx-small}.chat_timestamp{position:relative;-webkit-flex:1 1;flex:1 1;font-size:10px}.time_container{direction:rtl;-webkit-flex-direction:row;flex-direction:row;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.message_container{margin-bottom:5px}.chat_footer{padding:10px;-webkit-justify-content:space-between;justify-content:space-between;box-shadow:0 -18px 21px -8px #1f2687;-webkit-backdrop-filter:blur(2px);border-bottom-right-radius:30px}.chat_footer,.chat_footer>form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chat_footer>form{-webkit-flex:1 1;flex:1 1}.chat_footer>form>input{margin-left:8px;background:#1f2235;border-radius:20px;padding:8px 8px 8px 10px;style:none}.chat_footer>form>button{display:none}.login_container{background:#313552;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:30px;display:grid;place-items:center;border:2px solid rgba(255,193,7,.7)}.Login_text{color:hsla(0,0%,100%,.8);margin:40px 40px 20px}.login_container>button{text-transform:inherit!important;background-color:hsla(0,0%,100%,.8);color:#000;font-weight:600;font-size:18px;padding:15px 30px;border:2px solid #fff;border-radius:20px;margin:30px}.login_container>button:hover{background-color:hsla(0,0%,100%,.6)}.l{width:20px;height:20px;background-image:url(/static/media/buscar.bbce75f8.svg);margin-right:30px}