:root{--background:#181818;--background-light:#1b1b1b;--text:#f0f0f0;--text-light:#f0f0f0;--color-primary:#111;--color-secondary:#e5552a;--color-secondary-darker:#bb4724;--color-tertiary:#e5552a;--color-quaternary:#181818;--button:#ffffff13}html[data-theme=light]{--background:#ddd;--background-light:#eee;--text:#1d1d1d;--text-light:#292929;--color-primary:#e4e4e4;--color-secondary:#e5552a;--color-secondary-darker:#bb4724;--color-tertiary:#e5552a;--color-quaternary:#f0f0f0;--button:#0000001c}body{background-color:#181818;background-color:var(--background);overflow:hidden}*,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box;font-family:Arimo,sans-serif;padding:0;transition:all .2s ease-in-out}*,.navbar{color:#f0f0f0;color:var(--text)}.navbar{justify-content:center;padding:1.2em 0;position:relative;z-index:10}.navbar,.navbar .user-info{align-items:center;display:flex}.navbar .user-info{position:absolute;right:1em}.navbar .user-info .user-status{border-radius:50%;height:.5em;margin-right:.5em;width:.5em}.navbar .user-info .user-status.connected{background-color:#0f8;box-shadow:0 0 10px 1px rgba(0,255,136,.678)}.navbar .user-info .user-status.disconnected{background-color:#f30;box-shadow:0 0 10px 1px rgba(255,51,0,.753)}.navbar .user-info .user-name{font-size:1.2em;font-weight:400;margin-left:.3em;margin-right:.5em;max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .user-info .button{-webkit-transform:scale(.9);transform:scale(.9)}.navbar .nav-logo{align-items:center;display:flex}.navbar .nav-logo h1{font-size:1.5em;font-weight:900;position:relative;text-align:center}.flex{display:flex}input,textarea{background-color:#1b1b1b;background-color:var(--background-light);border:none;border-radius:.4em;font-size:1em;margin:.5em 0;outline:none;padding:.8em 1em}label{align-items:center;display:flex;font-size:1.1em;font-weight:800}label svg{margin-right:.5em}.button{align-items:center;background-color:#e5552a;background-color:var(--color-secondary);border:none;border-radius:.4em;color:#f0f0f0;color:var(--text);cursor:pointer;display:flex;font-size:.95em;font-weight:600;justify-content:center;margin:.5em 0;outline:none;padding:.7em 1.2em;transition:all .2s ease-in-out}.button.button-dark{background-color:#ffffff13;background-color:var(--button)}.button:hover{background-color:#e5552a;background-color:var(--color-secondary)}.button svg{margin-left:.5em}.modal-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:50}.modal-container h2{font-size:1.5em;font-weight:800;margin-bottom:1.5em}.modal-container .modal{background-color:#181818;background-color:var(--background);border-radius:.5em;display:flex;flex-direction:column;padding:5em}.modal-container .modal label{margin-bottom:.5em}.modal-container .button{margin:2em 0 0}.chat-rooms-container{margin:0 auto;overflow:hidden}.chat-rooms-container h3{font-size:.9em;font-weight:400;margin-bottom:.8em}.chat-rooms-container .chat-rooms{display:flex;justify-content:start;min-height:40px}.chat-rooms-container .chat-rooms p.info{color:#ffffff13;color:var(--button);margin-top:.5em;text-align:center;width:100%}.chat-rooms-container .chat-rooms .chat-room{-webkit-user-drag:none;align-items:center;background-color:#ffffff13;background-color:var(--button);border:1px solid #ffffff13;border:1px solid var(--button);border-radius:.5em;cursor:pointer;display:flex;margin-right:1em;padding:.6em 1em;-webkit-user-select:none;user-select:none}.chat-rooms-container .chat-rooms .chat-room:hover{background-color:#111;background-color:var(--color-primary);color:#f0f0f0;color:var(--text)}.chat-rooms-container .chat-rooms .chat-room.active{background-color:#111;background-color:var(--color-primary);border:1px solid #e5552a;border:1px solid var(--color-secondary)}.chat-rooms-container .chat-rooms .chat-room h4{font-size:.9em;font-weight:600;margin:0 .5em}.chat{background-color:#111;background-color:var(--color-primary);border-radius:1em;margin:2em auto 0;overflow:hidden;position:relative;z-index:30}.chat.chat-fullscreen{margin:1.2em auto;top:-4.2em;width:80%}.chat.chat-fullscreen .chat-messages{max-height:70vh;min-height:70vh}.chat .chat-messages{background-image:url(/static/media/chat-bg.f2c9c6cc66f9655e2eeb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;max-height:55vh;min-height:55vh;overflow-y:scroll;padding:1.5em 1em 0}.chat .notification{font-size:.9em;margin:1.8em auto;text-align:center}.chat .notification .message-time{margin-top:.5em}.chat .message{background-color:#181818;background-color:var(--color-quaternary);border-radius:8px;box-shadow:0 20px 16px -14px rgba(0,0,0,.1);line-break:auto;margin:10px auto 10px 0;max-width:80%;padding:.7em .8em .55em;position:relative;text-align:left;width:-webkit-max-content;width:max-content;word-break:break-all}.chat .message.me{background-color:#e5552a;background-color:var(--color-tertiary);margin:10px 0 10px auto;text-align:right}.chat .message .message-author{color:#e5552a;color:var(--color-secondary);font-size:.85em;font-weight:700;margin-bottom:0;padding-left:.2em;-webkit-user-select:none;user-select:none}.chat .message.other .message-text{padding:.65em .2em}.chat .message .message-text{padding:.25em .2em}.chat .message .message-time{font-size:.8em;font-weight:500;margin:.3em 0 0;text-align:right}.chat .chat-header{align-items:center;background-color:#111;background-color:var(--color-primary);display:flex;justify-content:center;left:0;padding:.8em 2em .4em;top:0;width:100%;z-index:10}.chat .chat-header h3{font-size:1.7em;font-weight:500;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat .chat-header .chat-room-users{align-items:center;display:flex;font-size:.9em;font-weight:700;justify-content:center;margin-right:3em}.chat .chat-header .chat-room-users svg{margin-right:.4em}.chat .chat-header .chat-header-title{align-items:center;display:flex;font-size:1.2em;font-weight:700;margin-right:1em}.chat .chat-header .chat-header-title svg{margin-left:.4em}.chat .chat-header .button{margin-left:1em}.chat .chat-header .chat-maximize{align-items:center;background-color:#1b1b1b;background-color:var(--background-light);border-radius:50%;cursor:pointer;display:flex;height:2.5em;justify-content:center;position:absolute;right:2em;width:2.5em}.chat .chat-header .chat-maximize:hover{background-color:#ffffff13;background-color:var(--button)}.chat .chat-header .chat-maximize svg{height:2.5em;padding:.6em;width:2.5em}.chat .user-typing{color:#ffffff13;color:var(--button);font-size:.85em;height:1.3em;text-align:center}.chat .user-typing p{margin-bottom:.4em}.chat .disabled{-webkit-user-drag:none;cursor:not-allowed;opacity:.5;-webkit-user-select:none;user-select:none}.chat .chat-footer{align-items:center;display:flex;justify-content:space-between;padding:1em 1.5em .6em}.chat .chat-footer .chat-input{word-wrap:break-word;border:1em solid #1b1b1b;border:1em solid var(--background-light);border-radius:.55em;font-size:.95em;margin-right:1em;padding:.5em;resize:none;width:100%;word-break:break-word}.chat .chat-footer .button{background-color:transparent;padding:.8em}.chat .chat-footer .button svg{height:1.5em;width:1.5em}.theme-button{align-items:center;background-color:#1b1b1b;background-color:var(--background-light);border-radius:.5em;bottom:1em;cursor:pointer;display:flex;height:4em;justify-content:center;position:absolute;right:1em;width:4em;z-index:10}.theme-button svg{height:1.2em;width:1.2em}.footer-credits{bottom:0;color:#f0f0f0;color:var(--text);font-size:.9em;left:0;padding:.5em;position:absolute;text-align:center;width:100%;z-index:10}.footer-credits a{color:#e5552a;color:var(--color-secondary);font-weight:700;text-decoration:none}.footer-credits a:hover{text-decoration:underline}@media screen and (max-width:768px){.chat,.chat-rooms-container{margin:.6em auto 0;width:95%}.chat .chat-messages,.chat-rooms-container .chat-messages{min-height:60vh;padding:0 1em}.chat .chat-messages .message-text,.chat-rooms-container .chat-messages .message-text{font-size:.85em}.chat .chat-messages .message-time,.chat-rooms-container .chat-messages .message-time{font-size:.7em}.chat .chat-messages .chat-notification,.chat-rooms-container .chat-messages .chat-notification{font-size:.8em}.chat .chat-header,.chat-rooms-container .chat-header{justify-content:space-between;padding:.3em}.chat .chat-header .chat-header-title,.chat-rooms-container .chat-header .chat-header-title{display:none}.chat .chat-header label,.chat-rooms-container .chat-header label{font-size:.8em}.chat .chat-header input,.chat-rooms-container .chat-header input{width:10em}.chat .chat-header h3,.chat-rooms-container .chat-header h3{font-size:1.4em;font-weight:700}.chat .chat-header .button-text,.chat-rooms-container .chat-header .button-text{display:none}.chat .chat-header .button-text+svg,.chat-rooms-container .chat-header .button-text+svg{margin-left:0}.chat .chat-footer,.chat-rooms-container .chat-footer{padding:.5em 1em}.chat .chat-footer .chat-input,.chat-rooms-container .chat-footer .chat-input{border-width:.5em}.chat .chat-footer .button,.chat-rooms-container .chat-footer .button{padding:.3em}.navbar{display:flex;justify-content:space-between;padding:0 1em}.navbar h1{font-size:1.2em}.navbar h1+svg{height:1em;margin-left:.2em;width:1em}.navbar .user-info{position:relative;right:0}.navbar .user-info .user-name{font-size:1em;max-width:6em}.modal-container .modal{padding:4em 2em}.theme-button{height:3em;top:50%;width:3em}.theme-button svg{height:1em;width:1em}}@media screen and (min-width:768px){.chat,.chat-rooms-container{width:70%}}@media screen and (min-width:1024px){.chat,.chat-rooms-container{width:55%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#111;background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bb4724;background:var(--color-secondary-darker)}
/*# sourceMappingURL=main.07b9ccbf.css.map*/