/* [project]/node_modules/.pnpm/@openuidev+react-ui@0.13.8_@openuidev+react-headless@0.9.10_ai@7.0.70_zod@4.4.3__react@_03ebc10b167b54f6a398940635ffdaee/node_modules/@openuidev/react-ui/dist/components/index.css [app-client] (css) */
:root {
  --openui-background: #f5f5f5;
  --openui-foreground: #fdfdfd;
  --openui-popover-background: #fdfdfd;
  --openui-sunk-light: #03030305;
  --openui-sunk: #0303030a;
  --openui-sunk-deep: #03030314;
  --openui-elevated-light: #0303030a;
  --openui-elevated: #03030314;
  --openui-elevated-strong: #03030329;
  --openui-elevated-intense: #03030352;
  --openui-overlay: #0006;
  --openui-highlight-subtle: #03030305;
  --openui-highlight: #0303030a;
  --openui-highlight-strong: #03030314;
  --openui-highlight-intense: #03030352;
  --openui-inverted-background: #030303;
  --openui-info-background: #3b82f61f;
  --openui-success-background: #16a34a1f;
  --openui-alert-background: #eab30529;
  --openui-danger-background: #dc26261f;
  --openui-purple-background: #a855f71f;
  --openui-pink-background: #db27771f;
  --openui-text-neutral-primary: #030303;
  --openui-text-neutral-secondary: #03030380;
  --openui-text-neutral-tertiary: #03030333;
  --openui-text-neutral-link: #030303;
  --openui-text-brand: #2563eb;
  --openui-text-white: #fff;
  --openui-text-black: #000;
  --openui-text-accent-primary: #fdfdfd;
  --openui-text-accent-secondary: #fdfdfd80;
  --openui-text-accent-tertiary: #fdfdfd33;
  --openui-text-success-primary: #166534;
  --openui-text-success-inverted: #dcfce7;
  --openui-text-alert-primary: #854d0f;
  --openui-text-alert-inverted: #fef9c3;
  --openui-text-danger-primary: #b91c1c;
  --openui-text-danger-secondary: #f87171;
  --openui-text-danger-tertiary: #fca5a5;
  --openui-text-danger-inverted-primary: #fff7f7;
  --openui-text-danger-inverted-secondary: #fff7f780;
  --openui-text-danger-inverted-tertiary: #fff7f74d;
  --openui-text-info-primary: #1e40af;
  --openui-text-info-inverted: #dbeafe;
  --openui-text-pink-primary: #9d174d;
  --openui-text-pink-inverted: #fce7f3;
  --openui-text-purple-primary: #6b21a8;
  --openui-text-purple-inverted: #f3e8ff;
  --openui-interactive-accent-default: #2563eb;
  --openui-interactive-accent-hover: #2563ebcc;
  --openui-interactive-accent-disabled: #2563eb66;
  --openui-interactive-accent-pressed: #2563eb;
  --openui-interactive-destructive-default: #dc262605;
  --openui-interactive-destructive-hover: #dc262614;
  --openui-interactive-destructive-disabled: #dc262605;
  --openui-interactive-destructive-pressed: #dc26261a;
  --openui-interactive-destructive-accent-default: #dc2626;
  --openui-interactive-destructive-accent-hover: #ef4444;
  --openui-interactive-destructive-accent-pressed: #b91c1c;
  --openui-interactive-destructive-accent-disabled: #dc262666;
  --openui-chat-user-response-bg: #03030314;
  --openui-chat-user-response-text: #030303;
  --openui-border-default: #0303030f;
  --openui-border-interactive: #0303031f;
  --openui-border-interactive-emphasis: #0303034d;
  --openui-border-interactive-selected: #030303;
  --openui-border-accent: #2563eb14;
  --openui-border-accent-emphasis: #2563eb4d;
  --openui-border-info: #3b82f614;
  --openui-border-info-emphasis: #2563eb;
  --openui-border-alert: #facc1614;
  --openui-border-alert-emphasis: #ca8a06;
  --openui-border-success: #16a34a14;
  --openui-border-success-emphasis: #16a34a;
  --openui-border-danger: #dc262614;
  --openui-border-danger-emphasis: #dc2626;
  --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: 375;
  --openui-font-weight-medium: 475;
  --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: -.1px;
  --openui-letter-spacing-tighter: -.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: -.1px;
  --openui-text-heading-xl: 700 32px/1.1 "Inter", sans-serif;
  --openui-text-heading-xl-letter-spacing: -.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 #00000005, 0 2px 5px -2px #0000000a;
  --openui-shadow-m: 0 4px 6px -2px #00000006, 0 2px 2px -2px #0000000d;
  --openui-shadow-l: 0 4px 4px -2px #0000000d, 0 4px 8px -2px #0000000a;
  --openui-shadow-xl: 0 8px 16px -4px #00000014, 0 16px 32px -6px #0000001f;
  --openui-shadow-2xl: 0 12px 24px -6px #0000001f, 0 24px 48px -8px #00000029;
  --openui-shadow-3xl: 0 16px 32px -8px #00000029, 0 32px 64px -12px #00000038;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --openui-background: lab(96.52% -.0000298023 .0000119209);
    --openui-foreground: lab(99.304% -.0000298023 0);
    --openui-popover-background: lab(99.304% -.0000298023 0);
    --openui-sunk-light: lab(.824413% 0 0 / .02);
    --openui-sunk: lab(.824413% 0 0 / .04);
    --openui-sunk-deep: lab(.824413% 0 0 / .08);
    --openui-elevated-light: lab(.824413% 0 0 / .04);
    --openui-elevated: lab(.824413% 0 0 / .08);
    --openui-elevated-strong: lab(.824413% 0 0 / .16);
    --openui-elevated-intense: lab(.824413% 0 0 / .32);
    --openui-overlay: lab(0% 0 0 / .4);
    --openui-highlight-subtle: lab(.824413% 0 0 / .02);
    --openui-highlight: lab(.824413% 0 0 / .04);
    --openui-highlight-strong: lab(.824413% 0 0 / .08);
    --openui-highlight-intense: lab(.824413% 0 0 / .32);
    --openui-inverted-background: lab(.824413% 0 0);
    --openui-info-background: lab(54.6093% 8.76376 -65.7855 / .12);
    --openui-success-background: lab(58.83% -51.1087 35.4495 / .12);
    --openui-alert-background: lab(76.4301% 11.7884 77.6362 / .16);
    --openui-danger-background: lab(48.7884% 67.6494 48.7528 / .12);
    --openui-purple-background: lab(52.8066% 56.406 -68.8859 / .12);
    --openui-pink-background: lab(49.9391% 70.2663 1.96211 / .12);
    --openui-text-neutral-primary: lab(.824413% 0 0);
    --openui-text-neutral-secondary: lab(.824413% 0 0 / .5);
    --openui-text-neutral-tertiary: lab(.824413% 0 0 / .2);
    --openui-text-neutral-link: lab(.824413% 0 0);
    --openui-text-brand: lab(44.7772% 21.0054 -75.5263);
    --openui-text-white: lab(100% 0 0);
    --openui-text-black: lab(0% 0 0);
    --openui-text-accent-primary: lab(99.304% -.0000298023 0);
    --openui-text-accent-secondary: lab(99.304% -.0000298023 0 / .5);
    --openui-text-accent-tertiary: lab(99.304% -.0000298023 0 / .2);
    --openui-text-success-primary: lab(37.3328% -33.2552 20.6514);
    --openui-text-success-inverted: lab(96.1727% -13.5295 6.37435);
    --openui-text-alert-primary: lab(38.8194% 20.8939 43.4148);
    --openui-text-alert-inverted: lab(97.3448% -4.41992 26.5361);
    --openui-text-danger-primary: lab(40.6872% 59.7609 43.7241);
    --openui-text-danger-secondary: lab(64.788% 52.6862 26.6399);
    --openui-text-danger-tertiary: lab(76.6675% 32.8921 13.9676);
    --openui-text-danger-inverted-primary: lab(97.8181% 2.89854 1.04904);
    --openui-text-danger-inverted-secondary: lab(97.8181% 2.89854 1.04904 / .5);
    --openui-text-danger-inverted-tertiary: lab(97.8181% 2.89854 1.04904 / .3);
    --openui-text-info-primary: lab(30.7335% 22.4171 -63.8879);
    --openui-text-info-inverted: lab(92.0301% -2.24757 -11.6453);
    --openui-text-pink-primary: lab(35.1648% 54.9857 5.3858);
    --openui-text-pink-inverted: lab(93.5864% 9.01193 -3.15079);
    --openui-text-purple-primary: lab(31.172% 50.1878 -58.5509);
    --openui-text-purple-inverted: lab(93.3333% 6.97437 -9.83434);
    --openui-interactive-accent-default: lab(44.7772% 21.0054 -75.5263);
    --openui-interactive-accent-hover: lab(44.7772% 21.0054 -75.5263 / .8);
    --openui-interactive-accent-disabled: lab(44.7772% 21.0054 -75.5263 / .4);
    --openui-interactive-accent-pressed: lab(44.7772% 21.0054 -75.5263);
    --openui-interactive-destructive-default: lab(48.7884% 67.6494 48.7528 / .02);
    --openui-interactive-destructive-hover: lab(48.7884% 67.6494 48.7528 / .08);
    --openui-interactive-destructive-disabled: lab(48.7884% 67.6494 48.7528 / .02);
    --openui-interactive-destructive-pressed: lab(48.7884% 67.6494 48.7528 / .1);
    --openui-interactive-destructive-accent-default: lab(48.7884% 67.6494 48.7528);
    --openui-interactive-destructive-accent-hover: lab(55.8029% 65.665 40.8325);
    --openui-interactive-destructive-accent-pressed: lab(40.6872% 59.7609 43.7241);
    --openui-interactive-destructive-accent-disabled: lab(48.7884% 67.6494 48.7528 / .4);
    --openui-chat-user-response-bg: lab(.824413% 0 0 / .08);
    --openui-chat-user-response-text: lab(.824413% 0 0);
    --openui-border-default: lab(.824413% 0 0 / .06);
    --openui-border-interactive: lab(.824413% 0 0 / .12);
    --openui-border-interactive-emphasis: lab(.824413% 0 0 / .3);
    --openui-border-interactive-selected: lab(.824413% 0 0);
    --openui-border-accent: lab(44.7772% 21.0054 -75.5263 / .08);
    --openui-border-accent-emphasis: lab(44.7772% 21.0054 -75.5263 / .3);
    --openui-border-info: lab(54.6093% 8.76376 -65.7855 / .08);
    --openui-border-info-emphasis: lab(44.7772% 21.0054 -75.5263);
    --openui-border-alert: lab(84.33% 6.26463 81.9582 / .08);
    --openui-border-alert-emphasis: lab(62.8601% 18.774 66.734);
    --openui-border-success: lab(58.83% -51.1087 35.4495 / .08);
    --openui-border-success-emphasis: lab(58.83% -51.1087 35.4495);
    --openui-border-danger: lab(48.7884% 67.6494 48.7528 / .08);
    --openui-border-danger-emphasis: lab(48.7884% 67.6494 48.7528);
    --openui-shadow-s: 0 1px 3px -2px lab(0% 0 0 / .02), 0 2px 5px -2px lab(0% 0 0 / .04);
    --openui-shadow-m: 0 4px 6px -2px lab(0% 0 0 / .025), 0 2px 2px -2px lab(0% 0 0 / .05);
    --openui-shadow-l: 0 4px 4px -2px lab(0% 0 0 / .05), 0 4px 8px -2px lab(0% 0 0 / .04);
    --openui-shadow-xl: 0 8px 16px -4px lab(0% 0 0 / .08), 0 16px 32px -6px lab(0% 0 0 / .12);
    --openui-shadow-2xl: 0 12px 24px -6px lab(0% 0 0 / .12), 0 24px 48px -8px lab(0% 0 0 / .16);
    --openui-shadow-3xl: 0 16px 32px -8px lab(0% 0 0 / .16), 0 32px 64px -12px lab(0% 0 0 / .22);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --openui-background: #0a0a0a;
    --openui-foreground: #171717;
    --openui-popover-background: #171717;
    --openui-sunk-light: #fdfdfd05;
    --openui-sunk: #fdfdfd0a;
    --openui-sunk-deep: #fdfdfd14;
    --openui-elevated-light: #fdfdfd0a;
    --openui-elevated: #fdfdfd14;
    --openui-elevated-strong: #fdfdfd29;
    --openui-elevated-intense: #fdfdfd52;
    --openui-overlay: #0009;
    --openui-highlight-subtle: #fdfdfd05;
    --openui-highlight: #fdfdfd0a;
    --openui-highlight-strong: #fdfdfd14;
    --openui-highlight-intense: #fdfdfd4d;
    --openui-inverted-background: #fdfdfd;
    --openui-info-background: #3b82f61f;
    --openui-success-background: #16a34a1f;
    --openui-alert-background: #eab30529;
    --openui-danger-background: #dc26261f;
    --openui-purple-background: #a855f71f;
    --openui-pink-background: #db27771f;
    --openui-text-neutral-primary: #fafafa;
    --openui-text-neutral-secondary: #fafafa80;
    --openui-text-neutral-tertiary: #fafafa33;
    --openui-text-neutral-link: #fafafa;
    --openui-text-brand: #2563eb;
    --openui-text-white: #fff;
    --openui-text-black: #000;
    --openui-text-accent-primary: #fdfdfd;
    --openui-text-accent-secondary: #fdfdfd80;
    --openui-text-accent-tertiary: #fdfdfd33;
    --openui-text-success-primary: #86efac;
    --openui-text-success-inverted: #dcfce7;
    --openui-text-alert-primary: #fde046;
    --openui-text-alert-inverted: #fef9c3;
    --openui-text-danger-primary: #fca5a5;
    --openui-text-danger-secondary: #fecaca;
    --openui-text-danger-tertiary: #fee2e2;
    --openui-text-danger-inverted-primary: #fff7f7;
    --openui-text-danger-inverted-secondary: #fff7f780;
    --openui-text-danger-inverted-tertiary: #fff7f74d;
    --openui-text-info-primary: #93c5fd;
    --openui-text-info-inverted: #dbeafe;
    --openui-text-pink-primary: #f9a8d4;
    --openui-text-pink-inverted: #fce7f3;
    --openui-text-purple-primary: #d8b4fe;
    --openui-text-purple-inverted: #f3e8ff;
    --openui-interactive-accent-default: #2563eb;
    --openui-interactive-accent-hover: #2563ebcc;
    --openui-interactive-accent-disabled: #2563eb66;
    --openui-interactive-accent-pressed: #2563eb;
    --openui-interactive-destructive-default: #dc262605;
    --openui-interactive-destructive-hover: #dc262614;
    --openui-interactive-destructive-disabled: #dc262605;
    --openui-interactive-destructive-pressed: #dc26261a;
    --openui-interactive-destructive-accent-default: #dc2626;
    --openui-interactive-destructive-accent-hover: #ef4444;
    --openui-interactive-destructive-accent-pressed: #b91c1c;
    --openui-interactive-destructive-accent-disabled: #dc262666;
    --openui-chat-user-response-bg: #fdfdfd14;
    --openui-chat-user-response-text: #fafafa;
    --openui-border-default: #fdfdfd0f;
    --openui-border-interactive: #fdfdfd1f;
    --openui-border-interactive-emphasis: #fdfdfd66;
    --openui-border-interactive-selected: #fafafa;
    --openui-border-accent: #2563eb33;
    --openui-border-accent-emphasis: #2563eb66;
    --openui-border-info: #3b82f614;
    --openui-border-info-emphasis: #2563eb;
    --openui-border-alert: #facc1614;
    --openui-border-alert-emphasis: #ca8a06;
    --openui-border-success: #16a34a14;
    --openui-border-success-emphasis: #16a34a;
    --openui-border-danger: #dc262614;
    --openui-border-danger-emphasis: #dc2626;
    --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: 375;
    --openui-font-weight-medium: 475;
    --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: -.1px;
    --openui-letter-spacing-tighter: -.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: -.1px;
    --openui-text-heading-xl: 700 32px/1.1 "Inter", sans-serif;
    --openui-text-heading-xl-letter-spacing: -.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 #0000000f, 0 2px 5px -2px #0000001a;
    --openui-shadow-m: 0 4px 6px -2px #00000014, 0 2px 2px -2px #0000001f;
    --openui-shadow-l: 0 4px 4px -2px #0000001f, 0 4px 8px -2px #0000001a;
    --openui-shadow-xl: 0 8px 16px -4px #00000029, 0 16px 32px -6px #0003;
    --openui-shadow-2xl: 0 12px 24px -6px #0003, 0 24px 48px -8px #0000003d;
    --openui-shadow-3xl: 0 16px 32px -8px #0000003d, 0 32px 64px -12px #00000047;
  }

  @supports (color: lab(0% 0 0)) {
    :root {
      --openui-background: lab(2.75381% 0 0);
      --openui-foreground: lab(7.78201% -.0000149012 0);
      --openui-popover-background: lab(7.78201% -.0000149012 0);
      --openui-sunk-light: lab(99.304% -.0000298023 0 / .02);
      --openui-sunk: lab(99.304% -.0000298023 0 / .04);
      --openui-sunk-deep: lab(99.304% -.0000298023 0 / .08);
      --openui-elevated-light: lab(99.304% -.0000298023 0 / .04);
      --openui-elevated: lab(99.304% -.0000298023 0 / .08);
      --openui-elevated-strong: lab(99.304% -.0000298023 0 / .16);
      --openui-elevated-intense: lab(99.304% -.0000298023 0 / .32);
      --openui-overlay: lab(0% 0 0 / .6);
      --openui-highlight-subtle: lab(99.304% -.0000298023 0 / .02);
      --openui-highlight: lab(99.304% -.0000298023 0 / .04);
      --openui-highlight-strong: lab(99.304% -.0000298023 0 / .08);
      --openui-highlight-intense: lab(99.304% -.0000298023 0 / .3);
      --openui-inverted-background: lab(99.304% -.0000298023 0);
      --openui-info-background: lab(54.6093% 8.76376 -65.7855 / .12);
      --openui-success-background: lab(58.83% -51.1087 35.4495 / .12);
      --openui-alert-background: lab(76.4301% 11.7884 77.6362 / .16);
      --openui-danger-background: lab(48.7884% 67.6494 48.7528 / .12);
      --openui-purple-background: lab(52.8066% 56.406 -68.8859 / .12);
      --openui-pink-background: lab(49.9391% 70.2663 1.96211 / .12);
      --openui-text-neutral-primary: lab(98.26% 0 0);
      --openui-text-neutral-secondary: lab(98.26% 0 0 / .5);
      --openui-text-neutral-tertiary: lab(98.26% 0 0 / .2);
      --openui-text-neutral-link: lab(98.26% 0 0);
      --openui-text-brand: lab(44.7772% 21.0054 -75.5263);
      --openui-text-white: lab(100% 0 0);
      --openui-text-black: lab(0% 0 0);
      --openui-text-accent-primary: lab(99.304% -.0000298023 0);
      --openui-text-accent-secondary: lab(99.304% -.0000298023 0 / .5);
      --openui-text-accent-tertiary: lab(99.304% -.0000298023 0 / .2);
      --openui-text-success-primary: lab(86.8191% -42.7349 22.5855);
      --openui-text-success-inverted: lab(96.1727% -13.5295 6.37435);
      --openui-text-alert-primary: lab(89.6798% -1.08922 74.1454);
      --openui-text-alert-inverted: lab(97.3448% -4.41992 26.5361);
      --openui-text-danger-primary: lab(76.6675% 32.8921 13.9676);
      --openui-text-danger-secondary: lab(86.0484% 18.918 7.37605);
      --openui-text-danger-tertiary: lab(92.2535% 9.96476 3.71765);
      --openui-text-danger-inverted-primary: lab(97.8181% 2.89854 1.04904);
      --openui-text-danger-inverted-secondary: lab(97.8181% 2.89854 1.04904 / .5);
      --openui-text-danger-inverted-tertiary: lab(97.8181% 2.89854 1.04904 / .3);
      --openui-text-info-primary: lab(77.5526% -6.26406 -33.3891);
      --openui-text-info-inverted: lab(92.0301% -2.24757 -11.6453);
      --openui-text-pink-primary: lab(77.9689% 35.3827 -9.6691);
      --openui-text-pink-inverted: lab(93.5864% 9.01193 -3.15079);
      --openui-text-purple-primary: lab(78.4966% 23.6286 -31.7962);
      --openui-text-purple-inverted: lab(93.3333% 6.97437 -9.83434);
      --openui-interactive-accent-default: lab(44.7772% 21.0054 -75.5263);
      --openui-interactive-accent-hover: lab(44.7772% 21.0054 -75.5263 / .8);
      --openui-interactive-accent-disabled: lab(44.7772% 21.0054 -75.5263 / .4);
      --openui-interactive-accent-pressed: lab(44.7772% 21.0054 -75.5263);
      --openui-interactive-destructive-default: lab(48.7884% 67.6494 48.7528 / .02);
      --openui-interactive-destructive-hover: lab(48.7884% 67.6494 48.7528 / .08);
      --openui-interactive-destructive-disabled: lab(48.7884% 67.6494 48.7528 / .02);
      --openui-interactive-destructive-pressed: lab(48.7884% 67.6494 48.7528 / .1);
      --openui-interactive-destructive-accent-default: lab(48.7884% 67.6494 48.7528);
      --openui-interactive-destructive-accent-hover: lab(55.8029% 65.665 40.8325);
      --openui-interactive-destructive-accent-pressed: lab(40.6872% 59.7609 43.7241);
      --openui-interactive-destructive-accent-disabled: lab(48.7884% 67.6494 48.7528 / .4);
      --openui-chat-user-response-bg: lab(99.304% -.0000298023 0 / .08);
      --openui-chat-user-response-text: lab(98.26% 0 0);
      --openui-border-default: lab(99.304% -.0000298023 0 / .06);
      --openui-border-interactive: lab(99.304% -.0000298023 0 / .12);
      --openui-border-interactive-emphasis: lab(99.304% -.0000298023 0 / .4);
      --openui-border-interactive-selected: lab(98.26% 0 0);
      --openui-border-accent: lab(44.7772% 21.0054 -75.5263 / .2);
      --openui-border-accent-emphasis: lab(44.7772% 21.0054 -75.5263 / .4);
      --openui-border-info: lab(54.6093% 8.76376 -65.7855 / .08);
      --openui-border-info-emphasis: lab(44.7772% 21.0054 -75.5263);
      --openui-border-alert: lab(84.33% 6.26463 81.9582 / .08);
      --openui-border-alert-emphasis: lab(62.8601% 18.774 66.734);
      --openui-border-success: lab(58.83% -51.1087 35.4495 / .08);
      --openui-border-success-emphasis: lab(58.83% -51.1087 35.4495);
      --openui-border-danger: lab(48.7884% 67.6494 48.7528 / .08);
      --openui-border-danger-emphasis: lab(48.7884% 67.6494 48.7528);
      --openui-shadow-s: 0 1px 3px -2px lab(0% 0 0 / .06), 0 2px 5px -2px lab(0% 0 0 / .1);
      --openui-shadow-m: 0 4px 6px -2px lab(0% 0 0 / .08), 0 2px 2px -2px lab(0% 0 0 / .12);
      --openui-shadow-l: 0 4px 4px -2px lab(0% 0 0 / .12), 0 4px 8px -2px lab(0% 0 0 / .1);
      --openui-shadow-xl: 0 8px 16px -4px lab(0% 0 0 / .16), 0 16px 32px -6px lab(0% 0 0 / .2);
      --openui-shadow-2xl: 0 12px 24px -6px lab(0% 0 0 / .2), 0 24px 48px -8px lab(0% 0 0 / .24);
      --openui-shadow-3xl: 0 16px 32px -8px lab(0% 0 0 / .24), 0 32px 64px -12px lab(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 {
  box-shadow: none;
  border: 1px solid #0000;
  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: 1px solid #0000;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 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: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.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;
  border-bottom: 1px solid var(--openui-border-default);
  overflow: hidden;
}

.openui-accordion-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 0;
}

.openui-accordion-item:first-child .openui-accordion-trigger {
  padding-top: 0;
}

.openui-accordion-item:last-child {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.openui-accordion-item:focus-within {
  z-index: 1;
  position: relative;
}

.openui-accordion-header {
  margin-block: 0;
  margin-inline: 0;
  display: flex;
}

.openui-accordion-trigger {
  box-sizing: border-box;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  padding: var(--openui-space-l) 0;
  width: 100%;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  background-color: #0000;
  border: none;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-accordion-trigger-content {
  color: var(--openui-text-neutral-primary);
  align-items: center;
  gap: var(--openui-space-xs);
  display: flex;
}

.openui-accordion-trigger-content-icon {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.openui-accordion-trigger-icon {
  color: var(--openui-text-neutral-primary);
  width: 16px;
  height: 16px;
  transition: transform .3s cubic-bezier(.87, 0, .13, 1);
}

.openui-accordion-trigger[data-state="open"] .openui-accordion-trigger-icon {
  transform: rotate(180deg);
}

.openui-accordion-content {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  overflow: hidden;
}

.openui-accordion-content[data-state="open"] {
  animation: .3s cubic-bezier(.87, 0, .13, 1) slideDown;
}

.openui-accordion-content[data-state="closed"] {
  animation: .3s cubic-bezier(.87, 0, .13, 1) slideUp;
}

.openui-accordion-content-wrapper {
  box-sizing: border-box;
  gap: var(--openui-space-l);
  flex-direction: column;
  padding: 0;
  display: flex;
}

@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-agent-sidebar-container {
  border-right: 1px solid var(--openui-border-default);
  width: 272px;
  height: 100%;
  padding: var(--openui-space-m-l) var(--openui-space-m);
  gap: var(--openui-space-2xl);
  background-color: var(--openui-highlight-subtle);
  box-shadow: inset -10px 0 18px -18px var(--openui-sunk-deep);
  z-index: 999;
  flex-direction: column;
  transition: width .16s cubic-bezier(.22, 1, .36, 1), height .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.openui-agent-container--mobile .openui-agent-sidebar-container {
  width: 294px;
  padding: var(--openui-space-l) var(--openui-space-000);
  z-index: 1000;
  background-color: var(--openui-foreground);
  border-radius: 0;
  transition: left .4s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.openui-agent-sidebar-container--collapsed {
  width: calc(32px + var(--openui-space-m) + var(--openui-space-m) + 0px);
  background-color: var(--openui-foreground);
  cursor: e-resize;
  transform: translateX(0);
}

.openui-agent-container--mobile .openui-agent-sidebar-container--collapsed {
  cursor: default;
  width: 294px;
  height: 100%;
  left: -294px;
  transform: none;
}

.openui-agent-sidebar-container--hidden {
  display: none;
}

.openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-content, .openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-new-chat-button__label, .openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-item__label, .openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-item__trailing, .openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-header__agent-name, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-content, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-new-chat-button__label, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-item__label, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-item__trailing, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-header__agent-name {
  opacity: 0;
  pointer-events: none;
}

.openui-agent-sidebar-header {
  gap: var(--openui-space-s);
  flex-direction: column;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-sidebar-header {
  padding: 0 var(--openui-space-m-l);
}

.openui-agent-sidebar-header__top-row {
  align-items: center;
  gap: var(--openui-space-s);
  min-height: 32px;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.openui-agent-container--mobile .openui-agent-sidebar-header__top-row {
  gap: var(--openui-space-m);
}

.openui-agent-sidebar-header__logo {
  border-radius: var(--openui-radius-s);
  flex-shrink: 0;
  align-self: flex-start;
  width: 30px;
  height: 30px;
  margin-left: 1px;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.openui-agent-container--mobile .openui-agent-sidebar-header__logo {
  border-radius: var(--openui-radius-m);
  width: 36px;
  height: 36px;
  margin-left: 0;
}

.openui-agent-sidebar-header__agent-name {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  min-width: 0;
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-header__agent-name {
  display: none;
}

.openui-agent-container--mobile .openui-agent-sidebar-header__agent-name {
  font: var(--openui-text-label-lg);
  letter-spacing: var(--openui-text-label-lg-letter-spacing);
}

.openui-agent-sidebar-header--collapsed {
  align-items: flex-start;
}

.openui-agent-sidebar-header--collapsed .openui-agent-sidebar-header__top-row {
  align-items: flex-start;
  width: 32px;
  min-height: 32px;
  display: block;
  position: relative;
}

.openui-agent-sidebar-header--collapsed .openui-agent-sidebar-header__logo, .openui-agent-sidebar-header--collapsed .openui-agent-sidebar-header__toggle-button {
  position: absolute;
  top: 0;
  left: 0;
}

.openui-agent-sidebar-header--collapsed:has(.openui-agent-sidebar-header__logo) .openui-agent-sidebar-header__toggle-button {
  opacity: 0;
  pointer-events: none;
}

.openui-agent-sidebar-content {
  width: calc(272px - var(--openui-space-m)*2);
  flex: 1;
  min-height: 0;
}

.openui-agent-container--mobile .openui-agent-sidebar-content {
  width: 100%;
  padding: 0 var(--openui-space-m-l);
}

.openui-agent-sidebar-content {
  gap: var(--openui-space-m);
  opacity: 1;
  flex-direction: column;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
  overflow: hidden;
}

.openui-agent-sidebar-content--collapsed {
  opacity: 0;
  pointer-events: none;
  align-items: flex-start;
  width: 100%;
}

.openui-agent-sidebar-separator {
  background-color: var(--openui-border-default);
  width: 100%;
  height: 1px;
}

.openui-agent-sidebar-header__toggle-button {
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
}

.openui-agent-container--mobile .openui-agent-sidebar-header__toggle-button {
  display: none;
}

.openui-agent-sidebar-container--collapsed:hover .openui-agent-sidebar-header__logo {
  opacity: 0;
  pointer-events: none;
}

.openui-agent-sidebar-container--collapsed:has(:focus-visible) .openui-agent-sidebar-header__logo {
  opacity: 0;
  pointer-events: none;
}

.openui-agent-sidebar-container--collapsed:hover .openui-agent-sidebar-header__toggle-button {
  opacity: 1;
  pointer-events: auto;
}

.openui-agent-sidebar-container--collapsed:has(:focus-visible) .openui-agent-sidebar-header__toggle-button {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none) {
  .openui-agent-sidebar-container--collapsed .openui-agent-sidebar-header__logo {
    opacity: 0;
    pointer-events: none;
  }

  .openui-agent-sidebar-container--collapsed .openui-agent-sidebar-header--collapsed .openui-agent-sidebar-header__toggle-button {
    opacity: 1;
    pointer-events: auto;
  }
}

.openui-agent-sidebar-container__overlay {
  background-color: var(--openui-overlay);
  z-index: 99;
  width: 100%;
  height: 100%;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.openui-agent-sidebar-container__overlay--collapsed {
  opacity: 0;
  pointer-events: none;
}

.openui-agent-sidebar-item {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  align-items: center;
  gap: var(--openui-space-2xs);
  border-radius: calc(var(--openui-radius-s) + 1px);
  width: 100%;
  color: var(--openui-text-neutral-primary);
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
  padding-right: var(--openui-space-xs);
  background: none;
  border: 0;
  transition: background-color 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
  overflow: hidden;
}

.openui-agent-container--mobile .openui-agent-sidebar-item {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  gap: var(--openui-space-s-m);
}

.openui-agent-sidebar-item:not(:disabled):hover {
  background-color: var(--openui-highlight);
}

.openui-agent-sidebar-item--selected, .openui-agent-sidebar-item--selected:not(:disabled):hover {
  background-color: var(--openui-sunk);
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item {
  background-color: #0000;
  gap: 0;
  width: 32px;
  padding-right: 0;
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item:not(:disabled):hover {
  background-color: #0000;
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item:not(:disabled):hover .openui-agent-sidebar-item__icon {
  background-color: var(--openui-highlight);
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item.openui-agent-sidebar-item--selected {
  background-color: #0000;
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item.openui-agent-sidebar-item--selected .openui-agent-sidebar-item__icon, .openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item.openui-agent-sidebar-item--selected:not(:disabled):hover .openui-agent-sidebar-item__icon {
  background-color: var(--openui-sunk);
}

.openui-agent-sidebar-item__icon {
  border-radius: var(--openui-radius-s);
  width: 32px;
  height: 32px;
  color: var(--openui-text-neutral-primary);
  border: 1px solid #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: background-color 90ms cubic-bezier(.22, 1, .36, 1), border-color 90ms cubic-bezier(.22, 1, .36, 1), color 90ms cubic-bezier(.22, 1, .36, 1), box-shadow 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.openui-agent-sidebar-item__label {
  text-overflow: ellipsis;
  opacity: 1;
  flex: 1;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item__label {
  opacity: 0;
  width: 0;
}

.openui-agent-sidebar-item__trailing {
  font: var(--openui-text-numbers-xs);
  letter-spacing: var(--openui-text-numbers-xs-letter-spacing);
  min-width: 16px;
  height: 18px;
  padding: 0 var(--openui-space-xs);
  border-radius: var(--openui-radius-xs);
  background-color: var(--openui-highlight-strong);
  color: var(--openui-text-neutral-secondary);
  opacity: 1;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.openui-agent-container--mobile .openui-agent-sidebar-item__trailing {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-item__trailing {
  opacity: 0;
  width: 0;
}

@keyframes openui-agent-thread-list-appear {
  from {
    opacity: 0;
    transform: translateY(2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.openui-agent-thread-list {
  gap: var(--openui-space-2xs);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) #0000;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.openui-agent-thread-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.openui-agent-thread-list::-webkit-scrollbar-track {
  background: none;
}

.openui-agent-thread-list::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}

.openui-agent-thread-list::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}

.openui-agent-container--mobile .openui-agent-thread-list {
  gap: var(--openui-space-s);
}

.openui-agent-thread-list--mask-top.openui-agent-thread-list--mask-bottom {
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--openui-space-xl), black calc(100% - var(--openui-space-xl)), transparent);
  mask-image: linear-gradient(to bottom, transparent, black var(--openui-space-xl), black calc(100% - var(--openui-space-xl)), transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--openui-space-xl), black calc(100% - var(--openui-space-xl)), transparent);
}

.openui-agent-thread-list--mask-top:not(.openui-agent-thread-list--mask-bottom) {
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--openui-space-xl), black);
  mask-image: linear-gradient(to bottom, transparent, black var(--openui-space-xl), black);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--openui-space-xl), black);
}

.openui-agent-thread-list--mask-bottom:not(.openui-agent-thread-list--mask-top) {
  -webkit-mask-image: linear-gradient(to top, transparent, black var(--openui-space-xl), black);
  mask-image: linear-gradient(to top, transparent, black var(--openui-space-xl), black);
  -webkit-mask-image: linear-gradient(to top, transparent, black var(--openui-space-xl), black);
}

.openui-agent-thread-list-content {
  gap: var(--openui-space-2xs);
  flex-direction: column;
  animation: .18s ease-out both openui-agent-thread-list-appear;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-thread-list-content {
  gap: var(--openui-space-s);
}

@media (prefers-reduced-motion: reduce) {
  .openui-agent-thread-list-content {
    animation: none;
  }
}

.openui-agent-thread-list-group {
  padding-left: var(--openui-space-xs);
  padding-bottom: var(--openui-space-xs);
  color: var(--openui-text-neutral-tertiary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  display: flex;
}

.openui-agent-thread-list-group:not(:first-child) {
  padding-top: var(--openui-space-xs);
}

.openui-agent-container--mobile .openui-agent-thread-list-group {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  padding-left: var(--openui-space-xs);
}

.openui-agent-thread-list-skeleton {
  gap: var(--openui-space-2xs);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-agent-thread-list-skeleton__group {
  padding: 0 0 var(--openui-space-xs) var(--openui-space-xs);
}

.openui-agent-thread-list-skeleton__row {
  width: 100%;
  padding: var(--openui-space-xs);
}

.openui-agent-container--mobile .openui-agent-thread-list-skeleton {
  gap: var(--openui-space-s);
}

.openui-agent-container--mobile .openui-agent-thread-list-skeleton__row {
  padding: var(--openui-space-s-m);
}

.openui-agent-thread-button {
  border-radius: calc(var(--openui-radius-s) + 1px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-agent-thread-button--selected {
  background-color: var(--openui-sunk);
}

.openui-agent-thread-button--actions-open, .openui-agent-thread-button:hover, .openui-agent-thread-button:focus-within, .openui-agent-thread-button--actions-open {
  background-color: var(--openui-highlight-subtle);
}

.openui-agent-thread-button:hover .openui-agent-thread-button-dropdown-trigger, .openui-agent-thread-button:focus-within .openui-agent-thread-button-dropdown-trigger, .openui-agent-thread-button--actions-open .openui-agent-thread-button-dropdown-trigger {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.openui-agent-thread-button:hover .openui-agent-thread-button-title, .openui-agent-thread-button:focus-within .openui-agent-thread-button-title, .openui-agent-thread-button--actions-open .openui-agent-thread-button-title {
  padding-right: calc(24px + var(--openui-space-s-m));
}

.openui-agent-thread-button--selected:hover, .openui-agent-thread-button--selected.openui-agent-thread-button--actions-open {
  background-color: var(--openui-sunk);
}

.openui-agent-thread-button-title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  padding: 0;
  padding: var(--openui-space-xs);
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  width: 100%;
  overflow: hidden;
}

.openui-agent-container--mobile .openui-agent-thread-button-title {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  padding: var(--openui-space-s-m);
  padding-right: calc(24px + var(--openui-space-s-m));
}

.openui-agent-thread-button-dropdown-trigger {
  top: 50%;
  right: var(--openui-space-2xs);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
}

.openui-agent-container--mobile .openui-agent-thread-button-dropdown-trigger {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.openui-agent-thread-button-dropdown-trigger[data-state="open"] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive);
}

.openui-agent-thread-button-dropdown-menu {
  min-width: 180px;
  padding: var(--openui-space-xs);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
  background-color: var(--openui-foreground);
  z-index: 9999;
  flex-direction: column;
  display: flex;
  transform: translateX(-4px);
}

.openui-agent-thread-button-dropdown-menu-item {
  outline: none;
  width: 100%;
}

.openui-agent-thread-container {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-agent-thread-container__loading {
  visibility: visible;
  z-index: 1;
  background: var(--openui-foreground);
  position: absolute;
  inset: 0;
}

:is(.openui-agent-thread-container:has([data-drafting]) .openui-agent-conversation-starter, .openui-agent-thread-container:has([data-drafting]) .openui-agent-welcome-screen__desktop-starters, .openui-agent-welcome-screen:has([data-drafting]) .openui-agent-conversation-starter, .openui-agent-welcome-screen:has([data-drafting]) .openui-agent-welcome-screen__desktop-starters) {
  opacity: 0;
  pointer-events: none;
}

.openui-agent-conversation-starter, .openui-agent-welcome-screen__desktop-starters {
  transition: opacity .15s;
}

.openui-agent-thread-wrapper {
  flex: 1;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.openui-agent-thread-chat-panel {
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-width: 360px;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-agent-container--mobile .openui-agent-thread-chat-panel {
  width: 100%;
  min-width: 0;
}

.openui-agent-thread-chat-panel--animating {
  transition: width .5s cubic-bezier(.4, 0, .2, 1);
}

.openui-agent-thread-detailed-view-panel {
  background-color: var(--openui-foreground);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) #0000;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  animation: .5s cubic-bezier(.4, 0, .2, 1) slideInFromRight;
  display: flex;
  overflow: auto;
}

.openui-agent-thread-detailed-view-panel::-webkit-scrollbar {
  width: 6px;
}

.openui-agent-thread-detailed-view-panel::-webkit-scrollbar-track {
  background: none;
}

.openui-agent-thread-detailed-view-panel::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}

.openui-agent-thread-detailed-view-panel::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}

.openui-agent-thread-detailed-view-panel--animating {
  transition: width .5s cubic-bezier(.4, 0, .2, 1);
}

@keyframes slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.openui-agent-thread-scroll-container {
  flex-grow: 1;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-agent-thread-scroll-container:before {
  content: "";
  height: calc(var(--openui-space-l) + var(--openui-space-3xs));
  background: linear-gradient(to bottom, var(--openui-foreground) 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.openui-agent-thread-scroll-container:after {
  content: "";
  height: calc(var(--openui-space-2xl) + var(--openui-space-2xl));
  background: linear-gradient(to top, var(--openui-foreground) 0%, transparent 100%);
  pointer-events: none;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.openui-agent-thread-container:has(.openui-agent-welcome-screen) .openui-agent-thread-scroll-container {
  flex-grow: 0;
}

.openui-agent-thread-scroll-area {
  scrollbar-gutter: stable;
  width: 100%;
  height: 100%;
  padding: var(--openui-space-m) 0 calc(var(--openui-space-2xl) + var(--openui-space-2xl) + var(--openui-space-m));
  scroll-padding-top: calc(var(--openui-space-l) + var(--openui-space-3xs) + var(--openui-space-3xs));
  scroll-padding-bottom: calc(var(--openui-space-2xl) + var(--openui-space-2xl) + var(--openui-space-m));
  overflow: auto;
}

.openui-agent-thread-container:not(:has(.openui-agent-thread-header)):not(:has(.openui-agent-welcome-screen)) .openui-agent-thread-scroll-area {
  padding-top: var(--openui-space-2xl);
}

.openui-agent-thread-scroll-area {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) #0000;
}

.openui-agent-thread-scroll-area::-webkit-scrollbar {
  width: 6px;
}

.openui-agent-thread-scroll-area::-webkit-scrollbar-track {
  background: none;
}

.openui-agent-thread-scroll-area::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}

.openui-agent-thread-scroll-area::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-highlight-intense);
}

.openui-agent-thread-container:has(.openui-agent-welcome-screen) .openui-agent-thread-scroll-area {
  padding: 0;
}

.openui-agent-container--mobile .openui-agent-thread-scroll-area {
  padding: var(--openui-space-l) 0 calc(var(--openui-space-2xl) + var(--openui-space-2xl) + var(--openui-space-l));
}

.openui-agent-thread-container--detailed-view-active .openui-agent-thread-scroll-area {
  padding-right: 0;
}

.openui-agent-thread-scroll-area--user-message-anchor .openui-agent-thread-messages > :last-child {
  min-height: calc(100dvh - 200px);
}

.openui-agent-thread-scroll-latest {
  bottom: var(--openui-space-m);
  z-index: 5;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-background);
  width: 32px;
  height: 32px;
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  box-shadow: var(--openui-shadow-m);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.openui-agent-thread-scroll-latest:hover {
  color: var(--openui-text-neutral-primary);
  border-color: var(--openui-border-interactive);
}

.openui-agent-thread-scroll-latest:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: 2px;
}

.openui-agent-thread-scroll-latest__arrow {
  display: block;
}

.openui-agent-thread-messages {
  width: 100%;
  max-width: calc(880px + var(--openui-space-m-l) + var(--openui-space-m-l));
  padding: 0 var(--openui-space-m-l);
  gap: calc(2*var(--openui-space-l));
  flex-direction: column;
  margin: 0 auto;
  display: flex;
}

.openui-agent-thread-container--detailed-view-active .openui-agent-thread-messages {
  padding: 0 var(--openui-space-m-l);
}

.openui-agent-thread-message-assistant {
  align-items: flex-start;
  gap: var(--openui-space-s);
  width: 100%;
  padding-right: calc(32px + var(--openui-space-s));
  display: flex;
  overflow: hidden;
}

.openui-agent-container--mobile .openui-agent-thread-message-assistant {
  padding: 0;
}

.openui-agent-thread-container--detailed-view-active .openui-agent-thread-message-assistant {
  gap: 0;
  padding-right: 0;
}

.openui-agent-thread-message-assistant__content {
  gap: var(--openui-space-s);
  overflow-wrap: break-word;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}

.openui-agent-thread-message-assistant__text {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-thread-message-assistant__text:first-child {
  margin-top: var(--openui-space-xs);
}

.openui-agent-thread-message-user {
  justify-content: flex-end;
  padding: 0;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-thread-message-user {
  padding: 0;
}

.openui-agent-thread-container--detailed-view-active .openui-agent-thread-message-user {
  padding-left: 0;
  padding-right: 0;
}

.openui-agent-thread-message-user__content {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  padding: var(--openui-space-s) var(--openui-space-m) calc(var(--openui-space-s) + 1px) 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);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  max-width: 100%;
  height: fit-content;
}

.openui-agent-thread-message-user__image, .openui-agent-thread-message-user__video {
  border-radius: var(--openui-radius-l);
  object-fit: cover;
  max-width: min(320px, 100%);
  max-height: 320px;
  display: block;
}

.openui-agent-thread-message-user__media {
  gap: var(--openui-space-xs);
  flex-direction: column;
  margin: 0;
  display: flex;
}

.openui-agent-thread-message-user__audio {
  width: 280px;
  max-width: 100%;
  display: block;
}

.openui-agent-thread-message-user__filename {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-thread-message-user__chip {
  align-items: center;
  gap: var(--openui-space-s);
  padding: var(--openui-space-xs) var(--openui-space-s);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-background);
  display: inline-flex;
}

.openui-agent-thread-message-user__chip--broken {
  opacity: .6;
}

.openui-agent-thread-message-user__chip-badge {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  padding: 2px var(--openui-space-xs);
  border-radius: var(--openui-radius-xs);
  background-color: var(--openui-chat-user-response-bg);
  color: var(--openui-chat-user-response-text);
  flex-shrink: 0;
}

.openui-agent-thread-message-user__chip-name {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  overflow-wrap: anywhere;
}

.openui-agent-thread-message-user__chip-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
}

.openui-agent-thread-error {
  padding: 0 calc(32px + var(--openui-space-s));
  min-height: auto !important;
}

.openui-agent-container--mobile .openui-agent-thread-error, .openui-agent-thread-container--detailed-view-active .openui-agent-thread-error {
  padding: 0;
}

.openui-agent-thread-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-m-l) var(--openui-space-m-l) var(--openui-space-xs);
  flex-shrink: 0;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-thread-header {
  display: none;
}

.openui-agent-thread-header__title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  min-width: 0;
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.openui-agent-thread-header__actions {
  align-items: center;
  gap: var(--openui-space-s);
  flex-shrink: 0;
  min-height: 32px;
  display: flex;
}

.openui-agent-thread-container--detailed-view-active .openui-agent-thread-header__workspace-toggle-button {
  display: none;
}

.openui-agent-thread-message-loading {
  display: flex;
}

.openui-genui-user-message {
  align-items: flex-end;
  gap: var(--openui-space-s);
  flex-direction: column;
  max-width: 85%;
  display: flex;
}

.openui-genui-user-message__form-state {
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-foreground);
  width: 100%;
  transition: border-color .15s;
  overflow: hidden;
}

.openui-genui-user-message__form-state:hover {
  border-color: var(--openui-border-interactive-emphasis);
}

.openui-genui-user-message__form-state-header {
  width: 100%;
  padding: 0;
  padding: var(--openui-space-s) var(--openui-space-m);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.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 {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  transition: transform .2s;
}

.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);
  gap: var(--openui-space-xs);
  padding: var(--openui-space-s) var(--openui-space-m);
  flex-direction: column;
  display: flex;
}

.openui-genui-user-message__form-field {
  gap: var(--openui-space-xs);
  align-items: baseline;
  display: flex;
}

.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-agent-mobile-header {
  display: none;
}

.openui-agent-container--mobile .openui-agent-mobile-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-l) var(--openui-space-m-l) var(--openui-space-m);
  background-color: var(--openui-foreground);
  display: flex;
}

.openui-agent-mobile-header-logo-container {
  align-items: center;
  gap: var(--openui-space-m);
  flex: 1;
  min-width: 0;
  display: flex;
}

.openui-agent-mobile-header-logo {
  border-radius: var(--openui-radius-m);
  width: 32px;
  height: 32px;
}

.openui-agent-mobile-header-agent-name {
  font: var(--openui-text-label-lg);
  letter-spacing: var(--openui-text-label-lg-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.openui-agent-mobile-header-actions {
  align-items: center;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-agent-resizable-separator {
  background-color: var(--openui-border-default);
  cursor: col-resize;
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
  width: 1px;
  animation: .3s cubic-bezier(.4, 0, .2, 1) fadeIn;
  position: relative;
}

.openui-agent-resizable-separator:before {
  content: "";
  cursor: col-resize;
  position: absolute;
  inset: 0 -8px;
}

.openui-agent-resizable-separator:hover {
  background-color: var(--openui-border-interactive-emphasis);
}

.openui-agent-resizable-separator:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: 1px;
}

.openui-agent-resizable-separator:hover .openui-agent-resizable-separator__handle, .openui-agent-resizable-separator:focus-visible .openui-agent-resizable-separator__handle {
  opacity: 1;
}

.openui-agent-resizable-separator__handle {
  background-color: var(--openui-border-interactive-emphasis);
  border-radius: var(--openui-radius-full);
  opacity: 0;
  pointer-events: none;
  width: 4px;
  height: 40px;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.openui-agent-conversation-starter {
  width: 100%;
  max-width: calc(768px + var(--openui-space-m-l)*2);
  padding: 0 var(--openui-space-m-l) var(--openui-space-m);
  box-sizing: border-box;
  opacity: 1;
  max-height: 480px;
  margin: 0 auto;
  transition: opacity .2s, transform .2s, max-height .2s, padding-bottom .2s;
  overflow: hidden;
  transform: translateY(0);
}

.openui-agent-conversation-starter--short {
  display: block;
}

.openui-agent-conversation-starter--long {
  margin-bottom: var(--openui-space-m);
  flex-direction: column;
  gap: 0;
  display: flex;
}

.openui-agent-conversation-starter__carousel-content {
  gap: var(--openui-space-xs);
}

.openui-agent-conversation-starter__separator {
  width: 100%;
  height: 1px;
  margin: var(--openui-space-2xs) 0;
  background-color: var(--openui-border-default);
  flex-shrink: 0;
}

.openui-agent-container--mobile .openui-agent-conversation-starter {
  padding: 0 var(--openui-space-l);
}

.openui-agent-thread-container--detailed-view-active .openui-agent-conversation-starter {
  padding: 0;
}

.openui-agent-conversation-starter-item-short {
  align-items: center;
  gap: var(--openui-space-xs);
  width: fit-content;
  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;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  flex: none;
  transition: all .15s;
  display: flex;
}

.openui-agent-conversation-starter-item-short__icon {
  color: var(--openui-text-neutral-primary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-agent-conversation-starter-item-short__icon > svg {
  width: 14px;
  height: 14px;
}

.openui-agent-conversation-starter-item-short__text {
  white-space: nowrap;
  flex: 1;
}

.openui-agent-conversation-starter-item-short:not(:disabled):hover {
  background-color: var(--openui-highlight);
  border-color: var(--openui-border-interactive-emphasis);
}

.openui-agent-conversation-starter-item-short:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}

@media (max-width: 480px) {
  .openui-agent-conversation-starter-item-short {
    padding: var(--openui-space-s) var(--openui-space-s-m);
  }
}

.openui-agent-conversation-starter-item-long {
  align-items: center;
  gap: var(--openui-space-000);
  width: 100%;
  padding: var(--openui-space-xs) var(--openui-space-m);
  border-radius: var(--openui-radius-m);
  cursor: pointer;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  text-align: left;
  background-color: #0000;
  border: none;
  transition: background-color .15s;
  display: flex;
  overflow: hidden;
}

.openui-agent-conversation-starter-item-long__content {
  align-items: flex-start;
  gap: var(--openui-space-s);
  flex: 1;
  min-width: 0;
  display: flex;
}

.openui-agent-conversation-starter-item-long__icon {
  padding-top: var(--openui-space-2xs);
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-agent-conversation-starter-item-long__text {
  flex: 1;
  min-width: 0;
  line-height: 1.5;
}

.openui-agent-conversation-starter-item-long__arrow {
  padding-top: var(--openui-space-2xs);
  opacity: 0;
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  transition: opacity .15s;
  display: flex;
}

.openui-agent-conversation-starter-item-long:not(:disabled):hover {
  background-color: var(--openui-sunk);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-conversation-starter-item-long:not(:disabled):hover .openui-agent-conversation-starter-item-long__icon, .openui-agent-conversation-starter-item-long:not(:disabled):hover .openui-agent-conversation-starter-item-long__arrow {
  color: var(--openui-text-neutral-primary);
  opacity: 1;
}

.openui-agent-conversation-starter-item-long:not(:disabled):active {
  background-color: var(--openui-highlight-subtle);
}

.openui-agent-welcome-screen {
  gap: var(--openui-space-l);
  width: 100%;
  max-width: 880px;
  height: 100%;
  padding: var(--openui-space-m) calc(32px + var(--openui-space-s)) var(--openui-space-2xl);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-welcome-screen {
  padding: var(--openui-space-l);
}

.openui-agent-thread-container--detailed-view-active .openui-agent-welcome-screen {
  padding-left: 0;
  padding-right: var(--openui-space-m);
}

.openui-agent-welcome-screen__header {
  align-items: flex-start;
  gap: var(--openui-space-xl);
  flex-direction: column;
  width: 100%;
  max-width: 748px;
  display: flex;
}

.openui-agent-welcome-screen__image-container {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-agent-welcome-screen__image {
  object-fit: cover;
  border-radius: var(--openui-radius-xl);
  width: 64px;
  height: 64px;
}

.openui-agent-welcome-screen__content {
  align-items: flex-start;
  gap: var(--openui-space-m);
  text-align: left;
  flex-direction: column;
  width: 100%;
  max-width: 748px;
  display: flex;
}

.openui-agent-welcome-screen__title {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
  width: 100%;
  color: var(--openui-text-neutral-primary);
  margin: 0;
  font-weight: 500;
}

.openui-agent-welcome-screen__description {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  max-width: 800px;
  margin: 0;
  font-weight: 500;
}

.openui-agent-welcome-screen__composer-starters-container {
  gap: var(--openui-space-2xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-agent-welcome-screen__composer-starters-container[data-has-prefill-chips] {
  gap: var(--openui-space-l);
}

.openui-agent-welcome-screen__composer-starters-container:not([data-has-prefill-chips]) .openui-agent-welcome-screen__starters-layers {
  margin-bottom: calc(var(--openui-space-l) - var(--openui-space-2xl));
}

.openui-agent-welcome-screen__desktop-composer {
  justify-content: center;
  width: 100%;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-welcome-screen__desktop-composer {
  display: none;
}

.openui-agent-welcome-screen__desktop-starters {
  opacity: 1;
  width: 100%;
  transition: opacity .2s, transform .2s;
  overflow: hidden;
  transform: translateY(0);
}

.openui-agent-container--mobile .openui-agent-welcome-screen__desktop-starters {
  display: none;
}

.openui-agent-welcome-screen__desktop-starters .openui-agent-conversation-starter {
  padding: 0;
}

.openui-agent-welcome-screen__desktop-starters .openui-agent-conversation-starter--short {
  justify-content: center;
}

.openui-agent-welcome-screen__desktop-starters .openui-agent-conversation-starter--long {
  max-width: 770px;
}

.openui-agent-welcome-screen--with-composer {
  gap: var(--openui-space-3xl);
}

.openui-agent-container--mobile .openui-agent-welcome-screen--with-composer {
  gap: var(--openui-space-l);
}

.openui-agent-thread-container:has(.openui-agent-welcome-screen--with-composer) .openui-agent-thread-composer {
  display: none;
}

.openui-agent-container--mobile .openui-agent-thread-container:has(.openui-agent-welcome-screen--with-composer) .openui-agent-thread-composer {
  display: block;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-thread-container:has(.openui-agent-welcome-screen--with-composer) .openui-agent-thread-composer {
  display: none;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-thread-container:has(.openui-agent-welcome-screen__desktop-starters) .openui-agent-conversation-starter:not(.openui-agent-welcome-screen__desktop-starters .openui-agent-conversation-starter) {
  display: none;
}

.openui-agent-welcome-screen--animated {
  --openui-agent-welcome-settle-delay: 80ms;
}

.openui-agent-welcome-screen--animated .openui-agent-welcome-screen__header {
  animation: openui-agent-welcome-enter .35s cubic-bezier(.22, 1, .36, 1) var(--openui-agent-welcome-settle-delay) both;
}

.openui-agent-welcome-screen--animated .openui-agent-welcome-screen__desktop-composer {
  animation: openui-agent-welcome-enter .35s cubic-bezier(.22, 1, .36, 1) calc(var(--openui-agent-welcome-settle-delay) + .12s) both;
}

.openui-agent-welcome-screen--animated .openui-agent-welcome-screen__desktop-starters > * {
  animation: openui-agent-welcome-enter .3s cubic-bezier(.22, 1, .36, 1) calc(var(--openui-agent-welcome-settle-delay) + .24s) both;
}

.openui-agent-welcome-glow {
  isolation: isolate;
  width: 100%;
  max-width: 768px;
  position: relative;
}

.openui-agent-welcome-glow > .openui-agent-desktop-welcome-composer {
  z-index: 1;
  position: relative;
}

.openui-agent-welcome-glow:before, .openui-agent-welcome-glow:after, .openui-agent-welcome-glow__blob {
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  position: absolute;
}

.openui-agent-welcome-glow:before {
  content: "";
  background: radial-gradient(ellipse, color-mix(in oklch, var(--openui-interactive-accent-default) 38%, transparent) 0%, color-mix(in oklch, var(--openui-interactive-accent-default) 20%, transparent) 45%, transparent 75%);
  filter: blur(40px);
  width: 620px;
  height: 210px;
  animation: openui-agent-welcome-glow-drop 1.5s linear calc(var(--openui-agent-welcome-settle-delay) + .5s) 1 both;
  border-radius: 50%;
  top: -180px;
  left: 50%;
}

.openui-agent-welcome-glow:after {
  content: "";
  box-sizing: border-box;
  border: 8px solid color-mix(in oklch, var(--openui-interactive-accent-default) 90%, transparent);
  filter: blur(8px);
  animation: openui-agent-welcome-glow-halo 1.5s linear calc(var(--openui-agent-welcome-settle-delay) + .5s) 1 both;
  background: none;
  border-radius: 18px;
  inset: -2px;
  -webkit-mask-image: radial-gradient(closest-side, #000 35%, #0000 100%);
  mask-image: radial-gradient(closest-side, #000 35%, #0000 100%);
  -webkit-mask-position: 50% -30px;
  mask-position: 50% -30px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.openui-agent-welcome-glow__blob {
  border-radius: 50%;
  animation: 1.5s linear both openui-agent-welcome-glow-blob-drop;
  top: -150px;
  left: 50%;
}

.openui-agent-welcome-glow__blob--accent {
  --openui-agent-welcome-blob-x: -200px;
  --openui-agent-welcome-blob-peak: .2;
  background: radial-gradient(ellipse, color-mix(in oklch, var(--openui-interactive-accent-default) 42%, transparent) 0%, transparent 70%);
  filter: blur(30px);
  width: 360px;
  height: 160px;
  animation-delay: calc(var(--openui-agent-welcome-settle-delay) + .6s);
}

.openui-agent-welcome-glow__blob--foreground {
  --openui-agent-welcome-blob-x: 90px;
  --openui-agent-welcome-blob-peak: 1;
  background: radial-gradient(ellipse, color-mix(in oklch, var(--openui-foreground) 100%, transparent) 0%, transparent 70%);
  filter: blur(24px);
  width: 240px;
  height: 110px;
  animation-delay: calc(var(--openui-agent-welcome-settle-delay) + .55s);
}

@keyframes openui-agent-welcome-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes openui-agent-welcome-glow-blob-drop {
  0% {
    opacity: 0;
    transform: translate(calc(-50% + var(--openui-agent-welcome-blob-x) * .3), -220px) scale(.8);
    animation-timing-function: cubic-bezier(.45, 0, .65, .5);
  }

  12% {
    opacity: calc(var(--openui-agent-welcome-blob-peak)*.3);
  }

  30% {
    opacity: var(--openui-agent-welcome-blob-peak);
    transform: translate(calc(-50% + var(--openui-agent-welcome-blob-x)), 2px) scale(1);
    animation-timing-function: ease-in-out;
  }

  52%, 100% {
    opacity: 0;
    transform: translate(calc(-50% + var(--openui-agent-welcome-blob-x) * .6), 44px) scale(.85, .5);
  }
}

@keyframes openui-agent-welcome-glow-drop {
  0% {
    opacity: 0;
    animation-timing-function: cubic-bezier(.45, 0, .65, .5);
    transform: translate(-50%, -240px)scale(.8);
  }

  10% {
    opacity: .18;
  }

  22% {
    opacity: .35;
  }

  30% {
    opacity: .65;
    animation-timing-function: ease-in-out;
    transform: translate(-50%, 4px)scale(1);
  }

  52%, 100% {
    opacity: 0;
    transform: translate(-50%, 52px)scale(.9, .45);
  }
}

@keyframes openui-agent-welcome-glow-halo {
  0%, 30% {
    opacity: 0;
    -webkit-mask-size: 480px 110px;
    mask-size: 480px 110px;
  }

  38% {
    opacity: .85;
    animation-timing-function: ease-out;
    -webkit-mask-size: 700px 150px;
    mask-size: 700px 150px;
  }

  48% {
    opacity: .85;
    animation-timing-function: ease-out;
    -webkit-mask-size: 1400px 380px;
    mask-size: 1400px 380px;
  }

  62% {
    opacity: .75;
    animation-timing-function: ease-in-out;
    -webkit-mask-size: 2200px 760px;
    mask-size: 2200px 760px;
  }

  100% {
    opacity: 0;
    -webkit-mask-size: 2500px 860px;
    mask-size: 2500px 860px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .openui-agent-welcome-screen--animated .openui-agent-welcome-screen__header, .openui-agent-welcome-screen--animated .openui-agent-welcome-screen__desktop-composer, .openui-agent-welcome-screen--animated .openui-agent-welcome-screen__desktop-starters > *, .openui-agent-welcome-glow:before, .openui-agent-welcome-glow:after, .openui-agent-welcome-glow__blob {
    animation: none;
  }
}

.openui-agent-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-s);
  gap: var(--openui-space-m);
  padding: var(--openui-space-m);
  width: 100%;
  max-width: 768px;
  min-height: calc(var(--openui-space-3xl) + var(--openui-space-3xl) + var(--openui-space-m));
  flex-direction: column;
  display: flex;
  overflow: clip;
}

.openui-agent-desktop-welcome-composer__input {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-elevated) #0000;
}

.openui-agent-desktop-welcome-composer__input::-webkit-scrollbar {
  width: 6px;
}

.openui-agent-desktop-welcome-composer__input::-webkit-scrollbar-track {
  background: none;
}

.openui-agent-desktop-welcome-composer__input::-webkit-scrollbar-thumb {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-full);
}

.openui-agent-desktop-welcome-composer__input {
  padding: 0 var(--openui-space-3xs);
  resize: none;
  min-height: 24px;
  max-height: 200px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  overflow-y: auto;
}

.openui-agent-desktop-welcome-composer__input::placeholder {
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-desktop-welcome-composer__action-bar {
  align-items: center;
  display: flex;
}

.openui-agent-desktop-welcome-composer__submit-button {
  margin-left: auto;
}

.openui-agent-desktop-welcome-composer__submit-button:disabled {
  filter: grayscale();
}

.openui-agent-welcome-screen__starters-layers {
  align-items: start;
  width: 100%;
  display: grid;
}

.openui-agent-welcome-screen__starters-layer {
  align-items: center;
  gap: var(--openui-space-2xl);
  flex-direction: column;
  grid-area: 1 / 1;
  width: 100%;
  display: flex;
}

.openui-agent-welcome-screen__starters-layer[data-hidden] {
  visibility: hidden;
  pointer-events: none;
}

.openui-agent-welcome-screen__chip-row {
  justify-content: flex-start;
  gap: var(--openui-space-s);
  flex-wrap: wrap;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.openui-agent-prefill-chip {
  appearance: none;
  align-items: center;
  gap: var(--openui-space-xs);
  padding: var(--openui-space-s) var(--openui-space-m);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-full);
  background: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  cursor: pointer;
  transition: background-color .15s, border-color .15s, box-shadow .15s, color .15s;
  display: inline-flex;
}

.openui-agent-prefill-chip:not(:disabled):hover {
  background: var(--openui-highlight);
  border-color: var(--openui-border-interactive-emphasis);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-prefill-chip:focus-visible {
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
  outline: none;
}

.openui-agent-prefill-chip:disabled {
  cursor: default;
  opacity: .5;
}

.openui-agent-prefill-chip__icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.openui-agent-prefill-chip__label {
  white-space: nowrap;
}

.openui-agent-thread-composer {
  max-width: calc(768px + var(--openui-space-m-l) + var(--openui-space-m-l));
  width: 100%;
  margin: 0 auto var(--openui-space-l);
  padding: 0 var(--openui-space-m-l);
}

.openui-agent-container--mobile .openui-agent-thread-composer {
  padding: var(--openui-space-m) var(--openui-space-m) var(--openui-space-m-l);
  margin: 0;
}

.openui-agent-thread-container--detailed-view-active .openui-agent-thread-composer {
  padding: 0 var(--openui-space-m-l);
}

.openui-agent-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-l);
  gap: var(--openui-space-s);
  padding: var(--openui-space-m);
  flex-direction: column;
  display: flex;
  overflow: clip;
}

.openui-agent-thread-composer__input-wrapper[data-overflow-top], .openui-agent-thread-composer__input-wrapper[data-overflow-bottom] {
  --openui-agent-thread-composer-mask-top: 0px;
  --openui-agent-thread-composer-mask-bottom: 0px;
}

.openui-agent-thread-composer__input-wrapper[data-overflow-top] .openui-agent-thread-composer__input, .openui-agent-thread-composer__input-wrapper[data-overflow-bottom] .openui-agent-thread-composer__input {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black var(--openui-agent-thread-composer-mask-top), black calc(100% - var(--openui-agent-thread-composer-mask-bottom)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, black var(--openui-agent-thread-composer-mask-top), black calc(100% - var(--openui-agent-thread-composer-mask-bottom)), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, black var(--openui-agent-thread-composer-mask-top), black calc(100% - var(--openui-agent-thread-composer-mask-bottom)), transparent 100%);
}

.openui-agent-thread-composer__input-wrapper[data-overflow-top] {
  --openui-agent-thread-composer-mask-top: var(--openui-space-xl);
}

.openui-agent-thread-composer__input-wrapper[data-overflow-bottom] {
  --openui-agent-thread-composer-mask-bottom: var(--openui-space-xl);
}

.openui-agent-thread-composer__input {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-elevated) #0000;
}

.openui-agent-thread-composer__input::-webkit-scrollbar {
  width: 6px;
}

.openui-agent-thread-composer__input::-webkit-scrollbar-track {
  background: none;
}

.openui-agent-thread-composer__input::-webkit-scrollbar-thumb {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-full);
}

.openui-agent-thread-composer__input {
  padding: 0 var(--openui-space-3xs);
  resize: none;
  max-height: 200px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  background: none;
  border: none;
  outline: none;
  overflow-y: auto;
}

.openui-agent-thread-composer__input::placeholder {
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-thread-composer__action-bar {
  align-items: center;
  display: flex;
}

.openui-agent-thread-composer__submit-button {
  margin-left: auto;
}

.openui-agent-ambient-loader {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-m);
  isolation: isolate;
  flex-direction: column;
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-agent-ambient-loader__glow {
  aspect-ratio: 1;
  filter: blur(64px);
  pointer-events: none;
  z-index: -1;
  will-change: transform;
  border-radius: 50%;
  width: min(340px, 55%);
  position: absolute;
}

.openui-agent-ambient-loader__glow--a {
  background: var(--openui-interactive-accent-default);
  opacity: .14;
  animation: 7s ease-in-out infinite alternate openui-agent-ambient-loader-drift-a;
  top: 4%;
  left: 6%;
}

.openui-agent-ambient-loader__glow--b {
  background: var(--openui-chat-user-response-bg);
  opacity: .75;
  animation: 9.5s ease-in-out infinite alternate openui-agent-ambient-loader-drift-b;
  bottom: 4%;
  right: 4%;
}

@keyframes openui-agent-ambient-loader-drift-a {
  from {
    opacity: .09;
    transform: translate(-14%, -10%)scale(.92);
  }

  to {
    opacity: .2;
    transform: translate(22%, 26%)scale(1.35);
  }
}

@keyframes openui-agent-ambient-loader-drift-b {
  from {
    opacity: .85;
    transform: translate(12%, 10%)scale(1.28);
  }

  to {
    opacity: .5;
    transform: translate(-22%, -20%)scale(.85);
  }
}

.openui-agent-ambient-loader__label {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}

@media (prefers-reduced-motion: reduce) {
  .openui-agent-ambient-loader__glow {
    animation: none;
  }
}

.openui-agent-artifact-browser {
  gap: var(--openui-space-m);
  width: 100%;
  height: 100%;
  padding: 0 var(--openui-space-l) 80px;
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  overflow: hidden auto;
}

.openui-agent-artifact-browser__content {
  gap: var(--openui-space-l);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: 800px;
  margin: 0 auto;
  display: flex;
}

.openui-agent-artifact-browser__header {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-xl);
  padding: 100px var(--openui-space-s) var(--openui-space-2xl);
  background-color: var(--openui-foreground);
  min-width: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.openui-agent-artifact-browser__header:after {
  content: "";
  right: 0;
  bottom: calc(-1*var(--openui-space-xl));
  height: var(--openui-space-xl);
  background: linear-gradient(to bottom, var(--openui-foreground) 0%, transparent 100%);
  pointer-events: none;
  position: absolute;
  left: 0;
}

.openui-agent-artifact-browser__title {
  font: var(--openui-text-heading-lg);
  letter-spacing: var(--openui-text-heading-lg-letter-spacing);
  color: var(--openui-text-neutral-primary);
  min-width: 0;
  margin: 0;
  padding-left: 4px;
  font-weight: 500;
}

.openui-agent-artifact-browser__search {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  align-items: center;
  gap: var(--openui-space-s);
  width: 240px;
  min-width: 0;
  max-width: 50%;
  padding: calc(var(--openui-space-xs) - 1px) calc(var(--openui-space-xs) - 1px) calc(var(--openui-space-xs) - 1px) calc(var(--openui-space-m) - 1px);
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  box-sizing: border-box;
  background-color: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-secondary);
  transition: box-shadow .16s, border-color .16s, background-color .16s;
  display: flex;
}

.openui-agent-artifact-browser__search:focus-within {
  border-color: var(--openui-border-interactive-emphasis);
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
}

.openui-agent-artifact-browser__search:not(:focus-within):hover {
  border-color: var(--openui-border-interactive);
}

.openui-agent-artifact-browser__search-input {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  width: 100%;
  min-width: 0;
  color: var(--openui-text-neutral-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
}

.openui-agent-artifact-browser__search-input::placeholder {
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-artifact-browser__list {
  gap: var(--openui-space-m);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.openui-agent-artifact-browser__item {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  align-items: center;
  gap: var(--openui-space-m-l);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  padding: var(--openui-space-m);
  border-radius: var(--openui-radius-2xl);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  transition: background-color .16s;
  display: flex;
}

.openui-agent-artifact-browser__item:hover {
  background-color: var(--openui-highlight);
}

.openui-agent-artifact-browser__item:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-agent-artifact-browser__item-icon {
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-highlight);
  width: 64px;
  height: 52px;
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
  overflow: hidden;
}

.openui-agent-artifact-browser__item-icon > * {
  max-width: 100%;
  max-height: 100%;
}

.openui-agent-artifact-browser__item-meta {
  justify-content: center;
  gap: var(--openui-space-s);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.openui-agent-artifact-browser__item-title {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: block;
}

.openui-agent-artifact-browser__item-updated-at {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-artifact-browser__error {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding: var(--openui-space-s) 0;
}

.openui-agent-artifact-browser__loading {
  justify-content: center;
  padding: 120px 0;
  display: flex;
}

.openui-agent-artifact-browser__empty {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-l);
  min-height: 320px;
  padding: var(--openui-space-3xl) 0;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.openui-agent-artifact-browser__empty-illustration {
  margin: var(--openui-space-m-l);
  color: var(--openui-text-neutral-tertiary);
  justify-content: center;
  align-self: center;
  align-items: center;
  font-size: 48px;
  display: flex;
}

.openui-agent-artifact-browser__empty-copy {
  gap: var(--openui-space-xs);
  flex-direction: column;
  display: flex;
}

.openui-agent-artifact-browser__empty-text {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-artifact-browser__empty-subtitle {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-artifact-browser__load-more {
  display: flex;
}

@media (max-width: 560px) {
  .openui-agent-artifact-browser {
    padding: 0 var(--openui-space-m-l) 80px;
  }

  .openui-agent-artifact-browser__header {
    padding: var(--openui-space-xl) 0 var(--openui-space-m);
    flex-direction: column;
    align-items: stretch;
  }

  .openui-agent-artifact-browser__search {
    width: 100%;
    max-width: none;
  }
}

.openui-agent-artifact-view {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.openui-agent-artifact-view__header {
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-m-l) var(--openui-space-m-l) var(--openui-space-m);
  border-bottom: 1px solid var(--openui-border-default);
  flex-shrink: 0;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-artifact-view__header {
  display: none;
}

.openui-agent-artifact-view__title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.openui-agent-artifact-view__content {
  flex: 1;
  overflow-y: auto;
}

.openui-agent-artifact-view__error {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  padding: var(--openui-space-l);
}

.openui-agent-artifact-view__loading {
  padding: var(--openui-space-3xl) 0;
  justify-content: center;
  display: flex;
}

.openui-agent-workspace-sidebar {
  border-left: 1px solid var(--openui-border-default);
  width: 280px;
  height: 100%;
  padding: var(--openui-space-m);
  gap: var(--openui-space-m);
  background-color: var(--openui-foreground);
  flex-direction: column;
  flex-shrink: 0;
  transition: width .3s cubic-bezier(.22, 1, .36, 1), padding .3s cubic-bezier(.22, 1, .36, 1), border-color .3s cubic-bezier(.22, 1, .36, 1), transform .4s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  overflow: hidden;
}

.openui-agent-container--mobile .openui-agent-workspace-sidebar {
  z-index: 1000;
  width: 294px;
  height: 100%;
  padding-top: var(--openui-space-m-l);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(0);
}

.openui-agent-workspace-sidebar--collapsed {
  border-left: 0;
  width: 0;
  padding: 0;
  transition: width .3s cubic-bezier(.22, 1, .36, 1) .14s, padding .3s cubic-bezier(.22, 1, .36, 1) .14s, border-color .3s cubic-bezier(.22, 1, .36, 1) .14s;
}

.openui-agent-container--mobile .openui-agent-workspace-sidebar--collapsed {
  width: 294px;
  padding: var(--openui-space-m-l) var(--openui-space-m) var(--openui-space-m);
  border-left: 1px solid var(--openui-border-default);
  transform: translateX(100%);
}

.openui-agent-workspace-sidebar__header {
  align-items: center;
  gap: var(--openui-space-s);
  padding: var(--openui-space-m) var(--openui-space-xs);
  opacity: 1;
  flex-shrink: 0;
  transition: opacity .16s ease-out .22s;
  display: flex;
}

.openui-agent-workspace-sidebar--collapsed .openui-agent-workspace-sidebar__header {
  opacity: 0;
  transition: opacity .12s ease-out;
}

.openui-agent-workspace-sidebar__title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  min-width: 0;
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}

.openui-agent-workspace-sidebar__tabs {
  align-items: center;
  gap: var(--openui-space-3xs);
  opacity: 1;
  flex: 1;
  min-width: 0;
  height: 40px;
  transition: opacity .16s ease-out .22s;
  display: flex;
  position: relative;
}

.openui-agent-workspace-sidebar--collapsed .openui-agent-workspace-sidebar__tabs {
  opacity: 0;
  transition: opacity .12s ease-out;
}

.openui-agent-workspace-sidebar__tab-indicator {
  border-radius: var(--openui-radius-s);
  background-color: var(--openui-highlight);
  pointer-events: none;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), width .18s cubic-bezier(.22, 1, .36, 1), height .18s cubic-bezier(.22, 1, .36, 1), opacity .12s;
  position: absolute;
  top: 0;
  left: 0;
}

.openui-agent-workspace-sidebar--collapsed .openui-agent-workspace-sidebar__tab-indicator {
  transition: opacity .12s ease-out;
  opacity: 0 !important;
}

.openui-agent-workspace-sidebar__tab {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  z-index: 1;
  height: 32px;
  padding: 0;
  padding: var(--openui-space-xs) var(--openui-space-s-m);
  border-radius: var(--openui-radius-m);
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  position: relative;
}

.openui-agent-container--mobile .openui-agent-workspace-sidebar__tab {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  border-radius: var(--openui-radius-l);
}

.openui-agent-workspace-sidebar__tab:hover, .openui-agent-workspace-sidebar__tab--active {
  color: var(--openui-text-neutral-primary);
}

.openui-agent-workspace-sidebar__content {
  gap: var(--openui-space-l);
  opacity: 1;
  scrollbar-width: thin;
  scrollbar-color: var(--openui-highlight-strong) #0000;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  transition: opacity .18s ease-out .22s;
  display: flex;
  overflow: hidden auto;
}

.openui-agent-workspace-sidebar__content::-webkit-scrollbar {
  width: 6px;
}

.openui-agent-workspace-sidebar__content::-webkit-scrollbar-thumb {
  background-color: var(--openui-highlight-strong);
  border-radius: var(--openui-radius-full);
}

.openui-agent-workspace-sidebar--collapsed .openui-agent-workspace-sidebar__content {
  opacity: 0;
  transition: opacity .12s ease-out;
}

.openui-agent-workspace-sidebar__empty {
  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-s) var(--openui-space-2xs);
}

.openui-agent-workspace-sidebar__section-empty {
  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-2xs);
  font-style: italic;
}

.openui-agent-workspace-sidebar__list {
  gap: var(--openui-space-xs);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.openui-agent-workspace-sidebar__item {
  align-items: flex-start;
  gap: var(--openui-space-m);
  width: 100%;
  padding: 0;
  padding: var(--openui-space-s) var(--openui-space-s);
  border-radius: var(--openui-radius-xl);
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  flex-direction: column;
  transition: background-color .15s;
  display: flex;
}

.openui-agent-workspace-sidebar__item:hover, .openui-agent-workspace-sidebar__item:active, .openui-agent-workspace-sidebar__item--active {
  background-color: var(--openui-highlight);
}

.openui-agent-workspace-sidebar__item-icon {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: inline-flex;
}

.openui-agent-workspace-sidebar__item--active .openui-agent-workspace-sidebar__item-icon {
  color: var(--openui-text-accent-primary);
}

.openui-agent-workspace-sidebar__item-label {
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  overflow-wrap: anywhere;
  width: 100%;
  min-width: 0;
}

.openui-agent-workspace-sidebar__item-body {
  gap: var(--openui-space-xs);
  width: 100%;
  min-width: 0;
  padding-left: var(--openui-space-2xs);
  padding-bottom: var(--openui-space-2xs);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.openui-agent-workspace-sidebar__item-meta {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  width: 100%;
  min-width: 0;
  color: var(--openui-text-neutral-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.openui-agent-workspace-sidebar__overlay {
  background-color: var(--openui-overlay);
  z-index: 99;
  width: 100%;
  height: 100%;
  transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.openui-agent-workspace-sidebar__overlay--collapsed {
  opacity: 0;
  pointer-events: none;
}

.openui-detailed-view-overlay {
  z-index: 10;
  background-color: var(--openui-foreground);
  animation: .3s cubic-bezier(.4, 0, .2, 1) openui-detailed-view-overlay-slide-in;
  position: absolute;
  inset: 0;
}

.openui-detailed-view-overlay--exiting {
  animation: .2s cubic-bezier(.4, 0, .2, 1) forwards openui-detailed-view-overlay-slide-out;
}

@keyframes openui-detailed-view-overlay-slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes openui-detailed-view-overlay-slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(20px);
  }
}

.openui-detailed-view-panel {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.openui-detailed-view-panel__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-m) var(--openui-space-m) var(--openui-space-m) var(--openui-space-l);
  border-bottom: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  z-index: 1;
  display: flex;
  position: sticky;
  top: 0;
}

.openui-detailed-view-panel__title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.openui-agent-container {
  background: var(--openui-foreground);
  box-sizing: border-box;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-agent-container * {
  box-sizing: border-box;
}

.openui-agent-container.openui-agent-container--mobile {
  padding: 0;
}

.openui-agent-sidebar-actions {
  gap: var(--openui-space-2xl);
  flex-direction: column;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-sidebar-actions {
  gap: 0;
}

.openui-agent-sidebar-primary-actions, .openui-agent-sidebar-artifact-nav {
  gap: var(--openui-space-xs);
  flex-direction: column;
  display: flex;
}

.openui-agent-container--mobile .openui-agent-sidebar-primary-actions, .openui-agent-container--mobile .openui-agent-sidebar-artifact-nav {
  gap: var(--openui-space-xl);
}

.openui-agent-container--mobile .openui-agent-sidebar-artifact-nav {
  margin-top: var(--openui-space-2xl);
  padding: 0 var(--openui-space-m-l);
}

.openui-agent-new-chat-button {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  align-items: center;
  gap: var(--openui-space-2xs);
  width: 100%;
  color: var(--openui-text-neutral-primary);
  border-radius: calc(var(--openui-radius-s) + 1px);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: flex-start;
  padding: 0;
  transition: background-color 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
  overflow: hidden;
}

.openui-agent-new-chat-button:not(.openui-agent-new-chat-button--collapsed):hover {
  background-color: var(--openui-highlight);
}

.openui-agent-new-chat-button--collapsed:hover {
  background-color: #0000;
}

.openui-agent-new-chat-button--collapsed:hover .openui-agent-new-chat-button__icon {
  background-color: var(--openui-highlight);
}

.openui-agent-new-chat-button__icon {
  width: 28px;
  height: 28px;
  margin: var(--openui-space-3xs);
  border-radius: var(--openui-radius-s);
  color: var(--openui-text-neutral-primary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: background-color 90ms cubic-bezier(.22, 1, .36, 1), color 90ms cubic-bezier(.22, 1, .36, 1), box-shadow 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.openui-agent-new-chat-button__label {
  opacity: 1;
  white-space: nowrap;
  transition: opacity 90ms cubic-bezier(.22, 1, .36, 1);
}

.openui-agent-new-chat-button--collapsed {
  gap: 0;
  width: 32px;
}

.openui-agent-new-chat-button--collapsed .openui-agent-new-chat-button__label {
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.openui-agent-new-chat-floating-button {
  left: var(--openui-space-m-l);
  bottom: var(--openui-space-l);
  z-index: 1;
  position: absolute;
}

.openui-agent-tooltip, .openui-agent-sidebar-tooltip {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  z-index: 10000;
  padding: var(--openui-space-xs) var(--openui-space-s);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-m);
}

.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);
  cursor: pointer;
  gap: var(--openui-space-xs);
  border: 1px solid #0000;
  align-items: center;
  transition: all .12s;
  display: flex;
}

.openui-button-base svg {
  width: 1em;
  height: 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 {
  color: var(--openui-text-neutral-primary);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-m);
  background-color: #0000;
}

.openui-button-base-secondary:not(:disabled):hover {
  background-color: var(--openui-highlight);
  box-shadow: none;
}

.openui-button-base-secondary:disabled {
  box-shadow: none;
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
  background-color: #0000;
}

.openui-button-base-secondary:not(:disabled):active {
  background-color: var(--openui-highlight);
}

.openui-button-base-tertiary {
  color: var(--openui-text-neutral-primary);
  background-color: #0000;
}

.openui-button-base-tertiary:not(:disabled):hover {
  background-color: var(--openui-highlight);
}

.openui-button-base-tertiary:disabled {
  border-color: var(--openui-border-default);
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
  background-color: #0000;
}

.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 {
  color: var(--openui-text-danger-primary);
  background-color: #0000;
  border-color: #0000;
}

.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 {
  gap: var(--openui-space-m);
  box-sizing: border-box;
  width: 100%;
  display: flex;
}

.openui-buttons-horizontal {
  flex-flow: 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-radius: var(--openui-radius-s);
  color: var(--openui-text-neutral-primary);
  gap: var(--openui-space-2xs);
  background-color: #0000;
  border: 1px solid #0000;
}

.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, .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 {
  gap: var(--openui-space-2xs);
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.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);
  border-radius: var(--openui-radius-s);
  padding: var(--openui-space-xs) var(--openui-space-s);
  color: var(--openui-text-neutral-primary);
  justify-content: center;
  place-self: center;
  align-items: center;
  display: flex;
}

.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);
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  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);
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-s);
  height: auto;
  margin-bottom: var(--openui-space-s);
  font-weight: inherit;
  font-size: inherit;
  display: flex;
}

.openui-calendar-months-dropdown, .openui-calendar-years-dropdown {
  cursor: pointer;
}

.openui-calendar-chevron {
  fill: var(--openui-interactive-accent-default);
}

.openui-calendar-month-grid {
  table-layout: auto;
  border-collapse: collapse;
  width: auto;
}

.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);
  text-transform: none;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

.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);
  vertical-align: middle;
  padding: 0;
}

.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);
  border-radius: var(--openui-calendar-cell-radius);
  width: 100%;
  height: 100%;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: background-color .12s, border-color .12s, color .12s;
  display: flex;
}

.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 {
  padding: var(--openui-space-000) calc(var(--openui-space-m) + 2px);
  box-sizing: border-box;
  border-left: 2px solid;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.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: .4s ease-in forwards openui-callout-fadeout;
  animation-delay: var(--callout-duration, 3s);
}

@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;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }
}

.openui-card {
  gap: var(--openui-space-xl);
  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);
  border: 1px solid #0000;
  flex-direction: column;
  display: flex;
}

.openui-card-card {
  box-shadow: none;
}

.openui-card-clear {
  padding: 0px var(--openui-space-l);
  border-radius: var(--openui-radius-3xl);
  box-shadow: none;
  background-color: #0000;
}

.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 {
  gap: var(--openui-space-xs);
  margin-bottom: var(--openui-space-2xs);
  overflow-wrap: break-word;
  flex-direction: column;
  display: flex;
}

.openui-header-top {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-header-top-left {
  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);
  flex-direction: row;
  display: flex;
}

.openui-header-top-left-icon {
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
}

.openui-header-top-right {
  align-items: center;
  gap: var(--openui-space-2xs);
  flex-direction: row;
  display: flex;
}

.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 {
  display: flex;
  position: relative;
}

.openui-carousel-content {
  gap: var(--openui-space-m);
  scroll-snap-type: x mandatory;
  -ms-overflow-x: hidden;
  scrollbar-width: none;
  flex-direction: row;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.openui-carousel-content.openui-carousel-content--mask-left.openui-carousel-content--mask-right {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 40px calc(100% - 40px), #0000);
  mask-image: linear-gradient(to right, #0000, #000 40px calc(100% - 40px), #0000);
}

.openui-carousel-content.openui-carousel-content--mask-left:not(.openui-carousel-content--mask-right) {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 40px, #000);
  mask-image: linear-gradient(to right, #0000, #000 40px, #000);
}

.openui-carousel-content.openui-carousel-content--mask-right:not(.openui-carousel-content--mask-left) {
  -webkit-mask-image: linear-gradient(to left, #0000, #000 40px, #000);
  mask-image: linear-gradient(to left, #0000, #000 40px, #000);
}

.openui-carousel-content-wrapper {
  gap: var(--openui-space-m);
  display: flex;
}

.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);
  gap: var(--openui-space-m);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-foreground);
  width: 280px;
  padding: var(--openui-space-m);
  border: 1px solid var(--openui-border-default);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.openui-carousel-button {
  z-index: 10;
  background: var(--openui-foreground);
  border-radius: var(--openui-radius-s);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.openui-carousel-button-left {
  left: -12px;
}

.openui-carousel-button-right {
  right: -12px;
}

@media (max-width: 400px) {
  .openui-carousel .openui-carousel-item {
    flex-shrink: 0;
    width: 248px;
  }
}

.openui-carousel--sunk .openui-carousel-item {
  background-color: var(--openui-highlight-subtle);
}

.openui-bar-chart-container-inner {
  width: 100%;
  display: flex;
}

.openui-bar-chart-y-axis-container {
  flex-shrink: 0;
}

.openui-bar-chart-main-container {
  width: 100%;
  overflow-x: auto;
}

.openui-bar-chart-main-container::-webkit-scrollbar {
  display: none;
}

.openui-bar-chart-main-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.openui-bar-chart-condensed-container {
  flex-direction: column;
  display: flex;
}

.openui-bar-chart-condensed-container-inner {
  width: 100%;
  display: flex;
}

.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 {
  flex-direction: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-x-axis-container {
  box-sizing: border-box;
  border-top: 1px solid var(--openui-border-default);
  width: 100%;
  padding-top: var(--openui-space-2xs);
  flex-shrink: 0;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-container-inner-wrapper {
  flex-direction: row;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container {
  height: 100%;
  overflow-y: auto;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container::-webkit-scrollbar {
  display: none;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-main-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.openui-horizontal-bar-chart-container .openui-horizontal-bar-chart-category-label {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding-left: var(--openui-space-m);
  box-sizing: border-box;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.openui-area-chart-container-inner {
  width: 100%;
  display: flex;
}

.openui-area-chart-y-axis-container {
  flex-shrink: 0;
}

.openui-area-chart-main-container {
  width: 100%;
  overflow-x: auto;
}

.openui-area-chart-main-container::-webkit-scrollbar {
  display: none;
}

.openui-area-chart-main-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.openui-area-chart-condensed-container {
  flex-direction: column;
  display: flex;
}

.openui-area-chart-condensed-container-inner {
  width: 100%;
  display: flex;
}

.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 {
  width: 100%;
  display: flex;
}

.openui-line-chart-y-axis-container {
  flex-shrink: 0;
}

.openui-line-chart-main-container {
  width: 100%;
  overflow-x: auto;
}

.openui-line-chart-main-container::-webkit-scrollbar {
  display: none;
}

.openui-line-chart-main-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.openui-line-chart-condensed-container {
  flex-direction: column;
  display: flex;
}

.openui-line-chart-condensed-container-inner {
  width: 100%;
  display: flex;
}

.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 {
  flex-direction: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.openui-scatter-chart-container-inner {
  flex: auto;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.openui-scatter-chart-x-axis-container {
  flex-shrink: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.openui-scatter-chart-y-axis-container {
  flex-shrink: 0;
}

.openui-scatter-chart-main-and-x-axis-container {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-scatter-chart-main-container {
  width: 100%;
  margin-bottom: 45px;
  overflow: hidden;
}

.openui-scatter-chart-legend-container {
  border-top: 1px solid var(--openui-border-default);
}

.openui-radar-chart-container-wrapper {
  gap: 20px;
  display: flex;
  position: relative;
}

.openui-radar-chart-container-wrapper.layout-column {
  flex-direction: column;
  align-items: center;
}

.openui-radar-chart-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.layout-column .openui-radar-chart-container {
  flex: 1;
  min-height: 0;
}

.openui-radar-chart-container-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.openui-radar-chart .recharts-polar-grid-concentric-polygon {
  stroke-width: 1px;
  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 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.openui-single-stacked-bar-chart-container-gap {
  gap: var(--openui-space-m);
}

.openui-single-stacked-bar-chart {
  background-color: var(--openui-background);
  border-radius: var(--openui-radius-s);
  width: 100%;
  height: 20px;
  box-shadow: var(--openui-shadow-s);
  padding: var(--openui-space-2xs);
  gap: var(--openui-space-3xs);
  font-family: inherit;
  display: flex;
  overflow: hidden;
}

.openui-single-stacked-bar-chart-segment {
  min-width: 2px;
  height: 100%;
  box-shadow: var(--openui-shadow-s);
  justify-content: center;
  align-items: center;
  transition: box-shadow .2s, filter .2s, opacity .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.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 {
  background-color: var(--openui-border-accent-emphasis);
  z-index: 1;
  width: calc(100% - 10px);
  min-width: 2px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

.openui-single-stacked-bar-chart-animated {
  transition: width .6s cubic-bezier(.4, 0, .2, 1);
}

.openui-single-stacked-bar-chart-stacked-legend {
  margin-top: var(--openui-space-s);
}

.openui-pie-chart-container-wrapper {
  gap: 20px;
  display: flex;
  position: relative;
}

.openui-pie-chart-container-wrapper.legend-default, .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 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.layout-row .openui-pie-chart-container {
  flex: 1;
  min-width: 0;
}

.openui-pie-chart {
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-pie-chart .openui-pie-chart__inner-cell {
  fill: var(--openui-sunk);
}

.openui-pie-chart-legend-container {
  justify-content: center;
  display: flex;
}

.legend-default .openui-pie-chart-legend-container {
  align-items: center;
  width: 100%;
}

.layout-column.legend-stacked .openui-pie-chart-legend-container {
  align-items: flex-start;
  width: 100%;
}

.layout-row.legend-stacked .openui-pie-chart-legend-container {
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 100%;
}

.openui-radial-chart-container-wrapper {
  gap: 20px;
  display: flex;
  position: relative;
}

.openui-radial-chart-container-wrapper.legend-default, .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 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.layout-row .openui-radial-chart-container {
  flex: 1;
  min-width: 0;
}

.openui-radial-chart {
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-radial-chart .recharts-polar-grid {
  opacity: .3;
}

.openui-radial-chart-legend-container {
  justify-content: center;
  display: flex;
}

.legend-default .openui-radial-chart-legend-container {
  align-items: center;
  width: 100%;
}

.layout-column.legend-stacked .openui-radial-chart-legend-container {
  align-items: flex-start;
  width: 100%;
}

.layout-row.legend-stacked .openui-radial-chart-legend-container {
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 100%;
}

.openui-chart-x-axis-tick-multi-line {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  line-clamp: 3;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  overflow: hidden;
}

.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;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
}

.openui-chart-svg-x-axis-tick, .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 {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-s);
  flex-direction: column;
  display: flex;
}

.openui-chart-legend-axis-label-container {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-m);
  flex-wrap: wrap;
  display: flex;
}

.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 {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-m);
  text-transform: capitalize;
  flex-wrap: wrap;
  display: flex;
}

.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 {
  align-items: center;
  gap: var(--openui-space-xs);
  display: flex;
}

.openui-chart-legend-item svg {
  width: 10px;
  height: 10px;
  color: var(--openui-text-neutral-primary);
}

.openui-chart-legend-item-indicator {
  border-radius: var(--openui-radius-2xs);
  background-color: var(--color-bg);
  flex-shrink: 0;
  width: 10px;
  height: 10px;
}

.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 {
  align-items: center;
  gap: var(--openui-space-2xs);
  display: flex;
}

.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 {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.openui-stacked-legend-header {
  width: 100%;
  padding: 0 var(--openui-space-xs) var(--openui-space-xs) var(--openui-space-l);
  color: var(--openui-text-neutral-secondary);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.openui-stacked-legend-header-buttons {
  align-items: center;
  gap: var(--openui-space-xs);
  flex-direction: row;
  display: flex;
}

.openui-stacked-legend-scroll-button {
  z-index: 1;
  cursor: pointer;
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: flex;
}

.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 {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  flex-direction: column;
  width: 100%;
  min-width: 200px;
  height: 100%;
  display: flex;
  overflow-y: scroll;
}

.openui-stacked-legend::-webkit-scrollbar {
  display: none;
}

.openui-stacked-legend__item {
  border-radius: var(--openui-radius-m);
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 32px;
  padding: 4px 8px;
  transition: all .2s ease-in-out;
  display: flex;
}

.openui-stacked-legend__item:hover, .openui-stacked-legend__item--active {
  background-color: var(--openui-sunk);
}

.openui-stacked-legend__item-label {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.openui-stacked-legend__item-label-text {
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.openui-stacked-legend__item-color-container {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 32px;
  height: 36px;
  display: flex;
}

.openui-stacked-legend__item-color {
  border-radius: 2px;
  width: 10px;
  height: 10px;
  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);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  transition: color .2s ease-in-out;
  overflow: hidden;
}

.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);
  flex-shrink: 0;
  transition: all .2s ease-in-out;
}

.openui-stacked-legend-show-more-button, .openui-stacked-legend-show-less-button {
  width: 100%;
  margin-top: var(--openui-space-2xs);
  justify-content: center;
}

.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 {
  background-color: var(--openui-foreground);
  position: absolute;
}

.openui-chart-horizontal-scroll-button:hover {
  background-color: var(--openui-foreground);
}

.openui-chart-horizontal-scroll-button--left {
  top: -23px;
  left: 20px;
  transform: translateY(-50%);
}

.openui-chart-horizontal-scroll-button--right {
  top: -23px;
  right: 0;
  transform: translateY(-50%);
}

.openui-chart-horizontal-scroll-button--disabled {
  visibility: hidden;
  cursor: not-allowed;
  transition: visibility .1s linear;
}

.openui-chart-horizontal-scroll-button--SideBarTooltip {
  top: -23px;
  right: 185px;
  transform: translateY(-50%);
}

.openui-chart-vertical-scroll-buttons-container {
  width: 25px;
  height: calc(100% - 44px);
  padding-left: var(--openui-space-2xs);
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  display: flex;
}

.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);
  word-wrap: break-word;
  will-change: transform,opacity;
  max-width: 200px;
  animation-duration: .15s;
  animation-timing-function: ease-out;
}

.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 {
  align-items: start;
  gap: var(--openui-space-xs);
  min-width: 128px;
  max-width: 240px;
  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;
  display: grid;
}

.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 {
  align-items: start;
  gap: var(--openui-space-xs);
  min-width: 128px;
  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;
  display: grid;
}

.openui-chart-tooltip-content-item {
  gap: var(--openui-space-xs);
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.openui-chart-tooltip-content-item--dot {
  align-items: center;
}

.openui-chart-tooltip-content-item svg {
  width: 10px;
  height: 10px;
  color: var(--openui-text-neutral-primary);
}

.openui-chart-tooltip-content-indicator {
  border-radius: var(--openui-radius-2xs);
  flex-shrink: 0;
}

.openui-chart-tooltip-content-indicator--dot {
  background-color: var(--color-bg);
  border-color: var(--color-border);
  width: 10px;
  height: 10px;
}

.openui-chart-tooltip-content-indicator--line {
  background-color: var(--color-bg);
  border-color: var(--color-border);
  width: 4px;
}

.openui-chart-tooltip-content-indicator--dashed {
  border: 1.5px dashed var(--color-border);
  background-color: #0000;
  width: 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 {
  gap: var(--openui-space-s);
  flex: 1;
  justify-content: space-between;
  line-height: 1;
  display: flex;
}

.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 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--openui-space-2xs);
  flex-direction: column;
}

.openui-chart-tooltip-content-label {
  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);
  display: grid;
}

.openui-chart-tooltip-content-label span {
  overflow-wrap: break-word;
  word-break: break-word;
  display: block;
}

.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;
  text-overflow: ellipsis;
  overflow: hidden;
}

.openui-chart-tooltip-content-value--percentage {
  padding-left: var(--openui-space-s);
}

.openui-chart-tooltip-content-item-separator {
  background-color: var(--openui-border-default);
  width: 100%;
  height: 1px;
  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 {
  min-width: 180px;
  max-width: 180px;
  padding: var(--openui-space-xs);
  background-color: var(--openui-foreground);
  border-radius: var(--openui-radius-s);
  border: 1px solid var(--openui-border-default);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.openui-chart-side-bar-tooltip-header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.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-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.openui-chart-side-bar-tooltip-content:focus, .openui-chart-side-bar-tooltip-content:focus-visible {
  outline: none;
}

.openui-chart-side-bar-tooltip-content {
  scrollbar-width: thin;
  scrollbar-color: var(--openui-border-default) #0000;
}

.openui-chart-side-bar-tooltip-content::-webkit-scrollbar {
  width: 2px;
  margin-right: 2px;
}

.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-track {
  background: none;
  border-radius: 0;
  margin-right: 2px;
}

.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb {
  background-color: var(--openui-border-default);
  background-clip: content-box;
  border: .25px solid #0000;
  border-radius: 1px;
  width: 1.5px;
}

.openui-chart-side-bar-tooltip-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--openui-border-default);
}

.openui-chart-side-bar-tooltip-content-item {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-xs);
  display: flex;
}

.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);
  text-align: right;
  flex-shrink: 0;
}

.openui-chart-side-bar-tooltip-content-item-color {
  border-radius: var(--openui-radius-2xs);
  width: 10px;
  height: 10px;
}

.openui-chart-side-bar-tooltip-content-item-separator {
  width: 100%;
  margin: var(--openui-space-xs) 0;
  background-color: var(--openui-border-default);
  height: 1px;
}

.openui-chart-container {
  aspect-ratio: 1;
  justify-content: center;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.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: #0000;
}

.openui-chart-container .recharts-layer, .openui-chart-container .recharts-sector, .openui-chart-container .recharts-surface {
  outline: none;
}

.openui-chart-cartesian-grid, .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;
  gap: var(--openui-space-xs);
  border-radius: var(--openui-radius-xl);
  border: 1px solid;
  flex-direction: column;
  display: flex;
}

.openui-checkbox-group-clear {
  padding: var(--openui-space-000);
  background-color: #0000;
  border-color: #0000;
}

.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 {
  align-items: flex-start;
  gap: var(--openui-space-s);
  padding: var(--openui-space-3xs) var(--openui-space-000);
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.openui-checkbox-item-container:disabled {
  cursor: not-allowed;
}

.openui-checkbox-item-root {
  border-radius: var(--openui-radius-xs);
  border: 1px solid var(--openui-border-interactive);
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-top: var(--openui-space-2xs);
  background-color: #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.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 {
  color: var(--openui-text-accent-primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-checkbox-item-content {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.openui-checkbox-item-label {
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  overflow-wrap: anywhere;
  flex: 1;
}

.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);
  overflow-wrap: anywhere;
}

.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 {
  opacity: 0;
  transition: opacity .2s ease-in-out;
  position: absolute;
  top: .5rem;
  right: .5rem;
}

.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 {
  border-radius: .5rem;
  margin: 0 !important;
}

.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-months, .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 {
  gap: var(--openui-space-2xs);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.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);
  border-radius: var(--openui-radius-s);
  padding: var(--openui-space-s) var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.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-radius: var(--openui-radius-s);
  color: var(--openui-text-neutral-primary);
  background-color: #0000;
  border: 1px solid #0000;
}

.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, .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;
  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);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.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, .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(.4, 0, .2, 1);
}

.openui-date-picker-renderer-floating-input-container-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.openui-date-picker-renderer-floating-input-container-icon {
  transform: rotate(180deg);
}

.openui-date-picker-renderer-floating-reference {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.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);
  transform-origin: top;
  animation: .18s ease-out forwards openui-date-picker-show;
  overflow: hidden;
}

.openui-date-picker-renderer-floating-menu .openui-calendar-root {
  border: none;
  border-radius: 0;
}

@keyframes openui-date-picker-show {
  from {
    opacity: 0;
    transform: scale(.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);
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  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);
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-s);
  height: auto;
  margin-bottom: var(--openui-space-s);
  font-weight: inherit;
  font-size: inherit;
  display: flex;
}

.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 {
  table-layout: auto;
  border-collapse: collapse;
  width: auto;
}

.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);
  text-transform: none;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

.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);
  vertical-align: middle;
  padding: 0;
}

.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);
  border-radius: var(--openui-date-picker-cell-radius);
  width: 100%;
  height: 100%;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: background-color .12s, border-color .12s, color .12s;
  display: flex;
}

.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-dot-matrix-loader {
  --openui-dot-matrix-loader-grid-size: 5;
  --openui-dot-matrix-loader-size: 36px;
  grid-template-columns: repeat(var(--openui-dot-matrix-loader-grid-size), 1fr);
  width: var(--openui-dot-matrix-loader-size);
  height: var(--openui-dot-matrix-loader-size);
  display: grid;
}

.openui-dot-matrix-loader__dot {
  aspect-ratio: 1;
  background-color: var(--openui-text-neutral-secondary);
  opacity: .14;
  border-radius: 50%;
  place-self: center;
  width: 68%;
}

.openui-follow-up-block {
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
}

.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 {
  box-sizing: border-box;
  padding: 0;
  padding: var(--openui-space-s) var(--openui-space-000);
  border: 0;
  border-bottom: 1px solid var(--openui-border-default);
  gap: var(--openui-space-s);
  width: 100%;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  text-align: left;
  background: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-follow-up-item-icon {
  size: 16px;
}

.openui-follow-up-item-text {
  white-space: break-spaces;
  word-break: break-word;
  text-align: left;
  max-width: 100%;
  color: var(--openui-text-neutral-primary);
  flex: 1;
}

.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);
  align-items: center;
  gap: var(--openui-space-xs);
  display: flex;
}

.openui-hint-error {
  color: var(--openui-text-danger-primary);
}

.openui-form-control {
  box-sizing: border-box;
  gap: var(--openui-space-s);
  flex-direction: column;
  display: flex;
}

.openui-icon-button {
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .12s;
  display: flex;
}

.openui-icon-button-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.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 {
  color: var(--openui-text-neutral-primary);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-m);
  background-color: #0000;
}

.openui-icon-button-secondary:not(:disabled):hover {
  background-color: var(--openui-highlight);
  box-shadow: none;
}

.openui-icon-button-secondary:disabled {
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
  box-shadow: none;
  background-color: #0000;
}

.openui-icon-button-secondary:not(:disabled):active {
  background-color: var(--openui-highlight);
}

.openui-icon-button-tertiary {
  color: var(--openui-text-neutral-primary);
  background-color: #0000;
}

.openui-icon-button-tertiary:not(:disabled):hover {
  background-color: var(--openui-highlight);
}

.openui-icon-button-tertiary:disabled {
  border-color: var(--openui-border-default);
  color: var(--openui-text-neutral-tertiary);
  cursor: not-allowed;
  background-color: #0000;
}

.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 {
  color: var(--openui-text-danger-primary);
  background-color: #0000;
  border-color: #0000;
}

.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 {
  width: 10px;
  height: 10px;
}

.openui-icon-button-2-extra-small {
  width: 24px;
  height: 24px;
}

.openui-icon-button-2-extra-small .openui-icon-button-icon {
  width: 12px;
  height: 12px;
}

.openui-icon-button-extra-small {
  width: 28px;
  height: 28px;
}

.openui-icon-button-extra-small .openui-icon-button-icon {
  width: 14px;
  height: 14px;
}

.openui-icon-button-small {
  width: 32px;
  height: 32px;
}

.openui-icon-button-small .openui-icon-button-icon {
  width: 16px;
  height: 16px;
}

.openui-icon-button-medium {
  width: 36px;
  height: 36px;
}

.openui-icon-button-medium .openui-icon-button-icon {
  width: 16px;
  height: 16px;
}

.openui-icon-button-large {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 16px;
}

.openui-icon-button-large .openui-icon-button-icon {
  width: 16px;
  height: 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 {
  box-sizing: border-box;
  border-radius: var(--openui-radius-m);
  border: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  max-width: 100%;
  height: auto;
  display: flex;
  overflow: clip;
}

.openui-image-fit {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.openui-image-fill {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.openui-image-block-wrapper {
  isolation: isolate;
  border-radius: var(--openui-radius-2xl);
  min-width: 0;
  min-height: 240px;
  max-height: 240px;
  padding: calc(var(--openui-space-l) - 2px) calc(var(--openui-space-l) + 2px);
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-image-block-wrapper:before {
  content: "";
  background-image: var(--bg-image);
  opacity: .2;
  filter: blur(12px);
  z-index: 0;
  border-radius: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150%;
  position: absolute;
  inset: -20px;
}

.openui-image-block-wrapper--mobile {
  width: 100%;
  height: auto;
  padding: 0;
}

.openui-image-block-wrapper--error {
  visibility: hidden;
}

.openui-image-block-image {
  object-fit: cover;
  border: 4px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
  z-index: 1;
  max-width: 100%;
  height: 100%;
  position: relative;
}

.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 {
  border-radius: var(--openui-radius-full);
  z-index: 2;
  border: 3px solid #d1d5db;
  border-top-color: #2563eb;
  width: 24px;
  height: 24px;
  animation: 1s linear infinite openui-image-block-spin;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

@keyframes openui-image-block-spin {
  to {
    transform: rotate(360deg);
  }
}

.openui-gallery {
  border-radius: var(--openui-radius-m);
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-gallery__grid {
  grid-gap: var(--openui-space-s);
  width: 100%;
  max-height: 376px;
  display: grid;
}

.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-rows: 1fr 1fr;
  grid-template-columns: 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-rows: repeat(2, 1fr);
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "img1 img1 img2 img2"
                       "img1 img1 img3 img4";
}

.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:first-child {
  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-rows: 1fr 1fr;
  grid-template-columns: 2fr 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 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .3s;
}

.openui-gallery__image img:hover {
  transform: scale(1.05);
}

.openui-gallery__image--main img {
  height: 100%;
}

.openui-gallery__show-all-button {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.openui-gallery__modal {
  z-index: 1000;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: var(--openui-overlay);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  animation: .3s fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.openui-gallery__modal-content {
  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);
  width: calc(100% - 80px);
  max-width: 720px;
  height: calc(100% - 80px);
  max-height: 640px;
  padding-top: var(--openui-space-xl);
  padding-bottom: var(--openui-space-xl);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.openui-gallery__modal-header {
  padding-left: var(--openui-space-xl);
  padding-right: var(--openui-space-xl);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.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 {
  min-height: 0;
  padding-left: var(--openui-space-xl);
  padding-right: var(--openui-space-xl);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-gallery__modal-main img {
  object-fit: contain;
  border-radius: var(--openui-radius-s);
  max-width: 100%;
  max-height: 100%;
}

.openui-gallery__modal-main:hover .openui-gallery__modal-details {
  display: flex;
}

.openui-gallery__modal-carousel-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-gallery__modal-carousel {
  gap: var(--openui-space-s);
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-left: var(--openui-space-xl);
  padding-right: var(--openui-space-xl);
  display: flex;
  overflow-x: auto;
}

.openui-gallery__modal-carousel::-webkit-scrollbar {
  display: none;
}

.openui-gallery__modal-carousel-button-container {
  z-index: 1;
  background-color: var(--openui-foreground);
  border-radius: var(--openui-radius-xs);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}

.openui-gallery__modal-carousel-button-container-left {
  left: 24px;
}

.openui-gallery__modal-carousel-button-container-right {
  right: 24px;
}

.openui-gallery__modal-thumbnail {
  cursor: pointer;
  opacity: .6;
  border-radius: var(--openui-radius-s);
  box-sizing: border-box;
  border: 1px solid #0000;
  flex: 1;
  min-width: 174px;
  height: 116px;
  transition: opacity .2s;
  overflow: hidden;
}

.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 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .openui-gallery--default .openui-gallery__grid {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(6, 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:first-child {
    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-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "img1 img1"
                         "img2 img3";
  }

  .openui-gallery--triple .openui-gallery__grid .openui-gallery__image:first-child {
    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;
  }

  .openui-gallery__modal-content {
    border-radius: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: 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;
  gap: var(--openui-space-xs);
  background-color: var(--openui-highlight-subtle);
  width: 100%;
  color: var(--openui-text-neutral-primary);
  transition: box-shadow .16s, border-color .16s, background-color .16s;
}

.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 {
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
  outline: none;
}

.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, .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;
  align-items: flex-start;
  gap: var(--openui-space-l);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-list-item-wrapper {
  gap: var(--openui-space-m);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.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 {
  align-items: flex-start;
  gap: var(--openui-space-m);
  flex-direction: row;
  display: flex;
}

.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);
  background-color: var(--openui-sunk);
  border-radius: var(--openui-radius-m);
  width: 40px;
  height: 40px;
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
  overflow: hidden;
}

.openui-list-item-indicator-no-subtitle {
  border-radius: var(--openui-radius-s);
  width: 24px;
  height: 24px;
  margin-top: 0;
}

.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);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.openui-list-item-indicator-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.openui-list-item-content-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.openui-list-item-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.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 {
  justify-content: flex-start;
  align-items: center;
  gap: var(--openui-space-2xs);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.openui-list-item-action-label, .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, .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 {
  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);
  border-radius: 4px;
  padding: 2px 4px;
}

.openui-markdown-renderer-code:after, .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;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  text-decoration: none;
  transition: color .2s ease-in-out;
}

.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;
}

:is(.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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  margin-bottom: 8px;
}

.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, .openui-markdown-renderer li li, .openui-markdown-renderer li ol {
  margin-top: 8px;
}

.openui-markdown-renderer ol {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  margin-bottom: 20px;
  padding-left: 20px;
  list-style-type: decimal;
}

.openui-markdown-renderer ol :last-child {
  margin-bottom: 0;
}

.openui-markdown-renderer ul {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-primary);
  margin-bottom: 24px;
  padding-left: 20px;
  list-style-type: disc;
}

.openui-markdown-renderer ul :last-child {
  margin-bottom: 0;
}

.openui-markdown-renderer .openui-code-block-syntax-highlighter {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding: 25px !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);
  quotes: "“" "”" "‘" "’";
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 0;
  padding: 0 0 0 16px;
  font-style: italic;
  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;
  vertical-align: top;
  margin-right: .2em;
  font-size: 1em;
  line-height: 1;
}

.openui-markdown-renderer blockquote > :last-child:after {
  content: close-quote;
  vertical-align: top;
  margin-left: .2em;
  font-size: 1em;
  line-height: 1.5;
}

.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;
}

.openui-modal-root {
  z-index: 9999;
  position: relative;
}

.openui-modal-overlay {
  background: var(--openui-overlay);
  z-index: 9999;
  animation: .15s ease-out openui-modal-fade-in;
  position: fixed;
  inset: 0;
}

.openui-modal-content {
  z-index: 10000;
  background: var(--openui-foreground);
  color: var(--openui-text-neutral-primary);
  border: 1px solid var(--openui-border-default);
  border-radius: 12px;
  flex-direction: column;
  max-height: 85vh;
  animation: .15s ease-out openui-modal-slide-in;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 16px 48px #0003;
}

.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 {
  padding: var(--openui-space-m);
  border-bottom: 1px solid var(--openui-border-default);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.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;
  width: 28px;
  height: 28px;
  color: var(--openui-text-neutral-secondary);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-modal-close:hover {
  color: var(--openui-text-neutral-primary);
}

.openui-modal-body {
  padding: var(--openui-space-m);
  gap: var(--openui-space-m);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.openui-modal-sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@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-shell-thread-message-assistant {
  gap: var(--openui-space-s);
  width: 100%;
  display: flex;
  overflow: hidden;
}

.openui-agent-thread-container--detailed-view-active .openui-shell-thread-message-assistant {
  gap: 0;
}

.openui-shell-thread-message-assistant__content {
  gap: var(--openui-space-s);
  overflow-wrap: break-word;
  flex-direction: column;
  flex-grow: 1;
  display: flex;
  overflow: hidden;
}

.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 {
  border-radius: var(--openui-radius-m);
  width: 32px;
  height: 32px;
}

.openui-agent-container--mobile .openui-shell-thread-message-assistant__logo, .openui-agent-thread-container--detailed-view-active .openui-shell-thread-message-assistant__logo {
  display: none;
}

.openui-shell-thread-message-user {
  justify-content: flex-end;
  padding: 0;
  display: flex;
}

.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-share-thread-modal__overlay {
  z-index: 9999;
  background-color: var(--openui-overlay);
  position: absolute;
  inset: 0;
}

.openui-share-thread-modal__content {
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-background);
  width: 100%;
  max-width: 32rem;
  padding: var(--openui-space-l);
  box-shadow: var(--openui-shadow-m);
  border: 1px solid var(--openui-border-interactive);
  z-index: 10001;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.openui-share-thread-modal__content--mobile {
  max-width: 20rem;
  padding: var(--openui-space-l);
}

.openui-share-thread-modal__header {
  margin-bottom: var(--openui-space-m);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.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);
  gap: var(--openui-space-m);
  flex-direction: column;
  display: flex;
}

.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 {
  gap: var(--openui-space-s);
  flex-direction: column;
  display: flex;
}

.openui-share-thread-modal__input-wrapper {
  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);
  display: flex;
}

.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);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  background: none;
  border: none;
}

.openui-share-thread-modal__button-container {
  flex-shrink: 0;
  align-items: flex-start;
  display: flex;
}

.openui-share-thread-modal__loading-icon {
  width: 1rem;
  height: 1rem;
  animation: 1s linear infinite openui-share-spin;
}

.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(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.openui-radio-group {
  box-sizing: border-box;
  gap: var(--openui-space-xs);
  border-radius: var(--openui-radius-xl);
  border: 1px solid;
  flex-direction: column;
  display: flex;
}

.openui-radio-group-clear {
  padding: var(--openui-space-000);
  background-color: #0000;
  border-color: #0000;
}

.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 {
  align-items: flex-start;
  gap: var(--openui-space-s);
  padding: var(--openui-space-3xs) var(--openui-space-000);
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.openui-radio-item-container:disabled {
  cursor: not-allowed;
}

.openui-radio-item-root {
  box-sizing: border-box;
  border-radius: var(--openui-radius-full);
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-top: var(--openui-space-2xs);
  background-color: #0000;
  border: none;
  flex-shrink: 0;
}

.openui-radio-item-root[data-state] {
  position: relative;
}

.openui-radio-item-root:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.openui-radio-item-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.openui-radio-item-root[data-state="unchecked"] .openui-radio-item-svg-path, .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, .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-content {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.openui-radio-item-label {
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  overflow-wrap: anywhere;
  flex: 1;
}

.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);
  overflow-wrap: anywhere;
}

.openui-foldable-section {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
}

.openui-foldable-section-root {
  gap: var(--openui-space-l);
  flex-direction: column;
  display: flex;
}

.openui-foldable-section-item {
  gap: var(--openui-space-l);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-foldable-section-header {
  margin-block: 0;
  margin-inline: 0;
  display: flex;
}

.openui-foldable-section-trigger {
  padding: var(--openui-space-m) 0 var(--openui-space-xs) 0;
  width: 100%;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  background-color: #0000;
  border: none;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-foldable-section-trigger-content-wrapper {
  gap: var(--openui-space-l);
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 100%;
  display: flex;
}

.openui-foldable-section-trigger-content-separator {
  margin: var(--openui-space-3xs);
}

.openui-foldable-section-trigger-content-icon-button-wrapper {
  justify-content: start;
  align-items: center;
  gap: var(--openui-space-s);
  width: 100%;
  display: flex;
}

.openui-foldable-section-trigger-content-icon-button {
  flex-shrink: 0;
}

.openui-foldable-section-trigger-content-icon-button-icon {
  transition: transform .3s cubic-bezier(.87, 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;
  justify-content: start;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}

.openui-foldable-section-content {
  gap: var(--openui-space-xl);
  flex-direction: column;
  width: 100%;
  padding: 0 0 0 28px;
  display: flex;
}

.openui-foldable-section-content[data-state="open"] {
  height: fit-content;
}

.openui-foldable-section-content[data-state="closed"] {
  height: 0;
}

.openui-section-v2 {
  justify-content: center;
  align-items: flex-start;
  gap: var(--openui-space-xl);
  margin-top: var(--openui-space-m);
  flex-direction: column;
  display: flex;
}

.openui-section-v2-wrapper {
  justify-content: center;
  align-items: flex-start;
  gap: var(--openui-space-xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-section-v2-header {
  justify-content: flex-start;
  align-items: center;
  gap: var(--openui-space-s);
  margin-bottom: var(--openui-space-2xs);
  flex-direction: row;
  display: flex;
}

.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 {
  gap: var(--openui-space-xl);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.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);
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-s);
  outline: none;
  display: inline-flex;
}

.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 {
  width: 16px;
  height: 16px;
}

.openui-select-trigger svg {
  transition: transform .2s cubic-bezier(.4, 0, .2, 1);
}

.openui-select-trigger[data-state="open"] svg {
  transform: rotate(180deg);
}

.openui-select-content {
  box-sizing: border-box;
  z-index: 99999;
  max-height: 372px;
  min-width: var(--radix-select-trigger-width);
  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;
  animation: .18s ease-out forwards select-show;
  position: relative;
  overflow: hidden;
}

.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(.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 {
  gap: var(--openui-space-3xs);
  flex-direction: column;
  display: flex;
}

.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;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  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;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.openui-select-item--with-tick, .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, .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 {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 8px;
}

.openui-select-item-check-icon {
  width: 16px;
  height: 16px;
}

.openui-select-item-text {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  flex: 1;
}

.openui-select-item-value {
  color: var(--openui-text-neutral-secondary);
}

.openui-select-separator {
  box-sizing: border-box;
  border-top: 1px solid var(--openui-border-default);
  height: 1px;
  margin: 4px -4px;
}

.openui-separator {
  background-color: var(--openui-border-default);
}

.openui-separator[data-orientation="horizontal"] {
  width: 100%;
  height: 1px;
}

.openui-separator[data-orientation="vertical"] {
  width: 1px;
  height: 100%;
}

@keyframes openui-skeleton-pulse {
  0% {
    opacity: .3;
  }

  50% {
    opacity: .85;
  }

  100% {
    opacity: .3;
  }
}

.openui-skeleton-bar {
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-s);
  animation: 1.2s ease-in-out infinite openui-skeleton-pulse;
}

.openui-skeleton-stack {
  gap: var(--openui-space-s);
  flex-direction: column;
  display: flex;
}

.openui-skeleton-table {
  padding: var(--openui-space-s) 0;
}

.openui-skeleton-table-row {
  gap: var(--openui-space-m);
  padding: var(--openui-space-s-m) var(--openui-space-m);
  border-bottom: 1px solid var(--openui-border-default);
  display: grid;
}

.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 {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-m);
  display: flex;
}

.openui-skeleton-pie-chart-container {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-skeleton-pie-chart-shape {
  background-color: var(--openui-elevated-strong);
  border-radius: 50%;
  animation: 1.2s ease-in-out infinite openui-skeleton-pulse;
}

.openui-skeleton-pie-chart-donut {
  border: var(--openui-space-xl) solid var(--openui-elevated-strong);
  background-color: #0000;
}

.openui-skeleton-pie-chart-semi {
  border-radius: var(--openui-radius-full) var(--openui-radius-full) 0 0;
}

.openui-skeleton-pie-chart-semi-donut {
  border: var(--openui-space-xl) solid var(--openui-elevated-strong);
  border-radius: var(--openui-radius-full) var(--openui-radius-full) 0 0;
  background-color: #0000;
  border-bottom: 0;
}

.openui-skeleton-pie-chart-legend {
  gap: var(--openui-space-s);
  flex-direction: column;
  min-width: 120px;
  display: flex;
}

.openui-skeleton-pie-chart-legend-item {
  align-items: center;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-skeleton-pie-chart-legend-dot {
  background-color: var(--openui-elevated-strong);
  border-radius: 50%;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  animation: 1.2s ease-in-out infinite openui-skeleton-pulse;
}

.openui-slider-wrapper {
  align-items: center;
  gap: var(--openui-space-s);
  width: 100%;
  display: flex;
}

.openui-slider-left-content, .openui-slider-right-content {
  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);
  align-items: center;
  display: flex;
}

.openui-slider-left-content svg, .openui-slider-right-content svg {
  width: 16px;
  height: 16px;
}

.openui-slider-container {
  background-color: var(--openui-sunk);
  border-radius: var(--openui-radius-s);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10px;
  padding: 0 10px;
  display: flex;
}

.openui-slider-root {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 100%;
  height: 20px;
  display: flex;
  position: relative;
}

.openui-slider-track {
  border-radius: var(--openui-radius-full);
  flex-grow: 1;
  height: 10px;
  position: relative;
}

.openui-slider-range {
  border-radius: var(--openui-radius-s);
  background-color: var(--openui-interactive-accent-default);
  height: 100%;
  margin-left: -10px;
  margin-right: -8px;
  position: absolute;
}

.openui-slider-range--at-min {
  background-color: #0000;
}

.openui-slider-thumb {
  outline: none;
}

.openui-slider-thumb-handle {
  border-radius: var(--openui-radius-s);
  outline: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  width: 20px;
  height: 20px;
  box-shadow: var(--openui-shadow-s);
  display: block;
  overflow: hidden;
}

.openui-slider-thumb-handle-inner {
  background-color: var(--openui-foreground);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
  display: flex;
}

.openui-slider-thumb-handle-inner:hover {
  background-color: var(--openui-sunk);
}

.openui-slider-thumb-handle-inner-dot {
  border-radius: var(--openui-radius-3xs);
  background-color: var(--openui-interactive-accent-default);
  width: 6px;
  height: 6px;
}

.openui-slider-thumb-value {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  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;
  border: 1px solid var(--openui-border-interactive);
  transition: opacity .2s;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.openui-slider-thumb-handle:hover .openui-slider-thumb-value, .openui-slider-thumb-handle:focus .openui-slider-thumb-value {
  opacity: 1;
}

.openui-slider-dots-dot {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-text-neutral-tertiary);
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.openui-slider-dots-dot--active {
  background-color: var(--openui-foreground);
}

.openui-slider-container-wrapper {
  width: 100%;
}

.openui-slider-labels {
  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);
  justify-content: space-between;
  display: flex;
}

.openui-slider--disabled {
  opacity: .5;
  pointer-events: none;
}

.openui-slider-block {
  width: 100%;
}

.openui-slider-block__header {
  margin-bottom: calc(var(--openui-space-s) + var(--openui-space-xs));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-slider-block__header--with-error {
  margin-bottom: var(--openui-space-s);
  align-items: flex-start;
}

.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 {
  gap: var(--openui-space-xs);
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.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, .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 {
  align-items: center;
  display: flex;
}

.openui-slider-block__validated-input-container {
  gap: var(--openui-space-xs);
  align-items: center;
  display: flex;
}

.openui-slider-block__validated-select-container {
  align-items: center;
  gap: var(--openui-space-xs);
  display: flex;
}

.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 {
  gap: var(--openui-space-2xs);
  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);
  align-items: center;
  display: flex;
}

.openui-slider-block__separator {
  background-color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  width: 8px;
  height: 2px;
}

.openui-steps-container {
  width: 100%;
  min-width: 280px;
  margin: 0 auto;
}

.openui-steps {
  flex-direction: column;
  display: flex;
}

.openui-step-item {
  gap: var(--openui-space-m);
  display: flex;
  position: relative;
}

.openui-step-connector {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.openui-step-number {
  padding: var(--openui-space-2xs) 0px var(--openui-space-2xs) 0px;
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-step-number-inner {
  background-color: var(--openui-elevated);
  width: 24px;
  height: 24px;
  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);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-connector-line {
  z-index: 1;
  background-color: var(--openui-sunk);
  flex-grow: 1;
  width: 1px;
}

.openui-step-item:last-child .openui-connector-line {
  display: none;
}

.openui-step-content {
  padding-top: var(--openui-space-2xs);
  gap: var(--openui-space-3xs);
  margin-bottom: var(--openui-space-l);
  flex-direction: column;
  display: flex;
}

.openui-step-item:last-child .openui-step-content {
  margin-bottom: 0;
}

.openui-step-title {
  color: var(--openui-text-neutral-secondary);
}

.openui-step-details {
  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);
  flex-direction: column;
  display: flex;
}

.openui-switch-group {
  box-sizing: border-box;
  gap: var(--openui-space-xs);
  border-radius: var(--openui-radius-xl);
  border: 1px solid;
  flex-direction: column;
  display: flex;
}

.openui-switch-group-clear {
  padding: var(--openui-space-000);
  background-color: #0000;
  border-color: #0000;
}

.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;
  align-items: flex-start;
  gap: var(--openui-space-s);
  width: 100%;
  max-width: 100%;
  padding: var(--openui-space-3xs) var(--openui-space-000);
  display: flex;
  overflow: hidden;
}

.openui-switch-item-root {
  width: 24px;
  height: 16px;
  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);
  flex-shrink: 0;
  transition-property: background-color;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: inline-block;
  position: relative;
}

.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 {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-foreground);
  width: 10px;
  height: 10px;
  box-shadow: var(--openui-shadow-s);
  border: none;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: block;
  position: absolute;
  transform: translateY(-50%)translateX(0);
}

.openui-switch-item-thumb[data-state="checked"] {
  border-color: var(--openui-border-interactive);
  transform: translateY(-50%)translateX(8px);
}

.openui-switch-item-label {
  color: var(--openui-text-neutral-primary);
  flex: 1;
}

.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 {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-2xl);
  width: 100%;
  position: relative;
  overflow: auto;
}

.openui-table {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  caption-side: bottom;
  border-collapse: collapse;
  width: 100%;
}

.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);
  flex-grow: 1;
  justify-content: left;
  display: inline-flex;
}

.openui-table-head .openui-table-head-content {
  align-items: center;
  gap: var(--openui-space-2xs);
  display: flex;
}

.openui-table-head .openui-table-head-icon {
  color: var(--openui-text-neutral-secondary);
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-table-row:nth-child(2n) {
  background-color: var(--openui-highlight-subtle);
}

.openui-table-row {
  border-bottom: 1px solid var(--openui-border-default);
}

.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 {
  outline: none;
  width: 100%;
  position: relative;
}

.openui-scrollable-table-scroll-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.openui-scrollable-table-scroll-container::-webkit-scrollbar {
  display: none;
}

.openui-scrollable-table-control {
  top: var(--openui-space-s);
  z-index: 2;
  border-radius: var(--openui-radius-s);
  background-color: var(--openui-foreground);
  width: fit-content;
  height: fit-content;
  position: absolute;
}

.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;
  gap: var(--openui-space-l);
  flex-direction: column;
  display: flex;
}

.openui-tabs-clear .openui-tabs-content {
  padding: var(--openui-space-3xs) 0;
  border: #0000;
}

.openui-tabs-clear .openui-tabs-list {
  gap: var(--openui-space-l);
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  background: none;
  border-radius: 0;
  flex: 1;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow-x: auto;
}

.openui-tabs-clear .openui-tabs-list::-webkit-scrollbar {
  display: none;
}

.openui-tabs-clear .openui-tabs-trigger {
  border-radius: var(--openui-radius-none);
  width: auto;
  min-width: 0;
  padding: var(--openui-space-s) 0;
  border: 0;
  flex-shrink: 0;
}

.openui-tabs-clear .openui-tabs-trigger[data-state="active"] {
  box-shadow: none;
  font: var(--openui-text-label-default-heavy);
  letter-spacing: var(--openui-text-label-default-heavy-letter-spacing);
  background-color: #0000;
  border: 0;
}

.openui-tabs-clear .openui-tabs-trigger:not([data-state="active"]):hover {
  color: var(--openui-text-neutral-primary);
  background-color: #0000;
  border: 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 {
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-tabs-list-container:after {
  content: "";
  border-bottom: 1px solid var(--openui-border-default);
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.openui-tabs-indicator {
  opacity: 0;
  background-color: var(--openui-border-interactive-selected);
  pointer-events: none;
  z-index: 1;
  width: 0;
  height: 1.5px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.openui-tabs-scroll-button-container-left {
  z-index: 1;
  background-color: var(--openui-foreground);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 4px 0 0;
  display: flex;
  position: absolute;
  left: 0;
}

.openui-tabs-scroll-button-container-right {
  z-index: 1;
  background-color: var(--openui-foreground);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 0 0 4px;
  display: flex;
  position: absolute;
  right: 0;
}

.openui-tabs-scroll-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-tabs-scroll-button.openui-tabs-scroll-left {
  left: 2px;
}

.openui-tabs-scroll-button.openui-tabs-scroll-right {
  right: 2px;
}

.openui-tabs-list {
  box-sizing: border-box;
  gap: var(--openui-space-3xs);
  width: 100%;
  padding: var(--openui-space-2xs);
  border-radius: var(--openui-radius-l);
  background-color: var(--openui-sunk);
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  flex-direction: row;
  display: flex;
  overflow-x: auto;
}

.openui-tabs-list::-webkit-scrollbar {
  display: none;
}

.openui-tabs-trigger {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-s);
  box-sizing: border-box;
  padding: var(--openui-space-3xs) var(--openui-space-s);
  border-radius: var(--openui-radius-s);
  width: 100%;
  min-width: 7.3rem;
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  background-color: #0000;
  border: 1px solid #0000;
  flex-direction: row;
  display: flex;
}

.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 {
  align-items: flex-start;
  gap: var(--openui-space-3xs);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.openui-tabs-trigger-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  max-width: 232px;
  overflow: hidden;
}

.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;
  text-overflow: ellipsis;
  max-width: 232px;
  overflow: hidden;
}

.openui-tabs-trigger-icon {
  background: var(--openui-sunk);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.openui-tabs-trigger-icon svg {
  width: 14px;
  height: 14px;
}

.openui-tabs-trigger-image {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.openui-tabs-trigger-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.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 {
  border-radius: var(--openui-radius-s);
  width: 24px;
  height: 24px;
}

.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, .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 {
  border-radius: var(--openui-radius-m);
  width: 36px;
  height: 36px;
}

.openui-tabs-list--icon-title-subtext .openui-tabs-trigger-icon svg {
  width: 16px;
  height: 16px;
}

.openui-tabs-list--image-title .openui-tabs-trigger-image {
  border-radius: var(--openui-radius-s);
  width: 24px;
  height: 24px;
}

.openui-tabs-list--image-title-subtext .openui-tabs-trigger-image {
  border-radius: var(--openui-radius-m);
  width: 36px;
  height: 36px;
}

.openui-tabs-content {
  box-sizing: border-box;
  padding: var(--openui-space-l);
  border-radius: var(--openui-radius-m);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  border: 1px solid #0000;
}

.openui-tabs-content-inner {
  gap: var(--openui-space-l);
  flex-direction: column;
  display: flex;
}

.openui-tag {
  box-sizing: border-box;
  align-items: center;
  gap: var(--openui-space-2xs);
  max-width: 100%;
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  display: flex;
  overflow: hidden;
}

.openui-tag-icon {
  align-items: center;
  display: flex;
}

.openui-tag-icon svg {
  stroke-width: 2.5px;
  width: 14px;
  height: 14px;
}

.openui-tag-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.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;
  gap: var(--openui-space-s);
  flex-wrap: wrap;
  max-width: 100%;
  display: flex;
}

.openui-textarea {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  box-sizing: border-box;
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-xl);
  width: 100%;
  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);
  resize: none;
  outline: none;
  transition: box-shadow .16s, border-color .16s, background-color .16s;
}

.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 {
  gap: var(--openui-space-xs);
  box-sizing: border-box;
  flex-direction: row;
  width: 100%;
  padding: 0 16px;
  display: flex;
}

.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;
  padding: var(--openui-space-3xs);
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-text-callout-icon-inner {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.openui-text-callout-content {
  flex-direction: column;
  display: flex;
}

.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: #0000;
}

.openui-toggle-group {
  gap: var(--openui-space-m);
  box-sizing: border-box;
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.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);
  cursor: pointer;
  gap: var(--openui-space-2xs);
  background-color: var(--openui-foreground);
  color: var(--openui-text-neutral-primary);
  border: 1px solid #0000;
  border-color: var(--openui-border-default);
  align-items: center;
  transition: all .2s;
  display: flex;
}

.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 {
  align-items: flex-start;
  gap: var(--openui-space-s);
  width: 100%;
  border-block-end: 1px solid var(--openui-border-default);
  flex-direction: column;
  margin-block-end: var(--openui-space-m);
  padding-block-end: var(--openui-space-m);
  display: flex;
}

.openui-behind-the-scenes__toggle {
  align-items: center;
  gap: var(--openui-space-s);
  padding: 0;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  text-align: start;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
}

.openui-behind-the-scenes__toggle:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.openui-behind-the-scenes__toggle:hover .openui-behind-the-scenes__toggle-label {
  color: var(--openui-text-neutral-primary);
}

.openui-behind-the-scenes__toggle-label {
  -webkit-text-fill-color: currentColor;
}

.openui-behind-the-scenes__toggle-label--shimmer {
  background-image: linear-gradient(90deg, transparent 40%, var(--openui-text-neutral-secondary) 50%, transparent 60%),linear-gradient(var(--openui-text-neutral-tertiary), var(--openui-text-neutral-tertiary));
  -webkit-text-fill-color: #0000;
  background-repeat: no-repeat, no-repeat;
  background-size: 300% 100%, 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 3s linear infinite openui-tool-code-shimmer;
  display: inline-block;
}

.openui-behind-the-scenes__toggle-icon {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  transition: transform .2s;
}

.openui-behind-the-scenes__items {
  align-items: flex-start;
  gap: var(--openui-space-xs);
  width: 100%;
  max-height: var(--openui-tool-timeline-max-height, 24rem);
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.openui-behind-the-scenes__items::-webkit-scrollbar {
  display: none;
}

.openui-behind-the-scenes__items {
  --openui-timeline-fade-top: 0px;
  --openui-timeline-fade-bottom: 0px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--openui-timeline-fade-top), #000 calc(100% - var(--openui-timeline-fade-bottom)), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--openui-timeline-fade-top), #000 calc(100% - var(--openui-timeline-fade-bottom)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 var(--openui-timeline-fade-top), #000 calc(100% - var(--openui-timeline-fade-bottom)), transparent 100%);
  padding-inline-end: var(--openui-space-s);
}

.openui-behind-the-scenes__items--fade-top {
  --openui-timeline-fade-top: 1.5rem;
}

.openui-behind-the-scenes__items--fade-bottom {
  --openui-timeline-fade-bottom: 2rem;
}

.openui-behind-the-scenes__compact {
  grid-template-rows: 1fr;
  width: 100%;
  transition: grid-template-rows .2s, opacity .2s;
  display: grid;
}

.openui-behind-the-scenes__compact--closed {
  opacity: 0;
  grid-template-rows: 0fr;
}

.openui-behind-the-scenes__compact-inner {
  min-height: 0;
  overflow: hidden;
}

.openui-behind-the-scenes__reveal-item {
  animation: .25s openui-behind-the-scenes-reveal;
}

@keyframes openui-behind-the-scenes-reveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.openui-tool-call {
  flex-direction: column;
  width: 100%;
  padding-inline-start: 0;
  display: flex;
}

.openui-tool-call__title-row {
  align-items: center;
  gap: var(--openui-space-s);
  padding: 0;
  padding: var(--openui-space-3xs) 0;
  width: 100%;
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  text-align: start;
  background: none;
  border: 0;
  min-width: 0;
  display: flex;
}

.openui-tool-call__title-row:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.openui-tool-call__title-row:hover .openui-tool-call__name {
  color: var(--openui-text-neutral-primary);
}

.openui-tool-call__title-row[aria-expanded="true"] .openui-tool-call__chevron {
  transform: rotate(180deg);
}

.openui-tool-call__content {
  gap: var(--openui-space-xs);
  margin-block: var(--openui-space-2xs);
  flex-direction: column;
  margin-inline-start: var(--openui-space-s);
  display: flex;
}

.openui-tool-call__block {
  padding: var(--openui-space-s) var(--openui-space-m);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-highlight-subtle);
  max-height: 250px;
  overflow: auto;
}

.openui-tool-call__icon-wrapper {
  opacity: .3;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-tool-call__icon {
  color: var(--openui-text-neutral-primary);
  flex-shrink: 0;
}

.openui-tool-call__icon--blinking {
  animation: 1.5s ease-in-out infinite openui-tool-call-icon-blink;
}

.openui-tool-call__name {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  -webkit-text-fill-color: currentColor;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.openui-tool-call__name--shimmer {
  background-image: linear-gradient(90deg, transparent 40%, var(--openui-text-neutral-secondary) 50%, transparent 60%),linear-gradient(var(--openui-text-neutral-tertiary), var(--openui-text-neutral-tertiary));
  -webkit-text-fill-color: #0000;
  background-repeat: no-repeat, no-repeat;
  background-size: 300% 100%, 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 3s linear infinite openui-tool-code-shimmer;
  display: inline-block;
}

.openui-tool-call__connector {
  gap: var(--openui-space-m);
  padding: var(--openui-space-s-m) var(--openui-space-s);
  border-inline-start: 1px solid var(--openui-border-interactive);
  width: calc(100% - 6px);
  min-height: 20px;
  margin-inline-start: 6px;
  padding-inline-end: 0;
  display: flex;
}

.openui-tool-call__connector--last {
  border-inline-start-color: #0000;
}

.openui-tool-call__args-block {
  gap: var(--openui-space-xs);
  padding-left: var(--openui-space-m);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-tool-call__reasoning {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: 0;
  font-style: italic;
}

.openui-tool-call__sources {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-foreground);
  width: 100%;
  padding: var(--openui-space-2xs);
  flex-direction: column;
  display: flex;
}

.openui-tool-call__source {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-m);
  padding: var(--openui-space-2xs) var(--openui-space-s);
  padding-left: var(--openui-space-2xs);
  border-radius: var(--openui-radius-m);
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  transition: background-color .15s;
  display: flex;
}

.openui-tool-call__source:hover {
  background-color: var(--openui-sunk);
}

.openui-tool-call__source:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.openui-tool-call__source-left {
  align-items: center;
  gap: var(--openui-space-s);
  flex: 0 75%;
  min-width: 0;
  display: flex;
}

.openui-tool-call__source-logo {
  border-radius: var(--openui-radius-xs);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.openui-tool-call__source-title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.openui-tool-call__source-desc {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-tertiary);
  text-align: end;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 25%;
  min-width: 0;
  overflow: hidden;
}

.openui-tool-call--card {
  padding-left: 0;
}

.openui-tool-call__header {
  align-items: center;
  gap: var(--openui-space-m);
  width: 100%;
  padding: 0;
  padding: var(--openui-space-2xs) var(--openui-space-s);
  border-radius: var(--openui-radius-m);
  cursor: pointer;
  color: var(--openui-text-neutral-secondary);
  background: none;
  border: 0;
  display: flex;
}

.openui-tool-call__header:not(:disabled):hover {
  background-color: var(--openui-sunk);
}

.openui-tool-call__header:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.openui-tool-call__chevron {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  margin-inline-start: auto;
  transition: transform .2s;
}

.openui-tool-call__panel {
  gap: var(--openui-space-xs);
  padding: var(--openui-space-s) var(--openui-space-m);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-tool-call__request, .openui-tool-call__response {
  font: var(--openui-text-code-sm);
  letter-spacing: var(--openui-text-code-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 250px;
  margin: 0;
  overflow: auto;
}

.openui-tool-call__result--error {
  color: var(--openui-text-danger-primary);
}

.openui-tool-call--error .openui-tool-call__icon-wrapper {
  opacity: 1;
}

.openui-tool-call--error .openui-tool-call__icon, .openui-tool-call--error .openui-tool-call__name {
  color: var(--openui-text-danger-primary);
}

.openui-tool-code-block {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  background-color: var(--openui-highlight-subtle);
  width: 100%;
  transition: border-color .15s;
  overflow: hidden;
}

.openui-tool-code-block:hover {
  border-color: var(--openui-border-interactive-emphasis);
}

.openui-tool-code-block__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-s);
  width: 100%;
  padding: 0;
  padding: var(--openui-space-s);
  cursor: pointer;
  background: none;
  border: 0;
  display: flex;
}

.openui-tool-code-block__header:focus-visible {
  outline: 2px solid var(--openui-border-interactive-emphasis);
  outline-offset: var(--openui-space-3xs);
}

.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;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.openui-tool-code-block__label--loading {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  background-image: linear-gradient(90deg, transparent 40%, var(--openui-text-neutral-primary) 50%, transparent 60%),linear-gradient(var(--openui-text-neutral-secondary), var(--openui-text-neutral-secondary));
  -webkit-text-fill-color: #0000;
  background-repeat: no-repeat, no-repeat;
  background-size: 300% 100%, 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 3s linear infinite openui-tool-code-shimmer;
  display: inline-block;
}

.openui-tool-code-block__chevron {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  transition: transform .2s;
}

.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;
  padding: var(--openui-space-s) var(--openui-space-m);
  background-color: #0000;
  overflow: auto;
}

.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);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
}

.openui-tool-code-block__code--error {
  color: var(--openui-text-danger-primary);
}

.openui-web-search__detailed {
  gap: var(--openui-space-m);
  padding: var(--openui-space-m);
  flex-direction: column;
  margin: 0;
  list-style: none;
  display: flex;
}

.openui-web-search__detailed a {
  align-items: center;
  gap: var(--openui-space-s);
  color: var(--openui-text-neutral-primary);
  text-decoration: none;
  display: inline-flex;
}

.openui-web-search__detailed a:hover {
  text-decoration: underline;
}

.openui-web-search__detailed p {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  color: var(--openui-text-neutral-secondary);
  margin: var(--openui-space-2xs) 0 0;
}

@keyframes openui-tool-call-icon-blink {
  0%, 100% {
    opacity: .6;
  }

  50% {
    opacity: .2;
  }
}

@keyframes openui-tool-code-shimmer {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

.openui-tool-call-timeline__text-step {
  align-items: flex-start;
  gap: var(--openui-space-s);
  margin-block: var(--openui-space-s);
  width: 100%;
  padding-inline-start: 0;
  display: flex;
}

.openui-tool-call-timeline__text-step .openui-tool-call-timeline__text-step-body {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  color: var(--openui-text-neutral-primary);
  flex: 1;
  min-width: 0;
}

.openui-tool-call-timeline__text-step .openui-tool-call-timeline__text-step-body * {
  font: inherit;
  line-height: inherit;
  margin: 0;
  color: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
  .openui-behind-the-scenes__reveal-item, .openui-tool-call__icon--blinking {
    animation: none;
  }

  .openui-tool-call__name--shimmer, .openui-behind-the-scenes__toggle-label--shimmer, .openui-tool-code-block__label--loading {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }

  .openui-tool-code-block__label--loading {
    color: var(--openui-text-neutral-secondary);
  }

  .openui-behind-the-scenes__toggle-icon, .openui-behind-the-scenes__compact, .openui-tool-call__chevron, .openui-tool-call__source, .openui-tool-code-block, .openui-tool-code-block__chevron {
    transition: none;
  }
}

.openui-tool-result {
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-foreground);
  width: 100%;
  transition: border-color .15s;
  overflow: hidden;
}

.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 {
  width: 100%;
  padding: 0;
  padding: var(--openui-space-m);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-tool-result__header-left {
  align-items: center;
  gap: var(--openui-space-xs);
  min-width: 0;
  display: flex;
}

.openui-tool-result__icon--success {
  color: var(--openui-text-success-primary);
  flex-shrink: 0;
}

.openui-tool-result__icon--error {
  color: var(--openui-text-danger-primary);
  flex-shrink: 0;
}

.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;
  text-overflow: ellipsis;
  overflow: hidden;
}

.openui-tool-result__chevron {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  transition: transform .2s;
}

.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: #0000;
}

.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);
  white-space: pre-wrap;
  word-break: break-all;
  max-height: 250px;
  margin: 0;
  overflow-y: auto;
}

.openui-model-switcher {
  min-width: 0;
}

.openui-model-switcher-trigger {
  justify-content: flex-start;
  align-items: center;
  gap: var(--openui-space-2xs);
  border-radius: var(--openui-radius-l);
  border: 1px solid var(--openui-border-interactive);
  background-color: var(--openui-foreground);
  width: auto;
  max-width: 240px;
  height: 36px;
  padding-inline: var(--openui-space-s);
  color: var(--openui-text-neutral-primary);
  box-shadow: var(--openui-shadow-s);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  display: flex;
}

.openui-model-switcher-content {
  border-radius: var(--openui-radius-xl);
  width: min(360px, 100vw - 32px);
  max-height: 360px;
  overflow: auto;
}

.openui-model-switcher-item {
  border-radius: var(--openui-radius-m);
}

.openui-model-switcher-row {
  align-items: center;
  gap: var(--openui-space-xs);
  width: 100%;
  min-width: 0;
  display: flex;
}

.openui-model-switcher-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.openui-model-switcher-logo {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: inline-flex;
}

.openui-model-switcher-logo > * {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.openui-model-switcher-dot {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

.openui-model-switcher-dot-recommended {
  background-color: var(--openui-border-info-emphasis);
}

.openui-model-switcher-dot-badge {
  background-color: var(--openui-border-success-emphasis);
}

.openui-model-switcher-badge-trigger {
  border: 1px solid var(--openui-border-default);
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

.openui-model-switcher-skeleton-dot {
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-border-default);
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  animation: 1.5s ease-in-out infinite openui-model-switcher-pulse;
}

.openui-model-switcher-skeleton-bar {
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-border-default);
  width: 96px;
  height: 16px;
  animation: 1.5s ease-in-out infinite openui-model-switcher-pulse;
}

.openui-model-switcher-sr {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@keyframes openui-model-switcher-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}