body,html{height:100%}body{font:16px/1.5 Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;flex-direction:column;display:flex;place-items:center;margin:0 auto;overflow-x:hidden}#main{background:#daf0e3;overflow-x:scroll;flex:1 1 100%}#main,body,footer,header{place-content:center}#main,footer{width:100%;display:inline-flex}footer{place-self:self-end;height:100%;place-items:end;background:#82988b;font-size:.75em;flex:1 1 2em}header{background:#566c5f;min-width:100%;place-items:center;display:flex;flex-wrap:wrap;padding:1em 0}table{border-top:1px solid #aec4b7;margin:2em;border-collapse:collapse}input{line-height:2}button,table>tr>td{line-height:2;cursor:pointer;min-width:72px}table>tr{text-align:center;border-bottom:1px solid #aec4b7;border-right:1px solid #aec4b7;display:flex}#remove{background:#f953a8;padding:0 .75em}#left,#right{background:#f0f;padding:0 .75em}table>tr>td{white-space:nowrap;border-left:1px solid #aec4b7;overflow:hidden;text-overflow:ellipsis;padding:0 2px;user-select:none;box-sizing:border-box;min-width:3ch;--col-width:2;font-size:.75em}table>tr>td:first-of-type{width:100px;cursor:default}.selected{background:#eee;box-shadow:0 0 0 1px #000 inset}