.calculator-wrapper{container:calculator/inline-size}.calculator{background:#fff;border:1px solid #ccc;border-radius:4px;display:grid;line-height:1.1!important;margin:.5em 0;max-width:800px}.calculator input{background:transparent!important;border:none!important;font-size:1.1rem;font-weight:700;margin:0;padding-top:1rem;text-align:center}.calculator label{padding-left:.85rem;padding-top:.25rem;text-align:center}.calculator button{line-height:1.3;margin:.3rem;width:auto}@container calculator (min-width: 501px){.calculator{grid-template:auto 1fr/1fr auto}.calculator input{background:transparent!important;border:none!important;grid-column:1/-1;grid-row:1/-1;padding-top:1.75rem;text-align:left}.calculator label{grid-column:1;grid-row:1;text-align:left}.calculator button{grid-column:2;grid-row:1/-1;max-width:200px}}.calculator input:focus,.calculator select:focus{box-shadow:0 0 0 2px rgba(249,162,26,.2)}.c-results ul{display:grid;gap:1rem}.c-result{display:grid;font-size:1.25rem;gap:0 1em;grid-template:"icon number" auto "icon title" auto/2.75em;line-height:1.3}.c-result+.c-result{border-top:2px solid #ccc;padding-top:1rem}.c-result>span{display:block}.c-result__icon{grid-area:icon}.c-result__icon svg{width:2.75em!important;fill:#ccc}.c-result__icon svg *{fill:#333}.c-result__number{font-family:Roboto Slab,serif;font-size:2em;font-weight:700}