:root{--max-width:540px;--color-bg:#fff;--color-fg:#404040;--color-accent:#e5e9ff;--color-hover:#f2f4fe;--color-danger:#b36c6c;--color-disabled:#ccc;--table-border-width:1.5px}html{padding:0;margin:0;width:100%;height:100%;display:block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background-color:#e5e5e5;font-family:sans-serif;color:var(--color-fg);font-size:.85rem;letter-spacing:.01rem;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h3{-webkit-margin-before:2.5rem;margin-block-start:2.5rem;-webkit-margin-after:.5rem;margin-block-end:.5rem}p{margin:unset;padding:unset;margin-block:unset}a{text-decoration:none}::-webkit-scrollbar,::-webkit-scrollbar-button{width:1px;height:1px}@media only screen and (min-width:560px){.show-on-mobile{display:none}}@media only screen and (max-width:560px){.hide-on-mobile{display:none}}.main{background-color:var(--color-bg);max-width:60rem;margin:1rem auto;font-family:Helvetica,sans-serif;font-weight:200;padding:1.5rem;border:var(--table-border-width) solid #ccc;box-shadow:8px 8px #ccc}table{width:100%;border-spacing:0;table-layout:auto}.table-section td,.table-section th{border:var(--table-border-width) solid #000;border-bottom:none;border-right:none}.table-section tr th:last-of-type{border-right:var(--table-border-width) solid #000}.table-section tr:last-of-type td{border-bottom:var(--table-border-width) solid #000}.table-section tr td:last-of-type{border-right:var(--table-border-width) solid #000}input,select{all:unset;box-sizing:border-box;border:none;outline:none;background-color:var(--color-hover);font-size:1rem;padding:.2rem .5rem;width:100%;font-weight:600;&:focus{outline:none;background-color:var(--color-accent)}}.row{flex:1 1;display:flex;flex-direction:row}.row-item{flex:1 1;padding:0}.row-item-label{flex:1 1;text-transform:uppercase;font-weight:600;font-size:.8rem;padding:.2rem 0;text-align:left}.table-section .row-item-label{padding:.2rem .5rem}.add-row-button{width:calc(100% - 30px);text-align:center;margin:.4rem 0;background:transparent;cursor:pointer;&:hover{background:var(--color-hover)}}.dotted-spacer{flex:1 1;border-bottom:1px dashed var(--color-fg);margin:0 .5rem}button[variant=danger]{background-color:transparent;color:var(--color-danger);border:none;outline:none;aspect-ratio:1;font-size:20px;cursor:pointer;&:disabled{color:var(--color-disabled);cursor:not-allowed}}