html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--black: black;--grey: #c7c7c7;--light-grey: #f9f9f9;--white: white;--green: #a9e0e5;--red: #982c61;--font-size-small: 13.5px;--font-size-base: 18px;--font-size-subheading: 24px;--font-size-large: 28px;--font-size-huge: 44px;--spacing-half: 4px;--spacing-base: 8px;--spacing-double: 16px;--spacing-triple: 24px;--spacing-quadruple: 32px;--border-thin: 1px;--border-thick: 3px}html,body{margin:0;padding:0}@font-face{font-family:Staatliches;src:url(/fonts/Staatliches-d5746e3b20453d6cee99ab27a0bdf949.ttf?vsn=d)}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Regular-3e7f038b85daa739336e4a3476c687f2.ttf?vsn=d)}@font-face{font-family:DM Sans;font-style:italic;src:url(/fonts/DMSans-Italic-1ea925903e098f94f5c51566770a2da8.ttf?vsn=d)}@font-face{font-family:DM Sans;font-weight:700;src:url(/fonts/DMSans-Bold-071853031a2175ada019db9e6fd1585c.ttf?vsn=d)}@font-face{font-family:DM Sans;font-style:italic;font-weight:700;src:url(/fonts/DMSans-BoldItalic-f83322c859de9fce83f15d5e6714d78d.ttf?vsn=d)}@font-face{font-family:Inconsolata;src:url(/fonts/Inconsolata-Regular-39cba59a48ffa6eea39a5d5f9ec63df6.ttf?vsn=d)}@font-face{font-family:Inconsolata;font-weight:700;src:url(/fonts/Inconsolata-Bold-8459cb29b2f9ce3e91a0c9625c7dbeb8.ttf?vsn=d)}body{color:var(--black);font-family:DM Sans,sans-serif;font-size:var(--font-size-base);font-synthesis:none;line-height:calc(1.5 * var(--font-size-base));text-rendering:optimizeLegibility}h1{font-family:Staatliches,sans-serif;font-size:var(--font-size-huge);font-weight:400;letter-spacing:1px;line-height:1.1}h2{font-family:DM Sans,sans-serif;font-size:var(--font-size-large);font-weight:700;line-height:1.1}h3{font-family:Inconsolata,monospace;font-size:var(--font-size-subheading);font-weight:700;line-height:1.1}p{margin:0 0 var(--font-size-base) 0;padding:0}a{color:inherit}code{font-family:Inconsolata,monospace}button,input,textarea{font-family:inherit;font-size:var(--font-size-base);line-height:calc(1.5 * var(--font-size-base))}button,.button{background-color:var(--white);border:var(--border-thick) solid var(--black);box-shadow:10px 10px var(--green);cursor:pointer;display:inline-block;font-weight:700;padding:var(--spacing-base);text-decoration:none}button:hover,.button:hover{background-color:var(--green);box-shadow:none}button[type=submit]{display:block}label{display:block;font-weight:700;margin-bottom:var(--spacing-base)}input[type=email],input[type=password],input[type=search],input[type=text],textarea{background-color:var(--white);border:var(--border-thick) solid var(--green);margin:0 0 var(--spacing-triple) 0;min-width:300px;padding:var(--spacing-base)}input[type=text]:focus,input[type=search]:focus,textarea:focus{border-color:var(--black);outline:0}textarea{scrollbar-color:var(--black) transparent}textarea::-webkit-scrollbar{background:transparent;width:var(--spacing-half)}textarea::-webkit-scrollbar-thumb{background:var(--black);border-radius:var(--spacing-half)}input[type=radio]{margin:0 var(--spacing-base) 0 0}fieldset{border:none;margin:0 0 var(--spacing-triple) 0;padding:0}fieldset input:last-of-type,fieldset textarea:last-of-type{margin-bottom:0}img{height:auto;max-width:100%}dl{margin:0}dt{font-weight:700}dd{margin:0 0 var(--spacing-double) var(--spacing-double)}figure{margin:var(--spacing-double)}div.modal-backdrop{background-color:#0003;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}div.modal,div.alert{background-color:var(--white);border:var(--border-thick) solid var(--black);left:50%;padding:var(--spacing-triple);position:fixed;top:50%;transform:translate(-50%) translateY(-50%);z-index:100}div.alert.info{background-color:var(--green);font-size:var(--font-size-large)}div.alert.error{background-color:var(--red);color:var(--white);font-size:var(--font-size-large)}:root{--online-green: #6ecbd3}.hidden{display:none}main.login{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}main.login form span.error{background-color:var(--red);color:var(--white);display:block;padding:var(--spacing-base)}main.login form>span.error{margin-bottom:var(--spacing-triple)}main.login form section{margin-bottom:var(--spacing-quadruple)}main.login form svg{height:300px;width:300px}main.hub{column-gap:var(--spacing-double);display:flex;flex-direction:row;height:100vh}.hub section.menu{flex:0}.hub section.inbox{flex:1;overflow-y:scroll}.hub section.room{flex:3}.hub section.settings{flex:1;padding:0 var(--spacing-double)}.hub .menu{align-items:center;display:flex;flex-direction:column}.hub .menu a{border-left:var(--spacing-base) solid var(--white);display:block;font-family:Inconsolata,monospace;font-size:var(--font-size-subheading);height:40px;line-height:40px;margin:var(--spacing-base) 0;padding:0 var(--spacing-base);text-decoration:none}.hub .menu a:hover{background-color:var(--red);color:var(--white)}.hub .menu a.selected{border-color:var(--green);font-weight:700}.hub .menu a.logo{background-image:url(/images/logo-af4036ee972c20938f6ec4c4926e4b7e.svg?vsn=d);background-position:center center;background-repeat:no-repeat;height:80px;margin-top:var(--spacing-double)}.hub .menu a.logo:hover{background-color:var(--white)}.hub .menu .spacer{height:var(--spacing-triple)}.hub .inbox{scrollbar-color:var(--black) transparent}.hub .inbox::-webkit-scrollbar{background:transparent;width:var(--spacing-half)}.hub .inbox::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--spacing-half)}.hub .inbox:hover::-webkit-scrollbar-thumb{background:var(--black)}.hub .inbox form{display:flex;margin:var(--spacing-base);margin-top:var(--spacing-double)}.hub .inbox form input{border-left:none;border-right:none;border-top:none;flex:1;margin:0;min-width:0}.hub .inbox nav{display:flex;flex-direction:column}.hub .inbox nav .empty{font-family:Inconsolata,monospace;margin:var(--spacing-base) var(--spacing-double)}.hub .inbox a{border-bottom:var(--border-thin) solid var(--green);border-top:var(--border-thin) solid var(--green);box-sizing:border-box;color:var(--black);display:block;height:80px;margin:var(--spacing-base);overflow:hidden;padding:var(--spacing-base);text-decoration:none}.hub .inbox a:hover{background-color:var(--red);border:none;color:var(--white);text-decoration:none}.hub .inbox a.selected{background-color:var(--green)}.hub .inbox a.selected:hover{background-color:var(--red)}.hub .inbox a .upper-half{align-items:center;display:flex;flex-direction:row;height:30px}.hub .inbox a .upper-half strong{flex:1}.hub .inbox a .upper-half .online{background-color:var(--online-green);border:3px solid var(--online-green);border-radius:6px;display:inline-block;height:3px;margin-left:var(--spacing-half);width:3px}.hub .inbox a .upper-half .checkmarks{color:var(--red);font-size:var(--font-size-small);letter-spacing:-6px;padding-right:var(--spacing-base)}.hub .inbox a .upper-half time{font-size:var(--font-size-small)}.hub .inbox a .lower-half{align-items:center;display:flex;flex-direction:row;height:30px}.hub .inbox a .lower-half span.author{white-space:nowrap}.hub .inbox a .lower-half span.excerpt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub .inbox a .lower-half img{max-height:30px}.hub .room .container{display:flex;flex-direction:column;height:100vh}.hub .room .container.placeholder{background-color:var(--light-grey)}.hub .room header{align-items:center;border-bottom:var(--border-thick) solid var(--green);display:flex;flex:none;flex-direction:row;height:49px;padding:var(--spacing-double)}.hub .room header h3{flex-grow:1;margin:0;padding:0}.hub .room header h3 .online,.hub .room header h3 .offline{border:5px solid var(--grey);border-radius:10px;cursor:help;display:inline-block;height:5px;width:5px}.hub .room header h3 .online{background-color:var(--online-green);border-color:var(--online-green)}.hub .room header h3 span{font-size:var(--font-size-base);font-weight:400}.hub .room header button{margin-left:var(--spacing-triple);padding:var(--spacing-half) var(--spacing-base)}.hub .room .room-body{display:flex;flex-direction:row;height:calc(100vh - (49px + 2 * var(--spacing-double) + var(--border-thick)))}.hub .room .room-main{display:flex;flex:3;flex-direction:column}.hub .room section{background-color:var(--light-grey);flex-grow:1000;overflow-y:scroll;scrollbar-color:var(--black) transparent}.hub .room section::-webkit-scrollbar{background:transparent;width:var(--spacing-half)}.hub .room section::-webkit-scrollbar-thumb{background:var(--black);border-radius:var(--spacing-half)}.hub .room section ul{display:flex;flex-direction:column;justify-content:flex-end;list-style:none;margin:0;overflow:hidden;padding:0 var(--spacing-double)}.hub .room section li{align-self:flex-end;background-color:var(--white);margin-bottom:var(--spacing-double);max-width:50%;padding:var(--spacing-double)}.hub .room section li.theirs{align-self:flex-start}.hub .room section li.room-move{align-self:center;background-color:inherit;font-style:italic;text-align:center}.hub .room section li.anchored{background-color:var(--green)}.hub .room section li.image a{cursor:zoom-in}.hub .room section li .meta{cursor:help;display:flex;flex-direction:row;font-size:var(--font-size-small);justify-content:end}.hub .room section li .author{color:var(--red);margin-right:var(--spacing-base)}.hub .room section li .checkmarks{color:var(--red);letter-spacing:-6px;text-align:right;width:var(--spacing-double)}.hub .room footer{flex:none;padding:var(--spacing-double)}.hub .room footer form{display:flex;flex-direction:row}.hub .room footer textarea{flex-grow:1;margin:0 var(--spacing-double) 0 0;resize:vertical}.hub .room footer .buttons{display:flex;flex-direction:column}.hub .room footer .buttons label{margin-bottom:var(--spacing-double);padding:var(--spacing-half) var(--spacing-base)}.hub .room footer .buttons button{padding:var(--spacing-half) var(--spacing-base)}.hub .room footer input[type=file]{display:none}.hub .room aside{flex:1;overflow-y:scroll;padding:var(--spacing-double);scrollbar-color:var(--black) transparent}.hub .room aside::-webkit-scrollbar{background:transparent;width:var(--spacing-half)}.hub .room aside::-webkit-scrollbar-thumb{background:var(--black);border-radius:var(--spacing-half)}.hub .settings{height:100vh;overflow-y:scroll}.hub .settings section{margin-bottom:var(--spacing-quadruple)}.hub .settings section form span.error{display:block}.hub .settings section>button{margin-bottom:var(--spacing-base)}.hub .settings #my-templates ul{list-style:none;margin:0;padding:0 var(--spacing-base) 0 0}.hub .settings #my-templates li{border-bottom:var(--border-thin) solid var(--green);border-top:var(--border-thin) solid var(--green);margin:0 0 var(--spacing-double) 0;padding:var(--spacing-base)}.hub .settings #my-templates li .meta{font-family:Inconsolata,monospace;font-size:var(--font-size-small)}.hub .settings #my-templates textarea{height:200px;max-width:50vw;width:750px}.hub .settings #login-settings form[phx-submit=change_password]{margin-bottom:var(--spacing-quadruple)}.hub .settings #login-settings svg{height:300px;width:300px}.hub .modal img{max-height:50vh;max-width:50vw}.hub .modal button{margin:0 auto}.hub .modal ul.templates-list{height:50vh;list-style:none;margin:0;overflow-y:scroll;padding:0 var(--spacing-base) 0 0;scrollbar-color:var(--black) transparent;width:50vw}.hub .modal ul.templates-list::-webkit-scrollbar{background:transparent;width:var(--spacing-half)}.hub .modal ul.templates-list::-webkit-scrollbar-thumb{background:var(--black);border-radius:var(--spacing-half)}.hub .modal ul.templates-list .empty{font-family:Inconsolata,monospace;margin:0 var(--spacing-base)}.hub .modal ul.templates-list li{border-bottom:var(--border-thin) solid var(--green);border-top:var(--border-thin) solid var(--green);cursor:pointer;margin:0 0 var(--spacing-double) 0;padding:var(--spacing-base)}.hub .modal ul.templates-list li:hover{background-color:var(--green)}.hub .modal ul.templates-list li:last-child{margin-bottom:var(--border-thin)}.hub .modal ul.templates-list li .meta{font-family:Inconsolata,monospace;font-size:var(--font-size-small)}main.about{margin:0 auto;max-width:1100px;padding:0 var(--spacing-double)}main.about h1,main.about h2{padding-top:var(--spacing-quadruple)}main.about section.text{margin:0 auto;max-width:860px}main.about section.choices{display:flex;flex-direction:row;justify-content:space-around}main.about article.choice{max-width:45%}main.about article.choice ul{list-style:none;padding:0}main.about article.choice li{margin-bottom:var(--spacing-base)}main.about article.choice img{max-width:50%}main.about article.choice p:last-child{margin-bottom:0}main.about section:last-child{margin-bottom:calc(2 * var(--spacing-quadruple))}@media screen and (max-width: 960px){main.about section.choices{flex-direction:column}main.about article.choice{max-width:none}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */