@font-face{font-family:freight-text-pro;src:url(/fonts/freight-text-pro.woff2) format("woff2"),url(/fonts/freight-text-pro.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:freight-text-pro;src:url(/fonts/freight-text-pro-bold.woff2) format("woff2"),url(/fonts/freight-text-pro-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:freight-text-pro;src:url(/fonts/freight-text-pro-italic.woff2) format("woff2"),url(/fonts/freight-text-pro-italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:nunito;src:url(/fonts/Nunito-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:nunito;src:url(/fonts/Nunito-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:nunito;src:url(/fonts/Nunito-Italic.ttf);font-weight:400;font-style:italic}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:nunito,sans-serif}a{color:#4343ff;cursor:pointer;font-weight:700;text-decoration:underline}body>div{height:100%}.container{display:flex;height:100%}.sidebar{flex-shrink:0;overflow:auto;position:relative;width:200px}.sidebar h2,.sidebar h3,.sidebar form{padding:8px}.sidebar h2{font-size:16px;margin:0}.sidebar h3{font-size:14px;margin:0}.sidebar form h2{padding:0;margin-bottom:8px}.sidebar hr{background:#ccc;border:none;margin:8px;height:1px}.sidebar p{margin:8px}.sidebar ul{font-size:16px;list-style:none;margin:0;padding:0}.sidebar ul li{padding:4px 8px}.sidebar .error{color:#d01010;font-weight:700;margin:8px}.sidebar.rooms{border-right:1px solid #777}.sidebar.rooms ul li{cursor:pointer}.sidebar.rooms ul li a{text-decoration:none}.sidebar.rooms ul li:hover{background:#ccc}.sidebar.rooms ul li.current{background:#aaa}.sidebar.rooms ul li.current a{color:#111;font-weight:700}.sidebar.rooms ul li svg{float:right;margin:4px 0}.sidebar.online{border-left:1px solid #777;display:none}.sidebar.online a{text-decoration:none}.sidebar.online.show{display:block}.sidebar.online svg{position:absolute;top:8px;right:8px}.sidebar.online svg path{fill:#333}.sidebar.online svg:hover path{fill:#4343ff}.sidebar.online .bottom{background:#fff;border-top:1px solid #777;bottom:0;position:absolute;width:100%}.online_count{background:#fff;padding:0 4px;margin:4px 0;position:fixed;top:0;right:0}.main{display:flex;flex-direction:column;flex-grow:1}.messages{flex-grow:1;overflow:auto;padding:8px 0}.hidden{display:none}.message .date,.message strong,.message .body{padding:0 8px}.message .body:hover{background-color:#ccc}.message .date{color:#333;font-size:14px;font-weight:300;margin:4px 0;text-align:center}.message .time{color:#333;font-size:14px;font-weight:300;float:right;padding-left:4px}.message .error{background:#fff5f5;color:#999;padding:4px 8px}.message .error .resend{color:#d01010;float:right;font-size:15px}#chat{font-weight:700;white-space:nowrap}#chat .input{background:none;border:none;border-top:1px solid #777;font:16px nunito,sans-serif;outline:0;padding:8px;width:100%}#chat .error{background:#fff5f5;color:#d01010}.form .error{color:#d01010;font-weight:700;margin:12px 0}.form .field{margin:0 0 12px}.form .label{display:block}.form .input{background:none;border:1px solid #999;font:16px nunito,sans-serif;outline:none;padding:4px;width:100%}.button{background:#aaa;border-radius:5px;border:none;color:#333;cursor:pointer;font-family:Arial;font-size:12px;font-weight:700;outline:0;padding:4px 8px;text-align:center;text-decoration:none;text-transform:uppercase}.button:hover{background:#999;color:#111}.button:disabled{background:none;color:#999}.button.load_more{position:relative;top:-8px;width:100%}.nav{border-bottom:2px solid #ddd;margin-bottom:20px}.nav a{color:#aaa;display:inline-block;font-size:20px;text-decoration:none;width:49%}.nav a:hover{color:#333}.nav a.active{border-bottom:2px solid #333;color:#333;font-weight:700;margin-bottom:-2px}.faded,.idle{-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.spinner g{transform-origin:center;animation:spinner .75s step-end infinite;fill:#000}@keyframes spinner{8.3%{transform:rotate(30deg)}16.6%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.3%{transform:rotate(120deg)}41.6%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.3%{transform:rotate(210deg)}66.6%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.3%{transform:rotate(300deg)}91.6%{transform:rotate(330deg)}to{transform:rotate(360deg)}}.padded{margin:0 auto;max-width:320px;padding:10px}@media only screen and (min-width: 421px){.online_count{display:none}.sidebar.online{display:block}}@media (prefers-color-scheme: dark){body{background-color:#222;color:#eee}a{color:#fa0}.input{color:#fff}.button{background:#aaa;color:#000}.button:hover{background:#ccc;color:#222}.button:disabled{background:none;color:#777}.message .body:hover{background-color:#333}.message .date,.message .time{color:#bbb}.message .error{background-color:#4c2525;color:#999}.message .error .resend,.sidebar .error{color:#f63}.sidebar.rooms ul li svg path{fill:#eee}.sidebar.rooms ul li:hover{background-color:#333}.sidebar.rooms ul li.current{background-color:#111}.sidebar.rooms ul li.current a{color:#ddd}.sidebar.online .bottom{background:#222}.sidebar.online svg path{fill:#ddd}.sidebar.online svg:hover path{fill:#fff}.spinner g{fill:#fff}}