html{container-type:size}body{--color-text: #000;--color-text-alpha: #0008;--color-text-light: #333;--color-text-lightest: #666;--color-bg: #fff;--color-input-border: #000;--color-accent: #aaa;--color-accent-dark: #888;--color-accent-darkest: #666;--color-accent-light: #ccc;--color-focus: #00f;--color-focus-alpha: #00f8;--color-danger: rgb(226, 91, 131);--color-danger-dark: rgb(186, 60, 98);--color-warning: rgb(254, 206, 95);--color-warning-dark: rgb(225, 167, 32);--color-positive: rgb(97, 174, 255);--color-positive-dark: rgb(27, 116, 211);--hgap: 1rem;--vgap: 1rem}@container (width <= 500px){body{--hgap: .5rem}}html,input,textarea,button{font-family:Roboto,sans-serif;font-size:14px}body{-webkit-user-select:none;user-select:none}body,html{margin:0;padding:0}.errorBoundary{margin-top:var(--vgap);margin-left:var(--hgap);-webkit-user-select:text;user-select:text}p{margin:0 0 1em;padding:0}h1{font-size:1.75rem}h2{font-size:1.5rem}h1,h2{margin:var(--vgap) var(--hgap) calc(2 * var(--vgap)) var(--hgap)}.auto-scroll-x{width:100%;overflow-x:auto}input:not([type=radio]):not([type=checkbox]),textarea,button{color:var(--color-text);border:2px solid var(--color-input-border);padding:.5em;margin:0 0 1em;border-radius:6px}input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,button:focus-visible{outline:3px solid var(--color-focus-alpha)}input:not([type=radio]):not([type=checkbox]):disabled,textarea:disabled{opacity:.4}button{cursor:pointer}button:disabled{opacity:.5}