:root{--canvas: #eef0f4;--surface: #fff;--surface-2: #f7f8fb;--surface-3: #f1f3f7;--ink: #0e1626;--ink-2: #4a5567;--ink-3: #8a94a6;--ink-on: #fff;--line: #e5e8ee;--line-2: #d7dce5;--font-ui: "IBM Plex Sans Thai", system-ui, sans-serif;--font-num: "IBM Plex Mono", ui-monospace, monospace;--good-solid: #15a05f;--good-bg: #e6f5ec;--good-fg: #11724a;--good-bd: #b8e4cb;--warn-solid: #df8a16;--warn-bg: #fdf1df;--warn-fg: #9a5b08;--warn-bd: #f4d9a8;--bad-solid: #e0473c;--bad-bg: #fceceb;--bad-fg: #b1342c;--bad-bd: #f4c7c3;--info-solid: #3163ee;--info-bg: #e9eefe;--info-fg: #1d4bd6;--info-bd: #c5d2fb}