.App{display:flex;flex-direction:column;height:100%}.Logout{padding:6px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.LoadIndicator{display:flex;width:100%;height:100%;overflow:hidden}.LoadIndicator>.inner{width:70%;max-width:500px;margin:auto;border-color:transparent #76b9e5;border-style:solid;border-width:5px;border-radius:50%;-webkit-animation:spin 1.1s ease infinite;animation:spin 1.1s ease infinite}.LoadIndicator>.inner:after{content:"";display:block;padding-bottom:100%}.Header{display:flex;justify-content:space-between;flex:none;height:45px;overflow:hidden;background-color:#1e476d;-webkit-transition:height .5s ease;transition:height .5s ease}.Header .title-group{display:flex;flex:1 1;overflow:hidden}.Header .title-group a{display:flex;flex-shrink:1;max-width:100%}.Header .logo{height:45px}.Header .title,.Header a{text-decoration:none}.Header .title{flex-shrink:1;margin:0 10px;color:#e6f2fa;font-size:1.2em;line-height:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Header .title .short{display:none}@media only screen and (max-width:375px){.Header .title .short{display:inline}.Header .title .long{display:none}}.Header .right{display:flex;justify-content:space-between;align-items:center;flex:none}.Header .right .actions a{margin-left:5px}.Header .right .actions svg{font-size:1.4em;vertical-align:middle}@media screen and (max-height:250px){.Header{height:0}}.Alert{padding:5px 5px 0}.Alert .close{vertical-align:text-top;font-size:1.5em;height:.75em;line-height:0;overflow:hidden;margin:0 5px;padding:0 0 4px;border:none}.Alert .close:hover{color:#00acff}.CloseButton{z-index:1;position:absolute;top:.5em;right:.5em;font-size:1.75em}.Emote{vertical-align:middle}.User{padding:2px 0}.User .name{cursor:pointer;white-space:pre-wrap;overflow-wrap:break-word}.User .name:hover{color:#76b9e5}.UserActions{border:2px solid #bbc5cc;border-radius:3px;background-color:#152a4c}.UserActions a{text-decoration:none}.UserActions .action{cursor:pointer;padding:2px;color:#e6f2fa}.UserActions .action:hover{background-color:#2b579c}.Post{padding:8px 5px}.Post:nth-child(2n){background-color:#152a4c}.Post .timestamp{font-family:Times New Roman,Courier New,Courier,monospace;font-size:.8em}.Post .poster{margin-right:5px;font-weight:800}.Post .poster,.Post .poster>.User{display:inline-block}.Post .chatmined{vertical-align:middle;margin-right:5px}.Post .post{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;vertical-align:top;margin-top:2px;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word}.Post .post p,.Post .post pre{margin:0}.Post .post p+p{margin-top:.4em}.Post .post blockquote{margin:.5em 0 .5em 1em;border-left:3px solid #bbc5cc;padding-left:1em}.Post .post img{max-width:100%;max-height:100vh}.PostActions svg{vertical-align:middle;margin-left:5px;cursor:pointer;color:#76b9e5}.PostActions svg.delete{color:#991e1e}.PostActions svg.star{color:#ff0}.PostActions svg.star.voted{cursor:inherit}.ArchiveContainer{display:flex;justify-content:space-between;flex:1 1;align-self:stretch;min-height:0;border:2px solid #bbc5cc;border-radius:3px;margin:5px;position:relative;flex-direction:column;justify-content:flex-start;overflow-y:auto}.ArchiveContainer h2{padding:2px;margin:0}.ArchiveContainer>.LoadIndicator{flex-shrink:0}.ArchiveContainer>.more{display:flex;justify-content:center;padding:5px}.Login h4{margin:10px}.Login .form-item{display:flex;justify-content:space-between;align-items:baseline;max-width:300px;margin:0 auto 10px}.Login .form-item button,.Login .form-item input{width:100%}.SidebarNavigation{margin-left:5px;margin-top:-3px;padding-bottom:3px;font-size:1.5em;white-space:nowrap}.SidebarNavigationLink{display:inline-block;margin-left:5px}.SidebarNavigationLink:first-child{margin-left:0}.SidebarNavigationLink svg{vertical-align:middle}.MessageHeader>.User{display:inline-block;font-weight:700}.Jump{z-index:1;position:absolute;top:5px;left:50%;margin-left:-43px;padding:0 5px 2px;border-radius:3px;opacity:.65;background-color:#1e476d;cursor:pointer;text-align:center;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.Jump svg{font-size:.8em}.Jump:hover{opacity:.9}.PostContainer{display:flex;flex-direction:column;position:relative;margin:5px;flex:1 1;min-height:0;min-width:0}.PostContainer .post-wrapper{border:2px solid #bbc5cc;border-radius:3px;position:relative;display:flex;flex-direction:column-reverse;flex:1 1;overflow-y:auto;overflow-anchor:none;margin-bottom:5px}@supports (-moz-appearance:meterbar){.PostContainer .post-wrapper{flex-direction:column;margin-top:auto}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.PostContainer .post-wrapper{flex-direction:column;margin-top:auto}}@supports (-ms-ime-align:auto){.PostContainer .post-wrapper{flex-direction:column;margin-top:auto}}.PostContainer .input-container{display:flex;justify-content:space-between;align-items:flex-end}.PostContainer .CloseButton{top:-.15em;right:0}.PostInput{position:relative;width:100%}.PostInput>.inner{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;border:2px solid #bbc5cc;border-radius:3px;padding:4px;min-height:33px;max-height:150px;overflow:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;resize:none}.PostInput>.LoadIndicator{position:absolute;right:5px;top:0}.PostInput>.LoadIndicator .inner{width:25px}.ChatContainer{display:flex;justify-content:space-between;flex:1 1;align-self:stretch;min-height:0}.SidebarContainer{display:flex;flex-direction:column;max-width:200px;height:100%;padding:0 2px}.SidebarContainer .header{font-family:Palanquin,Helvetica,Arial,sans-serif;font-weight:500;font-weight:700;border-bottom:2px solid #bbc5cc;padding:0 4px;margin:0 -2px}.SidebarContainer .content{flex:1 1;overflow-y:auto;padding:2px}.InsertSidebar p{margin:5px 0;cursor:pointer}.InsertSidebar p.strike{text-decoration:line-through}.InsertSidebar p:hover{color:#76b9e5}.ChatSidebar{display:flex;flex-direction:column;border:2px solid #bbc5cc;border-radius:3px;position:relative;flex:initial;min-height:0;min-width:0;margin:5px 5px 5px 0}.ChatSidebar .collapse{z-index:2;position:absolute;-webkit-transform:translate(-100%,20%);transform:translate(-100%,20%);font-size:1.2em;opacity:.4}.ChatSidebar .collapse:hover{opacity:.8}.RequestAccess{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;overflow-y:auto;min-height:300px;align-self:stretch}.RequestAccess>p{margin:2em 0;text-align:center}.RequestAccess>input,.RequestAccess>p{width:700px;max-width:80%}.RequestAccess>label{display:block;font-size:.8em}.RequestAccess>input{margin:.5em}.ChatmineContainer{display:flex;justify-content:space-between;flex:1 1;align-self:stretch;min-height:0;border:2px solid #bbc5cc;border-radius:3px;margin:5px;position:relative;flex-direction:column;justify-content:flex-start;overflow-y:auto}.ChatmineContainer>p,.ChatmineContainer h2{padding:2px;margin:0}.ChatmineContainer>p{margin-bottom:1.5em}.ImageDrop{position:relative;width:250px;height:250px;border:2px dashed #bbc5cc;border-radius:5px;display:flex;justify-content:space-around;align-items:center;text-align:center}.ImageDrop.active{border-style:solid;background-color:#1e476d}.ImageDrop.reject{border-color:red}.ImageDrop.accept{border-color:green}.ImageDrop img{max-width:100%;max-height:100%}.ExampleEmote{display:inline-block;width:150px;margin:10px;text-align:center}.ExampleEmote img{height:auto;max-width:100%}.ExampleEmote .name{text-align:center;font-size:.8em;margin-top:5px}.Emotes input{margin-bottom:1em;width:250px}.Emotes .name-missing{color:#991e1e}.Profile form{margin-bottom:1em}.Profile label{display:inline-block;width:120px;font-size:.8em}.Profile input+button,.Profile label+input{margin-left:1em}.Profile button,.Profile input{display:inline-block;margin:3px 0}.UserList .users-table *{color:#e6f2fa;border-color:#bbc5cc;background-color:initial}.UserList .users-table svg{fill:#76b9e5}.UserList .users-table .rdt_TableRow{cursor:pointer}.UserList .users-table .rdt_TableRow:hover *{color:#76b9e5;font-weight:700}.Panel{border:2px solid #bbc5cc;border-radius:3px;padding:10px;display:inline-block}.Panel>:first-child{margin-top:0}.Panel>:last-child{margin-bottom:0}.BanForm button,.BanForm input{margin:3px 0}.BanForm input{margin-right:1em}.UserProfile .back{text-decoration:none}.UserProfile .back svg{vertical-align:middle}.UserProfile .panels{display:flex;justify-content:left;flex-wrap:wrap;align-items:flex-start}.UserProfile .panels .Panel{margin-top:10px;margin-right:15px;min-width:200px}.UserProfile .panels .Panel h2{text-align:center}.UserProfile .panels .Panel select{width:100%}.UserProfile ul{list-style-type:none;margin-top:0;padding-left:0}.UserProfile ul li:not(:first-child){margin-top:10px}.SettingsContainer{display:flex;justify-content:space-between;width:100%;height:100%;min-height:0;position:relative}.SettingsContainer .settings-pane{flex:1 1;overflow-y:auto;padding:5px 10px;background-color:#101f38}.SettingsCategory{padding:10px;display:block;text-decoration:none}.SettingsCategory:hover{background-color:#132d45}.SettingsCategory.active{background-color:#1e476d}.SettingsNav{display:flex;flex-direction:column}.SettingsNav h3{margin:5px 15px;text-align:center}.MainContainer{display:flex;flex-direction:column;align-items:center;flex:1 1;min-height:0}::-webkit-scrollbar-track{border-radius:10px;background-color:initial}::-webkit-scrollbar{width:8px;background-color:initial}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#bcdcf2}::-webkit-scrollbar-thumb:hover{background-color:#76b9e5}input,select,textarea{border:2px solid #bbc5cc;border-radius:3px;font-family:Merriweather,Helvetica,Arial,sans-serif}input.invalid,select.invalid,textarea.invalid{border:1px solid #991e1e}input,select{padding:4px 5px}button:disabled{color:#bcdcf2;border-color:#667a88;cursor:not-allowed}*{box-sizing:border-box}#root,body,html{height:100%}body{font-family:Merriweather,Helvetica,Arial,sans-serif;min-width:290px;margin:0;padding:0}body,button,input,select,textarea{background-color:#0a1424;color:#e6f2fa;border-radius:3px}h1,h2,h3,h4,h5,h6{font-family:Palanquin,Helvetica,Arial,sans-serif;font-weight:500;margin:.5em 0}button{border:2px solid #bbc5cc;border-radius:3px;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;padding:3px 10px 5px}a[href]{color:#76b9e5}a[href],button{cursor:pointer}#root{position:fixed;display:flex;flex-direction:column;flex:1 1;width:100%}
/*# sourceMappingURL=main.5ba611f0.chunk.css.map */