@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);html{font-size:100%;box-sizing:border-box}body,html{min-height:100%;margin:0}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0;font-family:"Space Mono",monospace;background-color:#c5e4e7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3{margin-top:0}a,a:active,a:visited{text-decoration:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}h1{font-size:4.0625rem;color:#00494d}.App{position:relative}@media(min-width:44.3125em){.App{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:56.25rem;margin-left:auto;margin-right:auto}}.App .brand{text-align:center;margin-bottom:2rem;margin-top:2rem}@media(min-width:44.3125em){.App .brand{margin-top:0;margin-bottom:5.125rem}}.App .container{background-color:#fff;border-top-left-radius:1.125rem;border-top-right-radius:1.125rem;padding:1.5rem;height:100%}@media(min-width:44.3125em){.App .container{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;border-radius:1.125rem;margin:0 1rem}.App .container>*{flex:1 1}}.App .container .select-tip{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(min-width:44.3125em){.App .container .select-tip{grid-template-columns:1fr 1fr 1fr}}.App .container .output{background-color:#00494d;padding:1.5rem;border-radius:.625rem}@media(min-width:44.3125em){.App .container .output{display:flex;flex-direction:column}.App .container .output button{margin-top:auto}}.App .container .output>*{margin-top:1rem}.App .container .output-item{display:flex;align-items:center}.App .container .output-item .value{color:#26c0ab;font-size:1.5rem;font-weight:700;margin-left:auto}@media(min-width:44.3125em){.App .container .output-item .value{font-size:2rem}}.App .container .output .title span{display:block;font-size:.875rem;color:#fff;font-weight:700}.App .container .output .title span:last-child{color:#7f9c9f;font-size:.75rem}.App .container .form-input{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.App .container .form-input label{color:#7f9c9f;display:inline-block;font-size:.875rem;font-weight:700;margin-bottom:.25rem}.App .container .attribution{grid-column:span 2;font-size:11px;text-align:center}.App .container .attribution a{color:#26c0ab;font-weight:700}.input{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:0 1rem;border-radius:.25rem;background:#f4fafa}.input:focus-within{outline:.125rem solid #26c0ab}.input .icon{height:.875rem}.input input{color:#00494d;font-size:1.25rem;text-align:end;border:none;outline:none;background:transparent}.button,.button.bg-primary,.input input{font-family:"Space Mono",monospace;width:100%;font-weight:700}.button,.button.bg-primary{padding:.25rem .5rem;font-size:1.125rem;border-radius:.25rem;text-transform:uppercase;cursor:pointer}.button{background-color:#00494d;color:#fff}.button.bg-primary,.button.selected,.button:hover{background-color:#26c0ab;color:#00494d}
/*# sourceMappingURL=main.0703182d.chunk.css.map */