/* node_modules/@openuidev/react-ui/dist/styles/index.css */
:root {
  --openui-background: oklch(0.97 0 89.876 / 1);
  --openui-foreground: oklch(0.994 0 89.876 / 1);
  --openui-popover-background: oklch(0.994 0 89.876 / 1);
  --openui-sunk-light: oklch(0.097 0 0 / 0.02);
  --openui-sunk: oklch(0.097 0 0 / 0.04);
  --openui-sunk-deep: oklch(0.097 0 0 / 0.08);
  --openui-elevated-light: oklch(0.097 0 0 / 0.04);
  --openui-elevated: oklch(0.097 0 0 / 0.08);
  --openui-elevated-strong: oklch(0.097 0 0 / 0.16);
  --openui-elevated-intense: oklch(0.097 0 0 / 0.32);
  --openui-overlay: oklch(0 0 0 / 0.4);
  --openui-highlight-subtle: oklch(0.097 0 0 / 0.02);
  --openui-highlight: oklch(0.097 0 0 / 0.04);
  --openui-highlight-strong: oklch(0.097 0 0 / 0.08);
  --openui-highlight-intense: oklch(0.097 0 0 / 0.32);
  --openui-inverted-background: oklch(0.097 0 0 / 1);
  --openui-info-background: oklch(0.623 0.188 259.815 / 0.12);
  --openui-success-background: oklch(0.627 0.17 149.214 / 0.12);
  --openui-alert-background: oklch(0.795 0.162 86.047 / 0.16);
  --openui-danger-background: oklch(0.577 0.215 27.325 / 0.12);
  --openui-purple-background: oklch(0.627 0.233 303.9 / 0.12);
  --openui-pink-background: oklch(0.592 0.218 0.584 / 0.12);
  --openui-text-neutral-primary: oklch(0.097 0 0 / 1);
  --openui-text-neutral-secondary: oklch(0.097 0 0 / 0.5);
  --openui-text-neutral-tertiary: oklch(0.097 0 0 / 0.2);
  --openui-text-neutral-link: oklch(0.097 0 0 / 1);
  --openui-text-brand: oklch(0.097 0 0 / 1);
  --openui-text-white: oklch(1 0 89.876 / 1);
  --openui-text-black: oklch(0 0 0 / 1);
  --openui-text-accent-primary: oklch(0.994 0 89.876 / 1);
  --openui-text-accent-secondary: oklch(0.994 0 89.876 / 0.5);
  --openui-text-accent-tertiary: oklch(0.994 0 89.876 / 0.2);
  --openui-text-success-primary: oklch(0.448 0.108 151.328 / 1);
  --openui-text-success-inverted: oklch(0.962 0.043 156.743 / 1);
  --openui-text-alert-primary: oklch(0.476 0.103 61.907 / 1);
  --openui-text-alert-inverted: oklch(0.973 0.069 103.193 / 1);
  --openui-text-danger-primary: oklch(0.505 0.19 27.518 / 1);
  --openui-text-danger-secondary: oklch(0.711 0.166 22.216 / 1);
  --openui-text-danger-tertiary: oklch(0.808 0.103 19.571 / 1);
  --openui-text-danger-inverted-primary: oklch(0.982 0.009 17.303 / 1);
  --openui-text-danger-inverted-secondary: oklch(0.982 0.009 17.303 / 0.5);
  --openui-text-danger-inverted-tertiary: oklch(0.982 0.009 17.303 / 0.3);
  --openui-text-info-primary: oklch(0.424 0.181 265.638 / 1);
  --openui-text-info-inverted: oklch(0.932 0.032 255.585 / 1);
  --openui-text-pink-primary: oklch(0.459 0.17 3.815 / 1);
  --openui-text-pink-inverted: oklch(0.948 0.028 342.258 / 1);
  --openui-text-purple-primary: oklch(0.438 0.198 303.724 / 1);
  --openui-text-purple-inverted: oklch(0.946 0.033 307.174 / 1);
  --openui-interactive-accent-default: oklch(0.097 0 0 / 1);
  --openui-interactive-accent-hover: oklch(0.097 0 0 / 0.8);
  --openui-interactive-accent-disabled: oklch(0.097 0 0 / 0.4);
  --openui-interactive-accent-pressed: oklch(0.097 0 0 / 1);
  --openui-interactive-destructive-default: oklch(0.577 0.215 27.325 / 0.02);
  --openui-interactive-destructive-hover: oklch(0.577 0.215 27.325 / 0.08);
  --openui-interactive-destructive-disabled: oklch(0.577 0.215 27.325 / 0.02);
  --openui-interactive-destructive-pressed: oklch(0.577 0.215 27.325 / 0.1);
  --openui-interactive-destructive-accent-default: oklch(0.577 0.215 27.325 / 1);
  --openui-interactive-destructive-accent-hover: oklch(0.637 0.208 25.331 / 1);
  --openui-interactive-destructive-accent-pressed: oklch(0.505 0.19 27.518 / 1);
  --openui-interactive-destructive-accent-disabled: oklch(0.577 0.215 27.325 / 0.4);
  --openui-chat-user-response-bg: oklch(0.097 0 0 / 0.08);
  --openui-chat-user-response-text: oklch(0.097 0 0 / 1);
  --openui-border-default: oklch(0.097 0 0 / 0.06);
  --openui-border-interactive: oklch(0.097 0 0 / 0.12);
  --openui-border-interactive-emphasis: oklch(0.097 0 0 / 0.3);
  --openui-border-interactive-selected: oklch(0.097 0 0 / 1);
  --openui-border-accent: oklch(0.097 0 0 / 0.08);
  --openui-border-accent-emphasis: oklch(0.097 0 0 / 0.3);
  --openui-border-info: oklch(0.623 0.188 259.815 / 0.08);
  --openui-border-info-emphasis: oklch(0.546 0.215 262.881 / 1);
  --openui-border-alert: oklch(0.861 0.173 91.936 / 0.08);
  --openui-border-alert-emphasis: oklch(0.681 0.142 75.834 / 1);
  --openui-border-success: oklch(0.627 0.17 149.214 / 0.08);
  --openui-border-success-emphasis: oklch(0.627 0.17 149.214 / 1);
  --openui-border-danger: oklch(0.577 0.215 27.325 / 0.08);
  --openui-border-danger-emphasis: oklch(0.577 0.215 27.325 / 1);
  --openui-space-000: 0;
  --openui-space-3xs: 2px;
  --openui-space-2xs: 4px;
  --openui-space-xs: 6px;
  --openui-space-s: 8px;
  --openui-space-s-m: 10px;
  --openui-space-m: 12px;
  --openui-space-m-l: 16px;
  --openui-space-l: 18px;
  --openui-space-xl: 24px;
  --openui-space-2xl: 36px;
  --openui-space-3xl: 48px;
  --openui-radius-none: 0;
  --openui-radius-3xs: 1px;
  --openui-radius-2xs: 2px;
  --openui-radius-xs: 4px;
  --openui-radius-s: 6px;
  --openui-radius-m: 8px;
  --openui-radius-l: 10px;
  --openui-radius-xl: 12px;
  --openui-radius-2xl: 14px;
  --openui-radius-3xl: 16px;
  --openui-radius-4xl: 20px;
  --openui-radius-5xl: 24px;
  --openui-radius-6xl: 28px;
  --openui-radius-7xl: 32px;
  --openui-radius-8xl: 40px;
  --openui-radius-9xl: 48px;
  --openui-radius-full: 9999px;
  --openui-font-body: "Inter", sans-serif;
  --openui-font-code:
    "SFMono-Regular",
    Menlo,
    monospace;
  --openui-font-heading: "Inter", sans-serif;
  --openui-font-label: "Inter", sans-serif;
  --openui-font-numbers: "Inter", sans-serif;
  --openui-font-size-2xs: 10px;
  --openui-font-size-xs: 12px;
  --openui-font-size-sm: 14px;
  --openui-font-size-md: 16px;
  --openui-font-size-lg: 18px;
  --openui-font-size-xl: 20px;
  --openui-font-size-2xl: 24px;
  --openui-font-size-3xl: 28px;
  --openui-font-size-4xl: 32px;
  --openui-font-size-5xl: 36px;
  --openui-font-weight-regular: 400;
  --openui-font-weight-medium: 500;
  --openui-font-weight-bold: 600;
  --openui-font-weight-heavy: 700;
  --openui-line-height-body: 1.5;
  --openui-line-height-heading: 1.25;
  --openui-line-height-heading-large: 1.1;
  --openui-line-height-label: 1.25;
  --openui-line-height-code: 1.5;
  --openui-letter-spacing-normal: 0;
  --openui-letter-spacing-tight: -0.1px;
  --openui-letter-spacing-tighter: -0.2px;
  --openui-text-body-xs: 400 12px/1.5 "Inter", sans-serif;
  --openui-text-body-xs-letter-spacing: 0;
  --openui-text-body-xs-heavy: 500 12px/1.5 "Inter", sans-serif;
  --openui-text-body-xs-heavy-letter-spacing: 0;
  --openui-text-body-sm: 400 14px/1.5 "Inter", sans-serif;
  --openui-text-body-sm-letter-spacing: 0;
  --openui-text-body-sm-heavy: 500 14px/1.5 "Inter", sans-serif;
  --openui-text-body-sm-heavy-letter-spacing: 0;
  --openui-text-body-default: 400 16px/1.5 "Inter", sans-serif;
  --openui-text-body-default-letter-spacing: 0;
  --openui-text-body-default-heavy: 500 16px/1.5 "Inter", sans-serif;
  --openui-text-body-default-heavy-letter-spacing: 0;
  --openui-text-body-lg: 400 18px/1.5 "Inter", sans-serif;
  --openui-text-body-lg-letter-spacing: 0;
  --openui-text-body-lg-heavy: 500 18px/1.5 "Inter", sans-serif;
  --openui-text-body-lg-heavy-letter-spacing: 0;
  --openui-text-heading-xs: 600 16px/1.25 "Inter", sans-serif;
  --openui-text-heading-xs-letter-spacing: 0;
  --openui-text-heading-sm: 600 18px/1.25 "Inter", sans-serif;
  --openui-text-heading-sm-letter-spacing: 0;
  --openui-text-heading-md: 600 24px/1.1 "Inter", sans-serif;
  --openui-text-heading-md-letter-spacing: 0;
  --openui-text-heading-lg: 600 28px/1.1 "Inter", sans-serif;
  --openui-text-heading-lg-letter-spacing: -0.1px;
  --openui-text-heading-xl: 700 32px/1.1 "Inter", sans-serif;
  --openui-text-heading-xl-letter-spacing: -0.1px;
  --openui-text-label-xs: 400 12px/1.25 "Inter", sans-serif;
  --openui-text-label-xs-letter-spacing: 0;
  --openui-text-label-xs-heavy: 500 12px/1.25 "Inter", sans-serif;
  --openui-text-label-xs-heavy-letter-spacing: 0;
  --openui-text-label-sm: 400 14px/1.25 "Inter", sans-serif;
  --openui-text-label-sm-letter-spacing: 0;
  --openui-text-label-sm-heavy: 500 14px/1.25 "Inter", sans-serif;
  --openui-text-label-sm-heavy-letter-spacing: 0;
  --openui-text-label-default: 400 16px/1.25 "Inter", sans-serif;
  --openui-text-label-default-letter-spacing: 0;
  --openui-text-label-default-heavy: 500 16px/1.25 "Inter", sans-serif;
  --openui-text-label-default-heavy-letter-spacing: 0;
  --openui-text-label-lg: 400 18px/1.25 "Inter", sans-serif;
  --openui-text-label-lg-letter-spacing: 0;
  --openui-text-label-lg-heavy: 500 18px/1.25 "Inter", sans-serif;
  --openui-text-label-lg-heavy-letter-spacing: 0;
  --openui-text-numbers-xs: 400 12px/1.5 "Inter", sans-serif;
  --openui-text-numbers-xs-letter-spacing: 0;
  --openui-text-numbers-xs-heavy: 500 12px/1.5 "Inter", sans-serif;
  --openui-text-numbers-xs-heavy-letter-spacing: 0;
  --openui-text-numbers-sm: 400 14px/1.5 "Inter", sans-serif;
  --openui-text-numbers-sm-letter-spacing: 0;
  --openui-text-numbers-sm-heavy: 500 14px/1.5 "Inter", sans-serif;
  --openui-text-numbers-sm-heavy-letter-spacing: 0;
  --openui-text-numbers-default: 400 16px/1.5 "Inter", sans-serif;
  --openui-text-numbers-default-letter-spacing: 0;
  --openui-text-numbers-default-heavy: 500 16px/1.5 "Inter", sans-serif;
  --openui-text-numbers-default-heavy-letter-spacing: 0;
  --openui-text-numbers-lg: 400 18px/1.5 "Inter", sans-serif;
  --openui-text-numbers-lg-letter-spacing: 0;
  --openui-text-numbers-lg-heavy: 500 18px/1.5 "Inter", sans-serif;
  --openui-text-numbers-lg-heavy-letter-spacing: 0;
  --openui-text-numbers-heading-sm: 600 18px/1.25 "Inter", sans-serif;
  --openui-text-numbers-heading-sm-letter-spacing: 0;
  --openui-text-numbers-heading-md: 600 24px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-md-letter-spacing: 0;
  --openui-text-numbers-heading-lg: 600 28px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-lg-letter-spacing: 0;
  --openui-text-numbers-heading-xl: 600 32px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-xl-letter-spacing: 0;
  --openui-text-code-sm:
    400 12px/1.5 "SFMono-Regular",
    Menlo,
    monospace;
  --openui-text-code-sm-letter-spacing: 0;
  --openui-text-code-sm-heavy:
    700 12px/1.5 "SFMono-Regular",
    Menlo,
    monospace;
  --openui-text-code-sm-heavy-letter-spacing: 0;
  --openui-text-code-default:
    400 14px/1.5 "SFMono-Regular",
    Menlo,
    monospace;
  --openui-text-code-default-letter-spacing: 0;
  --openui-text-code-default-heavy:
    700 14px/1.5 "SFMono-Regular",
    Menlo,
    monospace;
  --openui-text-code-default-heavy-letter-spacing: 0;
  --openui-shadow-0: none;
  --openui-shadow-s: 0 1px 3px -2px oklch(0 0 0 / 0.02), 0 2px 5px -2px oklch(0 0 0 / 0.04);
  --openui-shadow-m: 0 4px 6px -2px oklch(0 0 0 / 0.025), 0 2px 2px -2px oklch(0 0 0 / 0.05);
  --openui-shadow-l: 0 4px 4px -2px oklch(0 0 0 / 0.05), 0 4px 8px -2px oklch(0 0 0 / 0.04);
  --openui-shadow-xl: 0 8px 16px -4px oklch(0 0 0 / 0.08), 0 16px 32px -6px oklch(0 0 0 / 0.12);
  --openui-shadow-2xl: 0 12px 24px -6px oklch(0 0 0 / 0.12), 0 24px 48px -8px oklch(0 0 0 / 0.16);
  --openui-shadow-3xl: 0 16px 32px -8px oklch(0 0 0 / 0.16), 0 32px 64px -12px oklch(0 0 0 / 0.22);
}
@media (prefers-color-scheme: dark) {
  :root {
    --openui-background: oklch(0.145 0 0 / 1);
    --openui-foreground: oklch(0.205 0 0 / 1);
    --openui-popover-background: oklch(0.205 0 0 / 1);
    --openui-sunk-light: oklch(0.994 0 89.876 / 0.02);
    --openui-sunk: oklch(0.994 0 89.876 / 0.04);
    --openui-sunk-deep: oklch(0.994 0 89.876 / 0.08);
    --openui-elevated-light: oklch(0.994 0 89.876 / 0.04);
    --openui-elevated: oklch(0.994 0 89.876 / 0.08);
    --openui-elevated-strong: oklch(0.994 0 89.876 / 0.16);
    --openui-elevated-intense: oklch(0.994 0 89.876 / 0.32);
    --openui-overlay: oklch(0 0 0 / 0.6);
    --openui-highlight-subtle: oklch(0.994 0 89.876 / 0.02);
    --openui-highlight: oklch(0.994 0 89.876 / 0.04);
    --openui-highlight-strong: oklch(0.994 0 89.876 / 0.08);
    --openui-highlight-intense: oklch(0.994 0 89.876 / 0.3);
    --openui-inverted-background: oklch(0.994 0 89.876 / 1);
    --openui-info-background: oklch(0.623 0.188 259.815 / 0.12);
    --openui-success-background: oklch(0.627 0.17 149.214 / 0.12);
    --openui-alert-background: oklch(0.795 0.162 86.047 / 0.16);
    --openui-danger-background: oklch(0.577 0.215 27.325 / 0.12);
    --openui-purple-background: oklch(0.627 0.233 303.9 / 0.12);
    --openui-pink-background: oklch(0.592 0.218 0.584 / 0.12);
    --openui-text-neutral-primary: oklch(0.985 0 89.876 / 1);
    --openui-text-neutral-secondary: oklch(0.985 0 89.876 / 0.5);
    --openui-text-neutral-tertiary: oklch(0.985 0 89.876 / 0.2);
    --openui-text-neutral-link: oklch(0.985 0 89.876 / 1);
    --openui-text-brand: oklch(0.994 0 89.876 / 1);
    --openui-text-white: oklch(1 0 89.876 / 1);
    --openui-text-black: oklch(0 0 0 / 1);
    --openui-text-accent-primary: oklch(0.097 0 0 / 1);
    --openui-text-accent-secondary: oklch(0.097 0 0 / 0.5);
    --openui-text-accent-tertiary: oklch(0.097 0 0 / 0.2);
    --openui-text-success-primary: oklch(0.871 0.136 154.449 / 1);
    --openui-text-success-inverted: oklch(0.962 0.043 156.743 / 1);
    --openui-text-alert-primary: oklch(0.905 0.166 98.111 / 1);
    --openui-text-alert-inverted: oklch(0.973 0.069 103.193 / 1);
    --openui-text-danger-primary: oklch(0.808 0.103 19.571 / 1);
    --openui-text-danger-secondary: oklch(0.885 0.059 18.334 / 1);
    --openui-text-danger-tertiary: oklch(0.936 0.031 17.717 / 1);
    --openui-text-danger-inverted-primary: oklch(0.982 0.009 17.303 / 1);
    --openui-text-danger-inverted-secondary: oklch(0.982 0.009 17.303 / 0.5);
    --openui-text-danger-inverted-tertiary: oklch(0.982 0.009 17.303 / 0.3);
    --openui-text-info-primary: oklch(0.809 0.096 251.813 / 1);
    --openui-text-info-inverted: oklch(0.932 0.032 255.585 / 1);
    --openui-text-pink-primary: oklch(0.823 0.11 346.018 / 1);
    --openui-text-pink-inverted: oklch(0.948 0.028 342.258 / 1);
    --openui-text-purple-primary: oklch(0.827 0.108 306.383 / 1);
    --openui-text-purple-inverted: oklch(0.946 0.033 307.174 / 1);
    --openui-interactive-accent-default: oklch(0.994 0 89.876 / 1);
    --openui-interactive-accent-hover: oklch(0.994 0 89.876 / 0.8);
    --openui-interactive-accent-disabled: oklch(0.994 0 89.876 / 0.4);
    --openui-interactive-accent-pressed: oklch(0.994 0 89.876 / 1);
    --openui-interactive-destructive-default: oklch(0.577 0.215 27.325 / 0.02);
    --openui-interactive-destructive-hover: oklch(0.577 0.215 27.325 / 0.08);
    --openui-interactive-destructive-disabled: oklch(0.577 0.215 27.325 / 0.02);
    --openui-interactive-destructive-pressed: oklch(0.577 0.215 27.325 / 0.1);
    --openui-interactive-destructive-accent-default: oklch(0.577 0.215 27.325 / 1);
    --openui-interactive-destructive-accent-hover: oklch(0.637 0.208 25.331 / 1);
    --openui-interactive-destructive-accent-pressed: oklch(0.505 0.19 27.518 / 1);
    --openui-interactive-destructive-accent-disabled: oklch(0.577 0.215 27.325 / 0.4);
    --openui-chat-user-response-bg: oklch(0.994 0 89.876 / 0.08);
    --openui-chat-user-response-text: oklch(0.985 0 89.876 / 1);
    --openui-border-default: oklch(0.994 0 89.876 / 0.06);
    --openui-border-interactive: oklch(0.994 0 89.876 / 0.12);
    --openui-border-interactive-emphasis: oklch(0.994 0 89.876 / 0.4);
    --openui-border-interactive-selected: oklch(0.985 0 89.876 / 1);
    --openui-border-accent: oklch(0.994 0 89.876 / 0.2);
    --openui-border-accent-emphasis: oklch(0.994 0 89.876 / 0.4);
    --openui-border-info: oklch(0.623 0.188 259.815 / 0.08);
    --openui-border-info-emphasis: oklch(0.546 0.215 262.881 / 1);
    --openui-border-alert: oklch(0.861 0.173 91.936 / 0.08);
    --openui-border-alert-emphasis: oklch(0.681 0.142 75.834 / 1);
    --openui-border-success: oklch(0.627 0.17 149.214 / 0.08);
    --openui-border-success-emphasis: oklch(0.627 0.17 149.214 / 1);
    --openui-border-danger: oklch(0.577 0.215 27.325 / 0.08);
    --openui-border-danger-emphasis: oklch(0.577 0.215 27.325 / 1);
    --openui-space-000: 0;
    --openui-space-3xs: 2px;
    --openui-space-2xs: 4px;
    --openui-space-xs: 6px;
    --openui-space-s: 8px;
    --openui-space-s-m: 10px;
    --openui-space-m: 12px;
    --openui-space-m-l: 16px;
    --openui-space-l: 18px;
    --openui-space-xl: 24px;
    --openui-space-2xl: 36px;
    --openui-space-3xl: 48px;
    --openui-radius-none: 0;
    --openui-radius-3xs: 1px;
    --openui-radius-2xs: 2px;
    --openui-radius-xs: 4px;
    --openui-radius-s: 6px;
    --openui-radius-m: 8px;
    --openui-radius-l: 10px;
    --openui-radius-xl: 12px;
    --openui-radius-2xl: 14px;
    --openui-radius-3xl: 16px;
    --openui-radius-4xl: 20px;
    --openui-radius-5xl: 24px;
    --openui-radius-6xl: 28px;
    --openui-radius-7xl: 32px;
    --openui-radius-8xl: 40px;
    --openui-radius-9xl: 48px;
    --openui-radius-full: 9999px;
    --openui-font-body: "Inter", sans-serif;
    --openui-font-code:
      "SFMono-Regular",
      Menlo,
      monospace;
    --openui-font-heading: "Inter", sans-serif;
    --openui-font-label: "Inter", sans-serif;
    --openui-font-numbers: "Inter", sans-serif;
    --openui-font-size-2xs: 10px;
    --openui-font-size-xs: 12px;
    --openui-font-size-sm: 14px;
    --openui-font-size-md: 16px;
    --openui-font-size-lg: 18px;
    --openui-font-size-xl: 20px;
    --openui-font-size-2xl: 24px;
    --openui-font-size-3xl: 28px;
    --openui-font-size-4xl: 32px;
    --openui-font-size-5xl: 36px;
    --openui-font-weight-regular: 400;
    --openui-font-weight-medium: 500;
    --openui-font-weight-bold: 600;
    --openui-font-weight-heavy: 700;
    --openui-line-height-body: 1.5;
    --openui-line-height-heading: 1.25;
    --openui-line-height-heading-large: 1.1;
    --openui-line-height-label: 1.25;
    --openui-line-height-code: 1.5;
    --openui-letter-spacing-normal: 0;
    --openui-letter-spacing-tight: -0.1px;
    --openui-letter-spacing-tighter: -0.2px;
    --openui-text-body-xs: 400 12px/1.5 "Inter", sans-serif;
    --openui-text-body-xs-letter-spacing: 0;
    --openui-text-body-xs-heavy: 500 12px/1.5 "Inter", sans-serif;
    --openui-text-body-xs-heavy-letter-spacing: 0;
    --openui-text-body-sm: 400 14px/1.5 "Inter", sans-serif;
    --openui-text-body-sm-letter-spacing: 0;
    --openui-text-body-sm-heavy: 500 14px/1.5 "Inter", sans-serif;
    --openui-text-body-sm-heavy-letter-spacing: 0;
    --openui-text-body-default: 400 16px/1.5 "Inter", sans-serif;
    --openui-text-body-default-letter-spacing: 0;
    --openui-text-body-default-heavy: 500 16px/1.5 "Inter", sans-serif;
    --openui-text-body-default-heavy-letter-spacing: 0;
    --openui-text-body-lg: 400 18px/1.5 "Inter", sans-serif;
    --openui-text-body-lg-letter-spacing: 0;
    --openui-text-body-lg-heavy: 500 18px/1.5 "Inter", sans-serif;
    --openui-text-body-lg-heavy-letter-spacing: 0;
    --openui-text-heading-xs: 600 16px/1.25 "Inter", sans-serif;
    --openui-text-heading-xs-letter-spacing: 0;
    --openui-text-heading-sm: 600 18px/1.25 "Inter", sans-serif;
    --openui-text-heading-sm-letter-spacing: 0;
    --openui-text-heading-md: 600 24px/1.1 "Inter", sans-serif;
    --openui-text-heading-md-letter-spacing: 0;
    --openui-text-heading-lg: 600 28px/1.1 "Inter", sans-serif;
    --openui-text-heading-lg-letter-spacing: -0.1px;
    --openui-text-heading-xl: 700 32px/1.1 "Inter", sans-serif;
    --openui-text-heading-xl-letter-spacing: -0.1px;
    --openui-text-label-xs: 400 12px/1.25 "Inter", sans-serif;
    --openui-text-label-xs-letter-spacing: 0;
    --openui-text-label-xs-heavy: 500 12px/1.25 "Inter", sans-serif;
    --openui-text-label-xs-heavy-letter-spacing: 0;
    --openui-text-label-sm: 400 14px/1.25 "Inter", sans-serif;
    --openui-text-label-sm-letter-spacing: 0;
    --openui-text-label-sm-heavy: 500 14px/1.25 "Inter", sans-serif;
    --openui-text-label-sm-heavy-letter-spacing: 0;
    --openui-text-label-default: 400 16px/1.25 "Inter", sans-serif;
    --openui-text-label-default-letter-spacing: 0;
    --openui-text-label-default-heavy: 500 16px/1.25 "Inter", sans-serif;
    --openui-text-label-default-heavy-letter-spacing: 0;
    --openui-text-label-lg: 400 18px/1.25 "Inter", sans-serif;
    --openui-text-label-lg-letter-spacing: 0;
    --openui-text-label-lg-heavy: 500 18px/1.25 "Inter", sans-serif;
    --openui-text-label-lg-heavy-letter-spacing: 0;
    --openui-text-numbers-xs: 400 12px/1.5 "Inter", sans-serif;
    --openui-text-numbers-xs-letter-spacing: 0;
    --openui-text-numbers-xs-heavy: 500 12px/1.5 "Inter", sans-serif;
    --openui-text-numbers-xs-heavy-letter-spacing: 0;
    --openui-text-numbers-sm: 400 14px/1.5 "Inter", sans-serif;
    --openui-text-numbers-sm-letter-spacing: 0;
    --openui-text-numbers-sm-heavy: 500 14px/1.5 "Inter", sans-serif;
    --openui-text-numbers-sm-heavy-letter-spacing: 0;
    --openui-text-numbers-default: 400 16px/1.5 "Inter", sans-serif;
    --openui-text-numbers-default-letter-spacing: 0;
    --openui-text-numbers-default-heavy: 500 16px/1.5 "Inter", sans-serif;
    --openui-text-numbers-default-heavy-letter-spacing: 0;
    --openui-text-numbers-lg: 400 18px/1.5 "Inter", sans-serif;
    --openui-text-numbers-lg-letter-spacing: 0;
    --openui-text-numbers-lg-heavy: 500 18px/1.5 "Inter", sans-serif;
    --openui-text-numbers-lg-heavy-letter-spacing: 0;
    --openui-text-numbers-heading-sm: 600 18px/1.25 "Inter", sans-serif;
    --openui-text-numbers-heading-sm-letter-spacing: 0;
    --openui-text-numbers-heading-md: 600 24px/1.1 "Inter", sans-serif;
    --openui-text-numbers-heading-md-letter-spacing: 0;
    --openui-text-numbers-heading-lg: 600 28px/1.1 "Inter", sans-serif;
    --openui-text-numbers-heading-lg-letter-spacing: 0;
    --openui-text-numbers-heading-xl: 600 32px/1.1 "Inter", sans-serif;
    --openui-text-numbers-heading-xl-letter-spacing: 0;
    --openui-text-code-sm:
      400 12px/1.5 "SFMono-Regular",
      Menlo,
      monospace;
    --openui-text-code-sm-letter-spacing: 0;
    --openui-text-code-sm-heavy:
      700 12px/1.5 "SFMono-Regular",
      Menlo,
      monospace;
    --openui-text-code-sm-heavy-letter-spacing: 0;
    --openui-text-code-default:
      400 14px/1.5 "SFMono-Regular",
      Menlo,
      monospace;
    --openui-text-code-default-letter-spacing: 0;
    --openui-text-code-default-heavy:
      700 14px/1.5 "SFMono-Regular",
      Menlo,
      monospace;
    --openui-text-code-default-heavy-letter-spacing: 0;
    --openui-shadow-0: none;
    --openui-shadow-s: 0 1px 3px -2px oklch(0 0 0 / 0.06), 0 2px 5px -2px oklch(0 0 0 / 0.10);
    --openui-shadow-m: 0 4px 6px -2px oklch(0 0 0 / 0.08), 0 2px 2px -2px oklch(0 0 0 / 0.12);
    --openui-shadow-l: 0 4px 4px -2px oklch(0 0 0 / 0.12), 0 4px 8px -2px oklch(0 0 0 / 0.10);
    --openui-shadow-xl: 0 8px 16px -4px oklch(0 0 0 / 0.16), 0 16px 32px -6px oklch(0 0 0 / 0.20);
    --openui-shadow-2xl: 0 12px 24px -6px oklch(0 0 0 / 0.20), 0 24px 48px -8px oklch(0 0 0 / 0.24);
    --openui-shadow-3xl: 0 16px 32px -8px oklch(0 0 0 / 0.24), 0 32px 64px -12px oklch(0 0 0 / 0.28);
  }
}
.openui-accordion {
  box-sizing: border-box;
  border-radius: var(--openui-radius-2xl);
  border: 1px solid var(--openui-border-default);
  padding: calc(var(--openui-space-m) + 2px);
  padding-bottom: 0;
}
.openui-accordion-clear {
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: none;
  padding: 0;
}
.openui-accordion-clear .openui-accordion-trigger {
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--openui-space-l);
  padding-bottom: var(--openui-space-l);
}
.openui-accordion-clear .openui-accordion-item:first-child .openui-accordion-trigger {
  padding-top: 0;
}
.openui-accordion-clear .openui-accordion-item:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.openui-accordion-clear .openui-accordion-content-wrapper {
  padding: 0;
  padding-bottom: var(--openui-space-l);
  gap: var(--openui-space-m);
}
.openui-accordion-card .openui-accordion-content-wrapper {
  padding: 0;
  padding-bottom: var(--openui-space-m);
  gap: var(--openui-space-l);
}
.openui-accordion-card .openui-accordion-item:last-child .openui-accordion-trigger {
  border-bottom: none;
}
.openui-accordion-card .openui-accordion-item:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: none;
}
.openui-accordion-sunk {
  background-color: var(--openui-highlight-subtle);
}
.openui-accordion-sunk .openui-accordion-content-wrapper {
  padding: 0;
  padding-bottom: var(--openui-space-m);
  gap: var(--openui-space-l);
}
.openui-accordion-sunk .openui-accordion-item:last-child .openui-accordion-trigger {
  border-bottom: none;
}
.openui-accordion-item {
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid var(--openui-border-default);
}
.openui-accordion-item:first-child {
  margin-top: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.openui-accordion-item:first-child .openui-accordion-trigger {
  padding-top: 0;
}
.openui-accordion-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.openui-accordion-item:focus-within {
  position: relative;
  z-index: 1;
}
.openui-accordion-header {
  display: flex;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.openui-accordion-trigger {
  border: none;
  box-sizing: border-box;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  background-color: rgba(0, 0, 0, 0);
  padding: var(--openui-space-l) 0;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
}
.openui-accordion-trigger-content {
  display: flex;
  align-items: center;
  color: var(--openui-text-neutral-primary);
  gap: var(--openui-space-xs);
}
.openui-accordion-trigger-content-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  width: 16px;
}
.openui-accordion-trigger-icon {
  color: var(--openui-text-neutral-primary);
  height: 16px;
  width: 16px;
  transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
}
.openui-accordion-trigger[data-state=open] .openui-accordion-trigger-icon {
  transform: rotate(180deg);
}
.openui-accordion-content {
  overflow: hidden;
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-accordion-content[data-state=open] {
  animation: slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1);
}
.openui-accordion-content[data-state=closed] {
  animation: slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1);
}
.openui-accordion-content-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: var(--openui-space-l);
}
@keyframes slideDown {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes slideUp {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
.openui-bottom-tray-container {
  display: flex;
  position: fixed;
  bottom: 84px;
  right: var(--openui-space-l);
  height: calc(90% - 84px);
  max-height: 768px;
  width: 448px;
  overflow: hidden;
  flex-direction: column;
  transform-origin: bottom right;
  transition:
    transform .25s ease-in-out,
    opacity .25s ease-in-out,
    clip-path .25s ease-in-out;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-4xl);
  box-shadow: var(--openui-shadow-2xl);
  background: var(--openui-background);
  box-sizing: border-box;
}
.openui-bottom-tray-container * {
  box-sizing: border-box;
}
.openui-bottom-tray-container--open {
  transform: scale(1);
  opacity: 1;
  clip-path: ellipse(150% 150% at 100% 100%);
}
.openui-bottom-tray-container--closed {
  transform: scale(0.1);
  opacity: 0;
  pointer-events: none;
  clip-path: ellipse(0% 0% at 100% 100%);
}
@media (max-width: 768px) {
  .openui-bottom-tray-container {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100dvw;
    height: 100dvh;
    max-height: none;
    max-width: none;
    border-radius: 0;
    border: none;
  }
  .openui-bottom-tray-container--closed {
    transform: scale(0.1);
    clip-path: ellipse(0% 0% at 100% 100%);
  }
}
.openui-bottom-tray-trigger {
  position: fixed;
  bottom: var(--openui-space-l);
  right: var(--openui-space-l);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--openui-radius-full);
  background: var(--openui-inverted-background);
  color: var(--openui-text-accent-primary);
  box-shadow: var(--openui-shadow-xl);
  cursor: pointer;
  transition: all .1s ease;
  z-index: 1000;
  overflow: hidden;
}
.openui-bottom-tray-trigger:hover {
  background: var(--openui-interactive-accent-hover);
  box-shadow: var(--openui-shadow-2xl);
  transform: translateY(-2px);
}
.openui-bottom-tray-trigger:active {
  transform: translateY(0);
  scale: .95;
}
.openui-bottom-tray-trigger--open {
  transform: scale(0.85);
}
@media (max-width: 768px) {
  .openui-bottom-tray-trigger {
    bottom: var(--openui-space-m);
    right: var(--openui-space-m);
  }
  .openui-bottom-tray-trigger--open {
    display: none;
  }
}
.openui-bottom-tray-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--openui-space-m);
  border-radius: var(--openui-radius-4xl) var(--openui-radius-4xl) 0 0;
}
@media (max-width: 768px) {
  .openui-bottom-tray-header {
    border-radius: 0;
  }
}
.openui-bottom-tray-header-logo-container {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
}
.openui-bottom-tray-header-logo {
  width: 32px;
  height: 32px;
  border-radius: var(--openui-radius-m);
}
.openui-bottom-tray-header-agent-name {
  color: var(--openui-text-neutral-primary);
}
.openui-bottom-tray-header-actions {
  display: flex;
  align-items: center;
  gap: var(--openui-space-2xs);
}
.openui-bottom-tray-thread-list-dropdown {
  display: flex;
  flex-direction: column;
  min-width: 240px;
  max-width: 320px;
  max-height: 296px;
  padding: var(--openui-space-xs);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-l);
  z-index: 9999;
  overflow: hidden;
}
.openui-bottom-tray-thread-list-header {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-tertiary);
  padding: var(--openui-space-xs) var(--openui-space-s);
  padding-bottom: var(--openui-space-s);
}
.openui-bottom-tray-thread-list-items {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-3xs);
  overflow-y: auto;
}
.openui-bottom-tray-thread-list-empty {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding: var(--openui-space-m);
  text-align: center;
}
.openui-bottom-tray-thread-list-trigger[data-state=open],
.openui-bottom-tray-thread-list-trigger[aria-expanded=true] {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-bottom-tray-thread-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: calc(var(--openui-radius-s) + 1px);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all .12s ease;
}
.openui-bottom-tray-thread-item--selected {
  background-color: var(--openui-highlight);
}
.openui-bottom-tray-thread-item:hover {
  background-color: var(--openui-highlight);
}
.openui-bottom-tray-thread-item:hover .openui-bottom-tray-thread-item-menu-trigger {
  opacity: 1;
}
.openui-bottom-tray-thread-item:has(.openui-bottom-tray-thread-item-menu-trigger[data-state=open]) {
  background-color: var(--openui-highlight);
}
.openui-bottom-tray-thread-item:has(.openui-bottom-tray-thread-item-menu-trigger[data-state=open]) .openui-bottom-tray-thread-item-menu-trigger {
  opacity: 1;
}
.openui-bottom-tray-thread-item-title {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  padding: calc(var(--openui-space-xs) - 1.75px) var(--openui-space-s);
  width: 100%;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.openui-bottom-tray-thread-item-menu-trigger {
  opacity: 0;
}
.openui-bottom-tray-thread-item-menu-trigger:focus-visible {
  opacity: 1;
}
.openui-bottom-tray-thread-item-menu-trigger[data-state=open] {
  opacity: 1;
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-bottom-tray-thread-item-menu {
  box-sizing: border-box;
  position: relative;
  z-index: 99999;
  min-width: 160px;
  overflow: hidden;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-m);
  color: var(--openui-text-neutral-primary);
  transform-origin: top center;
  animation: openui-bottom-tray-thread-menu-show .18s ease-out forwards;
  padding: 4px;
}
.openui-bottom-tray-thread-item-menu-action {
  width: 100%;
  justify-content: flex-start;
  padding-left: var(--openui-space-s);
  padding-right: var(--openui-space-s);
}
.openui-bottom-tray-thread-item-menu-action:focus,
.openui-bottom-tray-thread-item-menu-action:focus-visible {
  outline: none;
  box-shadow: none;
}
@keyframes openui-bottom-tray-thread-menu-show {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.openui-bottom-tray-thread-container {
  display: flex;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}
.openui-bottom-tray-thread-container:has([data-drafting]) .openui-bottom-tray-conversation-starter {
  opacity: 0;
  pointer-events: none;
}
.openui-bottom-tray-conversation-starter {
  transition: opacity 150ms ease;
}
.openui-bottom-tray-thread-scroll-container {
  width: 100%;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.openui-bottom-tray-thread-scroll-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--openui-space-xl);
  background:
    linear-gradient(
      to bottom,
      var(--openui-background) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.openui-bottom-tray-thread-scroll-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--openui-space-xl);
  background:
    linear-gradient(
      to top,
      var(--openui-background) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.openui-bottom-tray-thread-scroll-area {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: var(--openui-space-m);
  scroll-padding-top: calc(var(--openui-space-m) + var(--openui-space-xs));
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) rgba(0, 0, 0, 0);
}
.openui-bottom-tray-thread-scroll-area::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-bottom-tray-thread-scroll-area::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-bottom-tray-thread-scroll-area::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}
.openui-bottom-tray-thread-scroll-area::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}
.openui-bottom-tray-thread-scroll-area--user-message-anchor .openui-bottom-tray-thread-messages > *:last-child {
  min-height: calc(-200px + 100dvh);
}
.openui-bottom-tray-thread-messages {
  margin: 0 auto;
  padding-top: var(--openui-space-s);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xl);
}
.openui-bottom-tray-thread-message-assistant {
  width: 100%;
  overflow: hidden;
}
.openui-bottom-tray-thread-message-assistant__content {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  overflow: hidden;
  overflow-wrap: break-word;
  flex-grow: 1;
}
.openui-bottom-tray-thread-message-assistant__text {
  color: var(--openui-text-neutral-primary);
}
.openui-bottom-tray-thread-message-user {
  display: flex;
  justify-content: flex-end;
}
.openui-bottom-tray-thread-message-user__content {
  padding: var(--openui-space-s) var(--openui-space-m);
  background-color: var(--openui-chat-user-response-bg);
  color: var(--openui-chat-user-response-text);
  border-radius: var(--openui-radius-xl);
  overflow-wrap: break-word;
  max-width: 100%;
  height: fit-content;
}
.openui-bottom-tray-thread-composer {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  margin: 0 0 var(--openui-space-m);
  padding: 0 var(--openui-space-m);
}
.openui-bottom-tray-thread-composer__input-wrapper {
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-2xl);
  box-shadow: var(--openui-shadow-m);
  overflow: clip;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  padding: var(--openui-space-s-m);
}
.openui-bottom-tray-thread-composer__input {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-elevated) rgba(0, 0, 0, 0);
  padding: 0 var(--openui-space-3xs);
  resize: none;
  max-height: 200px;
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  overflow-y: auto;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-bottom-tray-thread-composer__input::-webkit-scrollbar {
  width: 6px;
}
.openui-bottom-tray-thread-composer__input::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-bottom-tray-thread-composer__input::-webkit-scrollbar-thumb {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-full);
}
.openui-bottom-tray-thread-composer__input::placeholder {
  color: var(--openui-text-neutral-secondary);
}
.openui-bottom-tray-thread-composer__action-bar {
  display: flex;
  align-items: center;
}
.openui-bottom-tray-thread-composer__submit-button {
  margin-left: auto;
}
.openui-bottom-tray-conversation-starter {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  padding: 0 var(--openui-space-m);
  margin-bottom: var(--openui-space-s);
  box-sizing: border-box;
  max-height: 480px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity .2s ease,
    transform .2s ease,
    max-height .2s ease,
    margin-bottom .2s ease;
}
.openui-bottom-tray-conversation-starter--short {
  display: block;
}
.openui-bottom-tray-conversation-starter--long {
  flex-direction: column;
  gap: var(--openui-space-2xs);
}
.openui-bottom-tray-conversation-starter__carousel-content {
  gap: var(--openui-space-xs);
}
.openui-bottom-tray-conversation-starter-item-short {
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
  width: fit-content;
  flex: 0 0 auto;
  padding: var(--openui-space-s) var(--openui-space-s-m);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-l);
  cursor: pointer;
  transition: all .15s ease;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
}
.openui-bottom-tray-conversation-starter-item-short__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--openui-text-neutral-primary);
}
.openui-bottom-tray-conversation-starter-item-short__icon > svg {
  width: 14px;
  height: 14px;
}
.openui-bottom-tray-conversation-starter-item-short__text {
  flex: 1;
  white-space: nowrap;
}
.openui-bottom-tray-conversation-starter-item-short:not(:disabled):hover {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-bottom-tray-conversation-starter-item-short:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}
@media (max-width: 480px) {
  .openui-bottom-tray-conversation-starter-item-short {
    padding: var(--openui-space-s) var(--openui-space-s-m);
  }
}
.openui-bottom-tray-conversation-starter-item-long {
  display: flex;
  align-items: center;
  gap: var(--openui-space-000);
  width: 100%;
  padding: var(--openui-space-xs) var(--openui-space-s-m);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: var(--openui-radius-l);
  cursor: pointer;
  transition: background-color .15s ease;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  overflow: hidden;
}
.openui-bottom-tray-conversation-starter-item-long__content {
  display: flex;
  align-items: flex-start;
  gap: var(--openui-space-xs);
  flex: 1;
  min-width: 0;
}
.openui-bottom-tray-conversation-starter-item-long__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: var(--openui-space-2xs);
  color: var(--openui-text-neutral-primary);
}
.openui-bottom-tray-conversation-starter-item-long__text {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
}
.openui-bottom-tray-conversation-starter-item-long__arrow {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: var(--openui-space-2xs);
  opacity: 0;
  transition: opacity .15s ease;
  color: var(--openui-text-neutral-primary);
}
.openui-bottom-tray-conversation-starter-item-long:not(:disabled):hover {
  background-color: var(--openui-sunk);
}
.openui-bottom-tray-conversation-starter-item-long:not(:disabled):hover .openui-bottom-tray-conversation-starter-item-long__arrow {
  opacity: 1;
}
.openui-bottom-tray-conversation-starter-item-long:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}
.openui-bottom-tray-welcome-screen {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xl);
  height: 100%;
  justify-content: center;
  align-items: center;
}
.openui-bottom-tray-welcome-screen__image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.openui-bottom-tray-welcome-screen__image {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: var(--openui-radius-xl);
}
.openui-bottom-tray-welcome-screen__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--openui-space-s);
  text-align: center;
}
.openui-bottom-tray-welcome-screen__title {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
  color: var(--openui-text-neutral-primary);
  margin: 0;
}
.openui-bottom-tray-welcome-screen__description {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
  max-width: 280px;
}
.openui-button-base {
  box-sizing: border-box;
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  border-radius: var(--openui-radius-l);
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all .12s ease;
  display: flex;
  gap: var(--openui-space-xs);
  align-items: center;
}
.openui-button-base svg {
  height: 1em;
  width: 1em;
}
.openui-button-base-primary {
  background-color: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-color: var(--openui-border-accent);
  box-shadow: var(--openui-shadow-m);
}
.openui-button-base-primary:not(:disabled):hover {
  background-color: var(--openui-interactive-accent-hover);
  box-shadow: none;
}
.openui-button-base-primary:disabled {
  background-color: var(--openui-interactive-accent-disabled);
  cursor: not-allowed;
  box-shadow: none;
}
.openui-button-base-primary:not(:disabled):active {
  background-color: var(--openui-interactive-accent-pressed);
}
.openui-button-base-secondary {
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-primary);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-m);
}
.openui-button-base-secondary:not(:disabled):hover {
  background-color: var(--openui-highlight);
  box-shadow: none;
}
.openui-button-base-secondary:disabled {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-button-base-secondary:not(:disabled):active {
  background-color: var(--openui-highlight);
}
.openui-button-base-tertiary {
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-primary);
}
.openui-button-base-tertiary:not(:disabled):hover {
  background-color: var(--openui-highlight);
}
.openui-button-base-tertiary:disabled {
  background-color: rgba(0, 0, 0, 0);
  border-color: var(--openui-border-default);
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-button-base-tertiary:not(:disabled):active {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-button-base-destructive-primary {
  background-color: var(--openui-interactive-destructive-accent-default);
  color: var(--openui-text-danger-inverted-primary);
  border-color: var(--openui-border-accent);
}
.openui-button-base-destructive-primary:not(:disabled):hover {
  background-color: var(--openui-interactive-destructive-accent-hover);
}
.openui-button-base-destructive-primary:disabled {
  background-color: var(--openui-interactive-destructive-accent-disabled);
  cursor: not-allowed;
}
.openui-button-base-destructive-primary:not(:disabled):active {
  background-color: var(--openui-interactive-destructive-accent-pressed);
}
.openui-button-base-destructive-secondary {
  background-color: var(--openui-interactive-destructive-default);
  color: var(--openui-text-danger-primary);
  border-color: var(--openui-border-danger);
}
.openui-button-base-destructive-secondary:not(:disabled):hover {
  background-color: var(--openui-interactive-destructive-hover);
}
.openui-button-base-destructive-secondary:disabled {
  background-color: var(--openui-interactive-destructive-disabled);
  color: var(--openui-text-danger-tertiary);
  cursor: not-allowed;
}
.openui-button-base-destructive-secondary:not(:disabled):active {
  background-color: var(--openui-interactive-destructive-hover);
}
.openui-button-base-destructive-tertiary {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-danger-primary);
}
.openui-button-base-destructive-tertiary:not(:disabled):hover {
  background-color: var(--openui-interactive-destructive-hover);
}
.openui-button-base-destructive-tertiary:disabled {
  color: var(--openui-text-danger-tertiary);
  cursor: not-allowed;
}
.openui-button-base-destructive-tertiary:not(:disabled):active {
  background-color: var(--openui-interactive-destructive-hover);
  border-color: var(--openui-border-danger);
}
.openui-button-base-extra-small {
  border-radius: var(--openui-radius-s);
  padding: calc(var(--openui-space-xs) - 1.75px) var(--openui-space-s);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
}
.openui-button-base-small {
  border-radius: calc(var(--openui-radius-s) + 1px);
  padding: calc(var(--openui-space-s) - 1.75px) var(--openui-space-s-m);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
}
.openui-button-base-medium {
  padding: calc(var(--openui-space-s) - 1px) var(--openui-space-s-m);
  border-radius: var(--openui-radius-m);
}
.openui-button-base-large {
  padding: calc(var(--openui-space-s-m) - 1px) var(--openui-space-m);
}
.openui-buttons {
  display: flex;
  width: 100%;
  gap: var(--openui-space-m);
  box-sizing: border-box;
}
.openui-buttons-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.openui-buttons-vertical {
  flex-direction: column;
}
.openui-calendar-container .openui-calendar-select-trigger {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  min-height: calc(var(--openui-space-l) + var(--openui-space-s));
  padding: var(--openui-space-xs) var(--openui-space-s);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--openui-radius-s);
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-primary);
  gap: var(--openui-space-2xs);
}
.openui-calendar-container .openui-calendar-select-trigger:hover {
  background-color: var(--openui-highlight-subtle);
}
.openui-calendar-container .openui-calendar-select-trigger:focus-visible {
  outline-offset: var(--openui-space-3xs);
}
.openui-calendar-container .openui-calendar-select-trigger[data-state=open] {
  background-color: var(--openui-highlight-subtle);
}
.openui-calendar-container .openui-calendar-select-content-months {
  padding: var(--openui-space-2xs);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-xl);
  box-shadow: var(--openui-shadow-m);
}
.openui-calendar-container .openui-calendar-select-content-years {
  padding: var(--openui-space-2xs);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-xl);
  box-shadow: var(--openui-shadow-m);
}
.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--openui-space-2xs);
}
.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-viewport-mobile {
  grid-template-columns: repeat(2, 1fr);
}
.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  border-radius: var(--openui-radius-s);
  padding: var(--openui-space-xs) var(--openui-space-s);
  color: var(--openui-text-neutral-primary);
}
.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item:hover {
  background-color: var(--openui-highlight-subtle);
}
.openui-calendar-container .openui-calendar-select-content-years .openui-calendar-select-item[data-highlighted] {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}
.openui-calendar-root {
  --openui-calendar-day-size: calc(var(--openui-space-2xl) + var(--openui-space-2xs));
  --openui-calendar-cell-radius: var(--openui-radius-m);
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--openui-space-l);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-3xl);
  background-color: var(--openui-foreground);
  color: var(--openui-text-neutral-primary);
}
.openui-calendar-nav-mobile {
  gap: var(--openui-space-s);
}
.openui-calendar-nav-fullscreen,
.openui-calendar-nav-tray,
.openui-calendar-nav-copilot {
  gap: var(--openui-space-m);
}
.openui-calendar-dropdowns-mobile {
  gap: var(--openui-space-2xs);
}
.openui-calendar-dropdowns-fullscreen,
.openui-calendar-dropdowns-tray,
.openui-calendar-dropdowns-copilot {
  gap: var(--openui-space-s);
}
.openui-calendar-month {
  color: var(--openui-text-neutral-primary);
}
.openui-calendar-month-caption {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--openui-space-s);
  height: auto;
  margin-bottom: var(--openui-space-s);
  font-weight: inherit;
  font-size: inherit;
}
.openui-calendar-months-dropdown,
.openui-calendar-years-dropdown {
  cursor: pointer;
}
.openui-calendar-chevron {
  fill: var(--openui-interactive-accent-default);
}
.openui-calendar-month-grid {
  width: auto;
  table-layout: auto;
  border-collapse: collapse;
}
.openui-calendar-weekdays {
  color: var(--openui-text-neutral-primary);
}
.openui-calendar-weekday {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  width: var(--openui-calendar-day-size);
  height: var(--openui-calendar-day-size);
  padding: 0;
  text-transform: none;
  text-align: center;
  vertical-align: middle;
}
.openui-calendar-single-day,
.openui-calendar-range-day {
  width: var(--openui-calendar-day-size);
  height: var(--openui-calendar-day-size);
  min-width: var(--openui-calendar-day-size);
  min-height: var(--openui-calendar-day-size);
  padding: 0;
  vertical-align: middle;
}
.openui-calendar-single-day-button,
.openui-calendar-range-day-button {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--openui-calendar-cell-radius);
  background: rgba(0, 0, 0, 0);
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color .12s ease,
    border-color .12s ease,
    color .12s ease;
}
.openui-calendar-single-day-button:focus,
.openui-calendar-range-day-button:focus {
  outline: none;
}
.openui-calendar-single-day-button:focus-visible,
.openui-calendar-range-day-button:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: var(--openui-space-3xs);
}
.openui-calendar-single-day-button:not(:disabled):hover,
.openui-calendar-range-day-button:not(:disabled):hover {
  background-color: var(--openui-highlight-subtle);
}
.openui-calendar-single-day-button:disabled,
.openui-calendar-range-day-button:disabled {
  cursor: not-allowed;
  color: var(--openui-text-neutral-tertiary);
}
.openui-calendar-button-next,
.openui-calendar-button-previous {
  display: none;
}
.openui-calendar-today[data-today]:not([aria-selected]) {
  background-color: var(--openui-sunk);
  border-radius: var(--openui-calendar-cell-radius);
}
.openui-calendar-disabled {
  color: var(--openui-text-neutral-tertiary);
}
.openui-calendar-single-day-selected {
  background: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-radius: var(--openui-calendar-cell-radius);
}
.openui-calendar-range-start {
  background: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-top-left-radius: var(--openui-calendar-cell-radius);
  border-bottom-left-radius: var(--openui-calendar-cell-radius);
}
.openui-calendar-range-middle {
  background: var(--openui-highlight);
}
.openui-calendar-range-end {
  background: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-top-right-radius: var(--openui-calendar-cell-radius);
  border-bottom-right-radius: var(--openui-calendar-cell-radius);
}
.openui-calendar-footer {
  color: var(--openui-text-neutral-primary);
}
.openui-callout {
  display: flex;
  flex-direction: column;
  padding: var(--openui-space-000) calc(var(--openui-space-m) + 2px);
  box-sizing: border-box;
  align-items: flex-start;
  border-left: 2px solid;
}
.openui-callout-info {
  border-color: var(--openui-border-info-emphasis);
}
.openui-callout-info .openui-callout-title {
  color: var(--openui-text-info-primary);
}
.openui-callout-danger {
  border-color: var(--openui-border-danger-emphasis);
}
.openui-callout-danger .openui-callout-title {
  color: var(--openui-text-danger-primary);
}
.openui-callout-warning {
  border-color: var(--openui-border-alert-emphasis);
}
.openui-callout-warning .openui-callout-title {
  color: var(--openui-text-alert-primary);
}
.openui-callout-success {
  border-color: var(--openui-border-success-emphasis);
}
.openui-callout-success .openui-callout-title {
  color: var(--openui-text-success-primary);
}
.openui-callout-neutral {
  border-color: var(--openui-border-interactive-selected);
}
.openui-callout-neutral .openui-callout-title {
  color: var(--openui-text-neutral-primary);
}
.openui-callout-title {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
}
.openui-callout-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-callout-autodismiss {
  animation: openui-callout-fadeout .4s ease-in forwards;
  animation-delay: var(--callout-duration, 3000ms);
}
@keyframes openui-callout-fadeout {
  0% {
    opacity: 1;
    max-height: 200px;
    padding-top: var(--openui-space-000);
    padding-bottom: var(--openui-space-000);
    margin-bottom: 0;
  }
  70% {
    opacity: 0;
    max-height: 200px;
  }
  100% {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
}
.openui-card {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xl);
  border: 1px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-card-card {
  padding: var(--openui-space-l);
  border-radius: var(--openui-radius-3xl);
  border-color: var(--openui-border-default);
  background-color: var(--openui-foreground);
  box-shadow: none;
}
.openui-card-clear {
  padding: 0px var(--openui-space-l);
  border-radius: var(--openui-radius-3xl);
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.openui-card-sunk {
  padding: var(--openui-space-l);
  border-radius: var(--openui-radius-3xl);
  background-color: var(--openui-sunk);
  border-color: var(--openui-border-default);
  box-shadow: var(--openui-shadow-m);
}
.openui-card-standard {
  width: 80%;
}
.openui-card-full {
  width: 100%;
}
.openui-header {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xs);
  margin-bottom: var(--openui-space-2xs);
  overflow-wrap: break-word;
}
.openui-header-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.openui-header-top-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--openui-space-xs);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-heading-sm);
  letter-spacing: var(--openui-text-heading-sm-letter-spacing);
}
.openui-header-top-left-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1em;
  width: 1em;
}
.openui-header-top-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--openui-space-2xs);
}
.openui-header-bottom {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-carousel {
  position: relative;
  display: flex;
}
.openui-carousel-content {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: var(--openui-space-m);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -ms-overflow-x: hidden;
  scrollbar-width: none;
}
.openui-carousel-content.openui-carousel-content--mask-left.openui-carousel-content--mask-right {
  mask-image:
    linear-gradient(
      to right,
      transparent,
      black 40px,
      black calc(100% - 40px),
      transparent);
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent,
      black 40px,
      black calc(100% - 40px),
      transparent);
}
.openui-carousel-content.openui-carousel-content--mask-left:not(.openui-carousel-content--mask-right) {
  mask-image:
    linear-gradient(
      to right,
      transparent,
      black 40px,
      black);
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent,
      black 40px,
      black);
}
.openui-carousel-content.openui-carousel-content--mask-right:not(.openui-carousel-content--mask-left) {
  mask-image:
    linear-gradient(
      to left,
      transparent,
      black 40px,
      black);
  -webkit-mask-image:
    linear-gradient(
      to left,
      transparent,
      black 40px,
      black);
}
.openui-carousel-content-wrapper {
  display: flex;
  gap: var(--openui-space-m);
}
.openui-carousel-content::-webkit-scrollbar {
  display: none;
}
.openui-carousel-content > * {
  box-sizing: border-box;
  scroll-snap-align: start;
}
.openui-carousel-item {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
  width: 280px;
  flex-shrink: 0;
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-foreground);
  padding: var(--openui-space-m);
  border: 1px solid var(--openui-border-default);
}
.openui-carousel-button {
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  background: var(--openui-foreground);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--openui-radius-s);
}
.openui-carousel-button-left {
  left: -12px;
}
.openui-carousel-button-right {
  right: -12px;
}
@media (max-width: 400px) {
  .openui-carousel .openui-carousel-item {
    width: 248px;
    flex-shrink: 0;
  }
}
.openui-carousel--sunk .openui-carousel-item {
  background-color: var(--openui-highlight-subtle);
}
.openui-bar-chart-container-inner {
  display: flex;
  width: 100%;
}
.openui-bar-chart-y-axis-container {
  flex-shrink: 0;
}
.openui-bar-chart-main-container {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.openui-bar-chart-main-container::-webkit-scrollbar {
  display: none;
}
.openui-bar-chart-condensed-container {
  display: flex;
  flex-direction: column;
}
.openui-bar-chart-condensed-container-inner {
  display: flex;
  width: 100%;
}
.openui-bar-chart-condensed-y-axis-container {
  flex-shrink: 0;
}
.openui-bar-chart-condensed {
  width: 100%;
  height: 100%;
}
.openui-bar-chart-condensed-x-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  text-align: center;
}
.openui-bar-chart-condensed-y-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding-bottom: var(--openui-space-s);
}
.openui-horizontal-bar-chart-container {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  min-width: 0;
}
.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-x-axis-container {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid var(--openui-border-default);
  padding-top: var(--openui-space-2xs);
}
.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container::-webkit-scrollbar {
  display: none;
}
.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-category-label {
  display: flex;
  align-items: center;
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: var(--openui-space-m);
  box-sizing: border-box;
}
.openui-area-chart-container-inner {
  display: flex;
  width: 100%;
}
.openui-area-chart-y-axis-container {
  flex-shrink: 0;
}
.openui-area-chart-main-container {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.openui-area-chart-main-container::-webkit-scrollbar {
  display: none;
}
.openui-area-chart-condensed-container {
  display: flex;
  flex-direction: column;
}
.openui-area-chart-condensed-container-inner {
  display: flex;
  width: 100%;
}
.openui-area-chart-condensed-y-axis-container {
  flex-shrink: 0;
}
.openui-area-chart-condensed {
  width: 100%;
  height: 100%;
}
.openui-area-chart-condensed-x-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  text-align: center;
}
.openui-area-chart-condensed-y-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding-bottom: var(--openui-space-s);
}
.openui-line-chart-container-inner {
  display: flex;
  width: 100%;
}
.openui-line-chart-y-axis-container {
  flex-shrink: 0;
}
.openui-line-chart-main-container {
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.openui-line-chart-main-container::-webkit-scrollbar {
  display: none;
}
.openui-line-chart-condensed-container {
  display: flex;
  flex-direction: column;
}
.openui-line-chart-condensed-container-inner {
  display: flex;
  width: 100%;
}
.openui-line-chart-condensed-y-axis-container {
  flex-shrink: 0;
}
.openui-line-chart-condensed {
  width: 100%;
  height: 100%;
}
.openui-line-chart-condensed-x-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  text-align: center;
}
.openui-line-chart-condensed-y-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding-bottom: var(--openui-space-s);
}
.openui-scatter-chart-container {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}
.openui-scatter-chart-container-inner {
  position: relative;
  display: flex;
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}
.openui-scatter-chart-x-axis-container {
  position: absolute;
  bottom: 0;
  left: 0;
  flex-shrink: 0;
  width: 100%;
}
.openui-scatter-chart-y-axis-container {
  flex-shrink: 0;
}
.openui-scatter-chart-main-and-x-axis-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.openui-scatter-chart-main-container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 45px;
}
.openui-scatter-chart-legend-container {
  border-top: 1px solid var(--openui-border-default);
}
.openui-radar-chart-container-wrapper {
  display: flex;
  position: relative;
  gap: 20px;
}
.openui-radar-chart-container-wrapper.layout-column {
  flex-direction: column;
  align-items: center;
}
.openui-radar-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.layout-column .openui-radar-chart-container {
  flex: 1;
  min-height: 0;
}
.openui-radar-chart-container-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.openui-radar-chart .recharts-polar-grid-concentric-polygon {
  stroke-width: 1;
  stroke: var(--openui-border-interactive);
}
.openui-radar-chart .recharts-polar-grid-angle line {
  stroke: var(--openui-border-interactive);
}
.openui-chart-polar-angle-axis-label {
  pointer-events: none;
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
}
.openui-single-stacked-bar-chart-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.openui-single-stacked-bar-chart-container-gap {
  gap: var(--openui-space-m);
}
.openui-single-stacked-bar-chart {
  width: 100%;
  height: 20px;
  font-family: inherit;
  background-color: var(--openui-background);
  border-radius: var(--openui-radius-s);
  overflow: hidden;
  box-shadow: var(--openui-shadow-s);
  display: flex;
  padding: var(--openui-space-2xs);
  gap: var(--openui-space-3xs);
}
.openui-single-stacked-bar-chart-segment {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2px;
  box-shadow: var(--openui-shadow-s);
  position: relative;
  overflow: hidden;
  transition:
    box-shadow .2s ease,
    filter .2s ease,
    opacity .2s ease;
}
.openui-single-stacked-bar-chart-segment:first-child {
  border-radius: var(--openui-radius-xs) 0 0 var(--openui-radius-xs);
}
.openui-single-stacked-bar-chart-segment:last-child {
  border-radius: 0 var(--openui-radius-xs) var(--openui-radius-xs) 0;
}
.openui-single-stacked-bar-chart-segment-line {
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--openui-border-accent-emphasis);
  top: 50%;
  left: 5px;
  width: calc(100% - 10px);
  height: 1px;
  z-index: 1;
  min-width: 2px;
}
.openui-single-stacked-bar-chart-animated {
  transition: width .6s cubic-bezier(0.4, 0, 0.2, 1);
}
.openui-single-stacked-bar-chart-stacked-legend {
  margin-top: var(--openui-space-s);
}
.openui-pie-chart-container-wrapper {
  display: flex;
  position: relative;
  gap: 20px;
}
.openui-pie-chart-container-wrapper.legend-default {
  flex-direction: column;
  align-items: center;
}
.openui-pie-chart-container-wrapper.legend-stacked.layout-column {
  flex-direction: column;
  align-items: center;
}
.openui-pie-chart-container-wrapper.legend-stacked.layout-row {
  flex-direction: row;
  align-items: center;
  min-height: 296px;
}
.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container {
  height: 296px;
}
.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container .openui-stacked-legend-container {
  justify-content: center;
}
.openui-pie-chart-container-wrapper.legend-stacked.layout-row .openui-pie-chart-legend-container .openui-stacked-legend {
  height: auto;
  max-height: 100%;
}
.openui-pie-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.layout-row .openui-pie-chart-container {
  flex: 1;
  min-width: 0;
}
.openui-pie-chart {
  display: flex;
  align-items: center;
  justify-content: center;
}
.openui-pie-chart .openui-pie-chart__inner-cell {
  fill: var(--openui-sunk);
}
.openui-pie-chart-legend-container {
  display: flex;
  justify-content: center;
}
.legend-default .openui-pie-chart-legend-container {
  width: 100%;
  align-items: center;
}
.layout-column.legend-stacked .openui-pie-chart-legend-container {
  width: 100%;
  align-items: flex-start;
}
.layout-row.legend-stacked .openui-pie-chart-legend-container {
  flex: 1;
  min-width: 0;
  height: 100%;
  align-items: center;
}
.openui-radial-chart-container-wrapper {
  display: flex;
  position: relative;
  gap: 20px;
}
.openui-radial-chart-container-wrapper.legend-default {
  flex-direction: column;
  align-items: center;
}
.openui-radial-chart-container-wrapper.legend-stacked.layout-column {
  flex-direction: column;
  align-items: center;
}
.openui-radial-chart-container-wrapper.legend-stacked.layout-row {
  flex-direction: row;
  align-items: center;
  max-height: 296px;
}
.openui-radial-chart-container-wrapper.legend-stacked.layout-row .openui-radial-chart-legend-container {
  height: 296px;
}
.openui-radial-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.layout-row .openui-radial-chart-container {
  flex: 1;
  min-width: 0;
}
.openui-radial-chart {
  display: flex;
  align-items: center;
  justify-content: center;
}
.openui-radial-chart .recharts-polar-grid {
  opacity: .3;
}
.openui-radial-chart-legend-container {
  display: flex;
  justify-content: center;
}
.legend-default .openui-radial-chart-legend-container {
  width: 100%;
  align-items: center;
}
.layout-column.legend-stacked .openui-radial-chart-legend-container {
  width: 100%;
  align-items: flex-start;
}
.layout-row.legend-stacked .openui-radial-chart-legend-container {
  flex: 1;
  min-width: 0;
  height: 100%;
  align-items: center;
}
.openui-chart-x-axis-tick-multi-line {
  margin: 0;
  padding: 0;
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  min-width: 0;
}
.openui-chart-x-axis-tick-single-line {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
.openui-chart-svg-x-axis-tick {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  fill: var(--openui-text-neutral-secondary);
}
.openui-chart-svg-x-axis-tick-angled {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  fill: var(--openui-text-neutral-secondary);
}
.openui-chart-legend-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--openui-space-s);
}
.openui-chart-legend-axis-label-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--openui-space-m);
  flex-wrap: wrap;
}
.openui-chart-legend-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-chart-legend-axis-label-text {
  color: var(--openui-text-neutral-primary);
}
.openui-chart-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--openui-space-m);
  text-transform: capitalize;
  flex-wrap: wrap;
}
.openui-chart-legend--bottom {
  padding-top: var(--openui-space-m);
}
.openui-chart-legend--collapsed {
  flex-wrap: nowrap;
  overflow: hidden;
}
.openui-chart-legend--expanded {
  flex-wrap: wrap;
}
.openui-chart-legend-item {
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
}
.openui-chart-legend-item svg {
  height: 10px;
  width: 10px;
  color: var(--openui-text-neutral-primary);
}
.openui-chart-legend-item-indicator {
  height: 10px;
  width: 10px;
  flex-shrink: 0;
  border-radius: var(--openui-radius-2xs);
  background-color: var(--color-bg);
}
.openui-chart-legend-item-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-chart-legend-toggle-button {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-primary);
  padding-left: var(--openui-space-2xs);
  padding-right: var(--openui-space-3xs);
}
.openui-chart-legend-toggle-button-icon {
  width: 1em;
  height: 1em;
  color: var(--openui-text-neutral-primary);
}
.openui-chart-legend-item-label-container {
  display: flex;
  align-items: center;
  gap: var(--openui-space-2xs);
}
.openui-chart-legend-item-percentage {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-stacked-legend-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.openui-stacked-legend-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 var(--openui-space-xs) var(--openui-space-xs) var(--openui-space-l);
  color: var(--openui-text-neutral-secondary);
}
.openui-stacked-legend-header-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--openui-space-xs);
}
.openui-stacked-legend-scroll-button {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
}
.openui-stacked-legend-scroll-button.openui-stacked-legend-scroll-up {
  top: 2px;
}
.openui-stacked-legend-scroll-button.openui-stacked-legend-scroll-down {
  bottom: 2px;
}
.openui-stacked-legend {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  overflow-y: scroll;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
.openui-stacked-legend::-webkit-scrollbar {
  display: none;
}
.openui-stacked-legend__item {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 4px 8px;
  border-radius: var(--openui-radius-m);
  transition: all .2s ease-in-out;
  cursor: pointer;
  height: 32px;
}
.openui-stacked-legend__item:hover {
  background-color: var(--openui-sunk);
}
.openui-stacked-legend__item--active {
  background-color: var(--openui-sunk);
}
.openui-stacked-legend__item-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.openui-stacked-legend__item-label-text {
  color: var(--openui-text-neutral-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.openui-stacked-legend__item-color-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 36px;
  width: 32px;
  flex-shrink: 0;
}
.openui-stacked-legend__item-color {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  transition: all .2s ease-in-out;
}
.openui-stacked-legend__item:hover .openui-stacked-legend__item-color {
  transform: scale(1.2);
}
.openui-stacked-legend__item--active .openui-stacked-legend__item-color {
  transform: scale(1.3);
}
.openui-stacked-legend__item-label-text {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  transition: color .2s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.openui-stacked-legend__item-value {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  transition: all .2s ease-in-out;
  flex-shrink: 0;
}
.openui-stacked-legend-show-more-button {
  width: 100%;
  justify-content: center;
  margin-top: var(--openui-space-2xs);
}
.openui-stacked-legend-show-less-button {
  width: 100%;
  justify-content: center;
  margin-top: var(--openui-space-2xs);
}
.openui-stacked-legend-separator {
  margin: var(--openui-space-2xs) 0;
}
.openui-stacked-legend-header-title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-chart-y-axis-tick {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  fill: var(--openui-text-neutral-secondary);
}
.openui-chart-horizontal-scroll-buttons-container {
  position: relative;
}
.openui-chart-horizontal-scroll-button {
  position: absolute;
  background-color: var(--openui-foreground);
}
.openui-chart-horizontal-scroll-button:hover {
  background-color: var(--openui-foreground);
}
.openui-chart-horizontal-scroll-button--left {
  top: -23px;
  transform: translateY(-50%);
  left: 20px;
}
.openui-chart-horizontal-scroll-button--right {
  top: -23px;
  transform: translateY(-50%);
  right: 0px;
}
.openui-chart-horizontal-scroll-button--disabled {
  visibility: hidden;
  cursor: not-allowed;
  transition: visibility .1s linear;
}
.openui-chart-horizontal-scroll-button--SideBarTooltip {
  top: -23px;
  transform: translateY(-50%);
  right: 185px;
}
.openui-chart-vertical-scroll-buttons-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25px;
  height: calc(100% - 44px);
  flex-shrink: 0;
  padding-left: var(--openui-space-2xs);
}
.openui-chart-vertical-scroll-button {
  background-color: var(--openui-foreground);
  pointer-events: auto;
}
.openui-chart-vertical-scroll-button:hover {
  background-color: var(--openui-foreground);
}
.openui-chart-vertical-scroll-button--disabled {
  visibility: hidden;
  cursor: not-allowed;
  transition: visibility .1s linear;
}
.openui-chart-vertical-scroll-button--SideBarTooltip {
  margin-right: 190px;
}
.openui-chart-label-tooltip {
  z-index: 1000;
  border-radius: var(--openui-radius-s);
  padding: var(--openui-space-xs) var(--openui-space-s);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-default);
  box-shadow: var(--openui-shadow-s);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  max-width: 200px;
  word-wrap: break-word;
  animation-duration: .15s;
  animation-timing-function: ease-out;
  will-change: transform, opacity;
}
.openui-chart-label-tooltip[data-state=delayed-open],
.openui-chart-label-tooltip[data-state=instant-open] {
  animation-name: tooltipSlideUpAndFade;
}
.openui-chart-label-tooltip[data-side=top] {
  animation-name: tooltipSlideDownAndFade;
}
.openui-chart-label-tooltip[data-side=bottom] {
  animation-name: tooltipSlideUpAndFade;
}
.openui-chart-label-tooltip[data-side=left] {
  animation-name: tooltipSlideRightAndFade;
}
.openui-chart-label-tooltip[data-side=right] {
  animation-name: tooltipSlideLeftAndFade;
}
.openui-chart-label-tooltip-arrow {
  fill: var(--openui-foreground);
  stroke: var(--openui-border-default);
  stroke-width: 1px;
}
@keyframes tooltipSlideUpAndFade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipSlideDownAndFade {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tooltipSlideRightAndFade {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tooltipSlideLeftAndFade {
  from {
    opacity: 0;
    transform: translateX(2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.openui-portal-tooltip {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
}
.openui-chart-tooltip {
  display: grid;
  align-items: start;
  min-width: 128px;
  max-width: 240px;
  gap: var(--openui-space-xs);
  padding: var(--openui-space-xs);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  border-radius: var(--openui-radius-l);
  border: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-s);
  text-transform: capitalize;
}
.openui-chart-tooltip-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-primary);
  overflow-wrap: break-word;
  word-break: break-word;
}
.openui-chart-tooltip-label-heavy {
  font: var(--openui-text-label-xs-heavy);
  letter-spacing: var(--openui-text-label-xs-heavy-letter-spacing);
  color: var(--openui-text-neutral-primary);
  overflow-wrap: break-word;
  word-break: break-word;
}
.openui-chart-tooltip-content {
  display: grid;
  align-items: start;
  min-width: 128px;
  gap: var(--openui-space-xs);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  background-color: var(--openui-foreground);
  text-transform: capitalize;
}
.openui-chart-tooltip-content-item {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: var(--openui-space-xs);
  align-items: flex-start;
}
.openui-chart-tooltip-content-item--dot {
  align-items: center;
}
.openui-chart-tooltip-content-item svg {
  height: 10px;
  width: 10px;
  color: var(--openui-text-neutral-primary);
}
.openui-chart-tooltip-content-indicator {
  flex-shrink: 0;
  border-radius: var(--openui-radius-2xs);
}
.openui-chart-tooltip-content-indicator--dot {
  height: 10px;
  width: 10px;
  background-color: var(--color-bg);
  border-color: var(--color-border);
}
.openui-chart-tooltip-content-indicator--line {
  width: 4px;
  background-color: var(--color-bg);
  border-color: var(--color-border);
}
.openui-chart-tooltip-content-indicator--dashed {
  width: 0;
  border: 1.5px dashed var(--color-border);
  background-color: rgba(0, 0, 0, 0);
}
.openui-chart-tooltip-content-indicator--nested-dashed {
  margin: var(--openui-space-3xs) 0;
}
.openui-chart-tooltip-content-indicator--two-items {
  margin-top: 2px;
}
.openui-chart-tooltip-content-value-wrapper {
  display: flex;
  flex: 1;
  gap: var(--openui-space-s);
  justify-content: space-between;
  line-height: 1;
}
.openui-chart-tooltip-content-value-wrapper--nested {
  align-items: flex-end;
}
.openui-chart-tooltip-content-value-wrapper--standard {
  align-items: center;
}
.openui-chart-tooltip-content-value-wrapper--vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--openui-space-2xs);
}
.openui-chart-tooltip-content-label {
  display: grid;
  gap: var(--openui-space-xs);
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
}
.openui-chart-tooltip-content-label span {
  display: block;
  overflow-wrap: break-word;
  word-break: break-word;
}
.openui-chart-tooltip-content-value {
  font-variant-numeric: tabular-nums;
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.openui-chart-tooltip-content-value--percentage {
  padding-left: var(--openui-space-s);
}
.openui-chart-tooltip-content-item-separator {
  width: 100%;
  height: 1px;
  background-color: var(--openui-border-default);
  margin: 0;
}
.openui-chart-tooltip-content-item:last-child .openui-chart-tooltip-content-item-separator {
  display: none;
}
.openui-chart-tooltip-content-view-more {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word;
}
.openui-chart-side-bar-tooltip {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  max-width: 180px;
  overflow: hidden;
  padding: var(--openui-space-xs);
  background-color: var(--openui-foreground);
  border-radius: var(--openui-radius-s);
  border: 1px solid var(--openui-border-default);
}
.openui-chart-side-bar-tooltip-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
}
.openui-chart-side-bar-tooltip-close-button {
  flex-shrink: 0;
}
.openui-chart-side-bar-tooltip-title {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
}
.openui-chart-side-bar-tooltip-content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--openui-border-default) rgba(0, 0, 0, 0);
}
.openui-chart-side-bar-tooltip-content:focus {
  outline: none;
}
.openui-chart-side-bar-tooltip-content:focus-visible {
  outline: none;
}
.openui-chart-side-bar-tooltip-content::-webkit-scrollbar {
  width: 2px;
  margin-right: 2px;
}
.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-right: 2px;
}
.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb {
  background-color: var(--openui-border-default);
  border-radius: 1px;
  width: 1.5px;
  border: .25px solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-border-default);
}
.openui-chart-side-bar-tooltip-content-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-xs);
}
.openui-chart-side-bar-tooltip-content-item-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  flex: 1;
  min-width: 0;
}
.openui-chart-side-bar-tooltip-content-item-value {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  flex-shrink: 0;
  text-align: right;
}
.openui-chart-side-bar-tooltip-content-item-color {
  width: 10px;
  height: 10px;
  border-radius: var(--openui-radius-2xs);
}
.openui-chart-side-bar-tooltip-content-item-separator {
  width: 100%;
  margin: var(--openui-space-xs) 0;
  height: 1px;
  background-color: var(--openui-border-default);
}
.openui-chart-container {
  display: flex;
  aspect-ratio: 1/1;
  justify-content: center;
  font-size: 12px;
  line-height: 16px;
}
.openui-chart-container .recharts-radial-bar-background-sector {
  fill: var(--openui-background);
}
.openui-chart-container .recharts-cartesian-grid line[stroke="#ccc"],
.openui-chart-container .recharts-curve.recharts-tooltip-cursor,
.openui-chart-container .recharts-polar-grid[stroke="#ccc"],
.openui-chart-container .recharts-reference-line[stroke="#ccc"] {
  stroke: var(--openui-border-default);
}
.openui-chart-container .recharts-dot[stroke="#fff"],
.openui-chart-container .recharts-sector[stroke="#fff"] {
  stroke: rgba(0, 0, 0, 0);
}
.openui-chart-container .recharts-layer,
.openui-chart-container .recharts-sector,
.openui-chart-container .recharts-surface {
  outline: none;
}
.openui-chart-cartesian-grid {
  stroke: var(--openui-border-default);
}
.openui-chart-polar-grid {
  stroke: var(--openui-border-default);
}
.openui-chart-label-list {
  fill: var(--openui-text-neutral-secondary);
}
.openui-checkbox-group {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xs);
  border: 1px solid;
  border-radius: var(--openui-radius-xl);
}
.openui-checkbox-group-clear {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  padding: var(--openui-space-000);
}
.openui-checkbox-group-card {
  border-color: var(--openui-border-default);
  padding: var(--openui-space-m);
}
.openui-checkbox-group-sunk {
  border-color: var(--openui-border-default);
  background-color: var(--openui-sunk);
  padding: var(--openui-space-m);
}
.openui-checkbox-item-container {
  display: flex;
  align-items: flex-start;
  gap: var(--openui-space-s);
  padding: var(--openui-space-3xs) var(--openui-space-000);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.openui-checkbox-item-container:disabled {
  cursor: not-allowed;
}
.openui-checkbox-item-root {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: var(--openui-radius-xs);
  border: 1px solid var(--openui-border-interactive);
  cursor: pointer;
  margin-top: var(--openui-space-2xs);
  background-color: rgba(0, 0, 0, 0);
}
.openui-checkbox-item-root[data-state=checked] {
  background-color: var(--openui-interactive-accent-default);
  color: var(--openui-text-neutral-primary);
}
.openui-checkbox-item-root:not(:disabled):not([data-state=checked]):hover {
  border-color: var(--openui-border-interactive);
  background-color: var(--openui-sunk);
  color: var(--openui-text-neutral-secondary);
}
.openui-checkbox-item-root:disabled {
  cursor: not-allowed;
  color: var(--openui-text-neutral-tertiary);
}
.openui-checkbox-item-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--openui-text-accent-primary);
}
.openui-checkbox-item-content {
  display: flex;
  flex-direction: column;
}
.openui-checkbox-item-label {
  flex: 1;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
}
.openui-checkbox-item-label:disabled {
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-checkbox-item-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-code-block-wrapper {
  position: relative;
}
.openui-code-block-wrapper:hover .openui-code-block-copy-button {
  opacity: 1;
}
.openui-code-block-wrapper .openui-code-block-copy-button {
  position: absolute;
  right: .5rem;
  top: .5rem;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}
.openui-code-block-wrapper .openui-code-block-copy-button.openui-code-block-copy-button-copied {
  color: var(--openui-text-success-primary);
  background-color: var(--openui-success-background);
}
.openui-code-block-wrapper .openui-code-block-syntax-highlighter {
  margin: 0 !important;
  border-radius: .5rem;
}
.openui-copilot-shell-thread-container {
  display: flex;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}
.openui-copilot-shell-thread-container:has([data-drafting]) .openui-copilot-shell-conversation-starter {
  opacity: 0;
  pointer-events: none;
}
.openui-copilot-shell-conversation-starter {
  transition: opacity 150ms ease;
}
.openui-copilot-shell-thread-scroll-container {
  width: 100%;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.openui-copilot-shell-thread-scroll-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--openui-space-xl);
  background:
    linear-gradient(
      to bottom,
      var(--openui-background) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.openui-copilot-shell-thread-scroll-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--openui-space-xl);
  background:
    linear-gradient(
      to top,
      var(--openui-background) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.openui-copilot-shell-thread-scroll-area {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: var(--openui-space-m-l);
  scroll-padding-top: var(--openui-space-m-l);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) rgba(0, 0, 0, 0);
}
.openui-copilot-shell-thread-scroll-area::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-copilot-shell-thread-scroll-area::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-copilot-shell-thread-scroll-area::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}
.openui-copilot-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}
.openui-copilot-shell-thread-scroll-area--user-message-anchor .openui-copilot-shell-thread-messages > *:last-child {
  min-height: calc(-200px + 100dvh);
}
.openui-copilot-shell-thread-messages {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xl);
}
.openui-copilot-shell-thread-message-assistant {
  width: 100%;
  display: flex;
  gap: var(--openui-space-s);
  overflow: hidden;
}
.openui-copilot-shell-thread-message-assistant__content {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  overflow: hidden;
  overflow-wrap: break-word;
  flex-grow: 1;
}
.openui-copilot-shell-thread-message-assistant__logo {
  width: 32px;
  height: 32px;
  border-radius: var(--openui-radius-m);
  flex-shrink: 0;
}
.openui-copilot-shell-thread-message-assistant__text {
  color: var(--openui-text-neutral-primary);
}
.openui-copilot-shell-thread-message-user {
  display: flex;
  justify-content: flex-end;
}
.openui-copilot-shell-thread-message-user__content {
  padding: var(--openui-space-s) var(--openui-space-m);
  background-color: var(--openui-chat-user-response-bg);
  color: var(--openui-chat-user-response-text);
  border-radius: var(--openui-radius-xl);
  overflow-wrap: break-word;
  max-width: 100%;
  height: fit-content;
}
.openui-copilot-shell-thread-composer {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  margin: 0 0 var(--openui-space-m);
  padding: 0 var(--openui-space-m);
}
.openui-copilot-shell-thread-composer__input-wrapper {
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-3xl);
  box-shadow: var(--openui-shadow-m);
  overflow: clip;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  padding: var(--openui-space-s-m);
}
.openui-copilot-shell-thread-composer__input {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-elevated) rgba(0, 0, 0, 0);
  padding: 0 var(--openui-space-3xs);
  resize: none;
  max-height: 200px;
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  overflow-y: auto;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-copilot-shell-thread-composer__input::-webkit-scrollbar {
  width: 6px;
}
.openui-copilot-shell-thread-composer__input::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-copilot-shell-thread-composer__input::-webkit-scrollbar-thumb {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-full);
}
.openui-copilot-shell-thread-composer__input::placeholder {
  color: var(--openui-text-neutral-secondary);
}
.openui-copilot-shell-thread-composer__action-bar {
  display: flex;
  align-items: center;
}
.openui-copilot-shell-thread-composer__submit-button {
  margin-left: auto;
}
.openui-copilot-shell-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--openui-space-m);
}
.openui-copilot-shell-header-logo-container {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
}
.openui-copilot-shell-header-logo {
  width: 32px;
  height: 32px;
  border-radius: var(--openui-radius-m);
}
.openui-copilot-shell-header-agent-name {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-copilot-shell-header-actions,
.openui-copilot-shell-header-right-content {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
}
.openui-copilot-shell-conversation-starter {
  display: flex;
  flex-shrink: 0;
  width: 100%;
  padding: 0 var(--openui-space-m);
  margin-bottom: var(--openui-space-s);
  box-sizing: border-box;
  max-height: 480px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity .2s ease,
    transform .2s ease,
    max-height .2s ease,
    margin-bottom .2s ease;
}
.openui-copilot-shell-conversation-starter--short {
  display: block;
}
.openui-copilot-shell-conversation-starter--long {
  flex-direction: column;
  gap: var(--openui-space-2xs);
}
.openui-copilot-shell-conversation-starter__carousel-content {
  gap: var(--openui-space-xs);
}
.openui-copilot-shell-conversation-starter-item-short {
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
  width: fit-content;
  flex: 0 0 auto;
  padding: var(--openui-space-s) var(--openui-space-s-m);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-l);
  cursor: pointer;
  transition: all .15s ease;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
}
.openui-copilot-shell-conversation-starter-item-short__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--openui-text-neutral-primary);
}
.openui-copilot-shell-conversation-starter-item-short__icon > svg {
  width: 14px;
  height: 14px;
}
.openui-copilot-shell-conversation-starter-item-short__text {
  flex: 1;
  white-space: nowrap;
}
.openui-copilot-shell-conversation-starter-item-short:not(:disabled):hover {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-copilot-shell-conversation-starter-item-short:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}
@media (max-width: 480px) {
  .openui-copilot-shell-conversation-starter-item-short {
    padding: var(--openui-space-s) var(--openui-space-s-m);
  }
}
.openui-copilot-shell-conversation-starter-item-long {
  display: flex;
  align-items: center;
  gap: var(--openui-space-000);
  width: 100%;
  padding: var(--openui-space-xs) var(--openui-space-s-m);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: var(--openui-radius-l);
  cursor: pointer;
  transition: background-color .15s ease;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  overflow: hidden;
}
.openui-copilot-shell-conversation-starter-item-long__content {
  display: flex;
  align-items: flex-start;
  gap: var(--openui-space-xs);
  flex: 1;
  min-width: 0;
}
.openui-copilot-shell-conversation-starter-item-long__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: var(--openui-space-2xs);
  color: var(--openui-text-neutral-primary);
}
.openui-copilot-shell-conversation-starter-item-long__text {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
}
.openui-copilot-shell-conversation-starter-item-long__arrow {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: var(--openui-space-2xs);
  opacity: 0;
  transition: opacity .15s ease;
  color: var(--openui-text-neutral-primary);
}
.openui-copilot-shell-conversation-starter-item-long:not(:disabled):hover {
  background-color: var(--openui-sunk);
}
.openui-copilot-shell-conversation-starter-item-long:not(:disabled):hover .openui-copilot-shell-conversation-starter-item-long__arrow {
  opacity: 1;
}
.openui-copilot-shell-conversation-starter-item-long:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}
.openui-copilot-shell-thread-list-dropdown {
  display: flex;
  flex-direction: column;
  min-width: 240px;
  max-width: 320px;
  max-height: 296px;
  padding: var(--openui-space-xs);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-l);
  z-index: 9999;
  overflow: hidden;
}
.openui-copilot-shell-thread-list-header {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-tertiary);
  padding: var(--openui-space-xs) var(--openui-space-s);
  padding-bottom: var(--openui-space-s);
}
.openui-copilot-shell-thread-list-items {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-3xs);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--openui-border-default) rgba(0, 0, 0, 0);
}
.openui-copilot-shell-thread-list-items::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-copilot-shell-thread-list-items::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-copilot-shell-thread-list-items::-webkit-scrollbar-thumb {
  background: var(--openui-border-default);
  border-radius: calc(var(--openui-radius-2xs) + var(--openui-space-3xs));
}
.openui-copilot-shell-thread-list-items::-webkit-scrollbar-thumb:hover {
  background: var(--openui-text-neutral-secondary);
}
.openui-copilot-shell-thread-list-empty {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding: var(--openui-space-m);
  text-align: center;
}
.openui-copilot-shell-thread-list-trigger[data-state=open],
.openui-copilot-shell-thread-list-trigger[aria-expanded=true] {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-copilot-shell-thread-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: calc(var(--openui-radius-s) + 1px);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all .12s ease;
}
.openui-copilot-shell-thread-item--selected {
  background-color: var(--openui-highlight);
}
.openui-copilot-shell-thread-item:hover {
  background-color: var(--openui-highlight);
}
.openui-copilot-shell-thread-item:hover .openui-copilot-shell-thread-item-menu-trigger {
  opacity: 1;
}
.openui-copilot-shell-thread-item:has(.openui-copilot-shell-thread-item-menu-trigger[data-state=open]) {
  background-color: var(--openui-highlight);
}
.openui-copilot-shell-thread-item:has(.openui-copilot-shell-thread-item-menu-trigger[data-state=open]) .openui-copilot-shell-thread-item-menu-trigger {
  opacity: 1;
}
.openui-copilot-shell-thread-item-title {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  padding: calc(var(--openui-space-xs) - 1.75px) var(--openui-space-s);
  width: 100%;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.openui-copilot-shell-thread-item-menu-trigger {
  opacity: 0;
}
.openui-copilot-shell-thread-item-menu-trigger:focus-visible {
  opacity: 1;
}
.openui-copilot-shell-thread-item-menu-trigger[data-state=open] {
  opacity: 1;
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-copilot-shell-thread-item-menu {
  box-sizing: border-box;
  position: relative;
  z-index: 99999;
  min-width: 160px;
  overflow: hidden;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-m);
  color: var(--openui-text-neutral-primary);
  transform-origin: top center;
  animation: openui-copilot-shell-thread-menu-show .18s ease-out forwards;
  padding: 4px;
}
.openui-copilot-shell-thread-item-menu-action {
  width: 100%;
  justify-content: flex-start;
  padding-left: var(--openui-space-s);
  padding-right: var(--openui-space-s);
}
.openui-copilot-shell-thread-item-menu-action:focus,
.openui-copilot-shell-thread-item-menu-action:focus-visible {
  outline: none;
  box-shadow: none;
}
@keyframes openui-copilot-shell-thread-menu-show {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.openui-copilot-shell-welcome-screen {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xl);
  height: 100%;
  justify-content: center;
  align-items: center;
}
.openui-copilot-shell-welcome-screen__image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.openui-copilot-shell-welcome-screen__image {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: var(--openui-radius-xl);
}
.openui-copilot-shell-welcome-screen__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--openui-space-s);
  text-align: center;
}
.openui-copilot-shell-welcome-screen__title {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
  color: var(--openui-text-neutral-primary);
  margin: 0;
}
.openui-copilot-shell-welcome-screen__description {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
  max-width: 280px;
}
.openui-copilot-shell-container {
  display: flex;
  position: relative;
  height: 100dvh;
  width: 530px;
  overflow: hidden;
  border: 1px solid var(--openui-border-default);
  border-width: 0 1px;
  background: var(--openui-background);
  box-sizing: border-box;
}
.openui-copilot-shell-container * {
  box-sizing: border-box;
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-months {
  padding: var(--openui-space-2xs);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  box-shadow: var(--openui-shadow-m);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years {
  padding: var(--openui-space-2xs);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  box-shadow: var(--openui-shadow-m);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--openui-space-2xs);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport-mobile {
  grid-template-columns: repeat(2, 1fr);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--openui-radius-s);
  padding: var(--openui-space-s) var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item:hover {
  background-color: var(--openui-highlight-subtle);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item[data-highlighted] {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  min-height: calc(var(--openui-space-l) + var(--openui-space-s));
  padding: calc(var(--openui-space-2xs) - 1px) var(--openui-space-s);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--openui-radius-s);
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-primary);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:hover {
  background-color: var(--openui-highlight-subtle);
  border-color: var(--openui-border-interactive);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: var(--openui-space-3xs);
}
.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger[data-state=open] {
  background-color: var(--openui-highlight-subtle);
  border-color: var(--openui-border-interactive);
}
.openui-date-picker-renderer-single-mode {
  width: 100%;
  height: 100%;
}
.openui-date-picker-renderer-range-mode {
  width: 100%;
  height: 100%;
}
.openui-date-picker-renderer-floating-container {
  position: relative;
}
.openui-date-picker-renderer-floating-input-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-m);
  background: var(--openui-sunk);
  padding: var(--openui-space-s) var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  box-shadow: var(--openui-shadow-s);
  width: 100%;
}
.openui-date-picker-renderer-floating-input-container:disabled {
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-date-picker-renderer-floating-input-container-open {
  border-color: var(--openui-border-interactive);
  background-color: var(--openui-sunk);
}
.openui-date-picker-renderer-floating-input-container-not-open:hover {
  border-color: var(--openui-border-interactive);
  background-color: var(--openui-sunk);
}
.openui-date-picker-renderer-floating-input-container-has-no-selected-date {
  color: var(--openui-text-neutral-secondary);
}
.openui-date-picker-renderer-floating-input-container svg {
  transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.openui-date-picker-renderer-floating-input-container-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.openui-date-picker-renderer-floating-input-container-icon {
  transform: rotate(180deg);
}
.openui-date-picker-renderer-floating-reference {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.openui-date-picker-renderer-floating-content {
  z-index: 50;
}
.openui-date-picker-renderer-floating-menu {
  background: var(--openui-foreground);
  border-radius: var(--openui-radius-2xl);
  box-shadow: var(--openui-shadow-s);
  border: 1px solid var(--openui-border-interactive);
  overflow: hidden;
  transform-origin: top center;
  animation: openui-date-picker-show .18s ease-out forwards;
}
.openui-date-picker-renderer-floating-menu .openui-calendar-root {
  border: none;
  border-radius: 0;
}
@keyframes openui-date-picker-show {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.openui-date-picker-root {
  --openui-date-picker-day-size: calc(var(--openui-space-2xl) + var(--openui-space-2xs));
  --openui-date-picker-cell-radius: var(--openui-radius-m);
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  padding: var(--openui-space-l);
  background-color: var(--openui-foreground);
  color: var(--openui-text-neutral-primary);
}
.openui-date-picker-nav-mobile {
  gap: var(--openui-space-s);
}
.openui-date-picker-nav-fullscreen,
.openui-date-picker-nav-tray,
.openui-date-picker-nav-copilot {
  gap: var(--openui-space-m);
}
.openui-date-picker-dropdowns-mobile {
  gap: var(--openui-space-2xs);
}
.openui-date-picker-dropdowns-fullscreen,
.openui-date-picker-dropdowns-tray,
.openui-date-picker-dropdowns-copilot {
  gap: var(--openui-space-s);
}
.openui-date-picker-month {
  color: var(--openui-text-neutral-primary);
}
.openui-date-picker-month-caption {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--openui-space-s);
  height: auto;
  margin-bottom: var(--openui-space-s);
  font-weight: inherit;
  font-size: inherit;
}
.openui-date-picker-months-dropdown,
.openui-date-picker-years-dropdown {
  cursor: pointer;
}
.openui-date-picker-chevron {
  fill: var(--openui-interactive-accent-default);
}
.openui-date-picker-month-grid {
  width: auto;
  table-layout: auto;
  border-collapse: collapse;
}
.openui-date-picker-weekdays {
  color: var(--openui-text-neutral-primary);
}
.openui-date-picker-weekday {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  width: var(--openui-date-picker-day-size);
  height: var(--openui-date-picker-day-size);
  padding: 0;
  text-transform: none;
  text-align: center;
  vertical-align: middle;
}
.openui-date-picker-single-day,
.openui-date-picker-range-day {
  width: var(--openui-date-picker-day-size);
  height: var(--openui-date-picker-day-size);
  min-width: var(--openui-date-picker-day-size);
  min-height: var(--openui-date-picker-day-size);
  padding: 0;
  vertical-align: middle;
}
.openui-date-picker-single-day-button,
.openui-date-picker-range-day-button {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--openui-date-picker-cell-radius);
  background: rgba(0, 0, 0, 0);
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color .12s ease,
    border-color .12s ease,
    color .12s ease;
}
.openui-date-picker-single-day-button:focus,
.openui-date-picker-range-day-button:focus {
  outline: none;
}
.openui-date-picker-single-day-button:focus-visible,
.openui-date-picker-range-day-button:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: var(--openui-space-3xs);
}
.openui-date-picker-single-day-button:not(:disabled):hover,
.openui-date-picker-range-day-button:not(:disabled):hover {
  background-color: var(--openui-highlight-subtle);
}
.openui-date-picker-single-day-button:disabled,
.openui-date-picker-range-day-button:disabled {
  cursor: not-allowed;
  color: var(--openui-text-neutral-tertiary);
}
.openui-date-picker-button-next,
.openui-date-picker-button-previous {
  display: none !important;
}
.openui-date-picker-today[data-today]:not([aria-selected]) {
  background-color: var(--openui-sunk);
  border-radius: var(--openui-date-picker-cell-radius);
}
.openui-date-picker-disabled {
  color: var(--openui-text-neutral-tertiary);
}
.openui-date-picker-single-day-selected {
  background: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
}
.openui-date-picker-range-start {
  background: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-top-left-radius: var(--openui-date-picker-cell-radius);
  border-bottom-left-radius: var(--openui-date-picker-cell-radius);
}
.openui-date-picker-range-middle {
  background: var(--openui-highlight);
}
.openui-date-picker-range-end {
  background: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-top-right-radius: var(--openui-date-picker-cell-radius);
  border-bottom-right-radius: var(--openui-date-picker-cell-radius);
}
.openui-follow-up-block {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.openui-follow-up-block__header {
  color: var(--openui-text-neutral-secondary);
  border-bottom: 1px solid var(--openui-border-default);
  padding-top: var(--openui-space-s);
  padding-bottom: var(--openui-space-s);
  margin-bottom: var(--openui-space-m);
}
.openui-follow-up-item {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  padding: var(--openui-space-s) var(--openui-space-000);
  border-bottom: 1px solid var(--openui-border-default);
  background-color: rgba(0, 0, 0, 0);
  gap: var(--openui-space-s);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  text-align: left;
}
.openui-follow-up-item-icon {
  size: 16px;
}
.openui-follow-up-item-text {
  flex: 1;
  white-space: break-spaces;
  word-break: break-word;
  max-width: 100%;
  text-align: left;
  color: var(--openui-text-neutral-primary);
}
.openui-follow-up-item:last-child {
  border-bottom: none;
}
.openui-hint {
  box-sizing: border-box;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
}
.openui-hint-error {
  color: var(--openui-text-danger-primary);
}
.openui-form-control {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
}
.openui-icon-button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all .12s ease;
  padding: 0;
  flex-shrink: 0;
}
.openui-icon-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.openui-icon-button-primary {
  background-color: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
  border-color: var(--openui-border-accent);
  box-shadow: var(--openui-shadow-m);
}
.openui-icon-button-primary:not(:disabled):hover {
  background-color: var(--openui-interactive-accent-hover);
  box-shadow: none;
}
.openui-icon-button-primary:disabled {
  background-color: var(--openui-interactive-accent-disabled);
  cursor: not-allowed;
  box-shadow: none;
}
.openui-icon-button-primary:not(:disabled):active {
  background-color: var(--openui-interactive-accent-pressed);
}
.openui-icon-button-secondary {
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-primary);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-m);
}
.openui-icon-button-secondary:not(:disabled):hover {
  background-color: var(--openui-highlight);
  box-shadow: none;
}
.openui-icon-button-secondary:disabled {
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
  box-shadow: none;
}
.openui-icon-button-secondary:not(:disabled):active {
  background-color: var(--openui-highlight);
}
.openui-icon-button-tertiary {
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-primary);
}
.openui-icon-button-tertiary:not(:disabled):hover {
  background-color: var(--openui-highlight);
}
.openui-icon-button-tertiary:disabled {
  background-color: rgba(0, 0, 0, 0);
  border-color: var(--openui-border-default);
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-icon-button-tertiary:not(:disabled):active {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-icon-button-destructive-primary {
  background-color: var(--openui-interactive-destructive-accent-default);
  color: var(--openui-text-danger-inverted-primary);
  border-color: var(--openui-border-accent);
}
.openui-icon-button-destructive-primary:not(:disabled):hover {
  background-color: var(--openui-interactive-destructive-accent-hover);
}
.openui-icon-button-destructive-primary:disabled {
  background-color: var(--openui-interactive-destructive-accent-disabled);
  cursor: not-allowed;
}
.openui-icon-button-destructive-primary:not(:disabled):active {
  background-color: var(--openui-interactive-destructive-accent-pressed);
}
.openui-icon-button-destructive-secondary {
  background-color: var(--openui-interactive-destructive-default);
  color: var(--openui-text-danger-primary);
  border-color: var(--openui-border-danger);
}
.openui-icon-button-destructive-secondary:not(:disabled):hover {
  background-color: var(--openui-interactive-destructive-hover);
}
.openui-icon-button-destructive-secondary:disabled {
  background-color: var(--openui-interactive-destructive-disabled);
  color: var(--openui-text-danger-tertiary);
  cursor: not-allowed;
}
.openui-icon-button-destructive-secondary:not(:disabled):active {
  background-color: var(--openui-interactive-destructive-hover);
}
.openui-icon-button-destructive-tertiary {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-danger-primary);
}
.openui-icon-button-destructive-tertiary:not(:disabled):hover {
  background-color: var(--openui-interactive-destructive-hover);
}
.openui-icon-button-destructive-tertiary:disabled {
  color: var(--openui-text-danger-tertiary);
  cursor: not-allowed;
}
.openui-icon-button-destructive-tertiary:not(:disabled):active {
  background-color: var(--openui-interactive-destructive-hover);
  border-color: var(--openui-border-danger);
}
.openui-icon-button-3-extra-small {
  width: 20px;
  height: 20px;
}
.openui-icon-button-3-extra-small .openui-icon-button-icon {
  height: 10px;
  width: 10px;
}
.openui-icon-button-2-extra-small {
  width: 24px;
  height: 24px;
}
.openui-icon-button-2-extra-small .openui-icon-button-icon {
  height: 12px;
  width: 12px;
}
.openui-icon-button-extra-small {
  width: 28px;
  height: 28px;
}
.openui-icon-button-extra-small .openui-icon-button-icon {
  height: 14px;
  width: 14px;
}
.openui-icon-button-small {
  width: 32px;
  height: 32px;
}
.openui-icon-button-small .openui-icon-button-icon {
  height: 16px;
  width: 16px;
}
.openui-icon-button-medium {
  width: 36px;
  height: 36px;
}
.openui-icon-button-medium .openui-icon-button-icon {
  height: 16px;
  width: 16px;
}
.openui-icon-button-large {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  font-size: 16px;
}
.openui-icon-button-large .openui-icon-button-icon {
  height: 16px;
  width: 16px;
}
.openui-icon-button-square {
  border-radius: var(--openui-radius-s);
}
.openui-icon-button-square.openui-icon-button-2-extra-small {
  border-radius: calc(var(--openui-radius-s) - 1px);
}
.openui-icon-button-square.openui-icon-button-extra-small {
  border-radius: var(--openui-radius-s);
}
.openui-icon-button-square.openui-icon-button-small {
  border-radius: calc(var(--openui-radius-s) + 1px);
}
.openui-icon-button-square.openui-icon-button-medium {
  border-radius: var(--openui-radius-m);
}
.openui-icon-button-square.openui-icon-button-large {
  border-radius: var(--openui-radius-l);
}
.openui-icon-button-circle {
  border-radius: var(--openui-radius-full);
}
.openui-image {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  overflow: clip;
  border-radius: var(--openui-radius-m);
  border: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
}
.openui-image-fit {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.openui-image-fill {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.openui-image-block-wrapper {
  flex: 1 1 0;
  min-width: 0;
  min-height: 240px;
  max-height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  isolation: isolate;
  border-radius: var(--openui-radius-2xl);
  padding: calc(var(--openui-space-l) - 2px) calc(var(--openui-space-l) + 2px);
  overflow: hidden;
}
.openui-image-block-wrapper::before {
  content: "";
  position: absolute;
  inset: -20px;
  background-image: var(--bg-image);
  background-size: 150%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .2;
  filter: blur(12px);
  z-index: 0;
  border-radius: inherit;
}
.openui-image-block-wrapper--mobile {
  height: auto;
  width: 100%;
  padding: 0;
}
.openui-image-block-wrapper--error {
  visibility: hidden;
}
.openui-image-block-image {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  border: 4px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
  position: relative;
  z-index: 1;
}
.openui-image-block-image--mobile {
  border-radius: var(--openui-radius-2xl);
  width: 100%;
  height: auto;
}
.openui-image-block-image--error {
  visibility: hidden;
}
.openui-image-block-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  border-width: 3px;
  border-style: solid;
  height: 24px;
  width: 24px;
  animation: openui-image-block-spin 1s linear infinite;
  border-radius: var(--openui-radius-full);
  border-color: #d1d5db;
  border-top-color: #2563eb;
  z-index: 2;
}
@keyframes openui-image-block-spin {
  to {
    transform: rotate(360deg);
  }
}
.openui-gallery {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: var(--openui-radius-m);
}
.openui-gallery__grid {
  display: grid;
  width: 100%;
  max-height: 376px;
  grid-gap: var(--openui-space-s);
}
.openui-gallery--single .openui-gallery__grid {
  grid-template-columns: 1fr;
}
.openui-gallery--double .openui-gallery__grid {
  grid-template-columns: repeat(2, 1fr);
}
.openui-gallery--triple .openui-gallery__grid {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.openui-gallery--triple .openui-gallery__grid .openui-gallery__image:first-child {
  grid-row: 1/-1;
}
.openui-gallery--quad .openui-gallery__grid {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "img1 img1 img2 img2 " "img1 img1 img3 img4";
}
.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(1) {
  grid-area: img1;
}
.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(2) {
  grid-area: img2;
}
.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(3) {
  grid-area: img3;
}
.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(4) {
  grid-area: img4;
}
.openui-gallery--default .openui-gallery__grid {
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.openui-gallery--default .openui-gallery__grid .openui-gallery__image:first-child {
  grid-row: 1/-1;
}
.openui-gallery__image {
  position: relative;
  overflow: hidden;
}
.openui-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.openui-gallery__image img:hover {
  transform: scale(1.05);
}
.openui-gallery__image--main img {
  height: 100%;
}
.openui-gallery__show-all-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.openui-gallery__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn .3s ease;
  backdrop-filter: blur(3px);
  background-color: var(--openui-overlay);
}
.openui-gallery__modal-content {
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  max-width: 720px;
  max-height: 640px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  border-radius: var(--openui-radius-xl);
  gap: var(--openui-space-xl);
  padding-top: var(--openui-space-xl);
  padding-bottom: var(--openui-space-xl);
}
.openui-gallery__modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: var(--openui-space-xl);
  padding-right: var(--openui-space-xl);
}
.openui-gallery__modal-heading {
  font: var(--openui-text-heading-xs);
  letter-spacing: var(--openui-text-heading-xs-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-gallery__modal-main {
  flex: 1;
  min-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--openui-space-xl);
  padding-right: var(--openui-space-xl);
}
.openui-gallery__modal-main img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: var(--openui-radius-s);
}
.openui-gallery__modal-main:hover .openui-gallery__modal-details {
  display: flex;
}
.openui-gallery__modal-carousel-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.openui-gallery__modal-carousel {
  display: flex;
  gap: var(--openui-space-s);
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-left: var(--openui-space-xl);
  padding-right: var(--openui-space-xl);
}
.openui-gallery__modal-carousel::-webkit-scrollbar {
  display: none;
}
.openui-gallery__modal-carousel-button-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--openui-foreground);
  border-radius: var(--openui-radius-xs);
  overflow: hidden;
}
.openui-gallery__modal-carousel-button-container-left {
  left: 24px;
}
.openui-gallery__modal-carousel-button-container-right {
  right: 24px;
}
.openui-gallery__modal-thumbnail {
  flex: 1;
  height: 116px;
  min-width: 174px;
  cursor: pointer;
  opacity: .6;
  border-radius: var(--openui-radius-s);
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: hidden;
  transition: opacity .2s ease;
  box-sizing: border-box;
}
.openui-gallery__modal-thumbnail:hover {
  opacity: .8;
}
.openui-gallery__modal-thumbnail--active {
  opacity: 1;
  border-color: var(--openui-border-interactive-selected);
  border-radius: var(--openui-radius-s);
}
.openui-gallery__modal-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .openui-gallery--default .openui-gallery__grid {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "img1 img1 img1  img2 img2 img2 " "img3 img3 img4  img4 img5 img5";
  }
  .openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(1) {
    grid-area: img1;
  }
  .openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(2) {
    grid-area: img2;
  }
  .openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(3) {
    grid-area: img3;
  }
  .openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(4) {
    grid-area: img4;
  }
  .openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(5) {
    grid-area: img5;
  }
  .openui-gallery--triple .openui-gallery__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: "img1 img1" "img2 img3";
  }
  .openui-gallery--triple .openui-gallery__grid .openui-gallery__image:nth-child(1) {
    grid-area: img1;
  }
  .openui-gallery--triple .openui-gallery__grid .openui-gallery__image:nth-child(2) {
    grid-area: img2;
  }
  .openui-gallery--triple .openui-gallery__grid .openui-gallery__image:nth-child(3) {
    grid-area: img3;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .openui-gallery__modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    max-height: none;
    max-width: none;
  }
}
.openui-input {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-l);
  box-sizing: border-box;
  width: 100%;
  gap: var(--openui-space-xs);
  background-color: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-primary);
  transition:
    box-shadow .16s ease,
    border-color .16s ease,
    background-color .16s ease;
}
.openui-input-small {
  border-radius: calc(var(--openui-radius-m) - 1px);
  padding: calc(var(--openui-space-2xs) - 1px) var(--openui-space-s);
}
.openui-input-medium {
  border-radius: var(--openui-radius-m);
  padding: calc(var(--openui-space-xs) - 1px) calc(var(--openui-space-m) - 1px);
}
.openui-input-large {
  padding: calc(var(--openui-space-s) - 1px) var(--openui-space-m);
}
.openui-input::placeholder {
  color: var(--openui-text-neutral-secondary);
}
.openui-input:focus {
  outline: none;
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
}
.openui-input:not(.openui-input-error):focus {
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-input:disabled {
  background-color: var(--openui-sunk);
  border: 1px solid var(--openui-border-default);
  cursor: not-allowed;
  color: var(--openui-text-neutral-tertiary);
}
.openui-input:not(:focus):not(:disabled):not(.openui-input-error):hover {
  border-color: var(--openui-border-interactive);
}
.openui-input-error {
  border-color: var(--openui-border-danger-emphasis);
  box-shadow: 0 0 0 2.5px var(--openui-border-danger);
}
.openui-input-error:focus {
  border-color: var(--openui-border-danger-emphasis);
  box-shadow: 0 0 0 2.5px var(--openui-border-danger);
}
.openui-label {
  box-sizing: border-box;
  color: var(--openui-text-neutral-primary);
}
.openui-label-disabled {
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-label-required-asterisk {
  margin-left: var(--openui-space-3xs);
}
.openui-list-block {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: var(--openui-space-l);
}
.openui-list-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
  width: 100%;
}
.openui-list-item-wrapper-with-action {
  border-bottom: 1px solid var(--openui-border-default);
  padding-bottom: var(--openui-space-m);
}
.openui-list-item-wrapper-with-action:hover .openui-list-item-indicator {
  scale: 1.1;
}
.openui-list-item-wrapper-with-action:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.openui-list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--openui-space-m);
}
.openui-list-item-clickable {
  cursor: pointer;
}
.openui-list-item:not(:has(.openui-list-item-subtitle)) {
  align-items: center;
}
.openui-list-item-indicator {
  margin-top: var(--openui-space-2xs);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--openui-sunk);
  border-radius: var(--openui-radius-m);
  color: var(--openui-text-neutral-secondary);
  overflow: hidden;
  transition: background-color .2s ease;
  flex-shrink: 0;
}
.openui-list-item-indicator-no-subtitle {
  height: 24px;
  width: 24px;
  margin-top: 0;
  border-radius: var(--openui-radius-s);
}
.openui-list-item-indicator-clickable {
  background-color: var(--openui-sunk);
}
.openui-list-item-indicator-number {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
}
.openui-list-item-indicator-image {
  border-radius: var(--openui-radius-s);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.openui-list-item-indicator-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.openui-list-item-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.openui-list-item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.openui-list-item-title {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-list-item-subtitle {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-list-item-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--openui-space-2xs);
  flex-shrink: 0;
}
.openui-list-item-action-label {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-list-item-action-icon {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-list-item:hover .openui-list-item-indicator-clickable,
.openui-list-item:focus .openui-list-item-indicator-clickable {
  background-color: var(--openui-highlight-strong);
}
.openui-list-item:hover .openui-list-item-action-label,
.openui-list-item:focus .openui-list-item-action-label {
  color: var(--openui-text-neutral-primary);
}
.openui-list-item:hover .openui-list-item-action-icon,
.openui-list-item:focus .openui-list-item-action-icon {
  color: var(--openui-text-neutral-primary);
}
.openui-markdown-renderer-code {
  border-radius: 4px;
  padding: 2px 4px;
  background-color: var(--openui-sunk);
  border: 1px solid var(--openui-border-default);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-markdown-renderer-code::after {
  content: "";
  display: hidden;
}
.openui-markdown-renderer-code::before {
  content: "";
  display: hidden;
}
.openui-markdown-renderer-card {
  background-color: var(--openui-foreground);
  border-radius: .5rem;
  padding: 1rem;
}
.openui-markdown-renderer-card-sunk {
  background-color: var(--openui-sunk);
  border-radius: .5rem;
  padding: 1rem;
}
.openui-markdown-renderer-link {
  color: var(--openui-text-info-primary);
  cursor: pointer;
  text-decoration: none;
  transition: color .2s ease-in-out;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-markdown-renderer-link:hover {
  text-decoration: underline;
}
.openui-markdown-renderer {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  max-width: none;
}
.openui-markdown-renderer h1,
.openui-markdown-renderer h2,
.openui-markdown-renderer h3,
.openui-markdown-renderer h4,
.openui-markdown-renderer h5,
.openui-markdown-renderer h6 {
  font: var(--openui-text-heading-xs);
  letter-spacing: var(--openui-text-heading-xs-letter-spacing);
  color: var(--openui-text-neutral-primary);
  margin-bottom: 18px;
}
.openui-markdown-renderer h1:has(+ p),
.openui-markdown-renderer h2:has(+ p),
.openui-markdown-renderer h3:has(+ p),
.openui-markdown-renderer h4:has(+ p),
.openui-markdown-renderer h5:has(+ p),
.openui-markdown-renderer h6:has(+ p) {
  margin-bottom: 8px;
}
.openui-markdown-renderer h1 + strong,
.openui-markdown-renderer h2 + strong,
.openui-markdown-renderer h3 + strong,
.openui-markdown-renderer h4 + strong,
.openui-markdown-renderer h5 + strong,
.openui-markdown-renderer h6 + strong {
  font: var(--openui-text-heading-xs);
  letter-spacing: var(--openui-text-heading-xs-letter-spacing);
}
.openui-markdown-renderer p {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  margin-bottom: 0;
}
.openui-markdown-renderer p:has(+ p) {
  margin-bottom: 18px;
}
.openui-markdown-renderer strong {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
}
.openui-markdown-renderer li {
  margin-bottom: 8px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-markdown-renderer li :last-child {
  margin-bottom: 0;
}
.openui-markdown-renderer li::marker {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-markdown-renderer li ul {
  margin-top: 8px;
}
.openui-markdown-renderer li li {
  margin-top: 8px;
}
.openui-markdown-renderer li ol {
  margin-top: 8px;
}
.openui-markdown-renderer ol {
  list-style-type: decimal;
  padding-left: 20px;
  margin-bottom: 20px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-markdown-renderer ol :last-child {
  margin-bottom: 0;
}
.openui-markdown-renderer ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 24px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-markdown-renderer ul :last-child {
  margin-bottom: 0;
}
.openui-markdown-renderer .openui-code-block-syntax-highlighter {
  padding: 25px !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.openui-markdown-renderer .openui-code-block-syntax-highlighter:first-child {
  margin-top: 0 !important;
}
.openui-markdown-renderer .openui-code-block-syntax-highlighter:last-child {
  margin-bottom: 0 !important;
}
.openui-markdown-renderer hr {
  margin-top: 48px;
  margin-bottom: 48px;
}
.openui-markdown-renderer hr + * {
  margin-top: 0;
}
.openui-markdown-renderer blockquote {
  color: var(--openui-text-neutral-primary);
  border-left: 4px solid color-mix(in oklab, var(--openui-text-neutral-primary) 70%, transparent);
  padding: 0px 0 0px 8px;
  margin-left: 1rem;
  font-style: italic;
  margin-left: 0;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 16px;
  quotes: "\201c" "\201d" "\2018" "\2019";
  line-height: 1.625;
}
.openui-markdown-renderer blockquote strong {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
}
.openui-markdown-renderer blockquote > *:first-child::before {
  content: open-quote;
  font-size: 1em;
  line-height: 1;
  vertical-align: top;
  margin-right: .2em;
}
.openui-markdown-renderer blockquote > *:last-child::after {
  content: close-quote;
  font-size: 1em;
  line-height: 1.5;
  vertical-align: top;
  margin-left: .2em;
}
.openui-markdown-renderer blockquote * {
  font-style: inherit;
  color: inherit;
  line-height: inherit;
}
.openui-markdown-renderer .openui-table-container {
  margin-bottom: 20px;
}
.openui-markdown-renderer > *:first-child {
  margin-top: 0;
}
.openui-markdown-renderer > *:last-child {
  margin-bottom: 0;
}
@keyframes l7 {
  33% {
    background-size:
      33.3333333333% 0%,
      33.3333333333% 100%,
      33.3333333333% 100%;
  }
  50% {
    background-size:
      33.3333333333% 100%,
      33.3333333333% 0%,
      33.3333333333% 100%;
  }
  66% {
    background-size:
      33.3333333333% 100%,
      33.3333333333% 100%,
      33.3333333333% 0%;
  }
}
.openui-message-loading-container {
  border-radius: var(--openui-space-xl);
  border: 1px solid var(--openui-border-default);
  padding: var(--openui-space-s);
  height: 32px;
  display: flex;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
}
.openui-message-loading {
  width: 24px;
  aspect-ratio: 4;
  --_g:
    no-repeat radial-gradient(
      circle closest-side,
      var(--openui-text-neutral-tertiary) 90%,
      transparent 90%);
  background:
    var(--_g) 0% 50%,
    var(--_g) 50% 50%,
    var(--_g) 100% 50%;
  background-size: 33.3333333333% 100%;
  animation: l7 750ms infinite linear;
}
.openui-modal-root {
  position: relative;
  z-index: 9999;
}
.openui-modal-overlay {
  position: fixed;
  inset: 0;
  background: var(--openui-overlay);
  z-index: 9999;
  animation: openui-modal-fade-in .15s ease-out;
}
.openui-modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  background: var(--openui-foreground);
  border: 1px solid var(--openui-border-default);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, .2);
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  animation: openui-modal-slide-in .15s ease-out;
}
.openui-modal-content:focus {
  outline: none;
}
.openui-modal-sm {
  width: 400px;
  max-width: 90vw;
}
.openui-modal-md {
  width: 560px;
  max-width: 90vw;
}
.openui-modal-lg {
  width: 720px;
  max-width: 90vw;
}
.openui-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--openui-space-m);
  border-bottom: 1px solid var(--openui-border-default);
}
.openui-modal-title {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  margin: 0;
}
.openui-modal-close {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: var(--openui-text-neutral-secondary);
}
.openui-modal-close:hover {
  color: var(--openui-text-neutral-primary);
}
.openui-modal-body {
  padding: var(--openui-space-m);
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
}
.openui-modal-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@keyframes openui-modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes openui-modal-slide-in {
  from {
    opacity: 0;
    transform: translate(-50%, -48%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
.openui-bottom-tray-trigger-logo {
  width: "100%";
  height: "100%";
  object-fit: "cover";
  border-radius: var(--openui-radius-m);
}
.openui-share-thread-modal__overlay {
  position: absolute;
  inset: 0;
  z-index: 9999;
  background-color: var(--openui-overlay);
}
.openui-share-thread-modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  max-width: 32rem;
  transform: translate(-50%, -50%);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-background);
  padding: var(--openui-space-l);
  box-shadow: var(--openui-shadow-m);
  border: 1px solid var(--openui-border-interactive);
  z-index: 10001;
}
.openui-share-thread-modal__content--mobile {
  max-width: 20rem;
  padding: var(--openui-space-l);
}
.openui-share-thread-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--openui-space-m);
}
.openui-share-thread-modal__title {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-heading-sm);
  letter-spacing: var(--openui-text-heading-sm-letter-spacing);
  margin: 0;
}
.openui-share-thread-modal__body {
  color: var(--openui-text-neutral-primary);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
}
.openui-share-thread-modal__description {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
}
.openui-share-thread-modal__input-section {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
}
.openui-share-thread-modal__input-wrapper {
  display: flex;
  gap: var(--openui-space-s);
  padding: var(--openui-space-xs);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
  background-color: var(--openui-elevated-strong);
  color: var(--openui-text-neutral-primary);
}
.openui-share-thread-modal__input-wrapper:focus-within {
  border-color: var(--openui-border-interactive);
  outline: 2px solid var(--openui-border-interactive);
  outline-offset: -1px;
}
.openui-share-thread-modal__input {
  padding: 0 var(--openui-space-xs);
  border: none;
  background: rgba(0, 0, 0, 0);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-share-thread-modal__button-container {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
.openui-share-thread-modal__loading-icon {
  height: 1rem;
  width: 1rem;
  animation: openui-share-spin 1s linear infinite;
}
.openui-share-thread-modal__error-message {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-danger-primary);
}
@keyframes openui-share-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.openui-radio-group {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xs);
  border: 1px solid;
  border-radius: var(--openui-radius-xl);
}
.openui-radio-group-clear {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  padding: var(--openui-space-000);
}
.openui-radio-group-card {
  border-color: var(--openui-border-default);
  padding: var(--openui-space-m);
}
.openui-radio-group-sunk {
  border-color: var(--openui-border-default);
  background-color: var(--openui-sunk);
  padding: var(--openui-space-m);
}
.openui-radio-item-container {
  display: flex;
  align-items: flex-start;
  gap: var(--openui-space-s);
  padding: var(--openui-space-3xs) var(--openui-space-000);
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  cursor: pointer;
}
.openui-radio-item-container:disabled {
  cursor: not-allowed;
}
.openui-radio-item-root {
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: var(--openui-radius-full);
  border: none;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  margin-top: var(--openui-space-2xs);
}
.openui-radio-item-root[data-state] {
  position: relative;
}
.openui-radio-item-root:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.openui-radio-item-svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.openui-radio-item-root[data-state=unchecked] .openui-radio-item-svg-path {
  fill: var(--openui-foreground);
}
.openui-radio-item-root:hover:not(:disabled) .openui-radio-item-root[data-state=unchecked] .openui-radio-item-svg-path {
  fill: var(--openui-foreground);
}
.openui-radio-item-root[data-state=checked] .openui-radio-item-svg-path {
  fill: var(--openui-interactive-accent-default);
}
.openui-radio-item-root[data-state=unchecked] .openui-radio-item-svg-border {
  stroke: var(--openui-border-interactive);
}
.openui-radio-item-root[data-state=checked] .openui-radio-item-svg-border {
  stroke: var(--openui-border-accent);
}
.openui-radio-item-root[data-state=checked] .openui-radio-item-svg-inner {
  fill: var(--openui-foreground);
}
.openui-radio-item-root[data-state=unchecked] .openui-radio-item-svg-inner {
  fill: var(--openui-foreground);
}
.openui-radio-item-root[data-state=unchecked]:hover:not(:disabled) .openui-radio-item-svg-inner {
  fill: var(--openui-border-interactive);
}
.openui-radio-item-label {
  flex: 1;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
}
.openui-radio-item-label:disabled {
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
}
.openui-radio-item-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-foldable-section {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  width: 100%;
}
.openui-foldable-section-root {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
}
.openui-foldable-section-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
}
.openui-foldable-section-header {
  display: flex;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.openui-foldable-section-trigger {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: var(--openui-space-m) 0 var(--openui-space-xs) 0;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
}
.openui-foldable-section-trigger-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
  align-items: start;
  justify-content: center;
  width: 100%;
}
.openui-foldable-section-trigger-content-separator {
  margin: var(--openui-space-3xs);
}
.openui-foldable-section-trigger-content-icon-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: var(--openui-space-s);
  width: 100%;
}
.openui-foldable-section-trigger-content-icon-button {
  flex-shrink: 0;
}
.openui-foldable-section-trigger-content-icon-button-icon {
  transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
}
.openui-foldable-section-trigger[data-state=open] .openui-foldable-section-trigger-content-icon-button-icon {
  transform: rotate(90deg);
}
.openui-foldable-section-trigger-content-text {
  font: var(--openui-text-heading-sm);
  letter-spacing: var(--openui-text-heading-sm-letter-spacing);
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin: 0;
}
.openui-foldable-section-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xl);
  padding: 0 0 0 28px;
}
.openui-foldable-section-content[data-state=open] {
  height: fit-content;
}
.openui-foldable-section-content[data-state=closed] {
  height: 0;
}
.openui-section-v2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--openui-space-xl);
  margin-top: var(--openui-space-m);
}
.openui-section-v2-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: var(--openui-space-xl);
}
.openui-section-v2-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--openui-space-s);
  margin-bottom: var(--openui-space-2xs);
}
.openui-section-v2-header-trigger {
  font: var(--openui-text-heading-sm);
  letter-spacing: var(--openui-text-heading-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-section-v2-content {
  width: 100%;
  gap: var(--openui-space-xl);
  display: flex;
  flex-direction: column;
}
.openui-select-trigger {
  box-sizing: border-box;
  background-color: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  border: 1px solid var(--openui-border-default);
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--openui-space-s);
}
.openui-select-trigger:hover {
  background: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
  color: var(--openui-text-neutral-secondary);
}
.openui-select-trigger:hover:not([data-placeholder]) {
  color: var(--openui-text-neutral-primary);
}
.openui-select-trigger:disabled {
  background-color: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-tertiary);
  border-color: var(--openui-border-default);
  cursor: not-allowed;
}
.openui-select-trigger[data-state=open] {
  border-color: var(--openui-border-interactive);
  background-color: var(--openui-highlight);
}
.openui-select-trigger[data-placeholder] {
  color: var(--openui-text-neutral-secondary);
}
.openui-select-trigger-sm {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  padding: calc(var(--openui-space-xs) - 1.5px) var(--openui-space-s);
  border-radius: calc(var(--openui-radius-s) + 1px);
}
.openui-select-trigger-md {
  padding: calc(var(--openui-space-xs) - 1px) calc(var(--openui-space-m) - 1px);
  border-radius: var(--openui-radius-m);
}
.openui-select-trigger-lg {
  padding: calc(var(--openui-space-s) - 1px) var(--openui-space-m);
  border-radius: var(--openui-radius-l);
}
.openui-select-trigger-icon {
  height: 16px;
  width: 16px;
}
.openui-select-trigger svg {
  transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1);
}
.openui-select-trigger[data-state=open] svg {
  transform: rotate(180deg);
}
.openui-select-content {
  box-sizing: border-box;
  position: relative;
  z-index: 99999;
  max-height: 372px;
  min-width: var(--radix-select-trigger-width);
  overflow: hidden;
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-default);
  box-shadow: var(--openui-shadow-m);
  color: var(--openui-text-neutral-primary);
  transform-origin: top center;
  animation: select-show .18s ease-out forwards;
}
.openui-select-content-sm {
  border-radius: var(--openui-radius-l);
}
.openui-select-content-sm .openui-select-label,
.openui-select-content-sm .openui-select-item,
.openui-select-content-sm .openui-select-item-text,
.openui-select-content-sm .openui-select-item-text-value {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
}
@keyframes select-show {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.openui-select-viewport {
  box-sizing: border-box;
  padding: 4px;
}
.openui-select-viewport[data-position=popper] {
  width: 100%;
}
.openui-select-group {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-3xs);
}
.openui-select-label {
  box-sizing: border-box;
  padding: var(--openui-space-3xs) var(--openui-space-xs);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-tertiary);
}
.openui-select-item {
  box-sizing: border-box;
  position: relative;
  display: flex;
  cursor: default;
  user-select: none;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--openui-radius-s);
  padding-top: var(--openui-space-2xs);
  padding-bottom: var(--openui-space-2xs);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  outline: 0;
}
.openui-select-item--with-tick {
  padding-left: var(--openui-space-xs);
  padding-right: var(--openui-space-xl);
}
.openui-select-item--without-tick {
  padding-left: var(--openui-space-xs);
  padding-right: var(--openui-space-xl);
}
.openui-select-item[data-disabled] {
  pointer-events: none;
  opacity: .5;
}
.openui-select-item[data-highlighted] {
  color: var(--openui-text-neutral-primary);
}
.openui-select-item:not([data-state=checked]):hover {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}
.openui-select-item:focus {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}
.openui-select-item[data-state=checked] {
  background-color: var(--openui-highlight);
  outline: 1px solid var(--openui-border-interactive);
  outline-offset: -1px;
}
.openui-select-item-check-wrapper {
  position: absolute;
  right: 8px;
  height: 14px;
  width: 14px;
}
.openui-select-item-check-icon {
  height: 16px;
  width: 16px;
}
.openui-select-item-text {
  flex: 1;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-select-item-value {
  color: var(--openui-text-neutral-secondary);
}
.openui-select-separator {
  box-sizing: border-box;
  margin: 4px -4px;
  height: 1px;
  border-top: 1px solid var(--openui-border-default);
}
.openui-separator {
  background-color: var(--openui-border-default);
}
.openui-separator[data-orientation=horizontal] {
  height: 1px;
  width: 100%;
}
.openui-separator[data-orientation=vertical] {
  width: 1px;
  height: 100%;
}
.openui-shell-sidebar-container {
  border-right: 1px solid var(--openui-border-default);
  height: 100%;
  background-color: var(--openui-foreground);
  width: 272px;
  padding: var(--openui-space-m);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
  z-index: 999;
  transition:
    width 160ms cubic-bezier(0.22, 1, 0.36, 1),
    height 160ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 160ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 160ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-container--mobile .openui-shell-sidebar-container {
  width: 294px;
  padding: var(--openui-space-m-l);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: var(--openui-foreground);
  border-radius: 0;
  transition: left 400ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-sidebar-container--collapsed {
  width: calc(32px + var(--openui-space-m) + var(--openui-space-m) + var(--openui-space-3xs) + var(--openui-space-3xs));
  transform: translateX(0);
  gap: var(--openui-space-xs);
  cursor: e-resize;
  background-color: var(--openui-background);
}
.openui-shell-container--mobile .openui-shell-sidebar-container--collapsed {
  width: 294px;
  height: 100%;
  left: -294px;
  transform: none;
  cursor: default;
}
.openui-shell-sidebar-container--collapsed[data-sidebar-visual-state=collapsed]:hover .openui-shell-sidebar-header__logo {
  opacity: 0;
  pointer-events: none;
}
.openui-shell-sidebar-container--collapsed[data-sidebar-visual-state=collapsed]:hover .openui-shell-sidebar-header__toggle-button {
  opacity: 1;
  pointer-events: auto;
}
.openui-shell-sidebar-container--hidden {
  display: none;
}
.openui-shell-sidebar-container[data-sidebar-visual-state=collapsing] .openui-shell-sidebar-content,
.openui-shell-sidebar-container[data-sidebar-visual-state=collapsing] .openui-shell-sidebar-header > :not(.openui-shell-sidebar-header__top-row),
.openui-shell-sidebar-container[data-sidebar-visual-state=expanding] .openui-shell-sidebar-content,
.openui-shell-sidebar-container[data-sidebar-visual-state=expanding] .openui-shell-sidebar-header > :not(.openui-shell-sidebar-header__top-row) {
  opacity: 0;
  pointer-events: none;
}
.openui-shell-sidebar-container[data-sidebar-visual-state=expanding] .openui-shell-sidebar-header > :not(.openui-shell-sidebar-header__top-row) {
  opacity: 0;
  pointer-events: none;
}
.openui-shell-sidebar-header {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
}
.openui-shell-sidebar-header > :not(.openui-shell-sidebar-header__top-row) {
  transition: opacity 90ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-sidebar-header__top-row {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
  transition: opacity 90ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-sidebar-header__logo {
  display: block;
  width: 32px;
  height: 32px;
  margin-left: var(--openui-space-3xs);
  border-radius: var(--openui-radius-m);
  transition: opacity 90ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-sidebar-header__agent-name {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  flex-grow: 1;
  color: var(--openui-text-neutral-primary);
}
.openui-shell-container--mobile .openui-shell-sidebar-header__agent-name {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
}
.openui-shell-sidebar-container--collapsed .openui-shell-sidebar-header__agent-name {
  display: none;
}
.openui-shell-sidebar-header--collapsed {
  align-items: stretch;
}
.openui-shell-sidebar-header--collapsed .openui-shell-sidebar-header__top-row {
  display: block;
  position: relative;
  min-height: 32px;
  width: 100%;
}
.openui-shell-sidebar-header--collapsed .openui-shell-sidebar-header__logo,
.openui-shell-sidebar-header--collapsed .openui-shell-sidebar-header__toggle-button {
  position: absolute;
  top: 0;
  left: var(--openui-space-3xs);
  margin-left: 0;
}
.openui-shell-sidebar-header--collapsed .openui-shell-sidebar-header__logo {
  width: 32px;
  height: 32px;
}
.openui-shell-sidebar-header--collapsed .openui-shell-sidebar-header__toggle-button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 90ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-sidebar-content {
  width: calc(272px - var(--openui-space-m)*2);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
  overflow: hidden;
  opacity: 1;
  transition: opacity 90ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-container--mobile .openui-shell-sidebar-content {
  width: 100%;
}
.openui-shell-sidebar-content--collapsed {
  width: 100%;
  align-items: center;
  gap: var(--openui-space-s);
}
.openui-shell-sidebar-content--collapsed .openui-shell-thread-list {
  display: none;
}
.openui-shell-sidebar-separator {
  height: 1px;
  width: 100%;
  background-color: var(--openui-border-default);
}
.openui-shell-sidebar-header__toggle-button {
  transition: opacity 90ms cubic-bezier(0.22, 1, 0.36, 1);
}
.openui-shell-container--mobile .openui-shell-sidebar-header__toggle-button {
  display: none;
}
.openui-shell-sidebar-container__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--openui-overlay);
  transition: opacity 160ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 99;
}
.openui-shell-sidebar-container__overlay--collapsed {
  opacity: 0;
  pointer-events: none;
}
.openui-shell-thread-list {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-3xs);
  overflow: auto;
  margin-top: var(--openui-space-m);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-border-default) rgba(0, 0, 0, 0);
}
.openui-shell-thread-list::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-shell-thread-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-shell-thread-list::-webkit-scrollbar-thumb {
  background: var(--openui-border-default);
  border-radius: calc(var(--openui-radius-2xs) + var(--openui-space-3xs));
}
.openui-shell-thread-list::-webkit-scrollbar-thumb:hover {
  background: var(--openui-text-neutral-secondary);
}
.openui-shell-thread-list-group {
  display: flex;
  padding-left: var(--openui-space-s);
  color: var(--openui-text-neutral-tertiary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  margin-bottom: var(--openui-space-2xs);
}
.openui-shell-container--mobile .openui-shell-thread-list-group {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
}
.openui-shell-thread-list-group:not(:first-child) {
  margin-top: var(--openui-space-m);
}
.openui-shell-thread-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: calc(var(--openui-radius-s) + 1px);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all .12s ease;
}
.openui-shell-thread-button--selected {
  background-color: var(--openui-highlight);
}
.openui-shell-thread-button:hover {
  background-color: var(--openui-highlight);
}
.openui-shell-thread-button:hover .openui-shell-thread-button-dropdown-trigger {
  opacity: 1;
}
.openui-shell-thread-button:has(.openui-shell-thread-button-dropdown-trigger[data-state=open]) {
  background-color: var(--openui-highlight);
}
.openui-shell-thread-button:has(.openui-shell-thread-button-dropdown-trigger[data-state=open]) .openui-shell-thread-button-dropdown-trigger {
  opacity: 1;
}
.openui-shell-thread-button-title {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  padding: calc(var(--openui-space-xs) - 1.75px) var(--openui-space-s);
  width: 100%;
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.openui-shell-container--mobile .openui-shell-thread-button-title {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  padding: calc(var(--openui-space-s) - 1.75px) var(--openui-space-s);
}
.openui-shell-thread-button-dropdown-trigger {
  opacity: 0;
}
.openui-shell-container--mobile .openui-shell-thread-button-dropdown-trigger {
  opacity: 1;
}
.openui-shell-thread-button-dropdown-trigger:focus-visible {
  opacity: 1;
}
.openui-shell-thread-button-dropdown-trigger[data-state=open] {
  opacity: 1;
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}
.openui-shell-thread-button-dropdown-menu {
  box-sizing: border-box;
  position: relative;
  z-index: 99999;
  min-width: 160px;
  overflow: hidden;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-m);
  color: var(--openui-text-neutral-primary);
  transform-origin: top center;
  animation: openui-shell-thread-menu-show .18s ease-out forwards;
  padding: 4px;
}
.openui-shell-thread-button-dropdown-menu-item {
  width: 100%;
  justify-content: flex-start;
  padding-left: var(--openui-space-s);
  padding-right: var(--openui-space-s);
}
.openui-shell-thread-button-dropdown-menu-item:focus,
.openui-shell-thread-button-dropdown-menu-item:focus-visible {
  outline: none;
  box-shadow: none;
}
@keyframes openui-shell-thread-menu-show {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.openui-shell-thread-container {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.openui-shell-thread-container:has([data-drafting]) .openui-shell-conversation-starter,
.openui-shell-thread-container:has([data-drafting]) .openui-shell-welcome-screen__desktop-starters,
.openui-shell-welcome-screen:has([data-drafting]) .openui-shell-conversation-starter,
.openui-shell-welcome-screen:has([data-drafting]) .openui-shell-welcome-screen__desktop-starters {
  opacity: 0;
  pointer-events: none;
}
.openui-shell-conversation-starter,
.openui-shell-welcome-screen__desktop-starters {
  transition: opacity 150ms ease;
}
.openui-shell-thread-wrapper {
  flex: 1;
  display: flex;
  overflow: hidden;
  height: 100%;
}
.openui-shell-thread-chat-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  min-width: 360px;
  flex-shrink: 0;
  position: relative;
}
.openui-shell-thread-chat-panel--animating {
  transition: width .5s cubic-bezier(0.4, 0, 0.2, 1);
}
.openui-shell-thread-artifact-panel {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  flex: 1;
  min-width: 0;
  background-color: var(--openui-foreground);
  animation: slideInFromRight .5s cubic-bezier(0.4, 0, 0.2, 1);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) rgba(0, 0, 0, 0);
}
.openui-shell-thread-artifact-panel::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-shell-thread-artifact-panel::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}
.openui-shell-thread-artifact-panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}
.openui-shell-thread-artifact-panel--animating {
  transition: width .5s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.openui-shell-thread-scroll-container {
  display: flex;
  width: 100%;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
}
.openui-shell-thread-scroll-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: var(--openui-space-xl);
  background:
    linear-gradient(
      to bottom,
      var(--openui-background) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.openui-shell-thread-scroll-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--openui-space-xl);
  background:
    linear-gradient(
      to top,
      var(--openui-background) 0%,
      transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-container {
  flex-grow: 0;
}
.openui-shell-thread-scroll-area {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: var(--openui-space-m) calc(32px + var(--openui-space-s)) var(--openui-space-xl);
  scroll-padding-top: var(--openui-space-2xl);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-border-default) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) rgba(0, 0, 0, 0);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb {
  background: var(--openui-border-default);
  border-radius: calc(var(--openui-radius-2xs) + var(--openui-space-3xs));
}
.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover {
  background: var(--openui-text-neutral-secondary);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar {
  width: var(--openui-space-xs);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}
.openui-shell-thread-scroll-area::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}
.openui-shell-thread-container:has(.openui-shell-welcome-screen) .openui-shell-thread-scroll-area {
  padding: 0;
}
.openui-shell-container--mobile .openui-shell-thread-scroll-area {
  padding: var(--openui-space-l);
  scroll-padding-top: var(--openui-space-l);
}
.openui-shell-thread-container--artifact-active .openui-shell-thread-scroll-area {
  padding-left: 0;
  padding-right: var(--openui-space-m);
}
.openui-shell-thread-scroll-area--user-message-anchor .openui-shell-thread-messages > *:last-child {
  min-height: calc(-200px + 100dvh);
}
.openui-shell-thread-messages {
  max-width: 880px;
  margin: 0 auto;
  padding-top: var(--openui-space-l);
  display: flex;
  flex-direction: column;
  gap: calc(2*var(--openui-space-l));
}
.openui-shell-thread-message-assistant {
  width: 100%;
  display: flex;
  gap: var(--openui-space-s);
  padding-right: calc(32px + var(--openui-space-s));
  overflow: hidden;
}
.openui-shell-thread-message-assistant--without-logo {
  padding-left: calc(32px + var(--openui-space-s));
}
.openui-shell-container--mobile .openui-shell-thread-message-assistant {
  padding: 0;
}
.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant {
  gap: 0;
  padding-right: 0;
}
.openui-shell-thread-message-assistant__content {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  overflow: hidden;
  overflow-wrap: break-word;
  flex-grow: 1;
}
.openui-shell-thread-message-assistant__text {
  color: var(--openui-text-neutral-primary);
}
.openui-shell-thread-message-assistant__text:first-child {
  margin-top: var(--openui-space-xs);
}
.openui-shell-thread-message-assistant__logo {
  width: 32px;
  height: 32px;
  border-radius: var(--openui-radius-m);
}
.openui-shell-container--mobile .openui-shell-thread-message-assistant__logo {
  display: none;
}
.openui-shell-thread-container--artifact-active .openui-shell-thread-message-assistant__logo {
  display: none;
}
.openui-shell-thread-message-user {
  display: flex;
  justify-content: flex-end;
  padding: 0 calc(32px + var(--openui-space-s));
}
.openui-shell-container--mobile .openui-shell-thread-message-user {
  padding: 0;
}
.openui-shell-thread-container--artifact-active .openui-shell-thread-message-user {
  padding-left: 0;
  padding-right: 0;
}
.openui-shell-thread-message-user__content {
  padding: var(--openui-space-s) var(--openui-space-m);
  background-color: var(--openui-chat-user-response-bg);
  color: var(--openui-chat-user-response-text);
  border-radius: var(--openui-radius-xl);
  overflow-wrap: break-word;
  max-width: 100%;
  height: fit-content;
}
.openui-shell-thread-error {
  padding: 0 calc(32px + var(--openui-space-s));
  min-height: auto !important;
}
.openui-shell-container--mobile .openui-shell-thread-error {
  padding: 0;
}
.openui-shell-thread-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: var(--openui-space-m) var(--openui-space-s) var(--openui-space-xs);
  flex-shrink: 0;
}
.openui-shell-container--mobile .openui-shell-thread-header {
  display: none;
}
.openui-shell-thread-message-loading {
  display: flex;
  padding: 0 calc(32px + var(--openui-space-s));
}
.openui-genui-user-message {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--openui-space-s);
  max-width: 85%;
}
.openui-genui-user-message__form-state {
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  overflow: hidden;
  background-color: var(--openui-foreground);
  width: 100%;
  transition: border-color .15s ease;
}
.openui-genui-user-message__form-state:hover {
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-genui-user-message__form-state-header {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--openui-space-s) var(--openui-space-m);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
}
.openui-genui-user-message__form-state-label {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-genui-user-message__form-state-chevron {
  flex-shrink: 0;
  color: var(--openui-text-neutral-secondary);
  transition: transform .2s ease;
}
.openui-genui-user-message__form-state-chevron--expanded {
  transform: rotate(180deg);
}
.openui-genui-user-message__form-state-content {
  border-top: 1px solid var(--openui-border-default);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xs);
  padding: var(--openui-space-s) var(--openui-space-m);
}
.openui-genui-user-message__form-field {
  display: flex;
  gap: var(--openui-space-xs);
  align-items: baseline;
}
.openui-genui-user-message__form-field-label {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
}
.openui-genui-user-message__form-field-value {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  overflow-wrap: break-word;
  min-width: 0;
}
.openui-shell-mobile-header {
  display: none;
}
.openui-shell-container--mobile .openui-shell-mobile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--openui-space-m-l);
}
.openui-shell-mobile-header-logo-container {
  display: flex;
  align-items: center;
  gap: var(--openui-space-m);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.openui-shell-mobile-header-logo {
  width: 32px;
  height: 32px;
  border-radius: var(--openui-radius-m);
}
.openui-shell-mobile-header-agent-name {
  color: var(--openui-text-neutral-primary);
}
.openui-shell-mobile-header-actions {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
}
.openui-shell-resizable-separator {
  width: 1px;
  background-color: var(--openui-border-default);
  cursor: col-resize;
  position: relative;
  flex-shrink: 0;
  user-select: none;
  animation: fadeIn .3s cubic-bezier(0.4, 0, 0.2, 1);
}
.openui-shell-resizable-separator::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  right: -8px;
  cursor: col-resize;
}
.openui-shell-resizable-separator:hover {
  background-color: var(--openui-border-interactive-emphasis);
}
.openui-shell-resizable-separator:hover .openui-shell-resizable-separator__handle {
  opacity: 1;
}
.openui-shell-resizable-separator__handle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 40px;
  background-color: var(--openui-border-interactive-emphasis);
  border-radius: var(--openui-radius-full);
  opacity: 0;
  transition: opacity .2s ease-in-out;
  pointer-events: none;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.openui-shell-conversation-starter {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 calc(32px + var(--openui-space-s)) var(--openui-space-m);
  box-sizing: border-box;
  max-height: 480px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity .2s ease,
    transform .2s ease,
    max-height .2s ease,
    padding-bottom .2s ease;
}
.openui-shell-conversation-starter--short {
  display: block;
}
.openui-shell-conversation-starter--long {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-2xs);
}
.openui-shell-conversation-starter__carousel-content {
  gap: var(--openui-space-xs);
}
.openui-shell-container--mobile .openui-shell-conversation-starter {
  padding: 0 var(--openui-space-l);
}
.openui-shell-thread-container--artifact-active .openui-shell-conversation-starter {
  padding-left: 0;
  padding-right: var(--openui-space-m);
}
.openui-shell-conversation-starter-item-short {
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
  width: fit-content;
  flex: 0 0 auto;
  padding: var(--openui-space-s) var(--openui-space-s-m);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-l);
  cursor: pointer;
  transition: all .15s ease;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
}
.openui-shell-conversation-starter-item-short__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--openui-text-neutral-primary);
}
.openui-shell-conversation-starter-item-short__icon > svg {
  width: 14px;
  height: 14px;
}
.openui-shell-conversation-starter-item-short__text {
  flex: 1;
  white-space: nowrap;
}
.openui-shell-conversation-starter-item-short:not(:disabled):hover {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-shell-conversation-starter-item-short:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}
@media (max-width: 480px) {
  .openui-shell-conversation-starter-item-short {
    padding: var(--openui-space-s) var(--openui-space-s-m);
  }
}
.openui-shell-conversation-starter-item-long {
  display: flex;
  align-items: center;
  gap: var(--openui-space-000);
  width: 100%;
  padding: var(--openui-space-xs) var(--openui-space-m);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: var(--openui-radius-m);
  cursor: pointer;
  transition: background-color .15s ease;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  overflow: hidden;
}
.openui-shell-conversation-starter-item-long__content {
  display: flex;
  align-items: flex-start;
  gap: var(--openui-space-s);
  flex: 1;
  min-width: 0;
}
.openui-shell-conversation-starter-item-long__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: var(--openui-space-2xs);
  color: var(--openui-text-neutral-primary);
}
.openui-shell-conversation-starter-item-long__text {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
}
.openui-shell-conversation-starter-item-long__arrow {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: var(--openui-space-2xs);
  opacity: 0;
  transition: opacity .15s ease;
  color: var(--openui-text-neutral-primary);
}
.openui-shell-conversation-starter-item-long:not(:disabled):hover {
  background-color: var(--openui-sunk);
}
.openui-shell-conversation-starter-item-long:not(:disabled):hover .openui-shell-conversation-starter-item-long__arrow {
  opacity: 1;
}
.openui-shell-conversation-starter-item-long:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}
.openui-shell-welcome-screen {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: var(--openui-space-2xl) calc(32px + var(--openui-space-s));
}
.openui-shell-container--mobile .openui-shell-welcome-screen {
  padding: var(--openui-space-2xl) var(--openui-space-l);
}
.openui-shell-thread-container--artifact-active .openui-shell-welcome-screen {
  padding-left: 0;
  padding-right: var(--openui-space-m);
}
.openui-shell-welcome-screen__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--openui-space-xl);
}
.openui-shell-welcome-screen__image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.openui-shell-welcome-screen__image {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: var(--openui-radius-xl);
}
.openui-shell-welcome-screen__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--openui-space-s);
  text-align: center;
}
.openui-shell-welcome-screen__title {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
  color: var(--openui-text-neutral-primary);
  margin: 0;
}
.openui-shell-welcome-screen__description {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
  max-width: 400px;
}
.openui-shell-welcome-screen__composer-starters-container {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
  width: 100%;
}
.openui-shell-welcome-screen__desktop-composer {
  display: flex;
  justify-content: center;
  width: 100%;
}
.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-composer {
  display: none;
}
.openui-shell-welcome-screen__desktop-starters {
  width: 100%;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: opacity .2s ease, transform .2s ease;
}
.openui-shell-container--mobile .openui-shell-welcome-screen__desktop-starters {
  display: none;
}
.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter {
  padding: 0;
}
.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter--short {
  justify-content: center;
}
.openui-shell-welcome-screen--with-composer {
  gap: var(--openui-space-2xl);
}
.openui-shell-container--mobile .openui-shell-welcome-screen--with-composer {
  gap: var(--openui-space-l);
}
.openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer {
  display: none;
}
.openui-shell-container--mobile .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer {
  display: block;
}
.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen--with-composer) .openui-shell-thread-composer {
  display: none;
}
.openui-shell-container:not(.openui-shell-container--mobile) .openui-shell-thread-container:has(.openui-shell-welcome-screen__desktop-starters) .openui-shell-conversation-starter:not(.openui-shell-welcome-screen__desktop-starters .openui-shell-conversation-starter) {
  display: none;
}
.openui-shell-desktop-welcome-composer {
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-3xl);
  box-shadow: var(--openui-shadow-m);
  overflow: clip;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-m);
  padding: var(--openui-space-s-m);
  width: 100%;
  max-width: 800px;
}
.openui-shell-desktop-welcome-composer__input {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-elevated) rgba(0, 0, 0, 0);
  padding: 0 var(--openui-space-3xs);
  resize: none;
  max-height: 200px;
  min-height: 24px;
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  overflow-y: auto;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-shell-desktop-welcome-composer__input::-webkit-scrollbar {
  width: 6px;
}
.openui-shell-desktop-welcome-composer__input::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-shell-desktop-welcome-composer__input::-webkit-scrollbar-thumb {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-full);
}
.openui-shell-desktop-welcome-composer__input::placeholder {
  color: var(--openui-text-neutral-secondary);
}
.openui-shell-desktop-welcome-composer__action-bar {
  display: flex;
  align-items: center;
}
.openui-shell-desktop-welcome-composer__submit-button {
  margin-left: auto;
}
.openui-shell-thread-composer {
  max-width: 880px;
  width: 100%;
  margin: 0 auto var(--openui-space-m);
  padding: 0 calc(32px + var(--openui-space-s));
}
.openui-shell-container--mobile .openui-shell-thread-composer {
  margin: 0;
  padding: var(--openui-space-m) 14px;
}
.openui-shell-thread-container--artifact-active .openui-shell-thread-composer {
  padding-left: 0;
  padding-right: var(--openui-space-m);
}
.openui-shell-thread-composer__input-wrapper {
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-3xl);
  box-shadow: var(--openui-shadow-m);
  overflow: clip;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  padding: var(--openui-space-s-m);
}
.openui-shell-thread-composer__input {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-elevated) rgba(0, 0, 0, 0);
  padding: 0 var(--openui-space-3xs);
  resize: none;
  max-height: 200px;
  outline: none;
  border: none;
  background: rgba(0, 0, 0, 0);
  overflow-y: auto;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.openui-shell-thread-composer__input::-webkit-scrollbar {
  width: 6px;
}
.openui-shell-thread-composer__input::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.openui-shell-thread-composer__input::-webkit-scrollbar-thumb {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-full);
}
.openui-shell-thread-composer__input::placeholder {
  color: var(--openui-text-neutral-secondary);
}
.openui-shell-thread-composer__action-bar {
  display: flex;
  align-items: center;
}
.openui-shell-thread-composer__submit-button {
  margin-left: auto;
}
.openui-shell-container {
  display: flex;
  position: relative;
  height: 100dvh;
  width: 100dvw;
  overflow: hidden;
  background: var(--openui-background);
  box-sizing: border-box;
}
.openui-shell-container * {
  box-sizing: border-box;
}
.openui-shell-container.openui-shell-container--mobile {
  padding: 0;
}
.openui-shell-new-chat-button {
  width: 100%;
  justify-content: flex-start;
  padding-left: var(--openui-space-s);
  padding-right: var(--openui-space-s);
}
.openui-shell-sidebar-header--collapsed .openui-shell-new-chat-button {
  width: auto;
}
.openui-shell-new-chat-button_collapsed {
  align-self: center;
}
@keyframes openui-skeleton-pulse {
  0% {
    opacity: .3;
  }
  50% {
    opacity: .85;
  }
  100% {
    opacity: .3;
  }
}
.openui-skeleton-bar {
  background-color: var(--openui-elevated-strong);
  border-radius: var(--openui-radius-xs);
  animation: openui-skeleton-pulse 1.2s ease-in-out infinite;
}
.openui-skeleton-stack {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
}
.openui-skeleton-table {
  padding: var(--openui-space-s) 0;
}
.openui-skeleton-table-row {
  display: grid;
  gap: var(--openui-space-m);
  padding: var(--openui-space-s-m) var(--openui-space-m);
  border-bottom: 1px solid var(--openui-border-default);
}
.openui-skeleton-table-row:last-child {
  border-bottom: 0;
}
.openui-skeleton-table-cell {
  height: 14px;
}
.openui-skeleton-table-cell-short {
  width: 60%;
}
.openui-skeleton-pie-chart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-m);
}
.openui-skeleton-pie-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.openui-skeleton-pie-chart-shape {
  border-radius: 50%;
  background-color: var(--openui-elevated-strong);
  animation: openui-skeleton-pulse 1.2s ease-in-out infinite;
}
.openui-skeleton-pie-chart-donut {
  background-color: rgba(0, 0, 0, 0);
  border: var(--openui-space-xl) solid var(--openui-elevated-strong);
}
.openui-skeleton-pie-chart-semi {
  border-radius: var(--openui-radius-full) var(--openui-radius-full) 0 0;
}
.openui-skeleton-pie-chart-semi-donut {
  background-color: rgba(0, 0, 0, 0);
  border: var(--openui-space-xl) solid var(--openui-elevated-strong);
  border-bottom: 0;
  border-radius: var(--openui-radius-full) var(--openui-radius-full) 0 0;
}
.openui-skeleton-pie-chart-legend {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-s);
  min-width: 120px;
}
.openui-skeleton-pie-chart-legend-item {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
}
.openui-skeleton-pie-chart-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--openui-elevated-strong);
  animation: openui-skeleton-pulse 1.2s ease-in-out infinite;
  flex-shrink: 0;
}
.openui-slider-wrapper {
  display: flex;
  align-items: center;
  gap: var(--openui-space-s);
  width: 100%;
}
.openui-slider-left-content,
.openui-slider-right-content {
  display: flex;
  align-items: center;
  min-width: fit-content;
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
}
.openui-slider-left-content svg,
.openui-slider-right-content svg {
  width: 16px;
  height: 16px;
}
.openui-slider-container {
  padding: 0 10px;
  background-color: var(--openui-sunk);
  height: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--openui-radius-s);
}
.openui-slider-root {
  position: relative;
  display: flex;
  height: 20px;
  width: 100%;
  min-width: 100px;
  max-width: 100%;
  touch-action: none;
  user-select: none;
  align-items: center;
}
.openui-slider-track {
  position: relative;
  height: 10px;
  flex-grow: 1;
  border-radius: var(--openui-radius-full);
}
.openui-slider-range {
  position: absolute;
  height: 100%;
  border-radius: var(--openui-radius-s);
  background-color: var(--openui-interactive-accent-default);
  margin-left: -10px;
  margin-right: -8px;
}
.openui-slider-range--at-min {
  background-color: rgba(0, 0, 0, 0);
}
.openui-slider-thumb {
  outline: none;
}
.openui-slider-thumb-handle {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: var(--openui-radius-s);
  outline: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  overflow: hidden;
  box-shadow: var(--openui-shadow-s);
}
.openui-slider-thumb-handle-inner {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--openui-foreground);
  transition: background-color .2s;
}
.openui-slider-thumb-handle-inner:hover {
  background-color: var(--openui-sunk);
}
.openui-slider-thumb-handle-inner-dot {
  width: 6px;
  height: 6px;
  border-radius: var(--openui-radius-3xs);
  background-color: var(--openui-interactive-accent-default);
}
.openui-slider-thumb-value {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--openui-foreground);
  color: var(--openui-text-neutral-primary);
  padding: var(--openui-space-2xs);
  border-radius: var(--openui-radius-s);
  box-shadow: var(--openui-shadow-s);
  opacity: 0;
  transition: opacity .2s;
  border: 1px solid var(--openui-border-interactive);
}
.openui-slider-thumb-handle:hover .openui-slider-thumb-value,
.openui-slider-thumb-handle:focus .openui-slider-thumb-value {
  opacity: 1;
}
.openui-slider-dots-dot {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-text-neutral-tertiary);
}
.openui-slider-dots-dot--active {
  background-color: var(--openui-foreground);
}
.openui-slider-container-wrapper {
  width: 100%;
}
.openui-slider-labels {
  display: flex;
  justify-content: space-between;
  margin-top: var(--openui-space-s);
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  padding: 0 var(--openui-space-2xs);
}
.openui-slider--disabled {
  opacity: .5;
  pointer-events: none;
}
.openui-slider-block {
  width: 100%;
}
.openui-slider-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(var(--openui-space-s) + var(--openui-space-xs));
}
.openui-slider-block__header--with-error {
  align-items: flex-start;
  margin-bottom: var(--openui-space-s);
}
.openui-slider-block__label {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  padding-top: var(--openui-space-xs);
}
.openui-slider-block__controls {
  display: flex;
  gap: var(--openui-space-xs);
  position: relative;
  flex-direction: column;
  align-items: flex-end;
}
.openui-slider-block__controls input,
.openui-slider-block__controls button {
  height: 36px;
}
.openui-slider-block__controls.is-range .openui-slider-block__validated-input input {
  width: 64px;
}
.openui-slider-block__controls.is-range button {
  width: 80px;
}
.openui-slider-block__controls.is-single .openui-slider-block__validated-input input {
  width: 80px;
}
.openui-slider-block__controls.is-single button {
  width: 100px;
}
.openui-slider-block__content {
  display: flex;
  align-items: center;
}
.openui-slider-block__validated-input-container {
  display: flex;
  gap: var(--openui-space-xs);
  align-items: center;
}
.openui-slider-block__validated-select-container {
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
}
.openui-slider-block__validated-input {
  position: relative;
}
.openui-slider-block__validated-input .openui-slider-block__input-error {
  border-color: var(--openui-border-danger-emphasis) !important;
}
.openui-slider-block__input {
  text-align: right !important;
  padding-left: var(--openui-space-s) !important;
  padding-right: var(--openui-space-s) !important;
}
.openui-slider-block__error-message {
  display: flex;
  gap: var(--openui-space-2xs);
  align-items: center;
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-danger-primary);
  white-space: nowrap;
  padding-right: var(--openui-space-2xs);
}
.openui-slider-block__separator {
  width: 8px;
  height: 2px;
  background-color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
}
.openui-steps-container {
  min-width: 280px;
  width: 100%;
  margin: 0 auto;
}
.openui-steps {
  display: flex;
  flex-direction: column;
}
.openui-step-item {
  display: flex;
  position: relative;
  gap: var(--openui-space-m);
}
.openui-step-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.openui-step-number {
  padding: var(--openui-space-2xs) 0px var(--openui-space-2xs) 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.openui-step-number-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--openui-elevated);
  color: var(--openui-text-neutral-secondary);
  border: 1px solid var(--openui-border-default);
  box-sizing: border-box;
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
}
.openui-connector-line {
  width: 1px;
  flex-grow: 1;
  z-index: 1;
  background-color: var(--openui-sunk);
}
.openui-step-item:last-child .openui-connector-line {
  display: none;
}
.openui-step-content {
  padding-top: var(--openui-space-2xs);
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-3xs);
  margin-bottom: var(--openui-space-l);
}
.openui-step-item:last-child .openui-step-content {
  margin-bottom: 0;
}
.openui-step-title {
  color: var(--openui-text-neutral-secondary);
}
.openui-step-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--openui-space-m) + 2px);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-switch-group {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xs);
  border: 1px solid;
  border-radius: var(--openui-radius-xl);
}
.openui-switch-group-clear {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  padding: var(--openui-space-000);
}
.openui-switch-group-card {
  border-color: var(--openui-border-default);
  padding: var(--openui-space-m);
}
.openui-switch-group-sunk {
  border-color: var(--openui-border-default);
  background-color: var(--openui-sunk);
  padding: var(--openui-space-m);
}
.openui-switch-item-container {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--openui-space-s);
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  padding: var(--openui-space-3xs) var(--openui-space-000);
}
.openui-switch-item-root {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  height: 16px;
  width: 24px;
  margin-top: var(--openui-space-2xs);
  cursor: pointer;
  border-radius: var(--openui-radius-full);
  padding: var(--openui-space-3xs);
  border: 1px solid var(--openui-border-default);
  background-color: var(--openui-sunk);
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.openui-switch-item-root:not([data-disabled], [data-state=checked]):hover {
  border: 1px solid var(--openui-border-interactive);
}
.openui-switch-item-root[data-state=checked] {
  background-color: var(--openui-interactive-accent-default);
  border: 1px solid var(--openui-border-accent);
}
.openui-switch-item-root[data-disabled] {
  opacity: .5;
  cursor: not-allowed;
}
.openui-switch-item-thumb {
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  border-radius: var(--openui-radius-full);
  border: none;
  background-color: var(--openui-foreground);
  transform: translateY(-50%) translateX(0px);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  box-shadow: var(--openui-shadow-s);
}
.openui-switch-item-thumb[data-state=checked] {
  transform: translateY(-50%) translateX(8px);
  border-color: var(--openui-border-interactive);
}
.openui-switch-item-label {
  flex: 1;
  color: var(--openui-text-neutral-primary);
}
.openui-switch-item-label:disabled {
  color: var(--openui-text-neutral-tertiary);
}
.openui-switch-item-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}
.openui-table-container {
  position: relative;
  width: 100%;
  overflow: auto;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-2xl);
}
.openui-table {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  width: 100%;
  caption-side: bottom;
  border-collapse: collapse;
}
.openui-table-footer {
  border-top: 1px solid var(--openui-border-default);
}
.openui-table-footer > tr:last-child {
  border-bottom: 0;
}
.openui-table-cell,
.openui-table-head {
  padding-top: var(--openui-space-m);
  padding-bottom: var(--openui-space-m);
  padding-left: var(--openui-space-m);
  padding-right: var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
}
.openui-table-head {
  border-bottom: 1px solid var(--openui-border-default);
}
.openui-table-head .openui-table-head-label {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  display: inline-flex;
  flex-grow: 1;
  justify-content: left;
}
.openui-table-head .openui-table-head-content {
  display: flex;
  align-items: center;
  gap: var(--openui-space-2xs);
}
.openui-table-head .openui-table-head-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--openui-text-neutral-secondary);
}
.openui-table-row {
  border-bottom: 1px solid var(--openui-border-default);
}
.openui-table-row:nth-child(even) {
  background-color: var(--openui-highlight-subtle);
}
.openui-table-row:last-child {
  border-bottom: 0;
}
.openui-table-cell {
  white-space: nowrap;
}
.openui-table-align-left {
  text-align: left;
  justify-content: flex-start;
}
.openui-table-align-right {
  text-align: right;
  justify-content: flex-end;
}
.openui-table-align-right .openui-table-head-label {
  justify-content: flex-end;
}
.openui-table-align-center {
  text-align: center;
  justify-content: center;
}
.openui-table-align-center .openui-table-head-label {
  justify-content: center;
}
.openui-scrollable-table-wrapper {
  position: relative;
  width: 100%;
  outline: none;
}
.openui-scrollable-table-scroll-container {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.openui-scrollable-table-scroll-container::-webkit-scrollbar {
  display: none;
}
.openui-scrollable-table-control {
  position: absolute;
  top: var(--openui-space-s);
  z-index: 2;
  width: fit-content;
  height: fit-content;
  border-radius: var(--openui-radius-s);
  background-color: var(--openui-foreground);
}
.openui-scrollable-table-control-left {
  left: var(--openui-space-s);
}
.openui-scrollable-table-control-right {
  right: var(--openui-space-s);
}
.openui-scrollable-table-control-disabled {
  display: none;
}
.openui-tabs {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
}
.openui-tabs-clear .openui-tabs-content {
  padding: var(--openui-space-3xs) 0;
  border: rgba(0, 0, 0, 0);
}
.openui-tabs-clear .openui-tabs-list {
  border-radius: 0;
  gap: var(--openui-space-l);
  background: none;
  padding: 0;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  width: 100%;
  position: relative;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
.openui-tabs-clear .openui-tabs-list::-webkit-scrollbar {
  display: none;
}
.openui-tabs-clear .openui-tabs-trigger {
  width: auto;
  min-width: 0;
  border: 0px;
  border-radius: var(--openui-radius-none);
  flex-shrink: 0;
  padding: var(--openui-space-s) 0;
}
.openui-tabs-clear .openui-tabs-trigger[data-state=active] {
  border: 0px;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  font: var(--openui-text-label-default-heavy);
  letter-spacing: var(--openui-text-label-default-heavy-letter-spacing);
}
.openui-tabs-clear .openui-tabs-trigger:not([data-state=active]):hover {
  color: var(--openui-text-neutral-primary);
  border: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.openui-tabs-clear .openui-tabs-list--icon-title-subtext .openui-tabs-trigger,
.openui-tabs-clear .openui-tabs-list--image-title-subtext .openui-tabs-trigger {
  padding: var(--openui-space-m) 0;
}
.openui-tabs-list-container {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.openui-tabs-list-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--openui-border-default);
  pointer-events: none;
}
.openui-tabs-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1.5px;
  width: 0;
  opacity: 0;
  background-color: var(--openui-border-interactive-selected);
  pointer-events: none;
  z-index: 1;
}
.openui-tabs-scroll-button-container-left {
  position: absolute;
  height: 100%;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px 0 0;
  background-color: var(--openui-foreground);
}
.openui-tabs-scroll-button-container-right {
  position: absolute;
  height: 100%;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 4px;
  background-color: var(--openui-foreground);
}
.openui-tabs-scroll-button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.openui-tabs-scroll-button.openui-tabs-scroll-left {
  left: 2px;
}
.openui-tabs-scroll-button.openui-tabs-scroll-right {
  right: 2px;
}
.openui-tabs-list {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  gap: var(--openui-space-3xs);
  flex-direction: row;
  padding: var(--openui-space-2xs);
  border-radius: var(--openui-radius-l);
  background-color: var(--openui-sunk);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
}
.openui-tabs-list::-webkit-scrollbar {
  display: none;
}
.openui-tabs-trigger {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--openui-space-s);
  box-sizing: border-box;
  padding: var(--openui-space-3xs) var(--openui-space-s);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--openui-radius-s);
  min-width: 7.3rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
}
.openui-tabs-trigger[data-state=active] {
  background-color: var(--openui-elevated);
  border: 1px solid var(--openui-border-default);
  color: var(--openui-text-neutral-primary);
  box-shadow: var(--openui-shadow-s);
}
.openui-tabs-trigger:not([data-state=active]):hover {
  background-color: var(--openui-sunk);
  border: 1px solid var(--openui-border-default);
  color: var(--openui-text-neutral-secondary);
  box-shadow: var(--openui-shadow-s);
}
.openui-tabs-trigger-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--openui-space-3xs);
  min-width: 0;
}
.openui-tabs-trigger-text {
  width: auto;
  max-width: 232px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.openui-tabs-trigger-subtext {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 232px;
}
.openui-tabs-trigger-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: var(--openui-sunk);
}
.openui-tabs-trigger-icon svg {
  width: 14px;
  height: 14px;
}
.openui-tabs-trigger-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.openui-tabs-trigger-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.openui-tabs-list--title .openui-tabs-trigger-content {
  align-items: center;
}
.openui-tabs-list--icon-title .openui-tabs-trigger-content,
.openui-tabs-list--image-title .openui-tabs-trigger-content {
  align-items: flex-start;
}
.openui-tabs-list--icon-title .openui-tabs-trigger-icon,
.openui-tabs-list--image-title .openui-tabs-trigger-icon {
  width: 24px;
  height: 24px;
  border-radius: var(--openui-radius-s);
}
.openui-tabs-list--icon-title .openui-tabs-trigger-icon svg,
.openui-tabs-list--image-title .openui-tabs-trigger-icon svg {
  width: 14px;
  height: 14px;
}
.openui-tabs-list--icon-title-subtext .openui-tabs-trigger,
.openui-tabs-list--image-title-subtext .openui-tabs-trigger {
  align-items: flex-start;
}
.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-content,
.openui-tabs-list--image-title-subtext .openui-tabs-trigger-content {
  align-items: flex-start;
}
.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--openui-radius-m);
}
.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon svg {
  width: 16px;
  height: 16px;
}
.openui-tabs-list--image-title .openui-tabs-trigger-image {
  width: 24px;
  height: 24px;
  border-radius: var(--openui-radius-s);
}
.openui-tabs-list--image-title-subtext .openui-tabs-trigger-image {
  width: 36px;
  height: 36px;
  border-radius: var(--openui-radius-m);
}
.openui-tabs-content {
  box-sizing: border-box;
  padding: var(--openui-space-l);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: var(--openui-radius-m);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
}
.openui-tabs-content-inner {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-l);
}
.openui-tag {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 100%;
  gap: var(--openui-space-2xs);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
}
.openui-tag-icon {
  display: flex;
  align-items: center;
}
.openui-tag-icon svg {
  stroke-width: 2.5;
  width: 14px;
  height: 14px;
}
.openui-tag-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.openui-tag-sm {
  padding: var(--openui-space-2xs) var(--openui-space-xs);
  border-radius: var(--openui-radius-s);
  height: 24px;
}
.openui-tag-md {
  padding: var(--openui-space-xs) var(--openui-space-s);
  border-radius: var(--openui-radius-s);
  gap: var(--openui-space-xs);
  height: 32px;
}
.openui-tag-lg {
  padding: var(--openui-space-s) var(--openui-space-m);
  border-radius: var(--openui-radius-m);
  gap: var(--openui-space-xs);
  height: 36px;
}
.openui-tag-neutral {
  background-color: var(--openui-sunk);
  color: var(--openui-text-neutral-primary);
}
.openui-tag-info {
  background-color: var(--openui-info-background);
  color: var(--openui-text-info-primary);
}
.openui-tag-success {
  background-color: var(--openui-success-background);
  color: var(--openui-text-success-primary);
}
.openui-tag-warning {
  background-color: var(--openui-alert-background);
  color: var(--openui-text-alert-primary);
}
.openui-tag-danger {
  background-color: var(--openui-danger-background);
  color: var(--openui-text-danger-primary);
}
.openui-tag-block {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--openui-space-s);
  max-width: 100%;
}
.openui-textarea {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-xl);
  padding: var(--openui-space-s) var(--openui-space-m);
  gap: var(--openui-space-xs);
  background-color: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-primary);
  outline: none;
  resize: none;
  transition:
    box-shadow .16s ease,
    border-color .16s ease,
    background-color .16s ease;
}
.openui-textarea::placeholder {
  color: var(--openui-text-neutral-secondary);
}
.openui-textarea:focus {
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
}
.openui-textarea:not(.openui-textarea-error):focus {
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-textarea:disabled {
  background-color: var(--openui-sunk);
  border: 1px solid var(--openui-border-default);
  cursor: not-allowed;
  color: var(--openui-text-neutral-tertiary);
}
.openui-textarea:not(:focus):not(:disabled):not(.openui-textarea-error):hover {
  border-color: var(--openui-border-interactive);
}
.openui-textarea-error {
  border-color: var(--openui-border-danger-emphasis);
}
.openui-text-callout {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: var(--openui-space-xs);
  padding: 0 16px 0 16px;
  box-sizing: border-box;
}
.openui-text-callout-neutral {
  border-left: 2px solid var(--openui-border-interactive-selected);
  color: var(--openui-text-neutral-primary);
}
.openui-text-callout-neutral .openui-text-callout-content-title {
  color: var(--openui-text-neutral-primary);
}
.openui-text-callout-info {
  border-left: 2px solid var(--openui-border-info-emphasis);
  color: var(--openui-text-info-primary);
}
.openui-text-callout-warning {
  border-left: 2px solid var(--openui-border-alert-emphasis);
  color: var(--openui-text-alert-primary);
}
.openui-text-callout-success {
  border-left: 2px solid var(--openui-border-success-emphasis);
  color: var(--openui-text-success-primary);
}
.openui-text-callout-danger {
  border-left: 2px solid var(--openui-border-danger-emphasis);
  color: var(--openui-text-danger-primary);
}
.openui-text-callout-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--openui-space-3xs);
}
.openui-text-callout-icon-inner {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.openui-text-callout-content {
  display: flex;
  flex-direction: column;
}
.openui-text-callout-content-title {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
}
.openui-text-callout-content-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}
.text-content {
  box-sizing: border-box;
  color: var(--openui-text-neutral-primary);
  border: 1px solid;
}
.text-content-sunk {
  padding: var(--openui-space-m);
  background: var(--openui-sunk);
  border-radius: var(--openui-radius-m);
  border-color: var(--openui-border-default);
}
.text-content-card {
  padding: var(--openui-space-m);
  border-radius: var(--openui-radius-m);
  border-color: var(--openui-border-default);
}
.text-content-clear {
  border-color: rgba(0, 0, 0, 0);
}
.openui-toggle-group {
  display: flex;
  width: 100%;
  gap: var(--openui-space-m);
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
}
.openui-toggle-item {
  box-sizing: border-box;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  padding: var(--openui-space-m);
  border-radius: var(--openui-radius-m);
  border: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  gap: var(--openui-space-2xs);
  align-items: center;
  background-color: var(--openui-foreground);
  color: var(--openui-text-neutral-primary);
  border-color: var(--openui-border-default);
}
.openui-toggle-item:hover {
  background-color: var(--openui-sunk);
}
.openui-toggle-item:disabled {
  color: var(--openui-text-neutral-tertiary);
  border-color: var(--openui-border-default);
  cursor: not-allowed;
}
.openui-toggle-item[data-state=on] {
  background-color: var(--openui-interactive-accent-default);
  color: var(--openui-text-accent-primary);
}
.openui-toggle-item[data-state=on]:hover {
  background-color: var(--openui-interactive-accent-hover);
}
.openui-toggle-item[data-state=on]:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.openui-behind-the-scenes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--openui-space-m);
  width: 100%;
}
.openui-behind-the-scenes__toggle {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-2xs) var(--openui-space-s);
  border-radius: var(--openui-radius-m);
  font: var(--openui-text-label-sm-heavy);
  letter-spacing: var(--openui-text-label-sm-heavy-letter-spacing);
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
}
.openui-behind-the-scenes__toggle:not(:disabled):hover {
  background-color: var(--openui-sunk);
}
.openui-behind-the-scenes__toggle:not(:disabled):active {
  background-color: var(--openui-sunk);
}
.openui-behind-the-scenes__toggle-icon {
  flex-shrink: 0;
  color: var(--openui-text-neutral-secondary);
  transition: transform .2s ease;
}
.openui-behind-the-scenes__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.openui-tool-call {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: var(--openui-space-l);
}
.openui-tool-call__title-row {
  display: flex;
  align-items: center;
  gap: var(--openui-space-m);
  color: var(--openui-text-neutral-secondary);
}
.openui-tool-call__icon-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.openui-tool-call__icon {
  flex-shrink: 0;
  color: var(--openui-text-neutral-secondary);
}
.openui-tool-call__icon--blinking {
  animation: openui-tool-call-icon-blink 1.5s ease-in-out infinite;
}
.openui-tool-call__name {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  -webkit-text-fill-color: currentColor;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.openui-tool-call__name--shimmer {
  display: inline-block;
  background-image:
    linear-gradient(
      90deg,
      transparent calc(50% - 50px),
      var(--openui-text-neutral-primary),
      transparent calc(50% + 50px)),
    linear-gradient(var(--openui-text-neutral-secondary), var(--openui-text-neutral-secondary));
  background-size: 250% 100%, auto;
  background-repeat: no-repeat, padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--openui-text-neutral-primary);
  background-clip: text;
  animation: openui-tool-code-shimmer 2s linear infinite;
}
.openui-tool-call__connector {
  display: flex;
  gap: var(--openui-space-m);
  padding: var(--openui-space-s-m) var(--openui-space-s);
  padding-right: 0;
  min-height: 20px;
  margin-left: 6px;
  border-left: 1px solid var(--openui-border-interactive);
}
.openui-tool-call__connector--last {
  border-left-color: rgba(0, 0, 0, 0);
}
.openui-tool-call__args-block {
  display: flex;
  flex-direction: column;
  gap: var(--openui-space-xs);
  padding-left: var(--openui-space-m);
  width: 100%;
}
.openui-tool-code-block {
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  overflow: hidden;
  width: 100%;
  background-color: var(--openui-foreground);
  transition: border-color .15s ease;
}
.openui-tool-code-block:hover {
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-tool-code-block__header {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--openui-space-s);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
}
.openui-tool-code-block__label {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  -webkit-text-fill-color: currentColor;
}
.openui-tool-code-block__label--loading {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  display: inline-block;
  background-image:
    linear-gradient(
      90deg,
      transparent calc(50% - 40px),
      var(--openui-text-neutral-primary),
      transparent calc(50% + 40px)),
    linear-gradient(var(--openui-text-neutral-secondary), var(--openui-text-neutral-secondary));
  background-size: 250% 100%, auto;
  background-repeat: no-repeat, padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--openui-text-neutral-primary);
  background-clip: text;
  animation: openui-tool-code-shimmer 2s linear infinite;
}
.openui-tool-code-block__chevron {
  flex-shrink: 0;
  color: var(--openui-text-neutral-secondary);
  transition: transform .2s ease;
}
.openui-tool-code-block__chevron--expanded {
  transform: rotate(180deg);
}
.openui-tool-code-block__content {
  border-top: 1px solid var(--openui-border-default);
  max-height: 250px;
  overflow: auto;
  padding: var(--openui-space-s) var(--openui-space-m);
  background-color: rgba(0, 0, 0, 0);
}
.openui-tool-code-block__code {
  font: var(--openui-text-code-sm);
  letter-spacing: var(--openui-text-code-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
}
@keyframes openui-tool-call-icon-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
}
@keyframes openui-tool-code-shimmer {
  0% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}
.openui-tool-result {
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  overflow: hidden;
  width: 100%;
  background-color: var(--openui-foreground);
  transition: border-color .15s ease;
}
.openui-tool-result:hover {
  border-color: var(--openui-border-interactive-emphasis);
}
.openui-tool-result--error {
  border-color: var(--openui-border-danger);
}
.openui-tool-result--error:hover {
  border-color: var(--openui-border-danger-emphasis);
}
.openui-tool-result__header {
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--openui-space-m);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
}
.openui-tool-result__header-left {
  display: flex;
  align-items: center;
  gap: var(--openui-space-xs);
  min-width: 0;
}
.openui-tool-result__icon--success {
  flex-shrink: 0;
  color: var(--openui-text-success-primary);
}
.openui-tool-result__icon--error {
  flex-shrink: 0;
  color: var(--openui-text-danger-primary);
}
.openui-tool-result__label {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.openui-tool-result__chevron {
  flex-shrink: 0;
  color: var(--openui-text-neutral-secondary);
  transition: transform .2s ease;
}
.openui-tool-result__chevron--expanded {
  transform: rotate(180deg);
}
.openui-tool-result__content {
  border-top: 1px solid var(--openui-border-default);
  padding: var(--openui-space-s) var(--openui-space-m);
  background-color: rgba(0, 0, 0, 0);
}
.openui-tool-result__error {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-danger-primary);
  margin-bottom: var(--openui-space-xs);
}
.openui-tool-result__output {
  font: var(--openui-text-code-sm);
  letter-spacing: var(--openui-text-code-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 250px;
  overflow-y: auto;
}
.openui-artifact-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: var(--openui-foreground);
  animation: openui-artifact-overlay-slide-in .3s cubic-bezier(0.4, 0, 0.2, 1);
}
.openui-artifact-overlay--exiting {
  animation: openui-artifact-overlay-slide-out .2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes openui-artifact-overlay-slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes openui-artifact-overlay-slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(20px);
  }
}
.openui-artifact-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--openui-space-s);
  padding: var(--openui-space-s) var(--openui-space-m);
  border-bottom: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  position: sticky;
  top: 0;
  z-index: 1;
}
.openui-artifact-panel__title {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.openui-artifact-panel__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: var(--openui-radius-s);
  background: rgba(0, 0, 0, 0);
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.openui-artifact-panel__close:hover {
  background: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}

/* app/frontend/openui-chat.css */
html,
body,
#root {
  min-height: 100%;
  margin: 0;
}
body {
  background: #f6f7f9;
}
* {
  box-sizing: border-box;
}
.openui-shell-container {
  height: 100vh;
}
.openui-shell-sidebar {
  border-right: 1px solid rgba(31, 41, 55, 0.08);
}
.openui-shell-thread-container {
  background:
    radial-gradient(
      circle at 8% 0%,
      rgba(14, 165, 233, 0.08),
      transparent 28rem),
    linear-gradient(
      180deg,
      #fbfcfd 0%,
      #eef2f5 100%);
}
.backend-config {
  display: grid;
  gap: 10px;
  width: 100%;
}
.ckan-panel {
  display: grid;
  grid-template-columns: minmax(12rem, 0.8fr) minmax(20rem, 1.2fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}
.ckan-panel__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.ckan-panel__label {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}
.ckan-panel__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}
.ckan-panel__status span {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #94a3b8;
}
.ckan-panel__status--ok {
  color: #166534;
}
.ckan-panel__status--ok span {
  background: #22c55e;
}
.ckan-panel__controls {
  display: flex;
  gap: 8px;
  min-width: 0;
}
.ckan-panel__input {
  min-width: 0;
  flex: 1 1 auto;
  height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0 10px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-size: 13px;
}
.ckan-panel__input:focus {
  border-color: #0284c7;
  outline: 2px solid rgba(14, 165, 233, 0.22);
  outline-offset: 0;
}
.ckan-panel__button {
  height: 36px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
  color: #334155;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}
.ckan-panel__button--primary {
  border-color: #0369a1;
  background: #0369a1;
  color: #fff;
}
.ckan-panel__button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
@media (max-width: 760px) {
  .ckan-panel {
    grid-template-columns: 1fr;
  }
  .ckan-panel__controls {
    flex-wrap: wrap;
  }
  .ckan-panel__input {
    flex-basis: 100%;
  }
}
.llm-panel {
  display: grid;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}
.llm-panel__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.llm-panel__header > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.llm-panel__label {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}
.llm-panel__message {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}
.llm-panel__roles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.llm-role {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  border-radius: 8px;
  background: #f8fafc;
}
.llm-role__dot {
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-radius: 999px;
  background: #94a3b8;
}
.llm-role__dot--valid {
  background: #22c55e;
}
.llm-role__dot--unvalidated,
.llm-role__dot--not_checked {
  background: #f59e0b;
}
.llm-role__dot--error,
.llm-role__dot--missing {
  background: #ef4444;
}
.llm-role__body {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.llm-role__name {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}
.llm-role__meta,
.llm-role__status,
.llm-role__links {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.llm-role__links {
  display: grid;
  gap: 2px;
}
.llm-role__links a {
  color: #0369a1;
  font-weight: 650;
  text-decoration: none;
}
.llm-role__links a:hover {
  text-decoration: underline;
}
.trace-panel {
  display: grid;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
}
.trace-panel__header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.trace-panel__header > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.trace-panel__label {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}
.trace-panel__message,
.trace-panel__meta {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}
.trace-panel__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.trace-panel__summary span {
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid rgba(203, 213, 225, 0.82);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  font-size: 12px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trace-panel__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.trace-panel__meta span {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.trace-panel__events {
  display: grid;
  gap: 6px;
  max-height: 180px;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.trace-event {
  display: grid;
  grid-template-columns: minmax(6rem, 0.35fr) minmax(0, 1fr);
  gap: 8px;
  padding: 7px 8px;
  border-left: 2px solid #0284c7;
  background: #f8fafc;
}
.trace-event__name {
  color: #0f172a;
  font-size: 12px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.trace-event__detail {
  color: #475569;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
@media (max-width: 980px) {
  .llm-panel__roles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trace-panel__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .llm-panel__roles,
  .llm-panel__header,
  .trace-panel__summary {
    grid-template-columns: 1fr;
  }
  .llm-panel__header,
  .trace-panel__header,
  .trace-event {
    display: grid;
    grid-template-columns: 1fr;
  }
}