.App{max-width:1000px;margin:0 auto;padding:2rem;text-align:left;width:100%}.form-headline{margin-top:8rem}.clamp-calc{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1000px){.clamp-calc{grid-template-columns:repeat(2,1fr)}}.input-item{display:flex;flex-flow:column nowrap;gap:.5rem}:where(.input-item) p{font-size:1.4rem;margin:0}input[type=number]{background:#fff;color:#000;font-size:1.6rem;padding:2rem}.form-submit{background:darkmagenta;border:none;box-shadow:none;cursor:pointer;color:#fff;font-size:2rem;padding:4rem;margin-top:4rem;width:100%}.form-submit:hover{background:purple}.copy-success{margin-left:1rem}@media (min-width: 1000px){.grid-2x{grid-column:auto / span 2}}.result-headline{color:#fff;margin-top:8rem}.result-code{background:rebeccapurple;color:#fff;font-size:1.6rem;margin-top:2rem}.how-headline,.app-footer{margin-top:4rem}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{font-size:62.5%}body{font-size:1.6rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#fff;text-decoration:underline}a:hover{color:#d3d3d3}h1{font-size:4rem;line-height:1.1}pre{background:rebeccapurple;padding:2rem 4rem}