*{box-sizing:border-box}body{color:#333;width:100%;margin:2rem auto;padding:.5rem;font-family:sans-serif}body,body>div{max-width:25rem}body>div{margin:0 auto}h1{font-size:1.5rem}h2{font-size:1.2rem}p{font-size:.85rem}form{margin-top:1.8rem}#calculators{grid-template-columns:100%;margin:1.7rem 0;display:grid}#calculators>div{margin-top:1.5rem}label{letter-spacing:.04em;margin:.8rem 0 .15rem;font-size:.9rem;font-weight:700}input::-webkit-inner-spin-button{appearance:none;margin:0}input::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield;text-align:right}input,select{color:#777;background:#fff;border:1px solid #37f;border-radius:.3rem;height:2rem;margin:.15rem 0;padding-left:.5rem;padding-right:.5rem;box-shadow:0 0 5px #59f}button:focus,input:focus,input:focus:invalid,input:focus:valid,select:focus{outline:3px solid #37f}input:invalid{border-color:#e00}input:valid{border-color:#393}small{color:#999;margin-top:.3rem}.input-group{margin-top:1rem}.input-group.hide{display:none}.input-group.checkbox{align-items:center;display:flex}.input-group.checkbox.hide{display:none}.input-group.checkbox input{width:2rem;height:1.2rem}.input-group>*{width:100%;display:block}.buttons{gap:.5rem;margin:1.6rem 0;display:flex}.buttons button{color:#fff;letter-spacing:.05rem;border-radius:.3rem;width:100%;height:2rem;font-size:.9rem;font-weight:700}button[type=reset]{background:#888;border:1px solid #888}button.submit{background:#37f;border:1px solid #37f}button:focus,button:hover{opacity:.85}table{width:100%}tr:last-child{box-shadow:0 -2px #333}tr:last-child td,tr:last-child th{font-size:1.1rem;font-weight:700}td,th{padding:.15rem 0;font-size:.9rem;font-weight:400}th{text-align:left}td{text-align:right}td:before{content:"$"}tfoot tr td,tfoot tr:last-child td{text-align:left;padding-top:.6rem;font-size:.9rem;font-weight:400;line-height:1.2}tfoot tr td:before,tfoot tr:last-child td:before{content:""}tfoot tr td span,tfoot tr:last-child td span{font-size:1rem;font-weight:700}tfoot tr td i{margin-top:.1em;margin-bottom:.5em;display:inline-block}@media screen and (width>=52rem){body{max-width:52rem}#calculators{grid-template-columns:25rem 25rem;gap:1rem}}@media screen and (width>=54rem){body{max-width:53rem}#calculators{gap:1rem 2rem}}@media screen and (width>=56rem){body{max-width:54rem}#calculators{gap:1rem 3rem}}