*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--text:#333;--divider:#ccc;--primary:#369;--primary-contrast:#fff;--error:#e00;--space:8px}html,body{letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;height:100%;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font:18px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){html,body{--lightningcss-light: ;--lightningcss-dark:initial}}#root{width:100%;height:100%}.toolbar{padding:var(--space);border-bottom:1px solid var(--divider);flex-direction:row;justify-content:space-between;display:flex}.toolbar>div{gap:var(--space);flex-direction:row;align-items:center;display:flex}button,.button{padding:var(--space);cursor:pointer;border-radius:calc(var(--space) * .5);-webkit-user-select:none;user-select:none;background:var(--divider);color:var(--text);justify-content:center;align-items:center;gap:var(--space);border:none;flex-direction:row;font-size:14px;line-height:100%;text-decoration:none;display:flex}button:hover,.button:hover{box-shadow:inset 0 0 200px #0000004d}button svg,.button svg{width:16px;height:16px;fill:var(--text)}button.primary,.button.primary{background:var(--primary);color:var(--primary-contrast)}button.primary:hover,.button.primary:hover{box-shadow:inset 0 0 200px #ffffff4d}button.primary svg,.button.primary svg{fill:#fff}button.close,.button.close{background:var(--error);color:#fff;padding:calc(var(--space) * .5);width:30px;height:30px}button.close svg,.button.close svg{fill:#fff;width:24px;height:24px}main{padding:calc(var(--space) * 3)}.icon{justify-content:center;align-items:center;display:inline-flex}