@keyframes await-vote-move-around{0%{transform:rotateZ(-90deg) translateX(5px) translateY(5px)}to{transform:rotateZ(90deg) translateX(-5px) translateY(-5px)}}body>*{box-sizing:border-box;overflow:hidden}.togglebox-container,body{display:flex;align-content:center;align-items:center}body{justify-content:space-between;flex-flow:column nowrap;background:#0d0d0d;color:#fff;min-height:100vh;top:0;left:0;padding:0;margin:0}body>*>header{display:block;text-align:center;font-size:1.25em;font-weight:600}main{margin-top:1em;min-height:75vh}.togglebox-container{justify-content:center;flex-direction:column;margin:.25em .75em}.togglebox,.togglebox>span{position:relative;display:inline-block;height:20px}.togglebox{border-radius:20px;width:40px;background:#f2f2f2;box-shadow:inset 0 0 3px rgba(0,0,0,.15);cursor:pointer;margin:2px}.togglebox input[type=checkbox]{position:absolute;display:block;top:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.togglebox>span{pointer-events:none;box-sizing:content-box;width:20px;transform:scale(1.1);border-radius:100%;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.23);left:0;top:0;transition:all 100ms ease-in}.togglebox input[type=checkbox]:checked+span{left:calc(100% - 20px);background:var(--primary-color);filter:brightness(1.1)}.privacy-policy{min-height:92vh}.hero,.post,.post>*{display:flex;align-content:center;align-items:center;color:#fff}.hero{justify-content:space-around;flex-flow:row wrap;padding:.25em .75em;margin:0;flex:0 1 auto;width:100%;box-sizing:border-box}.hero>header{display:inline-block;margin:0;font-size:1.5em;width:auto}.hero .launchers{width:auto;margin:.25em}.hero .auth-launcher,.hero .profile-launcher,.hero .ww-launcher,.post-nav button{display:inline-block;text-align:center;margin:.4em;padding:.1em .4em;font-size:1.1em;border-radius:4px;background:#1a1a1a;cursor:pointer}main[route-active=posts]{max-width:920px}.post,.post>*{justify-content:space-between;flex-flow:row nowrap;padding:.5em;background:#1a1a1a;border-radius:4px}.post>*{margin:0}.post{background:0 0;margin:1em auto 1.5em;filter:drop-shadow(0 2px .5em rgba(0,0,0,.1))}main[route-active=posts] .post,main[route-active=posts] .post>*{height:120px}.post.full{margin-top:.5em;flex-flow:column;justify-content:flex-start;min-height:60vh}.post.full.with-comments{justify-content:space-between}.post>.post-header>*{margin:0 .5em}.post>.post-header h3{margin:.25em 0 .5em;text-align:center;font-size:1.9em}.post.full>header{padding:.75em;flex-flow:column}.post>*{min-height:95px}.post:not(.full)>header>*{text-align:center}.post header h4,.post:not(.full) header h3{margin:0 .5em;cursor:pointer}.post>header .author-name{font-style:italic;font-size:.92em;margin:0 .5em}.post>header .posted{margin:0 .5em}.post>header .title{flex:1 1 auto;margin:.25em 0 .5em;text-align:left;overflow:hidden}.post>header .title>h4{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.38em;max-width:98%;padding:2px 0;margin:0}.post.full>*{margin-bottom:.5em}.post.full>header>div{width:100%;display:flex;justify-content:space-around;align-content:center;align-items:center;flex-flow:row wrap;margin:.5em 0 0;font-size:.9em}.post.full>header>div:first-of-type{margin-top:0}.post.full .post-title{width:100%}.post.full .tags{margin:.5em 0 0;justify-content:flex-start;max-width:100%}.post article>:last-child{margin-bottom:0}.votes{display:inline-flex;justify-content:space-around;align-content:center;align-items:center;flex-direction:column;margin-right:.5em;padding:.5em;font-size:1.1em}.comment .votes{flex-flow:row wrap}.votes .vote{cursor:pointer;border:3px solid transparent;transition:all 140ms ease-in}.votes .vote.up.selected,.votes .vote.up:hover{color:#ffb638}.votes .vote.down.selected,.votes .vote.down:hover{color:#ff145a}.votes .vote.up::before{content:'🡅'}.votes .vote.down::before{content:'🡇'}.votes .vote-count{white-space:nowrap;font-size:.95em}.votes .vote-count .endbits{font-size:.75em}.votes .vote-count .marker{color:#efdca9}.await-vote{animation:await-vote-move-around 200ms ease-in infinite alternate}.post>.content{margin:1.25em .25em 0;padding:1em 4vw;flex-flow:column;justify-content:flex-start;font-size:1.1em;line-height:1.3;min-height:50px;background:#0d0d0d;box-shadow:0 1px 4px rgba(38,38,38,.12)}.post .tags{display:inline-flex;align-content:flex-start;max-width:250px;overflow:hidden;margin:.25em}.tag{display:inline-block;margin:.1em .2em;padding:.2em .4em;line-height:1.1;font-size:.88em;border-radius:.1em;color:#404040;text-shadow:0 1px 2px rgb(0,0,0,.12);box-shadow:0 2px 3px rgb(0,0,0,.12);background:var(--primary-color)}.post .tags,.post-pagination{justify-content:center;align-items:center;flex-flow:row wrap}.post-pagination{display:flex;align-content:center}.post-pagination>*{color:#666;font-weight:600;font-size:1.2em;text-shadow:0 1px 3px rgba(172,149,149,.25);border-radius:4px;padding:.25em;margin:.25em;transition:all 140ms ease-in}.post-pagination>.page-back,.post-pagination>.page-forward{cursor:pointer}.post-pagination>.page-back:hover,.post-pagination>.page-forward:hover{color:#ffb638}.post .comments{flex-flow:column;justify-content:center;margin-top:1.75em;padding:.75em .75em .25em;line-height:1.3}.comment-writer{display:flex;justify-content:center;align-content:center;align-items:center;flex-flow:row wrap}.comments>*{width:100%}.comments textarea{margin-bottom:.5em;background:#333;color:#fff;border:0;min-height:90px;box-shadow:inset 0 1px 5px rgb(0,0,0,.12)}.comments button{margin-right:.5em;background:#333;cursor:pointer}.comments>header>h4{font-size:1.2em}.comment-controls{display:flex;justify-content:space-around;align-content:center;align-items:center;flex-flow:row wrap}.comment-controls>*{margin:.25em .5em}.comment-controls>.togglebox-container{margin-right:.75em;align-self:flex-start}.comment-controls .togglebox-container label{font-size:.8em}.comment-controls .togglebox{background:#333}.comment-controls .togglebox>span{background:#4d4d4d}.comment-controls .togglebox input[type=checkbox]:checked+span{background:var(--primary-color);filter:brightness(.9)}.comment-list{position:relative}.comment-list .comment{position:relative;display:block;background:#262626;border-radius:4px;padding:.25em .5em;margin:.75em 0}.comment-list .comment>header{font-size:.8em;color:#bfbfbf;margin:.2em 0}.comment-list .comment>.content{padding-left:.5em;width:100%;margin:0}.comment-list .comment p:last-of-type{margin-bottom:.25em}footer{display:flex;justify-content:space-around;align-items:flex-start;align-content:center;flex-flow:row wrap;margin:.5em 0 0;padding:.5em .25em;background:#141414;font-size:.8em}footer header{margin:0 0 .75em}.footer-links,footer>section{display:inline-flex;justify-content:space-around;flex-flow:column;height:100%}footer>section{align-content:center;align-items:center;width:fit-content;max-width:380px;margin:.5em}footer a{line-height:1.1;margin:.4em .25em}.footer-links{align-content:flex-start;align-items:flex-start;text-align:left}.toast-container,.toast-container>.toast{display:flex;align-content:center;align-items:center;text-align:left}.toast-container{position:fixed;bottom:0;left:0;max-width:280px;min-height:20vh;justify-content:flex-end;flex-flow:column;z-index:5}.toast-container>.toast{justify-content:space-between;flex-flow:row nowrap;padding:.25em .5em;margin:.25em .75em;min-height:1cm;width:90%;border-radius:.2em;background:#404040}.toast-container>.toast.error{background:#e94444;color:#2b2b2b}.toast-container>.toast.error>.dismiss-btn{background:#6b6b6b}.toast-container>.toast>*{margin-left:.25em;margin-right:.25em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.toast-container>.toast>.dismiss-btn{display:inline-flex;justify-content:center;align-content:center;align-items:center;flex-flow:row nowrap;text-align:center;cursor:pointer;color:#ff4242;margin:0;padding:.25em;height:24px;width:24px;border-radius:100%}.toast-container,.toast-container>.toast>.dismiss-btn>svg{filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}@media all and (max-width:760px){main[route-active=posts] .post>header{flex-direction:column}main[route-active=posts] .post,main[route-active=posts] .post>*{height:auto}main[route-active=posts] .post .title,main[route-active=posts] .post .title *{width:100%;text-align:center;white-space:normal}main[route-active=posts] .post header>div:last-of-type{margin-top:1em}}