body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html *{box-sizing:border-box;font-family:Arial}body{background:#3f49cc;margin:0;overflow:hidden;padding:0}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#d6dee1;border:6px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px}.btn-outline{background:#3f49cc;border:1px solid #99d9ea;color:#99d9ea}.btn-primary{background:#99d9ea;color:#00186f}.btn-secondary{background:#00186f;color:#fff}.styles_container__-jdcK{align-items:center;background:#3f49cc;display:flex;height:100vh;justify-content:center;width:100%}.styles_formContainer__fvewW{align-items:center;background:#add8e6;border-radius:6px;display:flex;flex-direction:column;gap:28px;margin:0 auto;padding:32px;width:400px}.styles_input__VHbNy{border:1px solid #3f49cc;border-radius:6px;font-size:.9rem;padding:12px;width:100%}.styles_input__VHbNy option{margin-top:20px}.styles_container__NzYst{background:#3f49cc;display:flex;justify-content:center;width:100%}.styles_flex-fill__o1GVf{flex:1 1}.styles_chatContainer__b7erC{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 4fr;margin:0 auto;max-width:1100px}.styles_roomAndUsersColumn__\+wDzf{border-right:1px solid #dfdfdf}.styles_roomTitle__ENRBJ{color:#fff;font-size:2rem;margin-bottom:60px;text-transform:uppercase}.styles_usersTitle__-LUNg{color:#fff;font-size:1.2rem}.styles_usersList__ZGco0{color:#99d9ea;list-style-type:none;margin-bottom:60px;padding-left:0}.styles_usersList__ZGco0 li{margin-bottom:12px}.styles_messagesColumn__ONuvv{background-color:#00008b;height:calc(100vh - 340px);overflow:auto;padding:10px}.styles_message__jEbq2{background:#5367ac;border-radius:4px;margin-bottom:12px;padding:12px 12px 1px}.styles_msgMeta__udc5X{color:#99d9ea;font-size:.75rem}.styles_msgText__PXcfl{color:#fff}.styles_sendMessageContainer__Bx5tZ{padding:16px 20px 20px 16px}.styles_messageInput__Ttid2{border:1px solid #99d9ea;border-radius:6px;font-size:.9rem;margin-right:16px;padding:14px;width:60%}.styles_linkButton__JP44L{background:none!important;border:none;color:#fff;cursor:pointer;font-family:arial,sans-serif;padding:0!important;text-decoration:underline}.styles_btncircle__iSiJ-{border-radius:15px;font-size:12px;height:30px;line-height:1.428571429;padding:6px 0;text-align:center;width:30px}.styles_BoxWithScrollbars__o9wj4{border:1px solid #ddd;box-sizing:border-box;height:300px;overflow-x:scroll;overflow-y:scroll;padding:5px;width:80%}.styles_CloseButton__0TdD\+{align-items:center;background-color:red;color:#fff;display:flex;font-size:36px;height:24px;justify-content:center;padding:0;position:relative}.react-responsive-modal-root{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.react-responsive-modal-modal{background:#fff;box-shadow:0 12px 15px 0 #00000040;display:inline-block;margin:1.2rem;max-width:800px;overflow-y:auto;padding:1.2rem;position:relative;text-align:left;vertical-align:middle}.react-responsive-modal-closeButton{background-color:initial;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:14px}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(100%)}}@keyframes react-responsive-modal-modal-out{0%{opacity:1;transform:scale(100%)}to{opacity:0;transform:scale(.96)}}
/*# sourceMappingURL=main.e269d25c.css.map*/