:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:150%;font-weight:400;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--solid-gray: #808080;--border-gray: #ccc;--fresh-green: #28a745;--lighter-green: #45c162;--darker-green: #1e7e34}body{margin:0;padding:0}*{box-sizing:border-box}#root{display:grid;grid-template-rows:47vh 6vh 47vh;width:100%;min-width:320px;height:100vh;max-height:100dvh;overflow:hidden;margin:0}.box-container{margin-inline:auto;background:var(--solid-gray);border-radius:.5em}.box{background:#f5f5f5;border-radius:.5em;overflow:hidden}.output-box{resize:none;overflow:auto;padding-left:2.75rem}p{display:inline-block;width:fit-content;height:4vmax;margin:0}legend{display:flex;align-items:center;background:#fff;border:1px solid var(--solid-gray);border-radius:.5em}img{width:1rem;height:1rem}.controls-container{margin:0 auto;display:flex;align-items:center}.run-button{padding:0;border:none;justify-self:start;cursor:pointer;border-radius:.5em}.run-button-icon{width:2rem;height:2rem;transition:fill .5s ease;-webkit-transition:fill .5s ease;-moz-transition:fill .5s ease;-ms-transition:fill .5s ease;-o-transition:fill .5s ease}.run-button-icon:hover path{fill:var(--lighter-green)}.run-button-icon:active path{fill:var(--darker-green)}.container,.box{transition:min-width .5s ease,width .5s ease,max-width .5s ease;-webkit-transition:min-width .5s ease,width .5s ease,max-width .5s ease;-moz-transition:min-width .5s ease,width .5s ease,max-width .5s ease;-ms-transition:min-width .5s ease,width .5s ease,max-width .5s ease;-o-transition:min-width .5s ease,width .5s ease,max-width .5s ease}@media (orientation: landscape){.container{min-width:47%;width:47%;max-width:47%}}@media (orientation: portrait){.container{min-width:100%;width:100%;max-width:100%}}