@layer base{:root{--color-bg-surface: #fff;--color-bg-surface-hover: #f7f7f7;--color-bg-surface-active: #f3f3f3;--color-bg-surface-selected: #f1f1f1;--color-bg-surface-disabled: rgba(0, 0, 0, .05);--color-bg-surface-info: #eaf4ff;--color-bg-surface-success: #cdfee1;--color-bg-surface-caution: #fff8db;--color-bg-surface-warning: #fff1e3;--color-bg-surface-critical: #fee9e8;--color-bg-surface-emphasis: #f0f2ff;--color-bg-surface-magic: #f8f7ff;--color-bg-surface-inverse: #303030;--color-bg-surface-transparent: transparent;--color-bg-fill: #fff;--color-bg-fill-hover: #fafafa;--color-bg-fill-active: #f7f7f7;--color-bg-fill-selected: #ccc;--color-bg-fill-disabled: rgba(0, 0, 0, .05);--color-bg-fill-secondary: #f1f1f1;--color-bg-fill-secondary-hover: #ebebeb;--color-bg-fill-secondary-active: #e3e3e3;--color-bg-fill-tertiary: #e3e3e3;--color-bg-fill-tertiary-hover: #d4d4d4;--color-bg-fill-tertiary-active: #ccc;--color-bg-fill-brand: #4e52b8;--color-bg-fill-brand-hover: #3a3e8a;--color-bg-fill-brand-active: #2a2e5a;--color-bg-fill-brand-disabled: rgba(0, 0, 0, .17);--color-bg-fill-info: #91d0ff;--color-bg-fill-info-hover: #51c0ff;--color-bg-fill-info-active: #0094d5;--color-bg-fill-info-secondary: #d5ebff;--color-bg-fill-success: #29845a;--color-bg-fill-success-hover: #136f45;--color-bg-fill-success-active: #0c5132;--color-bg-fill-success-secondary: #b4fed2;--color-bg-fill-warning: #ffb800;--color-bg-fill-warning-hover: #e5a500;--color-bg-fill-warning-active: #b28400;--color-bg-fill-warning-secondary: #ffd6a4;--color-bg-fill-caution: #ffe600;--color-bg-fill-caution-hover: #ead300;--color-bg-fill-caution-active: #e1cb00;--color-bg-fill-caution-secondary: #ffeb78;--color-bg-fill-critical: #e51c00;--color-bg-fill-critical-hover: #b5260b;--color-bg-fill-critical-active: #8e1f0b;--color-bg-fill-critical-selected: #8e1f0b;--color-bg-fill-critical-secondary: #fed3d1;--color-bg-fill-emphasis: #005bd3;--color-bg-fill-emphasis-hover: #004299;--color-bg-fill-emphasis-active: #002e6a;--color-bg-fill-magic: #8051ff;--color-bg-fill-magic-secondary: #e9e5ff;--color-bg-fill-magic-secondary-hover: #e4deff;--color-bg-fill-magic-secondary-active: #dfd9ff;--color-bg-fill-inverse: #303030;--color-bg-fill-inverse-hover: #4a4a4a;--color-bg-fill-inverse-active: #616161;--color-bg-fill-transparent: rgba(0, 0, 0, .02);--color-bg-fill-transparent-hover: rgba(0, 0, 0, .05);--color-bg-fill-transparent-active: rgba(0, 0, 0, .08);--color-bg-fill-transparent-selected: rgba(0, 0, 0, .08);--color-bg-fill-transparent-secondary: rgba(0, 0, 0, .06);--color-bg-fill-transparent-secondary-hover: rgba(0, 0, 0, .08);--color-bg-fill-transparent-secondary-active: rgba(0, 0, 0, .11);--color-text: #434343;--color-text-strong: #1a1a1a;--color-text-subdued: #767676;--color-text-disabled: #b5b5b5;--color-text-link: #4e52b8;--color-text-brand-on-bg-fill: #fff;--color-text-brand-on-bg-fill-hover: #e3e3e3;--color-text-brand-on-bg-fill-active: #ccc;--color-text-brand-on-bg-fill-disabled: #fff;--color-text-info: #003a5a;--color-text-info-on-bg-fill: #002133;--color-text-success: #0c5132;--color-text-success-on-bg-fill: #f8fffb;--color-text-caution: #4f4700;--color-text-caution-on-bg-fill: #332e00;--color-text-warning: #5e4200;--color-text-warning-on-bg-fill: #251a00;--color-text-critical: #8e1f0b;--color-text-critical-on-bg-fill: #fffbfb;--color-text-emphasis: #005bd3;--color-text-emphasis-on-bg-fill: #fcfdff;--color-text-magic: #5700d1;--color-text-magic-on-bg-fill: #fdfdff;--color-text-inverse: #e3e3e3;--color-text-link-inverse: #c5d0ff;--color-border: #e3e3e3;--color-border-hover: #ccc;--color-border-disabled: #ebebeb;--color-border-secondary: #ebebeb;--color-border-tertiary: #ccc;--color-border-focus: #005bd3;--color-border-brand: #e3e3e3;--color-border-info: #a8d8ff;--color-border-success: #92fec2;--color-border-caution: #ffeb78;--color-border-warning: #ffc879;--color-border-critical: #fec3c1;--color-border-critical-secondary: #8e1f0b;--color-border-emphasis: #005bd3;--color-border-emphasis-hover: #004299;--color-border-emphasis-active: #002e6a;--color-border-magic: #e4deff;--color-border-magic-secondary: #9474ff;--color-border-magic-secondary-hover: #8051ff;--color-border-inverse: #616161;--color-border-inverse-hover: #ccc;--color-border-inverse-active: #e3e3e3;--color-icon: #4a4a4a;--color-icon-hover: #303030;--color-icon-active: #1a1a1a;--color-icon-disabled: #ccc;--color-icon-secondary: #8a8a8a;--color-icon-secondary-hover: #616161;--color-icon-secondary-active: #4a4a4a;--color-icon-brand: #1a1a1a;--color-icon-info: #0094d5;--color-icon-success: #29845a;--color-icon-caution: #998a00;--color-icon-warning: #b28400;--color-icon-critical: #ef4d2f;--color-icon-emphasis: #005bd3;--color-icon-emphasis-hover: #004299;--color-icon-emphasis-active: #002e6a;--color-icon-magic: #8051ff;--color-icon-inverse: #e3e3e3;--color-text-primary: #1f1f1f;--color-text-secondary: #424242;--color-text-tertiary: #6b6b6b;--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f5f5f5;--color-bg-disabled: #f0f0f0;--color-bg-hovered: #fafafa;--color-bg-selected: #f4f4f4;--color-bg-inverse: #1f1f1f;--color-border-primary: #e3e3e3;--color-border-focused: #0078d4;--color-interaction-hovered: rgba(0 0 0 / .04);--color-interaction-selected: rgba(0 0 0 / .08);--color-interaction-pressed: rgba(0 0 0 / .12);--font-sans: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--app-scrollbar-width: .5rem;--app-checkbox-offset: 38px}:lang(ja),:lang(ja-JP){--font-sans: "IBM Plex Sans JP", "IBM Plex Sans", sans-serif}}