.fas{margin:auto 0 auto .2em}input{min-height:2em}button{min-height:2.5em;margin:.5em 0;padding:.5em}body{display:flex;flex-direction:column;height:100vh;max-width:100em;margin:0 auto;padding:0;background:#7f3f00;color:#fff}#app{display:contents}#app>section{flex:100%}h1{margin:.5em 1em}#app>footer{margin:0 auto;width:-moz-max-content;width:max-content}dialog.modal-dialog.with-header{min-width:15em}dialog.modal-dialog::backdrop{background:rgba(0,0,0,.5)}dialog.modal-dialog>header{display:flex;padding:.5em .5em 0}dialog.modal-dialog>header h2{flex:100%;margin:0 auto}dialog.modal-dialog>button.close-button,dialog.modal-dialog>header button{margin-left:.5em;min-height:0;padding:0;width:1em;background:transparent;border:0;cursor:pointer;font-size:x-large}.menu-button{position:absolute;right:.7em;top:.7em;width:2.5em;border:0;border-radius:.5em;cursor:pointer}.main-menu{padding:0;bottom:unset;left:unset;right:.5em;top:.5em;background:hsla(0,0%,100%,.9);border:0;border-radius:.2em}.main-menu ul{list-style:none;margin:0;padding:.1em}.main-menu li{padding:0;margin:0}.main-menu li+li{margin-top:.1em}.main-menu li button{margin:0;width:100%;cursor:pointer}.main-menu li button:disabled{opacity:.5;cursor:default}.board-list>ul{margin:0 auto;padding:0;min-width:20em;width:-moz-max-content;width:max-content;list-style:none}.board-list>ul>li{margin:2em auto;padding:0;background:hsla(0,0%,100%,.8);border-radius:.5em}.board-list a{padding:.5em 1em;display:block;color:#000;font-size:x-large;font-weight:700;text-decoration:none}.board-admin[data-v-492aad4a]{padding:0 .5em}.board-admin nav ul[data-v-492aad4a]{margin:0;padding:0;list-style:none}.board-admin nav li[data-v-492aad4a]{margin:0;padding:0;width:100%}.board-admin nav li button[data-v-492aad4a]{width:100%}.board-admin nav li button[data-v-492aad4a]:disabled{opacity:.5}.board-admin>section ul[data-v-492aad4a]{margin:0;padding:0;list-style:none}.board-admin>section li[data-v-492aad4a]{display:flex;margin:.5em auto;text-align:center}.board-admin>section li>span[data-v-492aad4a]{display:flex;flex:100%;margin:0 .5em;padding:.5em;background:rgba(0,0,0,.5);border-radius:.5em}.board-admin>section li>span>span[data-v-492aad4a]{margin-left:auto}.board-admin>section li>button[data-v-492aad4a]{background:transparent;border:0}.board-admin>section>button[data-v-492aad4a]{display:block;margin:.5em auto;padding:.5em 1em;width:50;border-radius:1em;font-size:large}#app .disconnect-alert{max-height:10em;padding:1em;text-align:center}.item-detail{max-width:40em;width:calc(95vw - 3em)}.item-detail header{margin:-.5em 0 .5em}.item-detail h1 input{width:calc(100% - 3em);min-width:17em}.item-detail .subheader{display:flex}.item-detail .subheader label{margin-top:.5em}.item-detail .subheader select{margin:auto}.item-detail textarea{width:100%;height:4em;margin-bottom:1em}.item-detail .buttons{display:flex;justify-content:space-around}.item-detail .task-list{margin:1em 0 0;padding:0;list-style-type:none}.item-detail .task-list li{margin-bottom:.2em;padding-bottom:.2em;border-bottom:1px solid #361b0a}.item-detail .task-main{display:flex}.item-detail .task-main input[type=checkbox]{margin:.2em}.item-detail .task-main input[type=text]{flex-grow:1}.item-detail .task-meta{display:flex;justify-content:space-between;min-width:-moz-max-content;min-width:max-content;margin:auto}.item-detail .task-list .tags{display:flex;margin:1px 1.5em;padding:0;list-style-type:none;border-radius:.15em;overflow:hidden}.item-detail .task-list .tags li{flex-grow:1;height:.3em;margin:0;padding:0;border:0}.item-detail>.tags span.active{filter:none}.item-detail .task-meta .handle{margin:auto .2em;padding:.5em 0}#units-input{width:3.5em}.item-detail .task-meta label{margin-right:.2em}.item-detail .task-meta button{margin:0;padding:.5em .2em;background:#fff;border-radius:.5em}.item-detail .task-meta button span{display:block;height:1em;width:2em;background:linear-gradient(90deg,red,#ff3f00,#ff0,#0f0,#0ff,#00f,#7f00ff)}.item-detail .tag-selector{display:flex;left:30%;max-width:65%;position:absolute;flex-wrap:wrap;padding:0;background:hsla(0,0%,50%,.8);border-radius:.3em}.item-detail .tag-selector span{margin:.5em;padding:.2em;border-radius:.2em;cursor:pointer}.item-detail .tag-selector span.inactive{background:rgba(0,0,0,.5)!important;color:#bfbfbf}.item-detail .add-task-button{display:block;margin:1em auto}.item-list h2{margin:0 0 .5em}.item-list ol{flex:100%;margin:0;padding:0;overflow-y:auto;list-style:none}.item-list>ol>li.label{position:relative;top:-.6em;text-align:center;border-bottom:1px solid;font-size:.9em}.item-list>ol>li.label span{position:relative;top:.6em;padding:0 2px;background:#af6932}.item-list>ol>li.item{margin:0;padding:0 .3em .3em;background:hsla(0,0%,100%,.8);color:#361b0a;border-radius:4px;overflow:hidden}.item-list>ol>li+li{margin:2px 0 0}.item-list>ol>li.item+li.item{margin-top:.5em}.item-list header{display:flex;margin:.2em 0;align-items:baseline}.item-list .tags{display:flex;margin:0;padding:0;list-style-type:none}.item-list .tags li{height:.3em;flex-grow:1}.item-list .body{margin:.5em 0 0;display:flex}.item-list h3{margin:0;flex-grow:1}.item-list .body>*{margin:0 .2em;padding:.1em .3em;border-radius:.2em;background:rgba(54,27,10,.8);color:hsla(0,0%,100%,.8)}.item-list .units{min-width:-moz-max-content;min-width:max-content}.item-list .tasks-count{margin-left:0;margin-right:auto;background:inherit;color:inherit}#app .leaderboard{max-height:20em;padding:1em}.leaderboard ol{margin:1em 0;padding:0}.leaderboard .entry{display:flex;margin-top:.5em}.leaderboard .name{flex-grow:1;margin-left:.5em}.leaderboard>button{display:block;margin:auto}.template-menu.copying{cursor:not-allowed}.template-menu button{width:100%;padding:.5em 1em;background:hsla(0,0%,100%,.8);color:rgba(0,0,0,.8);border-radius:.5em}.template-menu .close-button{position:absolute;width:1em}.template-menu.modal-dialog>header{padding-right:3em}.template-menu.modal-dialog>header button{margin-top:0;flex:100%;background:hsla(0,0%,100%,.8);border:1px solid}.template-menu>header button:disabled{color:rgba(0,0,0,.5);cursor:not-allowed}.template-menu>header .copy-template-button{cursor:pointer}.template-menu ul{margin:0;padding:0;list-style-type:none;text-align:center}.template-menu>ul{display:flex;overflow-x:auto}.template-menu>ul>li{margin:.5em;min-width:10em;vertical-align:top;background:#361b0a;color:hsla(0,0%,100%,.8);border-radius:.5em}.template-menu>ul>li+li{margin-left:0}.template-menu h3{margin:.5em}.template-menu ul ul{max-height:calc(90vh - 5em);padding:0 .5em;overflow-y:auto}.board-view{display:flex;flex-direction:column}.board-view main{display:flex;flex:calc(100vh - 9em);overflow-x:auto;scroll-snap-type:x mandatory}.board-view main>section{display:flex;flex:1 1 33%;flex-direction:column;min-width:17em;margin:.1em 1em .5em;padding:1em;background:#af6932;border-radius:5px;scroll-snap-align:center}.board-view main>section+section{margin-left:0}.board-view section>h2{text-align:center}.board-view>dialog{padding:0;border:0;border-radius:5px;background:tan}.board-view>dialog form{padding:1em}.board-view>dialog h1{margin:0}.board-view>dialog .close-button{position:absolute;top:0;right:0;margin:.2em;padding:.1em .3em;font-size:large;cursor:pointer;background:hsla(0,0%,100%,.7);border-radius:.2em}.board-view>footer{display:flex;justify-content:space-around}.board-view>footer>*{flex-basis:30%}.board-view>footer .status{padding:1em 0;text-align:center}.board-view>footer .status.error{padding:0}.board-view>footer .status button{margin-left:1em}