.chat-outer-container{width:80%;height:85%;display:flex;justify-content:center;align-items:center;border-radius:5px;box-shadow:0 0 30px 0 rgba(44,57,75,.2)}.chat-inner-container{width:100%;height:100%;display:flex;flex-direction:row}.chat-info{width:23%;border-radius:5px 0 0 5px;background-color:#323b48;align-items:center;color:#252525}.chat-info,.chat-main{display:flex;flex-direction:column}.chat-main{width:74%;border-radius:0 5px 5px 0;padding:2em 0;justify-content:space-between;background-color:#fff}@media screen and (max-width:1200px){.chat-outer-container{width:100%;height:100%}.chat-info{width:30%}.chat-main{width:70%}}@media screen and (max-height:600px),screen and (max-width:800px){.chat-outer-container{width:100%;height:100%}.chat-inner-container{flex-direction:column}.chat-info,.chat-main{width:100%;height:100%}.chat-main{padding:3em 0 1em}.pc{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}}.info-bar{width:100%;text-align:center;padding:1em 0;border-bottom:1px solid #dbdbdb}.room-title{color:#fff;text-align:center;line-height:1.3em;font-size:1.8em}.message-form-container{width:100%}.message-form{width:95%;margin:0 auto;display:flex;justify-content:space-between}.message-input{width:95%;padding:10px 20px;border-radius:5px;border:none;outline:none;background-color:#f3f3f3;margin-right:.7em;color:#2c394b;font-size:1.1em;letter-spacing:.2px}.message-input::-webkit-input-placeholder{color:#2c394b}.message-input:-ms-input-placeholder{color:#2c394b}.message-input::placeholder{color:#2c394b}.send-button{width:40px;height:40px;font-size:1.1em;padding:0;background-color:#ff4c29;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .1s ease-in-out;display:block}.send-button:hover{background-color:#e74221}@media screen and (max-width:800px){.send-button{width:45px;height:45px}}@media screen and (max-width:500px){.message-input{font-size:1em}}.message-outer-сontainer{display:flex;flex-direction:column;margin-bottom:1em}.message-right{align-items:flex-end;margin-right:30px}.message-left{align-items:flex-start;margin-left:36px}.message-details{display:flex;flex-direction:row;align-items:flex-end;color:#2c394b}.message-name{line-height:1em;font-size:1.2em;font-weight:600;margin:0 10px 0 0}.message-time{margin:0;line-height:1.2em;font-size:.8em}.message-inner-container{display:flex;justify-content:flex-end;max-width:80%;border-radius:7px;margin:.5em 0}.message-text{font-size:1.1em;width:100%;margin:0;padding:10px 20px;word-wrap:break-word;letter-spacing:.2px}.my-message{background-color:#ff4c29;color:#fff!important}.white-message{background-color:#f3f3f3;color:#2c394b}@media screen and (max-width:500px){.message-name{font-size:1.1em;line-height:1em}.message-text{font-size:1em}.message-right{margin-right:15px}.message-left{margin-left:21px}}.messages{width:100%;margin:0 auto 1em;overflow:auto}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#f5f5f5}::-webkit-scrollbar{width:6px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#ff5f3e}.room-users{width:100%;height:100%;margin:1em 0;color:#fff}.users-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.users{flex:1 1;width:100%}.users-header{font-size:1.5em;text-align:center}.active-container{width:80%;margin:0 auto}.active-item{overflow-wrap:break-word;margin:.5em 0;display:flex;flex-direction:row;align-items:center}.users-name{width:90%;font-size:1.2em;margin:.5em 0}.leave-room-button-container{flex:0 1;margin:1em 0;width:70%}.active-user{color:#ff5735}@media screen and (max-width:800px){.users{margin-bottom:2em}.room-users{height:unset}}@media screen and (max-height:600px){.users{margin-bottom:1em}.room-users{height:unset}}.bm-burger-button{position:fixed;width:26px;height:20px;left:20px;top:15px}.bm-burger-bars{background:rgba(37,37,37,.8901960784313725)}.bm-burger-bars-hover{background:#ff4c29}.bm-cross-button{height:24px;width:24px;top:10px!important;right:16px!important}.bm-cross{background:#fff;height:20px!important}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#323b48}.bm-morph-shape{fill:#373a47}.bm-item{display:inline-block}.bm-overlay{background:rgba(0,0,0,.3)}.bm-burger-button,.bm-menu-wrap{-webkit-transform:scale(0);transform:scale(0);visibility:hidden}@media screen and (max-height:600px),screen and (max-width:800px){.bm-burger-button,.bm-menu-wrap{-webkit-transform:scale(1);transform:scale(1);visibility:visible}}@media screen and (max-width:500px){.bm-burger-button{width:24px;height:18px;left:12px}.bm-menu-wrap{width:100%!important}}*{box-sizing:border-box;font-family:"Roboto",sans-serif}body,html{padding:0;margin:0;overflow:auto;background-color:#222831}#root{display:flex;justify-content:center;align-items:center;height:100vh}.warning-message{color:red;text-align:center}svg{margin:0 5px}.login-outer-container{width:40%;height:50%;background-color:#fff;border-radius:5px;box-shadow:0 0 30px 0 rgba(34,60,80,.2)}.login-inner-container,.login-outer-container{display:flex;justify-content:center;align-items:center}.login-inner-container{width:100%;height:100%;flex-direction:column}.login-header{margin:1em 0;color:#323233;text-align:center}.login-input-box{margin:1em 0;width:70%}.login-input{width:100%;padding:10px 20px;border-radius:5px;border:none;outline:none;background-color:#f3f3f3;font-size:1.1em;letter-spacing:.2px}.login-input::-webkit-input-placeholder{color:#323233}.login-input:-ms-input-placeholder{color:#323233}.login-input::placeholder{color:#323233}.login-button-link{width:70%;margin:1em 0}.login-button{width:100%;padding:10px;background-color:#30475e;color:#fff;font-size:18px;border:none;border-radius:5px;cursor:pointer;transition:all .1s ease-in-out;align-items:center}.login-button:hover{background-color:#273a4e}.red{background-color:#ff4c29}.red:hover{background-color:#e74221}@media screen and (max-width:1100px){.login-outer-container{width:70%}}@media screen and (max-height:500px),screen and (max-width:500px){.login-outer-container{width:100%;height:100%;background-color:#222831}.login-header{color:#fff}}@media screen and (max-height:700px){.login-outer-container{height:70%}}
/*# sourceMappingURL=main.d7b31240.chunk.css.map */