/* GENERATED by tools/build_tokens.py from the Flutter tokens. Do not hand-edit; re-run the script. */

/* Switch looks with <html data-app="companion|device" data-theme="light|dark">. */

@font-face { font-family: 'Roobert'; font-weight: 400; src: url('fonts/Roobert-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Roobert'; font-weight: 600; src: url('fonts/Roobert-SemiBold.ttf') format('truetype'); }

:root, :root[data-app="companion"] {
  --cui-space-lg: 24px;
  --cui-space-md: 16px;
  --cui-space-2xl: 40px;
  --cui-space-2xs: 4px;
  --cui-space-3xl: 48px;
  --cui-space-3xs: 2px;
  --cui-space-4xl: 64px;
  --cui-space-5xl: 96px;
  --cui-space-neg-sm: -12px;
  --cui-space-none: 0;
  --cui-space-sm: 12px;
  --cui-space-xl: 32px;
  --cui-space-xs: 8px;
  --cui-radius-banner-outer: 28px;
  --cui-radius-lg: 16px;
  --cui-radius-md: 12px;
  --cui-radius-2xl: 24px;
  --cui-radius-3xl: 32px;
  --cui-radius-4xl: 40px;
  --cui-radius-pill: 9999px;
  --cui-radius-sm: 8px;
  --cui-radius-xl: 20px;
  --cui-radius-xs: 4px;
  --cui-border-default: 1px;
  --cui-border-hairline: 0.5px;
  --cui-border-heavy: 4px;
  --cui-border-thick: 2px;
  --cui-size-icon-lg: 24px;
  --cui-size-icon-md: 20px;
  --cui-size-icon-sm: 16px;
  --cui-size-tab-min-width: 48px;
  --cui-img-lg: 120px;
  --cui-img-md: 80px;
  --cui-img-2xl: 328px;
  --cui-img-2xs: 2px;
  --cui-img-slider: 4px;
  --cui-img-sm2: 66px;
  --cui-img-sm-modify-tile-image: 56px;
  --cui-img-sm-naked-image: 56px;
  --cui-img-xl: 160px;
  --cui-img-xs: 24px;
  --cui-img-xs1: 30px;
  --cui-img-xs2: 36px;
  --cui-img-xs3: 44px;
  --cui-img-xxs: 12px;
  --cui-type-body-lg-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-lg-size: 22px;
  --cui-type-body-lg-weight: 400;
  --cui-type-body-lg-spacing: 0;
  --cui-type-body-lg-line: 26px;
  --cui-type-body-md-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-md-size: 17px;
  --cui-type-body-md-weight: 400;
  --cui-type-body-md-spacing: 0;
  --cui-type-body-md-line: 22px;
  --cui-type-body-md-semi-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-md-semi-size: 16px;
  --cui-type-body-md-semi-weight: 600;
  --cui-type-body-md-semi-spacing: 0;
  --cui-type-body-md-semi-line: 22px;
  --cui-type-body-sm-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-sm-size: 14px;
  --cui-type-body-sm-weight: 400;
  --cui-type-body-sm-spacing: 0.14px;
  --cui-type-body-sm-line: 18px;
  --cui-type-body-sm-semi-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-sm-semi-size: 14px;
  --cui-type-body-sm-semi-weight: 600;
  --cui-type-body-sm-semi-spacing: 0.14px;
  --cui-type-body-sm-semi-line: 18px;
  --cui-type-caption-family: 'Roobert', system-ui, sans-serif;
  --cui-type-caption-size: 12px;
  --cui-type-caption-weight: 400;
  --cui-type-caption-spacing: 0.24px;
  --cui-type-caption-line: 16px;
  --cui-type-caption-md-family: 'Roobert', system-ui, sans-serif;
  --cui-type-caption-md-size: 12px;
  --cui-type-caption-md-weight: 600;
  --cui-type-caption-md-spacing: 0.24px;
  --cui-type-caption-md-line: 16px;
  --cui-type-code-md-family: 'Roobert Mono', system-ui, sans-serif;
  --cui-type-code-md-size: 14px;
  --cui-type-code-md-weight: 500;
  --cui-type-code-md-spacing: 0;
  --cui-type-code-md-line: 20px;
  --cui-type-code-sm-family: 'Roobert Mono', system-ui, sans-serif;
  --cui-type-code-sm-size: 12px;
  --cui-type-code-sm-weight: 500;
  --cui-type-code-sm-spacing: 0;
  --cui-type-code-sm-line: 18px;
  --cui-type-display-family: 'Roobert', system-ui, sans-serif;
  --cui-type-display-size: 48px;
  --cui-type-display-weight: 600;
  --cui-type-display-spacing: -1.44px;
  --cui-type-display-line: 52px;
  --cui-type-heading-h1-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h1-size: 44px;
  --cui-type-heading-h1-weight: 600;
  --cui-type-heading-h1-spacing: -1.1px;
  --cui-type-heading-h1-line: 48px;
  --cui-type-heading-h2-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h2-size: 38px;
  --cui-type-heading-h2-weight: 600;
  --cui-type-heading-h2-spacing: -0.76px;
  --cui-type-heading-h2-line: 42px;
  --cui-type-heading-h3-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h3-size: 34px;
  --cui-type-heading-h3-weight: 600;
  --cui-type-heading-h3-spacing: -0.51px;
  --cui-type-heading-h3-line: 38px;
  --cui-type-heading-h4-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h4-size: 30px;
  --cui-type-heading-h4-weight: 600;
  --cui-type-heading-h4-spacing: -0.3px;
  --cui-type-heading-h4-line: 34px;
  --cui-type-title-lg-family: 'Roobert', system-ui, sans-serif;
  --cui-type-title-lg-size: 28px;
  --cui-type-title-lg-weight: 600;
  --cui-type-title-lg-spacing: -0.28px;
  --cui-type-title-lg-line: 32px;
  --cui-type-title-md-family: 'Roobert', system-ui, sans-serif;
  --cui-type-title-md-size: 22px;
  --cui-type-title-md-weight: 600;
  --cui-type-title-md-spacing: -0.11px;
  --cui-type-title-md-line: 26px;
  --cui-shadow-sm: 1px 0 5px 0 rgba(143, 128, 107, 0.851);
  --cui-shadow-md: 0 9px 16px 0 rgba(143, 128, 107, 0.698);
  --cui-shadow-lg: 0 16px 28px 0 rgba(143, 128, 107, 0.698);
  --cui-shadow-icon: 1px 2px 4px 0 rgba(143, 128, 107, 0.549);
}

:root[data-app="device"] {
  --cui-space-lg: 25.88px;
  --cui-space-md: 17.06px;
  --cui-space-2xl: 42.94px;
  --cui-space-2xs: 4.12px;
  --cui-space-3xl: 51.18px;
  --cui-space-3xs: 2.35px;
  --cui-space-4xl: 68.24px;
  --cui-space-5xl: 102.94px;
  --cui-space-neg-sm: -12.94px;
  --cui-space-none: 0;
  --cui-space-sm: 12.94px;
  --cui-space-xl: 34.12px;
  --cui-space-xs: 8.82px;
  --cui-radius-banner-outer: 30px;
  --cui-radius-lg: 17.06px;
  --cui-radius-md: 12.94px;
  --cui-radius-2xl: 25.88px;
  --cui-radius-3xl: 34.12px;
  --cui-radius-4xl: 42.94px;
  --cui-radius-pill: 9999px;
  --cui-radius-sm: 8.82px;
  --cui-radius-xl: 21.18px;
  --cui-radius-xs: 4.12px;
  --cui-border-default: 1.07px;
  --cui-border-hairline: 0.54px;
  --cui-border-heavy: 4.12px;
  --cui-border-thick: 2.14px;
  --cui-size-icon-lg: 23.53px;
  --cui-size-icon-md: 17.65px;
  --cui-size-icon-sm: 14.12px;
  --cui-size-tab-min-width: 51.18px;
  --cui-img-lg: 128.24px;
  --cui-img-md: 85.29px;
  --cui-img-2xl: 350.59px;
  --cui-img-2xs: 1.76px;
  --cui-img-slider: 4.12px;
  --cui-img-sm2: 70.59px;
  --cui-img-sm-modify-tile-image: 70.59px;
  --cui-img-sm-naked-image: 58.82px;
  --cui-img-xl: 171.18px;
  --cui-img-xs: 25.88px;
  --cui-img-xs1: 29.41px;
  --cui-img-xs2: 38.24px;
  --cui-img-xs3: 47.06px;
  --cui-img-xxs: 12.94px;
  --cui-type-body-lg-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-lg-size: 23.53px;
  --cui-type-body-lg-weight: 400;
  --cui-type-body-lg-spacing: 0;
  --cui-type-body-lg-line: 27.65px;
  --cui-type-body-md-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-md-size: 18.24px;
  --cui-type-body-md-weight: 400;
  --cui-type-body-md-spacing: 0;
  --cui-type-body-md-line: 23.53px;
  --cui-type-body-md-semi-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-md-semi-size: 17.65px;
  --cui-type-body-md-semi-weight: 600;
  --cui-type-body-md-semi-spacing: 0;
  --cui-type-body-md-semi-line: 23.53px;
  --cui-type-body-sm-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-sm-size: 14.71px;
  --cui-type-body-sm-weight: 400;
  --cui-type-body-sm-spacing: 0.15px;
  --cui-type-body-sm-line: 19.41px;
  --cui-type-body-sm-semi-family: 'Roobert', system-ui, sans-serif;
  --cui-type-body-sm-semi-size: 14.71px;
  --cui-type-body-sm-semi-weight: 600;
  --cui-type-body-sm-semi-spacing: 0.15px;
  --cui-type-body-sm-semi-line: 19.41px;
  --cui-type-caption-family: 'Roobert', system-ui, sans-serif;
  --cui-type-caption-size: 12.94px;
  --cui-type-caption-weight: 400;
  --cui-type-caption-spacing: 0.26px;
  --cui-type-caption-line: 17.06px;
  --cui-type-caption-md-family: 'Roobert', system-ui, sans-serif;
  --cui-type-caption-md-size: 12.94px;
  --cui-type-caption-md-weight: 600;
  --cui-type-caption-md-spacing: 0.26px;
  --cui-type-caption-md-line: 17.06px;
  --cui-type-code-md-family: 'Roobert Mono', system-ui, sans-serif;
  --cui-type-code-md-size: 14.71px;
  --cui-type-code-md-weight: 500;
  --cui-type-code-md-spacing: 0;
  --cui-type-code-md-line: 21.18px;
  --cui-type-code-sm-family: 'Roobert Mono', system-ui, sans-serif;
  --cui-type-code-sm-size: 12.94px;
  --cui-type-code-sm-weight: 500;
  --cui-type-code-sm-spacing: 0;
  --cui-type-code-sm-line: 19.41px;
  --cui-type-display-family: 'Roobert', system-ui, sans-serif;
  --cui-type-display-size: 51.18px;
  --cui-type-display-weight: 600;
  --cui-type-display-spacing: -1.54px;
  --cui-type-display-line: 55.88px;
  --cui-type-heading-h1-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h1-size: 47.06px;
  --cui-type-heading-h1-weight: 600;
  --cui-type-heading-h1-spacing: -1.18px;
  --cui-type-heading-h1-line: 51.18px;
  --cui-type-heading-h2-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h2-size: 40.59px;
  --cui-type-heading-h2-weight: 600;
  --cui-type-heading-h2-spacing: -0.81px;
  --cui-type-heading-h2-line: 44.71px;
  --cui-type-heading-h3-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h3-size: 36.47px;
  --cui-type-heading-h3-weight: 600;
  --cui-type-heading-h3-spacing: -0.55px;
  --cui-type-heading-h3-line: 40.59px;
  --cui-type-heading-h4-family: 'Roobert', system-ui, sans-serif;
  --cui-type-heading-h4-size: 32.35px;
  --cui-type-heading-h4-weight: 600;
  --cui-type-heading-h4-spacing: -0.32px;
  --cui-type-heading-h4-line: 36.47px;
  --cui-type-title-lg-family: 'Roobert', system-ui, sans-serif;
  --cui-type-title-lg-size: 30px;
  --cui-type-title-lg-weight: 600;
  --cui-type-title-lg-spacing: -0.3px;
  --cui-type-title-lg-line: 34.12px;
  --cui-type-title-md-family: 'Roobert', system-ui, sans-serif;
  --cui-type-title-md-size: 23.53px;
  --cui-type-title-md-weight: 600;
  --cui-type-title-md-spacing: -0.12px;
  --cui-type-title-md-line: 27.65px;
  --cui-shadow-sm: 1.18px 0 4.71px 0 rgba(143, 128, 107, 0.851);
  --cui-shadow-md: 0 9.41px 17.06px 0 rgba(143, 128, 107, 0.698);
  --cui-shadow-lg: 0 17.06px 30px 0 rgba(143, 128, 107, 0.698);
  --cui-shadow-icon: 1.18px 2.35px 4.12px 0 rgba(143, 128, 107, 0.549);
}

:root, :root[data-theme="light"] {
  color-scheme: light;
  --cui-color-border-accent: #ffd582;
  --cui-color-border-brand: #232222;
  --cui-color-border-brand-muted: #9e9b9a;
  --cui-color-border-brand-subtle: #dcdad9;
  --cui-color-border-danger: #be123c;
  --cui-color-border-default: #e3ddd3;
  --cui-color-border-disabled: #e3ddd3;
  --cui-color-border-focus: #ffd582;
  --cui-color-border-hairline: rgba(82, 82, 82, 0.302);
  --cui-color-border-strong: #afa097;
  --cui-color-border-subtle: #f1ece4;
  --cui-color-border-success: #15803d;
  --cui-color-icon-accent: #cc8b00;
  --cui-color-icon-brand: #232222;
  --cui-color-icon-danger: #e11d48;
  --cui-color-icon-default: #232222;
  --cui-color-icon-disabled: #cbbfb5;
  --cui-color-icon-on-brand: #ffffff;
  --cui-color-icon-on-danger: #ffffff;
  --cui-color-icon-subtle: #484646;
  --cui-color-surface-bg-accent: #ffd582;
  --cui-color-surface-bg-accent-preptip: #edeede;
  --cui-color-surface-bg-accent-subtle: #fffef7;
  --cui-color-surface-bg-brand: #232222;
  --cui-color-surface-bg-brand-muted: #ededec;
  --cui-color-surface-bg-brand-subtle: #f7f6f6;
  --cui-color-surface-bg-canvas: #fffcf8;
  --cui-color-surface-bg-control: #f1ece4;
  --cui-color-surface-bg-danger: #e11d48;
  --cui-color-surface-bg-danger-muted: #fedfe2;
  --cui-color-surface-bg-danger-subtle: #fff5ee;
  --cui-color-surface-bg-default: #ffffff;
  --cui-color-surface-bg-disabled: #f1ece4;
  --cui-color-surface-bg-info-subtle: #eff6ff;
  --cui-color-surface-bg-overlay: #ffffff;
  --cui-color-surface-bg-raised: #ffffff;
  --cui-color-surface-bg-scrim: rgba(0, 0, 0, 0.6);
  --cui-color-surface-bg-success: #16a34a;
  --cui-color-surface-bg-success-muted: #d8f9e3;
  --cui-color-surface-bg-success-subtle: #f0fdf4;
  --cui-color-surface-bg-sunken: #f9f5f0;
  --cui-color-surface-bg-warning: #fbbf24;
  --cui-color-surface-bg-warning-muted: #fef3cb;
  --cui-color-surface-bg-warning-subtle: #fffbeb;
  --cui-color-text-accent: #cc8b00;
  --cui-color-text-brand: #232222;
  --cui-color-text-danger: #be123c;
  --cui-color-text-default: #232222;
  --cui-color-text-disabled: #cbbfb5;
  --cui-color-text-info: #1d4ed8;
  --cui-color-text-inverse: #ffffff;
  --cui-color-text-muted: #7a7777;
  --cui-color-text-on-accent: #232222;
  --cui-color-text-on-brand: #ffffff;
  --cui-color-text-on-danger: #ffffff;
  --cui-color-text-subtle: #484646;
  --cui-color-text-success: #15803d;
  --cui-color-text-warning: #b45309;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --cui-color-border-accent: #ffd582;
  --cui-color-border-brand: #ffd582;
  --cui-color-border-brand-muted: #484646;
  --cui-color-border-brand-subtle: #5e5b5a;
  --cui-color-border-danger: #f43f5e;
  --cui-color-border-default: #484646;
  --cui-color-border-disabled: #484646;
  --cui-color-border-focus: #ffd582;
  --cui-color-border-hairline: rgba(255, 255, 255, 0.302);
  --cui-color-border-strong: #7a7777;
  --cui-color-border-subtle: #333130;
  --cui-color-border-success: #22c55e;
  --cui-color-icon-accent: #ffe682;
  --cui-color-icon-brand: #ffd582;
  --cui-color-icon-danger: #fb7185;
  --cui-color-icon-default: #fdfcf9;
  --cui-color-icon-disabled: #5e5b5a;
  --cui-color-icon-on-brand: #232222;
  --cui-color-icon-on-danger: #ffffff;
  --cui-color-icon-subtle: #e3ddd3;
  --cui-color-surface-bg-accent: #ffd582;
  --cui-color-surface-bg-accent-preptip: #333130;
  --cui-color-surface-bg-accent-subtle: #333130;
  --cui-color-surface-bg-brand: #ffd582;
  --cui-color-surface-bg-brand-muted: #484646;
  --cui-color-surface-bg-brand-subtle: #333130;
  --cui-color-surface-bg-canvas: #141313;
  --cui-color-surface-bg-control: #232222;
  --cui-color-surface-bg-danger: #f43f5e;
  --cui-color-surface-bg-danger-muted: #be123c;
  --cui-color-surface-bg-danger-subtle: #4c0519;
  --cui-color-surface-bg-default: #232222;
  --cui-color-surface-bg-disabled: #484646;
  --cui-color-surface-bg-info-subtle: #172554;
  --cui-color-surface-bg-overlay: #484646;
  --cui-color-surface-bg-raised: #333130;
  --cui-color-surface-bg-scrim: rgba(0, 0, 0, 0.6);
  --cui-color-surface-bg-success: #22c55e;
  --cui-color-surface-bg-success-muted: #052e16;
  --cui-color-surface-bg-success-subtle: #052e16;
  --cui-color-surface-bg-sunken: #141313;
  --cui-color-surface-bg-warning: #fbbf24;
  --cui-color-surface-bg-warning-muted: #b45309;
  --cui-color-surface-bg-warning-subtle: #451a03;
  --cui-color-text-accent: #ffe682;
  --cui-color-text-brand: #ffd582;
  --cui-color-text-danger: #fb7185;
  --cui-color-text-default: #fdfcf9;
  --cui-color-text-disabled: #5e5b5a;
  --cui-color-text-info: #93c5fd;
  --cui-color-text-inverse: #232222;
  --cui-color-text-muted: #afa097;
  --cui-color-text-on-accent: #232222;
  --cui-color-text-on-brand: #232222;
  --cui-color-text-on-danger: #ffffff;
  --cui-color-text-subtle: #e3ddd3;
  --cui-color-text-success: #4ade80;
  --cui-color-text-warning: #fcd34d;
}

.cui-type-body-lg { font-family: var(--cui-type-body-lg-family); font-size: var(--cui-type-body-lg-size); font-weight: var(--cui-type-body-lg-weight); letter-spacing: var(--cui-type-body-lg-spacing); line-height: var(--cui-type-body-lg-line); }
.cui-type-body-md { font-family: var(--cui-type-body-md-family); font-size: var(--cui-type-body-md-size); font-weight: var(--cui-type-body-md-weight); letter-spacing: var(--cui-type-body-md-spacing); line-height: var(--cui-type-body-md-line); }
.cui-type-body-md-semi { font-family: var(--cui-type-body-md-semi-family); font-size: var(--cui-type-body-md-semi-size); font-weight: var(--cui-type-body-md-semi-weight); letter-spacing: var(--cui-type-body-md-semi-spacing); line-height: var(--cui-type-body-md-semi-line); }
.cui-type-body-sm { font-family: var(--cui-type-body-sm-family); font-size: var(--cui-type-body-sm-size); font-weight: var(--cui-type-body-sm-weight); letter-spacing: var(--cui-type-body-sm-spacing); line-height: var(--cui-type-body-sm-line); }
.cui-type-body-sm-semi { font-family: var(--cui-type-body-sm-semi-family); font-size: var(--cui-type-body-sm-semi-size); font-weight: var(--cui-type-body-sm-semi-weight); letter-spacing: var(--cui-type-body-sm-semi-spacing); line-height: var(--cui-type-body-sm-semi-line); }
.cui-type-caption { font-family: var(--cui-type-caption-family); font-size: var(--cui-type-caption-size); font-weight: var(--cui-type-caption-weight); letter-spacing: var(--cui-type-caption-spacing); line-height: var(--cui-type-caption-line); }
.cui-type-caption-md { font-family: var(--cui-type-caption-md-family); font-size: var(--cui-type-caption-md-size); font-weight: var(--cui-type-caption-md-weight); letter-spacing: var(--cui-type-caption-md-spacing); line-height: var(--cui-type-caption-md-line); }
.cui-type-code-md { font-family: var(--cui-type-code-md-family); font-size: var(--cui-type-code-md-size); font-weight: var(--cui-type-code-md-weight); letter-spacing: var(--cui-type-code-md-spacing); line-height: var(--cui-type-code-md-line); }
.cui-type-code-sm { font-family: var(--cui-type-code-sm-family); font-size: var(--cui-type-code-sm-size); font-weight: var(--cui-type-code-sm-weight); letter-spacing: var(--cui-type-code-sm-spacing); line-height: var(--cui-type-code-sm-line); }
.cui-type-display { font-family: var(--cui-type-display-family); font-size: var(--cui-type-display-size); font-weight: var(--cui-type-display-weight); letter-spacing: var(--cui-type-display-spacing); line-height: var(--cui-type-display-line); }
.cui-type-heading-h1 { font-family: var(--cui-type-heading-h1-family); font-size: var(--cui-type-heading-h1-size); font-weight: var(--cui-type-heading-h1-weight); letter-spacing: var(--cui-type-heading-h1-spacing); line-height: var(--cui-type-heading-h1-line); }
.cui-type-heading-h2 { font-family: var(--cui-type-heading-h2-family); font-size: var(--cui-type-heading-h2-size); font-weight: var(--cui-type-heading-h2-weight); letter-spacing: var(--cui-type-heading-h2-spacing); line-height: var(--cui-type-heading-h2-line); }
.cui-type-heading-h3 { font-family: var(--cui-type-heading-h3-family); font-size: var(--cui-type-heading-h3-size); font-weight: var(--cui-type-heading-h3-weight); letter-spacing: var(--cui-type-heading-h3-spacing); line-height: var(--cui-type-heading-h3-line); }
.cui-type-heading-h4 { font-family: var(--cui-type-heading-h4-family); font-size: var(--cui-type-heading-h4-size); font-weight: var(--cui-type-heading-h4-weight); letter-spacing: var(--cui-type-heading-h4-spacing); line-height: var(--cui-type-heading-h4-line); }
.cui-type-title-lg { font-family: var(--cui-type-title-lg-family); font-size: var(--cui-type-title-lg-size); font-weight: var(--cui-type-title-lg-weight); letter-spacing: var(--cui-type-title-lg-spacing); line-height: var(--cui-type-title-lg-line); }
.cui-type-title-md { font-family: var(--cui-type-title-md-family); font-size: var(--cui-type-title-md-size); font-weight: var(--cui-type-title-md-weight); letter-spacing: var(--cui-type-title-md-spacing); line-height: var(--cui-type-title-md-line); }

.cui-root { font-family: 'Roobert', system-ui, sans-serif; color: var(--cui-color-text-default);
  -webkit-font-smoothing: antialiased; box-sizing: border-box; }
.cui-root *, .cui-root *::before, .cui-root *::after { box-sizing: inherit; }