body{margin:0;padding:0;font-family:sans-serif;--color-main:#05668d;--color-highlight:#028090;--color-light:#eee;--color-ok:#00a896;--color-danger:#e76f51;--color-neutral:#999;--color-text:#555}.App{font-size:16px;font-family:"Roboto";font-weight:400;position:relative}h3,th{font-weight:500}th{text-align:left}td{border:1px solid var(--color-main);padding:4px;margin:4px}input,textarea{font-family:"Roboto";border:1px solid #ccc;border-radius:4px}button{background-color:initial;padding:5px 10px;border:2px solid #999;border-radius:6px;font-weight:500;font-family:Roboto;color:#333;cursor:pointer}button.small{border-radius:4px;padding:2px 5px}button:hover{box-shadow:inset 0 0 0 20px hsla(0,0%,39.2%,.2)}.disabled button{cursor:default}.disabled button:hover{box-shadow:none}.button-delete{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.button-edit{background-color:var(--color-ok);border-color:var(--color-ok);color:#fff}.button-cancel{background-color:var(--color-neutral);border-color:var(--color-neutral);color:#fff}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:var(--color-main);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.page-header>div{padding:10px}.page-header a{text-decoration:none;color:#fff}.page-header a:hover{color:#c8efff}.account-area{display:flex;align-items:center;flex-wrap:wrap}.account-area .logged-in-user{font-weight:500;display:block;padding:5px;background-color:hsla(0,0%,100%,.2);border-radius:5px}.account-area>a,.sign-out-button{margin-left:10px;padding-left:10px;border-left:2px solid #ccc}.sign-out-button{cursor:pointer;color:#fff}.sign-out-button:hover{color:#c8efff}.profile-container{max-width:400px;margin:auto}.profile-container>div{margin:10px 0}.profile-container .display-name-input{padding:5px;width:300px}.reset-password-link{color:#4682b4;cursor:pointer}.reset-password-link:hover{color:#2e8b57}.invite-code-container{width:250px;margin:20px auto;border:1px solid grey;border-radius:10px;padding:10px}.invite-input{margin:5px 0;font-size:1rem;padding:0 5px;height:24px;width:calc(100% - 20px)}.invite-error{color:var(--color-danger)}.loading-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.loader{display:inline-block;width:48px;height:48px}.loader:after{content:" ";display:block;width:36px;height:36px;margin:1px;border-radius:50%;border-color:hsla(0,0%,39.2%,.5) hsla(0,0%,78.4%,.5) hsla(0,0%,39.2%,.5) transparent;border-style:solid;border-width:5px;-webkit-animation:loader-anim 1.2s linear infinite;animation:loader-anim 1.2s linear infinite}@-webkit-keyframes loader-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loader-anim{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-big{width:100px;height:100px}.loader-big:after{width:78px;height:78px;border-width:10px}.loader-small{width:14px;height:14px}.loader-small:after{width:11px;height:11px;border-width:2px}.bold{font-weight:500}.italic{font-style:italic}.spoiler{background-color:#555}.spoiler:hover{background-color:#eee}span.space{display:block;height:.8rem}img{max-width:300px;max-height:250px}@media only screen and (min-width:768px){img{max-width:600px;max-height:400px}}a.user-link{color:var(--color-main)}.footer{display:flex;justify-content:flex-end;padding:10px;font-size:.9em}.footer>div{margin:0 10px;border:1px solid var(--color-neutral);padding:2px 5px;border-radius:4px}.message-banner{display:flex;align-items:center;justify-content:center;background-color:var(--color-ok);color:var(--color-light);padding:5px}.message-banner button{margin-left:10px;color:var(--color-light);background-color:var(--color-main);border-color:var(--color-light)}.message-banner button:hover{background-color:var(--color-highlight)}.tabs{display:flex;border-bottom:2px solid var(--color-main);margin-bottom:5px}.tabs .tab{display:flex;font-size:1.1rem;align-items:center;justify-content:center;text-decoration:none;color:var(--color-main);border:2px solid var(--color-neutral);border-top-left-radius:8px;border-top-right-radius:2px;border-bottom:none;padding:5px;margin-right:8px;background-color:var(--color-light);color:var(--color-neutral)}.tabs .tab.selected{background-color:initial;color:var(--color-main);border-color:var(--color-main);box-shadow:0 4px 0 -2px #fff}button.button-sort{width:22px;height:20px;padding:3px}.button-sort>.none{width:12px;height:2px;background-color:var(--color-neutral)}.button-sort>.up{border-bottom:8px solid var(--color-ok)}.button-sort>.down,.button-sort>.up{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.button-sort>.down{border-top:8px solid var(--color-ok)}a.user-name-link{color:var(--color-ok);text-decoration:none}a.user-name-link:hover{color:var(--color-highlight)}.dialog-container{position:fixed;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;top:0;left:0;background-color:hsla(0,0%,100%,.75)}.dialog-box{min-width:200px;background-color:#fff;border:2px solid #4682b4;border-radius:8px;padding:10px}.dialog-box.merge-popup{min-width:400px}.dialog-box .dialog-message{margin-bottom:15px}.dialog-box .dialog-buttons{margin-top:15px}.dialog-box .dialog-buttons button:not(:first-child){margin-left:10px}label.top{display:block;margin-bottom:10px}select{display:block;font-size:16px;font-family:sans-serif;font-weight:700;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}select::-ms-expand{display:none}select:hover{border-color:#888}select:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}select option{font-weight:400}.page-message-container{display:flex;height:100vh;font-size:2rem;flex-direction:column;align-items:center;justify-content:center}.page-message-container>div{margin:15px 0}.page-message-container a{color:#4682b4;cursor:pointer}.section-header{font-size:1.5rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;color:var(--color-main);margin-bottom:2px}.section-header .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center}.section-header .title-edit-input{font-size:.9rem;padding:.3rem;width:360px}.section-header .thread-label{font-weight:500;margin-right:8px;text-decoration:none;color:var(--color-main)}.section-header a.thread-label:hover{opacity:.8}.section-header .thread-buttons{display:flex}.section-header button{margin-left:10px}.section-header .title-caret{font-weight:500;margin-right:8px}.section-header .thread-title{font-weight:400}.forum-list-container,.thread-list-container{margin:30px auto;width:90%;max-width:400px}@media only screen and (min-width:768px){.forum-list-container,.thread-list-container{max-width:800px}}.forum-row,.post-container,.thread-row{width:100%;border:1px solid var(--color-highlight);border-radius:4px;padding:5px;margin:8px 0;box-sizing:border-box;background-color:#fff}.forum-row{align-items:center}.thread-row{align-items:stretch}.thread-row.thread-unread{box-shadow:inset 0 0 0 1px var(--color-highlight)}.forum-row .forum-title{display:flex;align-items:center;font-size:1.2em;font-weight:500;min-width:200px}@media only screen and (min-width:768px){.forum-row .forum-title{min-width:300px}}.post-container.editing{background-color:var(--color-light)}.post-container.disabled{opacity:.5}.post-edited{font-size:.875rem;margin:0 5px 10px}.post-edited span:not(:first-child){margin-left:5px}.post-edited .edit-data{color:var(--color-ok);font-weight:500}.forum-row,.thread-row{justify-content:space-between;display:flex;text-decoration:none;color:#333;cursor:pointer}.forum-row:hover,.thread-row:hover{box-shadow:inset 0 0 0 100px hsla(0,0%,78.4%,.2)}.thread-row .thread-title{margin-top:2px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.thread-row .thread-title span{font-size:.8rem;margin:0 2px}.thread-row .thread-title .title-container{display:inline-block}.thread-row .thread-title .icon{margin-right:5px}.thread-row .thread-title .title-text{font-size:1rem;font-weight:500;text-decoration:none;color:var(--color-main)}.thread-row .thread-title .title-page-link{font-size:.8rem;margin:0 2px 0 5px;color:var(--color-main);text-decoration:underline}.thread-row .thread-title .title-page-link:hover{font-weight:500}.thread-row .thread-meta{font-size:.8rem}.thread-meta .post-count{font-size:.9rem;flex-wrap:none}.thread-meta .post-count .post-num{font-weight:500;color:var(--color-main);display:inline-block}.forum-row .forum-meta{font-size:1rem}@media only screen and (min-width:768px){.forum-row .forum-meta,.thread-row .thread-meta,.thread-row .thread-meta .last-updated-info{display:flex;align-items:flex-end}.thread-row .thread-meta{flex-direction:column;justify-content:space-between}}.forum-row .forum-meta span,.thread-row .thread-meta span{margin:0 2px;display:block;white-space:nowrap}@media only screen and (min-width:768px){.forum-row .forum-meta span,.thread-row .thread-meta span{margin:0 2px;display:inline-block}}.forum-row .info,.thread-row .info{color:var(--color-main);font-weight:500}.forum-row .truncatable-name,.thread-row .truncatable-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forum-row .loader,.post-container .loader,.thread-row .loader{display:block;margin:auto}.title-input{width:100%;max-width:800px;height:30px;resize:none;padding:10px;box-sizing:border-box;font-size:.9rem}.form-line{margin:10px 0}.form-line label{font-weight:500;display:block;margin-bottom:3px}.post-list-container{margin:30px auto;width:90%;max-width:800px}.forum-row.unread,.post-container.unread,.thread-row.unread{box-shadow:inset 0 0 0 2px var(--color-highlight)}.icon-comment{color:var(--color-highlight)}.forum-title .icon-comment{margin-right:5px}.post-container .post-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-light);padding:5px}.post-container .post-header .post-user{font-weight:500;display:flex;align-items:flex-end}.post-container .avatar-post{width:60px;height:60px;margin-right:5px}.post-container .post-header .post-date{font-weight:400;font-size:.9rem;display:flex;align-items:flex-end}.post-header-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.post-container .post-footer{border-top:1px solid var(--color-light);padding:5px 5px 0;display:flex;justify-content:space-between;flex-wrap:wrap}.post-container .post-footer>div{margin:2px 0}.post-container .post-footer button:not(:last-child){margin-right:10px}.post-content{padding:15px 5px;color:#555;overflow-x:auto}.post-line{min-height:20px;margin:4px;display:flex;align-items:flex-start;justify-content:flex-start}.post-field-label{font-weight:500;width:100px;text-align:left}.new-post-container{margin-top:20px;padding-top:10px;border-top:2px solid var(--color-main)}.content-line{min-height:10px;margin:0;text-align:left}.content-input{width:100%;max-width:800px;height:200px;resize:none;padding:10px;box-sizing:border-box;font-size:.9rem;line-height:1.2rem}.quote-box{border:1px solid var(--color-highlight);width:calc(100% - 40px);margin:5px auto;background-color:#efefef;padding:5px}.quote-box .quote-info{font-weight:500;font-size:.9rem;background-color:#ddd;padding:2px 4px}.pagination-control{font-weight:400;font-size:1rem;display:flex;align-items:center;justify-content:flex-start;background-color:var(--color-main);color:#fff;padding:4px 8px;border-radius:5px;flex-wrap:wrap}.pagination-control .page-link{margin-left:3px;text-decoration:none;color:#fff;padding:0 2px}.pagination-control .page-link.selected{border:1px solid #fff}.reactions-container{display:flex}.reaction-button{background-color:var(--color-neutral);border-radius:15px;color:#fff;padding:5px;display:flex;align-items:center;justify-content:center;border:none;position:relative;transition:width .3s;width:28px}.reaction-button.has-count{background-color:var(--color-main);width:40px}button.reaction-button:hover{box-shadow:inset 0 0 0 20px hsla(0,0%,100%,.2)}.reaction-button:not(:first-child){margin-left:5px}.reaction-button.user-selected{background-color:var(--color-ok)}.reaction-tooltip{position:absolute;top:25px;left:0;border-radius:8px;background-color:rgba(0,60,100,.9);padding:8px;z-index:10;white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none;text-align:left}.reaction-button{outline:0}.reaction-button:hover .reaction-tooltip{opacity:1}.reaction-tooltip .reaction-users{display:flex;flex-direction:column;align-items:stretch}.reaction-tooltip .reaction-user-name{font-weight:300;font-size:.8rem}.reaction-tooltip .reaction-user-name:first-child{border-top:1px solid #fff;margin-top:4px;padding-top:4px}.icon-reaction{color:#fff}.reaction-count,.role-icon{margin-left:5px}.role-icon{border-radius:50%;color:var(--color-main);border:2px solid var(--color-main);width:1rem;display:flex;align-items:center;justify-content:center;font-size:.8rem}.help-page{width:360px;margin:auto;color:#555}@media only screen and (min-width:768px){.help-page{width:600px}}.help-page h1,.help-page h2{font-weight:500}.help-row{display:flex;border-bottom:1px solid #ccc;font-size:1.2rem}.help-row:first-of-type{border-top:1px solid #ccc}.help-row .label{width:70px;margin-right:10px;flex-shrink:0;background-color:var(--color-main);padding:8px;color:#fff}.help-row .text{padding:8px 5px;border-right:1px solid #ccc;flex:1 1}.help-row .text>div:not(:last-child){margin-bottom:10px}.help-row .aside{font-size:1rem}.admin-container{padding:20px}.admin-table{padding:10px}.table-title{font-weight:500;font-size:1.2rem;color:var(--color-main);margin-bottom:10px}.action-cell{display:flex;justify-content:flex-end;align-items:center}.action-cell button{margin-left:8px}.invite-gen-form{margin:20px;border:1px solid grey;border-radius:10px;padding:10px;width:350px}.invite-code{color:var(--color-ok);font-weight:500;border:1px solid grey;border-radius:8px;margin:5px 0;padding:10px 5px;width:330px;font-size:.8rem}.instructions{font-size:.9rem}button{margin-right:5px}.profile-container{border:1px solid var(--color-highlight);padding:10px;border-radius:6px;margin-top:10px}.profile-container-title{font-size:1.5rem;color:var(--color-main);font-weight:500}.avatar-profile{width:120px;height:120px}.profile-container input{font-size:.9rem}.profile-container textarea{font-size:.9rem;height:60px}.avatar-error{color:var(--color-danger)}.reset-password-link{text-decoration:underline}.user-info-header{display:flex;align-items:flex-end}.user-info{margin-left:10px}.user-info .username{font-size:1.2rem;color:var(--color-main);font-weight:500}.loading-more-data-container{border:1px solid var(--color-highlight);padding:10px;border-radius:6px}.profile-container .section-label{font-size:1.1rem;color:var(--color-main)}.profile-container .text-line{color:var(--color-text)}.profile-container .role{font-size:1.1rem;color:var(--color-ok);text-transform:capitalize}.create-account-container{margin:auto;width:400px}.form-row{display:flex;align-items:center;justify-content:stretch;flex-wrap:wrap;margin:7px 0}.form-row label{width:100px}.form-row input{font-size:.9rem;padding:4px;flex:1 1}.button-container{display:flex;justify-content:flex-end}.error-message{margin:10px 0;padding:4px;border:1px solid var(--color-danger);border-radius:4px;color:var(--color-danger)}button{font-size:.9rem}
/*# sourceMappingURL=main.8586246c.chunk.css.map */