.calculator{--accent: #533b31;--bg-surface-1: #f9f2ef;--bg-surface-2: #fffbf9;--text: #232528;--white: #fff;accent-color:var(--accent);display:grid;font-variant-numeric:tabular-nums;row-gap:1.5rem}.calculator__title{color:var(--accent);font-family:Med21,sans-serif;font-size:18px;line-height:1}@media (min-width: 480px){.calculator__title{font-size:20px}}.calculator__filters{display:grid;row-gap:1.25rem}@media (min-width: 480px){.calculator__filters{row-gap:.75rem}}.calculator__filters div{align-items:center;column-gap:.5rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(2,auto);row-gap:.375rem}@media (min-width: 480px){.calculator__filters div{grid-template-columns:auto 70%}}.calculator__filters label{font-family:Book20,sans-serif;line-height:1.3;grid-column:1/2}@media (min-width: 480px){.calculator__filters label{grid-row:span 2}}.calculator__filters input[type=range]{grid-column:1/-1;grid-row:2}@media (min-width: 480px){.calculator__filters input[type=range]{grid-column:2/-1}}.calculator__filters output{font-family:Book21;font-size:13px;grid-column:2/3;line-height:1;text-align:end}.calculator__filters b{font-family:Med21,sans-serif;font-size:1.2em}.calculator__filters p{margin-block-start:.5rem}.calculator__footer{align-items:center;background-color:var(--bg-surface-2);display:grid;justify-items:center;padding:1.25rem;row-gap:.5rem;text-align:center}.calculator__footer div{-webkit-user-select:none;align-items:center;column-gap:.75rem;display:flex;justify-content:center;user-select:none}.calculator__footer button{align-items:center;background-color:var(--accent);block-size:2.25rem;border:0;border-radius:50%;color:var(--white);cursor:pointer;display:flex;flex:0 0 2.25rem;inline-size:2.25rem;justify-content:center}@media (min-width: 480px){.calculator__footer button{block-size:2rem;flex:0 0 2rem;inline-size:2rem}}.calculator__footer button:active{transform:scale(.95)}.calculator__footer button svg{inline-size:1em}.calculator__footer output{flex:0 0 5rem;font-family:Med21,sans-serif;font-size:1.5em}.calculator__footer output[name]{color:var(--accent);font-family:SmBold23,sans-serif;font-size:2.25em}.calculator input[type=range]{--track-color: #a69690;--track-height: .125rem;--track-fill: 0%;--thumb-size: 2.25rem;--thumb-offset: -1.125rem;--thumb-highlight-size: 0px;-webkit-appearance:none;appearance:none;background:transparent;box-shadow:none;display:block;inline-size:100%;margin-block:.75rem;outline-offset:.25rem}@media (min-width: 480px){.calculator input[type=range]{--thumb-size: 2rem;--thumb-offset: -1rem}}.calculator input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background-color:var(--track-color);block-size:var(--track-height);border-radius:5ex;box-shadow:none}.calculator input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--white);block-size:var(--thumb-size);border-radius:50%;border:.125rem solid var(--accent);box-shadow:none;cursor:ew-resize;inline-size:var(--thumb-size);margin-top:var(--thumb-offset)}.calculator input[type=range]::-webkit-slider-thumb:hover{background-color:#836c62}@media (hover: hover){.calculator input[type=range]::-webkit-slider-thumb{transition:background-color .18s ease}}.calculator input[type=range]::-moz-range-track{-webkit-appearance:none;appearance:none;background-color:var(--track-color);block-size:var(--track-height);border-radius:5ex}.calculator input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--white);block-size:var(--thumb-size);border-radius:50%;border:.125rem solid var(--accent);cursor:ew-resize;inline-size:var(--thumb-size);margin-top:var(--thumb-offset)}.calculator input[type=range]::-moz-range-thumb:hover{background-color:#836c62}@media (hover: hover){.calculator input[type=range]::-moz-range-thumb{transition:background-color .18s ease}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Book21,sans-serif;font-size:15px;line-height:1.5;margin:0;padding:0;inline-size:1px;min-inline-size:100%;overflow:hidden}.app{background-color:#f9f2ef;margin-block:0;margin-inline:auto;max-inline-size:50rem;min-block-size:12.5rem;padding:1rem}@media (min-width: 640px){.app{padding:2rem}}