:root{--layer-1-bg: #f4f4f4;--layer-1-bg-hover: #e8e8e8;--layer-1-bg-active: #c6c6c6;--layer-1-border-subtle: #c6c6c6;--layer-1-border-strong: #8d8d8d;--layer-2-bg: #ffffff;--layer-2-bg-hover: #e8e8e8;--layer-2-bg-active: #c6c6c6;--layer-2-border-subtle: #e0e0e0;--layer-2-border-strong: #8d8d8d;--top-bar-bg: #262626;--top-bar-bg-hover: #333333;--top-bar-bg-active: #525252;--top-bar-fg: #ffffff;--top-bar-border-subtle: #525252;--primary-bg: #FFC000;--primary-bg-hover: #F2B600;--primary-bg-active: #E6AD00;--on-primary-fg: #000000;--secondary-bg: #6f6f6f;--secondary-bg-hover: #474747;--secondary-bg-active: #383838;--on-secondary-fg: #ffffff;--ghost-bg-hover: #e8e8e8;--ghost-bg-active: #c6c6c6}:root{--background: #f4f4f4;--background-hover: #8d8d8de0;--background-active: #8d8d8d80;--background-selected: #8d8d8dcc;--background-selected-hover: #8d8d8dad;--background-inverse: #393939;--background-inverse-hover: #4c4c4c;--background-brand: #0f62fe;--field: #ffffff;--field-hover: #e8e8e8;--border-interactive: #0f62fe;--border-subtle: #c6c6c6;--border-subtle-selected: #c6c6c6;--border-strong: #8d8d8d;--border-tile: #c6c6c6;--border-inverse: #161616;--border-disabled: #c6c6c6;--text-primary: #161616;--text-secondary: #525252;--text-placeholder: #a8a8a8;--text-on-color: #ffffff;--text-on-color-disabled: #8d8d8d;--text-helper: #6f6f6f;--text-error: #da1e28;--text-inverse: #ffffff;--text-disabled: #161616bf;--link-primary: #0f62fe;--link-primary-hover: #0043ce;--link-secondary: #0043ce;--link-inverse: #78a9ff;--link-inverse-hover: #a6c8ff;--link-inverse-active: #f4f4f4;--link-inverse-visited: #be95ff;--link-visited: #a83ffc;--icon-primary: #161616;--icon-secondary: #525252;--icon-on-color: #ffffff;--icon-on-color-disabled: #8d8d8d;--icon-interactive: #0f62fe;--icon-inverse: #ffffff;--icon-disabled: #161616bf;--support-error: #da1e28;--support-success: #24a148;--support-warning: #f1c21b;--support-info: #0043ce;--support-error-inverse: #fa4d56;--support-success-inverse: #42be65;--support-warning-inverse: #f1c21b;--support-info-inverse: #4589ff;--support-caution-minor: #1fc21b;--support-caution-major: #ff832b;--support-caution-undefined: #8a3ffc;--focus: #0f62fe;--focus-inset: #ffffff;--focus-inverse: #ffffff;--interactive: #0f62fe;--highlight: #d0e2ff;--toggle-off: #8d8d8d;--overlay: #00000066;--skeleton-element: #c6c6c6;--skeleton-background: #e5e5e5;--button-primary: #0f62fe;--button-primary-hover: #0353e9;--button-primary-active: #002d9c;--button-secondary: #393939;--button-secondary-hover: #4c4c4c;--button-secondary-active: #6f6f6f;--button-tertiary: #0f62fe;--button-tertiary-hover: #0353e9;--button-tertiary-active: #002d9c;--button-danger-primary: #da1e28;--button-danger-secondary: #da1e28;--button-danger-hover: #ba1b23;--button-danger-active: #750e13;--button-separator: #0e0e0e;--button-disabled: #c6c6c6;--notification-background-error: #fff1f1;--notification-background-success: #defbe6;--notification-background-info: #edf5ff;--notification-background-warning: #fcf4d6}.layer-1{--layer: #ffffff;--layer-hover: #e8e8e8;--layer-active: #c6c6c6;--layer-selected: #e0e0e0;--layer-selected-hover: #d1d1d1;--layer-selected-inverse: #161616;--layer-selected-disabled: #8d8d8d;--layer-accent: #e0e0e0;--layer-accent-hover: #cacaca;--layer-accent-active: #a8a8a8;--field: #f4f4f4;--field-hover: #e8e8e8;--border-subtle: #e0e0e0;--border-subtle-selected: #c6c6c6;--border-strong: #8d8d8d;--border-tile: #a8a8a8}.layer-2{--layer: #f4f4f4;--layer-hover: #e8e8e8;--layer-active: #c6c6c6;--layer-selected: #e0e0e0;--layer-selected-hover: #d1d1d1;--layer-selected-inverse: #161616;--layer-selected-disabled: #8d8d8d;--layer-accent: #e0e0e0;--layer-accent-hover: #cacaca;--layer-accent-active: #a8a8a8;--field: #ffffff;--field-hover: #e8e8e8;--border-subtle: #c6c6c6;--border-subtle-selected: #c6c6c6;--border-strong: #8d8d8d;--border-tile: #c6c6c6}.layer-3{--layer: #ffffff;--layer-hover: #e8e8e8;--layer-active: #c6c6c6;--layer-selected: #e0e0e0;--layer-selected-hover: #d1d1d1;--layer-selected-inverse: #161616;--layer-selected-disabled: #8d8d8d;--layer-accent: #e0e0e0;--layer-accent-hover: #cacaca;--layer-accent-active: #a8a8a8;--field: #f4f4f4;--field-hover: #e8e8e8;--border-subtle: #e0e0e0;--border-subtle-selected: #c6c6c6;--border-strong: #8d8d8d;--border-tile: #a8a8a8}:root{--font-height: .875rem}body{width:100vw;height:100vh;margin:0;padding:0;overflow:clip}button{background:unset;border:unset;outline:unset;padding:unset;margin:unset;cursor:pointer}a{text-decoration:none;color:unset}
