.App h1{margin:0;padding:2rem;font-size:1.3rem}.App>output{display:flex;flex-flow:column;padding:1rem;max-width:var(--max-width);width:100%;margin:auto}.App .content{margin:1rem;box-shadow:var(--pill-shadow);border:1px solid var(--gray);border-radius:.25em;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.content:before,.content>*{margin:1rem}.content:before{content:attr(data-label);font-weight:700;background:var(--black);background:var(--label-background,var(--black));color:var(--white);color:var(--label-color,var(--white));border-radius:.25em;padding:.5em;white-space:nowrap}.App button{--button-shadow-size:5px;--button-shadow:var(--button-shadow-size) var(--button-shadow-size) var(--black);font-size:1rem;font-weight:700;font-family:var(--font);border:none;padding:.5em 1em;border-radius:.25em;box-shadow:var(--button-shadow);background:var(--blue);background:var(--button-background,var(--blue));color:var(--white);color:var(--button-color,var(--white));transition:.3s}.App button:hover{--button-shadow-size:3px}.App button:active,.App button:disabled{--button-shadow-size:0px}.App button:disabled{--button-background:var(--gray)}[data-label="200"]{--label-background:var(--green)}[data-label="400"]{--label-background:var(--red)}:root{--max-width:50rem;--black:#0b0a0a;--gray:#dcdada;--white:#f5f5f4;--green:#4ed48b;--blue:#63b2d9;--red:#d4694e;--pill-shadow:0 2px 3px var(--gray);--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f4;background:var(--white);color:#0b0a0a;color:var(--black)}
/*# sourceMappingURL=main.5bfd027a.chunk.css.map */