#app{align-content:center;display:grid;grid-template-columns:auto 10rem;grid-gap:2rem 1rem;justify-content:center;padding:1rem}.button{background-color:var(--color-accent);border:none;border-radius:.5rem;color:var(--color-text);cursor:pointer;font-family:monospace;font-size:1rem;line-height:1.5;margin-bottom:0;margin-top:0;padding:.5rem}.button:focus,.button:hover{background-color:var(--color-accent-active)}.char{border-radius:.125rem;margin-left:.0625rem;margin-right:.0625rem;padding-left:.125rem;padding-right:.125rem}.char.is-error{background-color:var(--color-negative)}.char.is-valid{background-color:var(--color-positive)}.char.is-first{background-color:#1e88e2}.input{background-color:var(--color-background-1);border:none;border-radius:.5rem;color:var(--color-secondary);font-family:monospace;font-size:1rem;line-height:1.5;margin-bottom:0;margin-top:0;padding:.5rem}.line{margin-bottom:0;margin-top:0;white-space:pre-wrap}.model{color:var(--color-text);font-family:monospace;font-size:clamp(.75rem,calc((2.5vw - .4375rem) * 1.6),1.5rem);grid-column:span 2;line-height:1.5;margin-bottom:-.25em;margin-top:-.25rem}.speed{color:var(--color-accent);font-family:monospace;font-size:1rem;line-height:1.5;margin-bottom:-.25em;margin-top:-.25rem}:root{--color-accent:#20948b;--color-accent-active:#00aa9c;--color-background-0:#2a2c30;--color-background-0-overlay:hsl(220, 6.7%, 17.6%, .75);--color-background-1:#363a41;--color-danger:#ed333c;--color-danger-active:#fb000d;--color-depth:hsla(0, 0%, 0%, .1);--color-negative:#ed333c;--color-positive:#009924;--color-secondary:hsla(0, 0%, 100%, .5);--color-text:hsla(0, 0%, 100%, .92);--color-text-accent:var(--color-text)}body{background-color:var(--color-background-0);height:100%;margin:0}#app,html{height:100%}.is-theme-light{--color-background-0:#d8dee9;--color-background-0-overlay:hsl(218.8, 27.9%, 88%, .75);--color-background-1:#eceff4;--color-secondary:hsla(0, 0%, 0%, .5);--color-text:hsla(0, 0%, 0%, .87);--color-text-accent:var(--color-background-0)}