main[class*=calculator]{background:#fff}main[class*=calculator] .js-hidden{display:none!important}main[class*=calculator] input,main[class*=calculator] select,main[class*=calculator] textarea{background:#fff;width:100%;color:#525865;border-radius:4px;border:1px solid #d1d1d1;box-shadow:inset 1px 2px 8px rgba(0,0,0,.07);font-size:1em;line-height:1.45;outline:0;transition:.18s ease-out;padding:.4rem}main[class*=calculator] input:hover,main[class*=calculator] select:hover,main[class*=calculator] textarea:hover{box-shadow:inset 1px 2px 8px rgba(0,0,0,.02)}main[class*=calculator] input:focus,main[class*=calculator] select:focus,main[class*=calculator] textarea:focus{color:#4b515d;border:1px solid #b8b6b6;box-shadow:inset 1px 2px 4px rgba(0,0,0,.01),0 0 8px rgba(0,0,0,.2)}main[class*=calculator] label.one-or-another:has(input[type=radio]:checked) .fa-light,main[class*=calculator] label.one-or-another:has(input[type=radio]:not(:checked)) .fa-solid{display:none}main[class*=calculator] .info{display:flex;align-items:center;background:red;color:#fff;font-weight:700;font-size:.6rem}main[class*=calculator] .info i,main[class*=calculator] .info svg{margin-right:.5rem;fill:#fff}main[class*=calculator] .calculator{background:#fafafa}main[class*=calculator] .calculator>*{padding:.5rem}main[class*=calculator] .calculator>:not(:last-child){margin-bottom:.5rem}main[class*=calculator] .calculator .result{padding:.5rem;font-weight:600;font-size:.8rem}main[class*=calculator] .calculator label{padding:.5rem;display:grid;grid-template-areas:"span-first span-first""input span-last";grid-row-gap:.25rem;grid-column-gap:.1rem;align-items:center;grid-template-columns:1fr 3rem}main[class*=calculator] .calculator label.radio{grid-template-areas:"svg .""span-first span-first""input span-last"}main[class*=calculator] .calculator label.radio i,main[class*=calculator] .calculator label.radio svg{grid-area:svg}@media (min-width:769px){main[class*=calculator] .calculator label{margin-bottom:1rem}}main[class*=calculator] .calculator label span:first-of-type{grid-area:span-first}main[class*=calculator] .calculator label span:last-of-type{grid-area:span-last}main[class*=calculator] .calculator label::after{display:none}main[class*=calculator] .calculator label>span{font-size:.7rem;font-weight:600;grid-area:span}main[class*=calculator] .calculator label>input{grid-area:input}main[class*=calculator] .input-elements{margin-bottom:1rem;border-bottom:1px solid #000}@media (min-width:769px){main[class*=calculator] .input-elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}main[class*=calculator] .results-table{border-spacing:.5rem;table-layout:fixed}main[class*=calculator] .results-table td{margin-right:.5rem;text-align:right}main[class*=calculator] .results-table tr td:first-child::after{content:":"}main[class*=calculator] .results-table tr td:last-child{border-bottom:5px double #000;min-width:15rem}