:root{box-sizing:border-box;font-optical-sizing:auto;--control-lightness:22%;--control-lightness-focus:40%;--background:white;--accent-color:#0a5e66;border-top:3px solid #ab8422;font:10px/1.5 Mulish,sans-serif}*{box-sizing:inherit;&:after,&:before{box-sizing:inherit}}body{background:var(--background);width:90vw;max-width:100rem;margin-inline:auto;font-size:2rem}h1{margin-block:1rlh;font-size:8vw}@media screen and (width>=1115px){h1{font-size:6rem}}form{& p:nth-child(-n+3){grid-template:"a a""b c"/1fr auto auto;align-items:center;display:grid;& label{grid-area:a}& input{grid-area:b}}& [title=percent]{grid-area:c}& p:not(:has([title=percent])):after{content:"　";grid-area:c}}[id=principal]{background:url(dollarsign.7dfa6003.svg) .5rem/1.4rem no-repeat}p{border:.5rem solid var(--background);border-radius:.5rem;gap:.5rem;margin-block:1rlh;position:relative;&:focus-within{outline:2px dotted #000}}[type=number],[type=text]{text-align:end;width:100%}input,button,[type=checkbox]+label:before{font:inherit;border:2px solid #888;border-radius:.5rem;padding:.5rem}button{border:.3rem var(--background) solid;background:hsl(185.2, 82.1%, var(--control-lightness));color:#fff;font-variant:small-caps;width:100%;padding:1rem 2rem;font-size:2.4rem;&:focus,&:hover{color:unset;background:#ab8422;outline:2px dotted #000}}@media screen and (width>=667px){button{width:max-content}form>:nth-child(5){gap:1rem;display:flex}}[type=checkbox]{position:absolute;inset-inline-start:-9999rem;&+label{grid-template-columns:auto auto;align-items:center;gap:1rem;display:inline-grid}&+label:before{content:" ";justify-content:center;align-items:center;block-size:2.5rem;inline-size:2.5rem;line-height:1;display:inline-flex}&:checked+label:before{content:"✔︎";border-radius:.5rem}}[type=text],[type=number]{font-size:3rem}output{flex-wrap:wrap;justify-content:center;align-items:last baseline;gap:.25ch;padding:0;line-height:1.25;display:flex;& strong{font-size:1lh;&:last-child{font-size:2lh}}}@media screen and (width>=667px){output{display:block;& strong{font-size:1.5lh;&:last-child{font-size:2.5lh}}}}footer{margin-block-start:4rem;font-family:Mulish,sans-serif;font-size:1.6rem;& p{flex-wrap:wrap;justify-content:flex-end;align-items:center;block-size:min-content;line-height:1;display:flex}& a{&:link{color:var(--accent-color)}&:visited{color:#000}&:hover{text-decoration-style:dotted;& svg{fill:var(--accent-color);stroke:var(--accent-color);border-bottom:1px solid var(--accent-color)}}}& svg{width:10em;height:100%;margin-block:0;display:inline-block}}.recharts-responsive-container{width:auto;min-height:50vh}.recharts-responsive-container tspan{font-size:85%}
/*# sourceMappingURL=compounding-calc.920e3776.css.map */