.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.registerContainer{display:flex;flex-direction:column;height:85vh;justify-content:center;padding:20px;row-gap:30px;width:100vw}.registerTitle-h1{color:var(--main-blue);margin-bottom:15px;text-align:center}.registerTitle-h2{text-align:center}.formContainer{align-items:center;display:flex;flex-direction:column;margin:0 auto;row-gap:15px;width:200px}.formContainer-input{border:1px solid grey;border-radius:5px;height:35px;padding:5px;width:200px}.formContainer-input:focus{outline:none}.formContainer-input-error{color:red;font-size:1rem}.formContainer-signBtn{align-items:center;background-color:var(--main-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;transition:background-color .2s ease;width:100%}.formContainer-signBtn:hover{background-color:var(--hover-blue)}.formContainer-changeMethodConnexionBtn{background-color:var(--main-green);border:none;border-radius:5px;color:#fff;cursor:pointer;height:35px;transition:background-color .2s ease;width:200px}.authMessageError{color:red;font-size:1.3rem;text-align:center}.formContainer-changeMethodConnexionBtn:hover{background-color:var(--hover-green)}@media screen and (min-width:768px){.registerContainer{align-items:center;-webkit-column-gap:150px;column-gap:150px;flex-direction:row;row-gap:none}.formContainer{margin:0;width:270px}.registerTitle-h1{font-size:4.7rem}.registerTitle-h2{font-size:1.8rem}.formContainer-changeMethodConnexionBtn,.formContainer-input,.formContainer-signBtn{height:40px;width:270px}}.lds-roller-auth{display:inline-block;height:80px;position:relative;-webkit-transform:scale(.3);transform:scale(.3);width:80px}.lds-roller-auth div{-webkit-animation:lds-roller-auth 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller-auth 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller-auth div:after{background:#fff;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller-auth div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller-auth div:first-child:after{left:63px;top:63px}.lds-roller-auth div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller-auth div:nth-child(2):after{left:56px;top:68px}.lds-roller-auth div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller-auth div:nth-child(3):after{left:48px;top:71px}.lds-roller-auth div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller-auth div:nth-child(4):after{left:40px;top:72px}.lds-roller-auth div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller-auth div:nth-child(5):after{left:32px;top:71px}.lds-roller-auth div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller-auth div:nth-child(6):after{left:24px;top:68px}.lds-roller-auth div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller-auth div:nth-child(7):after{left:17px;top:63px}.lds-roller-auth div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller-auth div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller-auth{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller-auth{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mainConversationContainer{padding:20px}.chat-title{text-align:center}.conversationContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px}.conversationContainer-item{align-items:center;border:2px solid var(--main-blue);border-radius:15px;box-shadow:1px 3px 22px -5px rgba(0,0,0,.27);display:flex;justify-content:space-between;margin-top:20px;padding:8px;transition:.2s ease;width:100%}.conversationContainer-item:hover{background-color:var(--main-blue)}.conversationContainer-h2{color:var(--main-blue);transition:color .2s ease}.conversationContainer-icon{color:var(--main-blue);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.conversationContainer-item:hover .conversationContainer-h2{color:#fff}.conversationContainer-item:hover .conversationContainer-icon{color:#fff;-webkit-transform:rotate(0);transform:rotate(0)}.chatWindowMessageError{color:red;font-size:2rem;text-align:center}.loadingDataContainer{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.lds-roller{display:inline-block;height:80px;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{background:var(--main-blue);border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mainContainer{align-items:center;display:flex;height:80vh;justify-content:center;padding:20px;text-align:center;width:100vw}.headerBg{background-color:var(--main-blue);display:flex;height:10vh;padding:0 20px;width:100vw}.headerContainer{align-items:center;display:flex;flex:1 1;justify-content:space-between;margin:0 auto;max-width:1000px}.headerContainer-h1{color:#fff}.headerContainer-nav{-webkit-column-gap:25px;column-gap:25px;display:flex}.headerContainer-icon{color:#fff;cursor:pointer}.mainUserList-container{padding:20px}.userList-title{text-align:center}.userContainer{align-items:center;border-radius:15px;box-shadow:1px 3px 22px -5px rgba(0,0,0,.27);-webkit-column-gap:15px;column-gap:15px;cursor:pointer;display:flex;justify-content:flex-start;margin:20px auto 30px;max-width:600px;padding:8px;transition:background-color .2s ease-out}.userContainer:hover{background-color:var(--main-blue)}.userContainer-name{transition:color .2s ease-out}.userContainer:hover .userContainer-name{color:#fff}.userContainer-avatar{width:45px}.userListMessageError{color:red;font-size:2rem;text-align:center}.mainNewConversationRoom-container{align-items:center;display:flex;flex-direction:column;height:85vh;justify-content:center;padding:20px;row-gap:25px}.newConversationRoom-title{text-align:center}.newConversationRoom-form{display:flex;flex-direction:column;justify-content:center;row-gap:15px;width:200px}.newConversationRoom-input{border:1px solid grey;border-radius:5px;height:35px;padding:5px;width:200px}.newConversationRoom-input:focus{outline:none}.newConversationRoom-btn{align-items:center;background-color:var(--main-blue);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center}.newConversationRoom-input-error{color:red;font-size:1rem}.existingConversationRoomError{color:red;font-size:1.3rem;text-align:center}@media screen and (min-width:768px){.newConversationRoom-form{width:270px}.newConversationRoom-btn,.newConversationRoom-input{height:40px;width:270px}}.conversationRoom-container{display:flex;flex-direction:column;height:90vh;justify-content:space-between;margin:0 auto;max-width:1024px}.conversationRoom-messageError{color:red;font-size:1.8rem;font-weight:700;text-align:center}.conversationRoom-title{margin-top:15px;text-align:center}.messagesContainer{display:flex;flex:1 1;flex-direction:column;margin-top:20px;overflow-y:scroll;padding:0 15px 15px;row-gap:25px;scroll-behavior:smooth}.emptyMessageList-message{font-size:2.8rem;margin-top:150px;text-align:center}.newUser-container{color:#000;display:flex}.senderMessage-container{background-color:var(--main-blue);border-radius:15px 15px 2px 15px;color:#fff;margin-left:auto;max-width:75%;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-paragraph{align-items:center;-webkit-column-gap:5px;column-gap:5px;display:flex;font-size:1.3rem;margin-top:2px}.message-sender{font-size:1.5rem;font-weight:700}.senderMessage-time{font-size:1rem;text-align:right}.guestMessage-container{background-color:var(--main-green);border-radius:15px 15px 15px 2px;color:#fff;max-width:70%;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.guestMessage-time{font-size:1rem}.conversationRoom-inputContainer{background-color:var(--main-blue);display:flex;margin:0 auto;padding:8px;width:100%}.conversationRoom-inputContainer-input{border:none;border-radius:25px;flex:0.9 1;height:30px;padding:5px 10px}.conversationRoom-inputContainer-input:focus{outline:none}.conversationRoom-inputContainer-btn{align-items:center;background-color:#fff;border:none;border-radius:25px;cursor:pointer;display:flex;flex:0.1 1;height:30px;justify-content:center;margin-left:8px;padding:5px}.conversationRoom-inputContainer-btn:focus{outline:none}@media screen and (min-width:1024px){.conversationRoom-container{border:3px solid var(--main-blue);border-top:none}}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}:root{--main-blue:#005b96;--main-green:#10a537;--hover-blue:#005a96c9;--hover-green:#10a538d2;font-size:10px}p{font-size:1.8rem}h1{font-size:2.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.66a32900.css.map*/