@import url(https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Michroma&family=Open+Sans:wght@300;400;500&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Tourney:wght@100&display=swap);*{font-family:Poppins,sans-serif}.outerContainer{align-items:center;height:100vh;justify-content:center;width:100%}.outerContainer .echat{color:#11103b;font-size:x-large;font-weight:700;letter-spacing:.3rem;opacity:1}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.btn__join{width:100%}.conteneurChat{background-color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}*{margin:0;padding:0}.btn__deconnected a{align-items:center;color:#fff;justify-content:center;text-decoration:none}.pInfoBar{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700}.spanInfoBar{font-size:.7rem}.btn__deconnected .exit{font-size:1.3rem}.BarTop .logo{font-size:1.7rem;margin:0}@media (max-width:200px){.spanInfoBar{display:none}}.outer__input{background-color:#f3f6fb;color:#3c4043;display:flex;flex-direction:row;gap:1rem;padding:1rem}.input__message{align-items:center;display:flex;flex:2 1;padding:.5rem}.sendIcon{font-size:medium}.outer__input .empty{align-items:center;color:gray;display:flex;flex:1 1;font-size:small;justify-content:center}.outer__input .empty p{position:relative;text-align:center}@media (max-width:1024px){.empty p{font-size:.7rem}}@media (max-width:768px){.empty p{font-size:.6rem;margin-top:.2rem}}@media (max-width:500px){.outer__input{flex-direction:column-reverse}.input__message,.outer__input{margin:0;padding:0 0 1rem}.input__message{padding-bottom:0;padding-left:1rem;padding-top:.5rem}.custom-label{font-size:5px}.empty p{margin-top:.2rem}}#outerMessages{display:flex;flex:10 1;height:100%;overflow:hidden}.firstContainer{display:flex;flex:1 1;padding:0}.secondContainer{flex:2 1;overflow-y:auto;padding:1rem;scrollbar-width:none}.secondContainer::-webkit-scrollbar{display:none}.card-message{background-color:#fff;margin-top:1rem;min-height:100%;padding:1rem}.onlineContainer{align-items:stretch;display:flex;flex:1 1;flex-direction:column}.onlineContainer .textInfo{margin-top:1rem;text-align:center}.personOuter{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.personOuter p{color:#3c4043;font-size:1.1rem;margin-top:.5rem}.onLine{display:flex;flex:2 1;flex-direction:column;flex-grow:1;height:calc(100% - 250px)}.onLine .titleOnline{background:#f3f6fb;color:#646368;font-family:Poppins,sans-serif;font-size:.8rem;gap:0;margin:0 0 .5rem;padding:.3rem;text-align:center}.UserOnline{overflow-y:auto}.listeUserOnline{display:flex;margin-bottom:.5rem;padding:0;width:100%}.divUserOnline{align-items:center;display:flex;flex:4 1;flex-direction:row;gap:10px;height:2rem}.divUserOnline p{color:gray;font-size:.9rem}.umptyDivOnline{flex:1 1}.tab{display:none}@media (max-width:1024px){.divUserOnline p,.firstContainer,.personOuter p{font-size:.9rem}}@media (max-width:500px){#outerMessages{display:none}.tab{display:flex;flex:10 1;flex-direction:column;height:66vh}.tabOnline{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.personOuterTab{align-items:center;color:#3c4043;flex-grow:1;justify-content:center}.onLineTab,.personOuterTab{display:flex;flex-direction:column}.onLineTab{flex:1 1;flex-grow:1;margin-top:1rem}.titleOnlineTab{background:#f3f6fb;border-radius:5px 5px 5px 5px;color:#646368;font-family:Poppins,sans-serif;font-size:.9rem;gap:0;margin:0 0 .5rem;padding:.3rem;text-align:center}.UserOnlineTab{-ms-overflow-style:none;max-height:calc(100vh - 21rem);overflow-y:auto;padding:5px;scrollbar-width:none}.UserOnlineTab::-webkit-scrollbar{display:none}.divUserOnlineTab,.listeUserOnlineTab{display:flex}.divUserOnlineTab{gap:10px}.listeUserOnlineTab{margin-top:.8rem}.tabDiscussion{height:100vh}.card-messageTab{-ms-overflow-style:none;margin-top:-25px;max-height:calc(100vh - 11.3rem);overflow-y:auto;padding:0;scrollbar-width:none}.card-messageTab::-webkit-scrollbar{display:none}}.justifyEnd{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-bottom:.8rem;padding-right:.5%}.justifyEnd .backgroundBlue{background-color:#1a73e8;border-radius:1rem 1rem 0 1rem;max-width:70%;padding:0 .5rem}.justifyEnd .backgroundBlue p{color:#fff;font-size:.9rem;margin:0;padding:.4rem}.justifyStart{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;margin-bottom:.8rem;padding-left:.5%}.justifyStart .sentText{color:#9c9c9c;font-size:.8rem;margin:0}.justifyStart .containerTextSender{background:#f3f6fb;border-radius:0 1rem 1rem 1rem;max-width:70%;padding:0 .5rem}.justifyStart .containerTextSender p{font-size:.9rem;margin:0;padding:.4rem}.adminText{align-items:center;color:#adadad;font-size:.7rem;justify-content:center;margin-bottom:1rem;margin-top:1rem;text-align:center}.full-screen{background-color:#000c;cursor:zoom-out;height:100%;left:0;object-fit:contain;position:fixed;top:0;width:100%;z-index:9999}.file-image{max-height:50%;max-width:200px}
/*# sourceMappingURL=main.72993ef1.css.map*/