:root{--bg:#339;--bg-alt:#66c;--fg:#ddd;--fg-alt:#fff;--space:0.5cm;--space-small:0.2cm;} *{transition:400ms;} body{overflow-y:scroll;min-width:fit-content;width:100%;margin:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='21' viewBox='0 0 180 104'%3E%3Cg fill-rule=''%3E%3Cg id='hexagons' stroke='%23ffffff' stroke-opacity='1' stroke-width='15' fill='none' %3E%3Cpath d='M120 0H60L30 52l30 52h60l30-52zM150 52h30M0 52h30'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(30deg,rgba(0,0,0,0.3),rgba(0,0,0,0.05),rgba(0,0,0,0.2));background-attachment:fixed;min-height:100vh;font-family:sans-serif;text-size-adjust:100%;height:100vh;display:flex;flex-flow:row wrap;align-items:center;padding:var(--space);color:var(--bg)} input[type="range"]{appearance:none;border-radius:0;background-color:var(--bg);vertical-align:middle;padding:0;} input[type=range]::-webkit-slider-runnable-track{height:0.25cm;} input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--bg-alt);height:1cm;margin-top:-0.375cm;width:0.25cm;border-radius:var(--space);box-shadow:#000 0 0 2px;} input{border:1px solid var(--bg);border-radius:var(--space);padding:var(--space-small);} button{background-color:var(--bg);border-radius:var(--space);padding:var(--space) calc(var(--space) * 2);color:var(--fg);box-shadow:#000 0 0 2px;border:0;margin:auto;} button:hover,button:focus{background-color:var(--bg-alt);} form>label{display:block;margin:var(--space) auto;} form ul{margin:0;padding:0;list-style-type:none;} form ul li{display:flex;flex-flow:row wrap;margin:var(--space) 0;align-items:center;} form ul li label{flex-grow:1;margin-right:var(--space);} label span:first-child{padding-right:0.2cm;} label span.detail{display:inline-block;width:4em;} div{display:flex;flex-flow:row wrap;align-items:center;} .waste{display:inline-block;width:8em;} td{color:var(--fg-alt);background-color:var(--bg-alt);margin:var(--space-small);padding:var(--space-small);} td.pageCount{background-color:var(--bg);} td.rotated{transform:rotate(180deg);} ul{list-style-type:none;margin:auto;padding:0;} .label{display:inline-block;width:12em;} .label.sub{margin-left:var(--space);} .numeric{display:inline-block;width:6em;text-align:right;}