/* [project]/node_modules/@openuidev/react-ui/dist/styles/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: #03030399;
  --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: 400;
  --openui-font-weight-medium: 560;
  --openui-font-weight-bold: 600;
  --openui-font-weight-heavy: 700;
  --openui-font-variation-regular: "wght" 440;
  --openui-font-variation-medium: "wght" 560;
  --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: -.01em;
  --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: -.01em;
  --openui-text-body-xs-heavy: 560 12px/1.5 "Inter", sans-serif;
  --openui-text-body-xs-heavy-letter-spacing: -.01em;
  --openui-text-body-sm: 400 14px/1.5 "Inter", sans-serif;
  --openui-text-body-sm-letter-spacing: -.01em;
  --openui-text-body-sm-heavy: 560 14px/1.5 "Inter", sans-serif;
  --openui-text-body-sm-heavy-letter-spacing: -.01em;
  --openui-text-body-default: 400 16px/1.5 "Inter", sans-serif;
  --openui-text-body-default-letter-spacing: -.01em;
  --openui-text-body-default-heavy: 560 16px/1.5 "Inter", sans-serif;
  --openui-text-body-default-heavy-letter-spacing: -.01em;
  --openui-text-body-lg: 400 18px/1.5 "Inter", sans-serif;
  --openui-text-body-lg-letter-spacing: -.01em;
  --openui-text-body-lg-heavy: 560 18px/1.5 "Inter", sans-serif;
  --openui-text-body-lg-heavy-letter-spacing: -.01em;
  --openui-text-heading-xs: 600 16px/1.25 "Inter", sans-serif;
  --openui-text-heading-xs-letter-spacing: -.01em;
  --openui-text-heading-sm: 600 18px/1.25 "Inter", sans-serif;
  --openui-text-heading-sm-letter-spacing: -.01em;
  --openui-text-heading-md: 600 24px/1.1 "Inter", sans-serif;
  --openui-text-heading-md-letter-spacing: -.01em;
  --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: -.01em;
  --openui-text-label-xs-heavy: 560 12px/1.25 "Inter", sans-serif;
  --openui-text-label-xs-heavy-letter-spacing: -.01em;
  --openui-text-label-sm: 400 14px/1.25 "Inter", sans-serif;
  --openui-text-label-sm-letter-spacing: -.01em;
  --openui-text-label-sm-heavy: 560 14px/1.25 "Inter", sans-serif;
  --openui-text-label-sm-heavy-letter-spacing: -.01em;
  --openui-text-label-default: 400 16px/1.25 "Inter", sans-serif;
  --openui-text-label-default-letter-spacing: -.01em;
  --openui-text-label-default-heavy: 560 16px/1.25 "Inter", sans-serif;
  --openui-text-label-default-heavy-letter-spacing: -.01em;
  --openui-text-label-lg: 400 18px/1.25 "Inter", sans-serif;
  --openui-text-label-lg-letter-spacing: -.01em;
  --openui-text-label-lg-heavy: 560 18px/1.25 "Inter", sans-serif;
  --openui-text-label-lg-heavy-letter-spacing: -.01em;
  --openui-text-numbers-xs: 400 12px/1.5 "Inter", sans-serif;
  --openui-text-numbers-xs-letter-spacing: -.01em;
  --openui-text-numbers-xs-heavy: 560 12px/1.5 "Inter", sans-serif;
  --openui-text-numbers-xs-heavy-letter-spacing: -.01em;
  --openui-text-numbers-sm: 400 14px/1.5 "Inter", sans-serif;
  --openui-text-numbers-sm-letter-spacing: -.01em;
  --openui-text-numbers-sm-heavy: 560 14px/1.5 "Inter", sans-serif;
  --openui-text-numbers-sm-heavy-letter-spacing: -.01em;
  --openui-text-numbers-default: 400 16px/1.5 "Inter", sans-serif;
  --openui-text-numbers-default-letter-spacing: -.01em;
  --openui-text-numbers-default-heavy: 560 16px/1.5 "Inter", sans-serif;
  --openui-text-numbers-default-heavy-letter-spacing: -.01em;
  --openui-text-numbers-lg: 400 18px/1.5 "Inter", sans-serif;
  --openui-text-numbers-lg-letter-spacing: -.01em;
  --openui-text-numbers-lg-heavy: 560 18px/1.5 "Inter", sans-serif;
  --openui-text-numbers-lg-heavy-letter-spacing: -.01em;
  --openui-text-numbers-heading-sm: 600 18px/1.25 "Inter", sans-serif;
  --openui-text-numbers-heading-sm-letter-spacing: -.01em;
  --openui-text-numbers-heading-md: 600 24px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-md-letter-spacing: -.01em;
  --openui-text-numbers-heading-lg: 600 28px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-lg-letter-spacing: -.01em;
  --openui-text-numbers-heading-xl: 600 32px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-xl-letter-spacing: -.01em;
  --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 / .6);
    --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:not([data-openui-theme="light"]) {
    --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: #fafafa99;
    --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: 400;
    --openui-font-weight-medium: 560;
    --openui-font-weight-bold: 600;
    --openui-font-weight-heavy: 700;
    --openui-font-variation-regular: "wght" 420;
    --openui-font-variation-medium: "wght" 560;
    --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: -.01em;
    --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: -.01em;
    --openui-text-body-xs-heavy: 560 12px/1.5 "Inter", sans-serif;
    --openui-text-body-xs-heavy-letter-spacing: -.01em;
    --openui-text-body-sm: 400 14px/1.5 "Inter", sans-serif;
    --openui-text-body-sm-letter-spacing: -.01em;
    --openui-text-body-sm-heavy: 560 14px/1.5 "Inter", sans-serif;
    --openui-text-body-sm-heavy-letter-spacing: -.01em;
    --openui-text-body-default: 400 16px/1.5 "Inter", sans-serif;
    --openui-text-body-default-letter-spacing: -.01em;
    --openui-text-body-default-heavy: 560 16px/1.5 "Inter", sans-serif;
    --openui-text-body-default-heavy-letter-spacing: -.01em;
    --openui-text-body-lg: 400 18px/1.5 "Inter", sans-serif;
    --openui-text-body-lg-letter-spacing: -.01em;
    --openui-text-body-lg-heavy: 560 18px/1.5 "Inter", sans-serif;
    --openui-text-body-lg-heavy-letter-spacing: -.01em;
    --openui-text-heading-xs: 600 16px/1.25 "Inter", sans-serif;
    --openui-text-heading-xs-letter-spacing: -.01em;
    --openui-text-heading-sm: 600 18px/1.25 "Inter", sans-serif;
    --openui-text-heading-sm-letter-spacing: -.01em;
    --openui-text-heading-md: 600 24px/1.1 "Inter", sans-serif;
    --openui-text-heading-md-letter-spacing: -.01em;
    --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: -.01em;
    --openui-text-label-xs-heavy: 560 12px/1.25 "Inter", sans-serif;
    --openui-text-label-xs-heavy-letter-spacing: -.01em;
    --openui-text-label-sm: 400 14px/1.25 "Inter", sans-serif;
    --openui-text-label-sm-letter-spacing: -.01em;
    --openui-text-label-sm-heavy: 560 14px/1.25 "Inter", sans-serif;
    --openui-text-label-sm-heavy-letter-spacing: -.01em;
    --openui-text-label-default: 400 16px/1.25 "Inter", sans-serif;
    --openui-text-label-default-letter-spacing: -.01em;
    --openui-text-label-default-heavy: 560 16px/1.25 "Inter", sans-serif;
    --openui-text-label-default-heavy-letter-spacing: -.01em;
    --openui-text-label-lg: 400 18px/1.25 "Inter", sans-serif;
    --openui-text-label-lg-letter-spacing: -.01em;
    --openui-text-label-lg-heavy: 560 18px/1.25 "Inter", sans-serif;
    --openui-text-label-lg-heavy-letter-spacing: -.01em;
    --openui-text-numbers-xs: 400 12px/1.5 "Inter", sans-serif;
    --openui-text-numbers-xs-letter-spacing: -.01em;
    --openui-text-numbers-xs-heavy: 560 12px/1.5 "Inter", sans-serif;
    --openui-text-numbers-xs-heavy-letter-spacing: -.01em;
    --openui-text-numbers-sm: 400 14px/1.5 "Inter", sans-serif;
    --openui-text-numbers-sm-letter-spacing: -.01em;
    --openui-text-numbers-sm-heavy: 560 14px/1.5 "Inter", sans-serif;
    --openui-text-numbers-sm-heavy-letter-spacing: -.01em;
    --openui-text-numbers-default: 400 16px/1.5 "Inter", sans-serif;
    --openui-text-numbers-default-letter-spacing: -.01em;
    --openui-text-numbers-default-heavy: 560 16px/1.5 "Inter", sans-serif;
    --openui-text-numbers-default-heavy-letter-spacing: -.01em;
    --openui-text-numbers-lg: 400 18px/1.5 "Inter", sans-serif;
    --openui-text-numbers-lg-letter-spacing: -.01em;
    --openui-text-numbers-lg-heavy: 560 18px/1.5 "Inter", sans-serif;
    --openui-text-numbers-lg-heavy-letter-spacing: -.01em;
    --openui-text-numbers-heading-sm: 600 18px/1.25 "Inter", sans-serif;
    --openui-text-numbers-heading-sm-letter-spacing: -.01em;
    --openui-text-numbers-heading-md: 600 24px/1.1 "Inter", sans-serif;
    --openui-text-numbers-heading-md-letter-spacing: -.01em;
    --openui-text-numbers-heading-lg: 600 28px/1.1 "Inter", sans-serif;
    --openui-text-numbers-heading-lg-letter-spacing: -.01em;
    --openui-text-numbers-heading-xl: 600 32px/1.1 "Inter", sans-serif;
    --openui-text-numbers-heading-xl-letter-spacing: -.01em;
    --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:not([data-openui-theme="light"]) {
      --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 / .6);
      --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);
    }
  }
}

:root[data-openui-theme="dark"] {
  --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: #fafafa99;
  --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: 400;
  --openui-font-weight-medium: 560;
  --openui-font-weight-bold: 600;
  --openui-font-weight-heavy: 700;
  --openui-font-variation-regular: "wght" 420;
  --openui-font-variation-medium: "wght" 560;
  --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: -.01em;
  --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: -.01em;
  --openui-text-body-xs-heavy: 560 12px/1.5 "Inter", sans-serif;
  --openui-text-body-xs-heavy-letter-spacing: -.01em;
  --openui-text-body-sm: 400 14px/1.5 "Inter", sans-serif;
  --openui-text-body-sm-letter-spacing: -.01em;
  --openui-text-body-sm-heavy: 560 14px/1.5 "Inter", sans-serif;
  --openui-text-body-sm-heavy-letter-spacing: -.01em;
  --openui-text-body-default: 400 16px/1.5 "Inter", sans-serif;
  --openui-text-body-default-letter-spacing: -.01em;
  --openui-text-body-default-heavy: 560 16px/1.5 "Inter", sans-serif;
  --openui-text-body-default-heavy-letter-spacing: -.01em;
  --openui-text-body-lg: 400 18px/1.5 "Inter", sans-serif;
  --openui-text-body-lg-letter-spacing: -.01em;
  --openui-text-body-lg-heavy: 560 18px/1.5 "Inter", sans-serif;
  --openui-text-body-lg-heavy-letter-spacing: -.01em;
  --openui-text-heading-xs: 600 16px/1.25 "Inter", sans-serif;
  --openui-text-heading-xs-letter-spacing: -.01em;
  --openui-text-heading-sm: 600 18px/1.25 "Inter", sans-serif;
  --openui-text-heading-sm-letter-spacing: -.01em;
  --openui-text-heading-md: 600 24px/1.1 "Inter", sans-serif;
  --openui-text-heading-md-letter-spacing: -.01em;
  --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: -.01em;
  --openui-text-label-xs-heavy: 560 12px/1.25 "Inter", sans-serif;
  --openui-text-label-xs-heavy-letter-spacing: -.01em;
  --openui-text-label-sm: 400 14px/1.25 "Inter", sans-serif;
  --openui-text-label-sm-letter-spacing: -.01em;
  --openui-text-label-sm-heavy: 560 14px/1.25 "Inter", sans-serif;
  --openui-text-label-sm-heavy-letter-spacing: -.01em;
  --openui-text-label-default: 400 16px/1.25 "Inter", sans-serif;
  --openui-text-label-default-letter-spacing: -.01em;
  --openui-text-label-default-heavy: 560 16px/1.25 "Inter", sans-serif;
  --openui-text-label-default-heavy-letter-spacing: -.01em;
  --openui-text-label-lg: 400 18px/1.25 "Inter", sans-serif;
  --openui-text-label-lg-letter-spacing: -.01em;
  --openui-text-label-lg-heavy: 560 18px/1.25 "Inter", sans-serif;
  --openui-text-label-lg-heavy-letter-spacing: -.01em;
  --openui-text-numbers-xs: 400 12px/1.5 "Inter", sans-serif;
  --openui-text-numbers-xs-letter-spacing: -.01em;
  --openui-text-numbers-xs-heavy: 560 12px/1.5 "Inter", sans-serif;
  --openui-text-numbers-xs-heavy-letter-spacing: -.01em;
  --openui-text-numbers-sm: 400 14px/1.5 "Inter", sans-serif;
  --openui-text-numbers-sm-letter-spacing: -.01em;
  --openui-text-numbers-sm-heavy: 560 14px/1.5 "Inter", sans-serif;
  --openui-text-numbers-sm-heavy-letter-spacing: -.01em;
  --openui-text-numbers-default: 400 16px/1.5 "Inter", sans-serif;
  --openui-text-numbers-default-letter-spacing: -.01em;
  --openui-text-numbers-default-heavy: 560 16px/1.5 "Inter", sans-serif;
  --openui-text-numbers-default-heavy-letter-spacing: -.01em;
  --openui-text-numbers-lg: 400 18px/1.5 "Inter", sans-serif;
  --openui-text-numbers-lg-letter-spacing: -.01em;
  --openui-text-numbers-lg-heavy: 560 18px/1.5 "Inter", sans-serif;
  --openui-text-numbers-lg-heavy-letter-spacing: -.01em;
  --openui-text-numbers-heading-sm: 600 18px/1.25 "Inter", sans-serif;
  --openui-text-numbers-heading-sm-letter-spacing: -.01em;
  --openui-text-numbers-heading-md: 600 24px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-md-letter-spacing: -.01em;
  --openui-text-numbers-heading-lg: 600 28px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-lg-letter-spacing: -.01em;
  --openui-text-numbers-heading-xl: 600 32px/1.1 "Inter", sans-serif;
  --openui-text-numbers-heading-xl-letter-spacing: -.01em;
  --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[data-openui-theme="dark"] {
    --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 / .6);
    --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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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 {
  height: 100%;
  width: var(--openui-agent-sidebar-width, 272px);
  padding: var(--openui-space-m-l) var(--openui-space-m);
  gap: var(--openui-space-2xl);
  z-index: 999;
  background-color: #0000;
  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;
  position: relative;
}

.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: 68px;
  padding: var(--openui-space-m-l) 18px;
  cursor: default;
  background-color: #0000;
  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--resizing {
  transition: 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-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-header__agent-name, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-header__agent-name {
  transform: translateX(-6px);
}

.openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-header__logo, .openui-agent-sidebar-container[data-sidebar-visual-state="collapsing"] .openui-agent-sidebar-header__toggle-button, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-header__logo, .openui-agent-sidebar-container[data-sidebar-visual-state="expanding"] .openui-agent-sidebar-header__toggle-button {
  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 .14s 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);
  font-variation-settings: var(--openui-font-variation-regular);
  min-width: 0;
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  transition: opacity .14s cubic-bezier(.22, 1, .36, 1), transform .14s 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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-agent-sidebar-header__agent-name img {
  width: auto;
  height: 28px;
  display: block;
}

.openui-agent-sidebar-header:not(.openui-agent-sidebar-header--collapsed) .openui-agent-sidebar-header__logo {
  display: none;
}

.openui-agent-sidebar-header:not(.openui-agent-sidebar-header--collapsed) .openui-agent-sidebar-header__agent-name {
  padding-left: var(--openui-space-s);
}

.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 .openui-agent-sidebar-header__logo {
  border-radius: 0;
  width: 36px;
  max-width: none;
  height: auto;
  margin-left: 0;
  left: -2px;
}

.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(var(--openui-agent-sidebar-width, 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 .14s cubic-bezier(.22, 1, .36, 1);
}

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

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-header__top-row: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 .openui-agent-sidebar-header__top-row: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-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-deep);
}

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

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
}

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

.openui-agent-sidebar-footer {
  gap: var(--openui-space-2xs);
  margin-top: calc(var(--openui-space-s) - var(--openui-space-2xl));
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

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

.openui-agent-sidebar-resize-edge {
  z-index: 1;
  cursor: col-resize;
  touch-action: none;
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
}

@media (prefers-reduced-motion: reduce) {
  .openui-agent-sidebar-container, .openui-agent-sidebar-header__logo, .openui-agent-sidebar-header__agent-name, .openui-agent-sidebar-header__toggle-button {
    transition: none;
  }

  .openui-agent-sidebar-container[data-sidebar-visual-state] .openui-agent-sidebar-header__agent-name {
    transform: none;
  }
}

.openui-agent-sidebar-container .openui-agent-new-chat-button:not(.openui-agent-new-chat-button--collapsed) {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  border-radius: calc(var(--openui-radius-s) + 3px);
  gap: 1px;
  width: calc(100% + 12px);
  height: 28px;
  margin: 2px -6px;
  padding-left: 6px;
}

.openui-agent-sidebar-container .openui-agent-new-chat-button:not(.openui-agent-new-chat-button--collapsed).openui-agent-new-chat-button--selected, .openui-agent-sidebar-container .openui-agent-new-chat-button:not(.openui-agent-new-chat-button--collapsed).openui-agent-new-chat-button--selected:hover {
  background-color: var(--openui-sunk-deep);
}

.openui-agent-sidebar-container .openui-agent-new-chat-button:not(.openui-agent-new-chat-button--collapsed) .openui-agent-new-chat-button__icon {
  width: 28px;
  height: 28px;
  margin: 0 0 0 -1px;
  font-size: 14px;
}

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

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-sidebar-container {
  gap: var(--openui-space-l);
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-sidebar-content:not(.openui-agent-sidebar-content--collapsed) {
  width: calc(var(--openui-agent-sidebar-width, 272px) - var(--openui-space-m)*2 + 12px);
  margin: 0 -6px;
  padding: 0 6px;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-sidebar-content .openui-agent-thread-list {
  margin: 0 -6px;
  padding: 0 6px;
}

.openui-agent-history-menu {
  z-index: 10000;
  width: min(283px, 100vw - 32px);
  max-height: min(420px,var(--radix-dropdown-menu-content-available-height, 420px));
  border-radius: var(--openui-radius-2xl);
  background-color: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 6%);
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px #0000000d,0 16px 32px -8px #00000014;
  padding: var(--openui-space-2xs) 0;
  border: none;
  outline: none;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .openui-agent-history-menu {
    box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px lab(0% 0 0 / .05),0 16px 32px -8px lab(0% 0 0 / .08);
  }
}

.openui-agent-history-menu > :first-child:first-child {
  border-top-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-top-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-agent-history-menu > :last-child:last-child {
  border-bottom-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-bottom-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-agent-history-menu__label {
  padding: var(--openui-space-s) var(--openui-space-m-l) var(--openui-space-2xs);
  color: color-mix(in oklch, var(--openui-text-neutral-primary) 60%, transparent);
  font-size: 12px;
  line-height: 12px;
}

.openui-agent-history-menu__item {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  height: 32px;
  padding: 0 var(--openui-space-m-l);
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 0;
  outline: none;
  align-items: center;
  display: flex;
}

.openui-agent-history-menu__item[data-highlighted] {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-history-menu__item--selected, .openui-agent-history-menu__item--selected[data-highlighted] {
  background-color: var(--openui-sunk);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-history-menu__title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.openui-agent-history-menu__empty {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  padding: var(--openui-space-s) var(--openui-space-m-l);
  color: var(--openui-text-neutral-secondary);
}

.openui-agent-theme-toggle {
  border-radius: var(--openui-radius-full);
  width: 32px;
  height: 32px;
  color: var(--openui-text-neutral-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-left: -3px;
  padding: 0;
  font-size: 14px;
  transition: background-color 90ms cubic-bezier(.22, 1, .36, 1), color 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.openui-agent-theme-toggle:hover {
  background-color: var(--openui-highlight-strong);
  color: var(--openui-text-neutral-primary);
}

.openui-agent-theme-toggle:focus-visible {
  outline: 2px solid var(--openui-border-interactive);
  outline-offset: 2px;
}

.openui-agent-sidebar-container--collapsed .openui-agent-theme-toggle, .openui-agent-container--mobile .openui-agent-theme-toggle {
  margin-left: 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-secondary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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) + 3px);
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 12px);
  margin: 0 -6px;
  display: flex;
  position: relative;
}

.openui-agent-container--mobile .openui-agent-thread-button {
  width: 100%;
  margin: 0;
}

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

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

.openui-agent-thread-button-title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  align-items: center;
  gap: var(--openui-space-s);
  color: var(--openui-text-neutral-secondary);
  background: none;
  border: 0;
  padding: 0;
  transition: color .12s;
  display: flex;
}

.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, .openui-agent-thread-button--selected .openui-agent-thread-button-title {
  color: var(--openui-text-neutral-primary);
}

.openui-agent-thread-button-title {
  padding: var(--openui-space-xs);
  padding-left: calc(var(--openui-space-xs) + 6px);
  text-align: left;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  padding: var(--openui-space-s-m);
  padding-right: calc(24px + var(--openui-space-s-m));
}

.openui-agent-thread-button-icon {
  flex-shrink: 0;
  font-size: 14px;
}

.openui-agent-container--mobile .openui-agent-thread-button-icon {
  font-size: 16px;
}

.openui-agent-thread-button-label {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.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 {
  border-radius: var(--openui-radius-2xl);
  background-color: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 6%);
  min-width: 180px;
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px #0000000d,0 16px 32px -8px #00000014;
  padding: var(--openui-space-2xs) 0;
  border: none;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .openui-agent-thread-button-dropdown-menu {
    box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px lab(0% 0 0 / .05),0 16px 32px -8px lab(0% 0 0 / .08);
  }
}

.openui-agent-thread-button-dropdown-menu > :first-child:first-child {
  border-top-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-top-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-agent-thread-button-dropdown-menu > :last-child:last-child {
  border-bottom-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-bottom-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-agent-thread-button-dropdown-menu {
  z-index: 9999;
  transform: translateX(-4px);
}

.openui-agent-thread-button-dropdown-menu-item.openui-button-base {
  height: 32px;
  padding: 0 var(--openui-space-m-l);
  border: none;
  border-radius: 0;
  outline: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.openui-agent-thread-button-dropdown-menu-item.openui-button-base:hover, .openui-agent-thread-button-dropdown-menu-item.openui-button-base:focus-visible, .openui-agent-thread-button-dropdown-menu-item.openui-button-base[data-highlighted] {
  background-color: var(--openui-highlight);
}

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

.openui-agent-container:not(.openui-agent-container--mobile) > .openui-agent-thread-container {
  margin: var(--openui-space-2xs) var(--openui-space-2xs) var(--openui-space-2xs) 0;
  border-radius: var(--openui-radius-3xl);
  outline: 1px solid var(--openui-sunk);
  background-color: var(--openui-foreground);
}

.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(728px + 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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  padding: var(--openui-space-s) var(--openui-space-m-l) calc(var(--openui-space-s) + 1px);
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  border-radius: var(--openui-radius-4xl);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  max-width: 100%;
  height: fit-content;
}

.openui-agent-thread-message-user__content[data-multiline] {
  padding-block: var(--openui-space-m);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-message-loading {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  align-items: center;
  min-height: 1lh;
  display: flex;
}

.openui-agent-thread-messages > .openui-behind-the-scenes {
  margin-block-end: calc(var(--openui-space-m) - 2*var(--openui-space-l));
}

.openui-agent-thread-messages:has(.openui-behind-the-scenes--working) .openui-agent-thread-message-loading {
  display: none;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  overflow-wrap: break-word;
  min-width: 0;
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) {
  --openui-agent-floating-top: 0px;
  --openui-agent-floating-bottom: var(--openui-agent-composer-slot-height, 88px);
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) > .openui-agent-thread-header {
  z-index: 3;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) > .openui-agent-composer-slot {
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) .openui-agent-thread-scroll-container {
  flex-grow: 1;
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) .openui-agent-thread-scroll-container:before {
  display: none;
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) .openui-agent-thread-scroll-container:after {
  display: none;
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) .openui-agent-thread-scroll-area {
  padding-top: calc(var(--openui-agent-floating-top) + 12px);
  padding-bottom: calc(var(--openui-agent-floating-bottom) + 40px);
  scroll-padding-top: calc(var(--openui-agent-floating-top) + 12px);
  scroll-padding-bottom: calc(var(--openui-agent-floating-bottom) + 40px);
  -webkit-mask-image: linear-gradient(to bottom, #0000004d calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * 0), #00000052 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .111111), #0000005e calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .222222), #00000074 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .333333), #00000094 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .444444), #000000b8 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .555556), #000000d8 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .666667), #000000ed calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .777778), #000000fa calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .888889), #000 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * 1), #000 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * 0), #000000f7 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .111111), #000000e6 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .222222), #000000c7 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .333333), #0009 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .444444), #0006 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .555556), #00000038 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .666667), #0000001a calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .777778), #00000008 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .888889), #0000 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * 1), transparent 100%);
  mask-image: linear-gradient(to bottom, #0000004d calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * 0), #00000052 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .111111), #0000005e calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .222222), #00000074 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .333333), #00000094 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .444444), #000000b8 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .555556), #000000d8 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .666667), #000000ed calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .777778), #000000fa calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .888889), #000 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * 1), #000 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * 0), #000000f7 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .111111), #000000e6 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .222222), #000000c7 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .333333), #0009 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .444444), #0006 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .555556), #00000038 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .666667), #0000001a calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .777778), #00000008 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .888889), #0000 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * 1), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #0000004d calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * 0), #00000052 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .111111), #0000005e calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .222222), #00000074 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .333333), #00000094 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .444444), #000000b8 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .555556), #000000d8 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .666667), #000000ed calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .777778), #000000fa calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * .888889), #000 calc(0px + (calc(var(--openui-agent-floating-top) + 12px) - 0px) * 1), #000 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * 0), #000000f7 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .111111), #000000e6 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .222222), #000000c7 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .333333), #0009 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .444444), #0006 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .555556), #00000038 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .666667), #0000001a calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .777778), #00000008 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * .888889), #0000 calc(calc(100% - var(--openui-agent-floating-bottom) - 40px) + (calc(100% - var(--openui-agent-floating-bottom) + 8px) - calc(100% - var(--openui-agent-floating-bottom) - 40px)) * 1), transparent 100%);
}

.openui-agent-container .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)) .openui-agent-thread-scroll-latest {
  bottom: calc(var(--openui-agent-floating-bottom) + var(--openui-space-s));
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-thread-container .openui-agent-thread-chat-panel:not(:has(.openui-agent-welcome-screen)):has( > .openui-agent-thread-header) {
  --openui-agent-floating-top: 48px;
}

.openui-agent-thread-header {
  align-items: center;
  gap: var(--openui-space-m);
  min-height: calc(32px + calc(var(--openui-space-m-l) - var(--openui-space-2xs)));
  padding: calc(var(--openui-space-m-l) - var(--openui-space-2xs)) calc(var(--openui-space-m-l) - var(--openui-space-2xs)) 0;
  flex-shrink: 0;
  grid-template-columns: 1fr auto 1fr;
  display: grid;
}

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

.openui-agent-thread-header__start, .openui-agent-thread-header__center, .openui-agent-thread-header__end {
  align-items: center;
  gap: var(--openui-space-s);
  min-width: 0;
  min-height: 32px;
  display: flex;
}

.openui-agent-thread-header__start {
  justify-content: flex-start;
}

.openui-agent-thread-header__center {
  justify-content: center;
}

.openui-agent-thread-header__end {
  justify-content: flex-end;
}

.openui-agent-thread-header__title {
  align-items: center;
  gap: var(--openui-space-xs);
  min-width: 0;
  max-width: 360px;
  color: var(--openui-text-neutral-primary);
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.openui-agent-thread-header__title-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.openui-agent-thread-header__actions-trigger {
  border-radius: var(--openui-radius-full);
}

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

.openui-agent-thread-header__actions-menu {
  z-index: 9999;
  border-radius: var(--openui-radius-2xl);
  background-color: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 6%);
  min-width: 180px;
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px #0000000d,0 16px 32px -8px #00000014;
  padding: var(--openui-space-2xs) 0;
  border: none;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .openui-agent-thread-header__actions-menu {
    box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px lab(0% 0 0 / .05),0 16px 32px -8px lab(0% 0 0 / .08);
  }
}

.openui-agent-thread-header__actions-menu > :first-child:first-child {
  border-top-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-top-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-agent-thread-header__actions-menu > :last-child:last-child {
  border-bottom-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-bottom-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-agent-thread-header__actions-item {
  height: 32px;
  padding: 0 var(--openui-space-m-l);
  align-items: center;
  gap: var(--openui-space-s);
  color: var(--openui-text-neutral-primary);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 0;
  outline: none;
  font-size: 14px;
  display: flex;
}

.openui-agent-thread-header__actions-item[data-highlighted] {
  background-color: var(--openui-highlight);
}

.openui-agent-thread-header__actions-item--destructive {
  color: var(--openui-text-danger-primary);
}

.openui-agent-rename-dialog__overlay {
  z-index: 10000;
  background: color-mix(in oklch, var(--openui-overlay) 30%, transparent);
  position: fixed;
  inset: 0;
}

.openui-agent-rename-dialog {
  z-index: 10001;
  width: min(400px, 100vw - 32px);
  padding: var(--openui-space-m-l);
  border-radius: var(--openui-radius-3xl);
  background-color: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 6%);
  color: var(--openui-text-neutral-primary);
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px #0000000d,0 24px 48px -12px #0000001f;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@supports (color: lab(0% 0 0)) {
  .openui-agent-rename-dialog {
    box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px lab(0% 0 0 / .05),0 24px 48px -12px lab(0% 0 0 / .12);
  }
}

.openui-agent-rename-dialog:focus {
  outline: none;
}

.openui-agent-rename-dialog__form {
  gap: var(--openui-space-m);
  flex-direction: column;
  display: flex;
}

.openui-agent-rename-dialog__title {
  font-variation-settings: normal;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.openui-agent-rename-dialog__input {
  width: 100%;
}

.openui-agent-rename-dialog__actions {
  justify-content: flex-end;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-agent-rename-dialog__actions .openui-button-base.openui-button-base-primary {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  border-color: #0000;
}

.openui-agent-rename-dialog__actions .openui-button-base.openui-button-base-primary:not(:disabled):hover {
  background-color: var(--openui-inverted-background);
  opacity: .85;
}

.openui-agent-rename-dialog__actions .openui-button-base.openui-button-base-primary:disabled {
  opacity: .3;
}

.openui-agent-rename-dialog__actions .openui-button-base-tertiary {
  border-radius: var(--openui-radius-full);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-container .openui-agent-mobile-header-new-chat.openui-icon-button {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  border-color: #0000;
}

.openui-agent-container .openui-agent-mobile-header-new-chat.openui-icon-button:not(:disabled):hover, .openui-agent-container .openui-agent-mobile-header-new-chat.openui-icon-button:not(:disabled):active {
  background-color: var(--openui-inverted-background);
  opacity: .85;
}

.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(728px + 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--card {
  align-items: stretch;
  gap: var(--openui-space-xs);
  padding: 0 var(--openui-space-m);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-conversation-starter-item-card {
  appearance: none;
  align-items: flex-start;
  gap: var(--openui-space-m);
  min-width: 0;
  padding: var(--openui-space-m-l);
  background-color: var(--openui-sunk-light);
  border-radius: var(--openui-radius-3xl);
  cursor: pointer;
  color: color-mix(in oklch, var(--openui-text-neutral-primary) 60%, transparent);
  text-align: left;
  border: none;
  flex-direction: column;
  flex: 1 1 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  transition: background-color .15s;
  display: flex;
}

.openui-agent-conversation-starter-item-card__icon {
  width: 16px;
  height: 16px;
  color: color-mix(in oklch, var(--openui-text-neutral-primary) 60%, transparent);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.openui-agent-conversation-starter-item-card__text {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 0;
  display: -webkit-box;
  overflow: hidden;
}

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

.openui-agent-conversation-starter-item-card:focus-visible {
  box-shadow: 0 0 0 2.5px var(--openui-border-default);
  outline: none;
}

.openui-agent-welcome-screen__desktop-starters .openui-agent-conversation-starter.openui-agent-conversation-starter--card {
  padding: 0 var(--openui-space-m);
}

.openui-agent-welcome-screen {
  gap: var(--openui-space-l);
  width: 100%;
  height: 100%;
  max-width: calc(728px + 2*calc(32px + var(--openui-space-s)));
  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: center;
  gap: var(--openui-space-l);
  flex-direction: column;
  width: 100%;
  max-width: 728px;
  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: center;
  gap: var(--openui-space-s);
  text-align: center;
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.openui-agent-container--mobile .openui-agent-welcome-screen__title {
  font-size: 20px;
}

.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);
  font-variation-settings: normal;
  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%;
  max-width: 728px;
  display: flex;
}

.openui-agent-welcome-screen__composer-starters-container .openui-agent-welcome-glow, .openui-agent-welcome-screen__composer-starters-container .openui-agent-desktop-welcome-composer, .openui-agent-welcome-screen__composer-starters-container .openui-agent-conversation-starter {
  max-width: 100%;
}

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

.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-2xl);
}

.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-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer {
  max-width: calc(728px + 2*var(--openui-space-m-l));
  padding-left: var(--openui-space-m-l);
  padding-right: var(--openui-space-m-l);
  padding-bottom: calc(var(--openui-space-m) + 2*36px);
  grid-template-rows: 1fr auto 1fr;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 0;
  display: grid;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer .openui-agent-welcome-screen__header {
  margin-bottom: var(--openui-space-2xl);
  grid-row: 1;
  align-self: end;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer .openui-agent-welcome-screen__composer-starters-container {
  display: contents;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer .openui-agent-welcome-screen__desktop-composer, .openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer .openui-agent-welcome-screen__desktop-starters {
  width: 100%;
  max-width: 728px;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer .openui-agent-welcome-screen__desktop-composer {
  grid-row: 2;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer .openui-agent-welcome-screen__desktop-starters {
  margin: var(--openui-space-2xl) 0 0;
  grid-row: 3;
  align-self: start;
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-welcome-screen--with-composer [data-has-prefill-chips] .openui-agent-welcome-screen__desktop-starters {
  margin-top: var(--openui-space-xl);
}

.openui-agent-container:not(.openui-agent-container--mobile) .openui-agent-thread-chat-panel:has( > .openui-agent-thread-header) > .openui-agent-welcome-screen--with-composer {
  padding-bottom: calc(var(--openui-space-m) + 32px + calc(var(--openui-space-m-l) - var(--openui-space-2xs)) + 2*36px);
}

.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__dither {
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  width: min(1180px, 100vw);
  color: var(--openui-agent-welcome-dither-color, color-mix(in srgb, var(--openui-text-neutral-primary) 6%, transparent));
  animation: openui-agent-welcome-dither 1.4s linear calc(var(--openui-agent-welcome-settle-delay) + .3s) 1 both;
  position: absolute;
  top: -220px;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-mask-image: radial-gradient(closest-side, #000 30%, #0000 100%);
  mask-image: radial-gradient(closest-side, #000 30%, #0000 100%);
  -webkit-mask-position: 50% 62%;
  mask-position: 50% 62%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

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

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

@keyframes openui-agent-welcome-dither {
  0% {
    opacity: 0;
  }

  12%, 90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@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 > * {
    animation: none;
  }

  .openui-agent-welcome-glow__dither {
    display: none;
  }
}

.openui-agent-desktop-welcome-composer {
  background-color: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 3%);
  border-radius: var(--openui-radius-6xl);
  box-shadow: 0 0 0 .5px color-mix(in oklch, var(--openui-text-neutral-primary) 8%, transparent),0 4px 16px #0000000f;
  align-items: flex-end;
  gap: var(--openui-space-m);
  padding: 11px var(--openui-space-m) 11px var(--openui-space-xl);
  border: 1px solid #0000;
  flex-direction: row;
  width: 100%;
  max-width: 728px;
  min-height: 56px;
  display: flex;
  overflow: clip;
}

@supports (color: lab(0% 0 0)) {
  .openui-agent-desktop-welcome-composer {
    box-shadow: 0 0 0 .5px color-mix(in oklch, var(--openui-text-neutral-primary) 8%, transparent),0 4px 16px lab(0% 0 0 / .06);
  }
}

.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 {
  resize: none;
  min-width: 0;
  max-height: 200px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  min-height: 32px;
  color: var(--openui-text-neutral-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 6px 0;
  font-size: 15px;
  line-height: 20px;
  overflow-y: auto;
}

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

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

.openui-agent-desktop-welcome-composer .openui-agent-desktop-welcome-composer__submit-button.openui-icon-button {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-inverted-background);
  box-shadow: none;
  color: var(--openui-foreground);
  border-color: #0000;
}

.openui-agent-desktop-welcome-composer .openui-agent-desktop-welcome-composer__submit-button.openui-icon-button:not(:disabled):hover, .openui-agent-desktop-welcome-composer .openui-agent-desktop-welcome-composer__submit-button.openui-icon-button:not(:disabled):active {
  background-color: var(--openui-inverted-background);
  opacity: .85;
}

.openui-agent-desktop-welcome-composer .openui-agent-desktop-welcome-composer__submit-button.openui-icon-button:disabled {
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  cursor: default;
}

.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-m);
  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: center;
  gap: var(--openui-space-3xs);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.openui-agent-prefill-chip {
  appearance: none;
  height: 32px;
  padding: 0 var(--openui-space-m);
  border-radius: var(--openui-radius-full);
  color: color-mix(in oklch, var(--openui-text-neutral-primary) 60%, transparent);
  font-variation-settings: var(--openui-font-variation-regular);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  transition: background-color .15s, box-shadow .15s, color .15s;
  display: inline-flex;
}

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

.openui-agent-prefill-chip[aria-selected="true"] {
  background-color: var(--openui-foreground);
  box-shadow: inset 0 0 0 1px var(--openui-border-default);
  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;
  width: 14px;
  height: 14px;
  display: inline-flex;
}

.openui-agent-prefill-chip__icon > svg {
  width: 14px;
  height: 14px;
}

.openui-agent-prefill-chip__label {
  padding: 0 var(--openui-space-xs);
  white-space: nowrap;
}

.openui-agent-thread-composer {
  max-width: calc(728px + 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-l) 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: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 3%);
  border-radius: var(--openui-radius-6xl);
  box-shadow: 0 0 0 .5px color-mix(in oklch, var(--openui-text-neutral-primary) 8%, transparent),0 4px 16px #0000000f;
  align-items: flex-end;
  gap: var(--openui-space-m);
  min-height: 56px;
  padding: 11px var(--openui-space-m) 11px var(--openui-space-xl);
  border: 1px solid #0000;
  flex-direction: row;
  display: flex;
  overflow: clip;
}

@supports (color: lab(0% 0 0)) {
  .openui-agent-thread-composer__input-wrapper {
    box-shadow: 0 0 0 .5px color-mix(in oklch, var(--openui-text-neutral-primary) 8%, transparent),0 4px 16px lab(0% 0 0 / .06);
  }
}

.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 {
  resize: none;
  min-width: 0;
  max-height: 200px;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 6px 0;
  font-size: 15px;
  line-height: 20px;
  overflow-y: auto;
}

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

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

.openui-agent-thread-composer .openui-agent-thread-composer__submit-button.openui-icon-button {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-inverted-background);
  box-shadow: none;
  color: var(--openui-foreground);
  border-color: #0000;
}

.openui-agent-thread-composer .openui-agent-thread-composer__submit-button.openui-icon-button:not(:disabled):hover, .openui-agent-thread-composer .openui-agent-thread-composer__submit-button.openui-icon-button:not(:disabled):active {
  background-color: var(--openui-inverted-background);
  opacity: .85;
}

.openui-agent-ambient-loader {
  flex: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: flex;
}

.openui-agent-ambient-loader__status {
  align-items: center;
  gap: var(--openui-space-s);
  color: var(--openui-text-neutral-secondary);
  display: inline-flex;
}

.openui-agent-ambient-loader__label {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.openui-agent-mascot, .openui-agent-mascot-loader {
  flex-shrink: 0;
  display: block;
  overflow: visible;
}

.openui-agent-mascot-loader__body {
  opacity: .4;
  animation: 1.6s ease-in-out infinite openui-agent-mascot-pulse;
}

@keyframes openui-agent-mascot-pulse {
  0%, 100% {
    opacity: .25;
  }

  50% {
    opacity: .55;
  }
}

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

.openui-agent-welcome-mascot {
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  width: 98px;
  height: auto;
  display: block;
  overflow: visible;
}

.openui-agent-container--mobile .openui-agent-welcome-mascot {
  width: 72px;
}

.openui-agent-welcome-mascot__lid {
  transform-box: view-box;
  transition: transform 90ms ease-in;
}

.openui-agent-welcome-mascot__lid[data-blinking] {
  transform: scaleY(.1);
}

.openui-agent-welcome-mascot__body--squish {
  transform-box: view-box;
  transform-origin: 100px 158px;
  animation: .6s ease-in-out openui-agent-mascot-squish;
}

@keyframes openui-agent-mascot-squish {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(1.025, .97);
  }

  60% {
    transform: scale(.99, 1.012);
  }

  100% {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .openui-agent-welcome-mascot__lid, .openui-agent-welcome-mascot__body--squish {
    transition: none;
    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);
  font-variation-settings: normal;
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-medium);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.openui-agent-container__restore-loader {
  z-index: 1;
  background: inherit;
  transition: opacity .2s ease-out;
  display: flex;
  position: absolute;
  inset: 0;
}

.openui-agent-container__restore-loader--exiting {
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .openui-agent-container__restore-loader {
    transition: none;
  }
}

.openui-agent-container {
  background: color-mix(in oklch, var(--openui-background) 40%, 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 {
  background: var(--openui-foreground);
  padding: 0;
}

.openui-agent-container.openui-agent-container--restoring > :not(.openui-agent-container__restore-loader) {
  visibility: hidden;
}

.openui-agent-container[data-openui-settling], .openui-agent-container[data-openui-settling] :not(.openui-agent-container__restore-loader) {
  transition: none !important;
}

.openui-agent-sidebar-container--collapsed .openui-agent-sidebar-actions, .openui-agent-sidebar-container--collapsed .openui-agent-sidebar-primary-actions {
  gap: var(--openui-space-m);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-button--collapsed .openui-agent-new-chat-button__icon {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-inverted-background);
  width: 32px;
  height: 32px;
  color: var(--openui-foreground);
  margin: 0;
  font-size: 14px;
}

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

.openui-agent-history-button {
  border-radius: var(--openui-radius-full);
  background: none;
  background-color: var(--openui-sunk-deep);
  width: 32px;
  height: 32px;
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 14px;
  transition: background-color 90ms cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.openui-agent-history-button:hover {
  background-color: var(--openui-highlight-strong);
}

.openui-agent-history-button:focus-visible {
  outline: 2px solid var(--openui-border-interactive);
  outline-offset: 2px;
}

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

.openui-agent-container .openui-agent-new-chat-floating-button.openui-button-base {
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  border-color: #0000;
}

.openui-agent-container .openui-agent-new-chat-floating-button.openui-button-base:not(:disabled):hover, .openui-agent-container .openui-agent-new-chat-floating-button.openui-button-base:not(:disabled):active {
  background-color: var(--openui-inverted-background);
  opacity: .85;
}

.openui-agent-tooltip, .openui-agent-sidebar-tooltip {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-callout-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-chart-empty {
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.openui-chart-empty-text {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
}

.openui-cartesian-y-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  padding-bottom: var(--openui-space-s);
}

.openui-cartesian-x-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  text-align: center;
}

@keyframes openui-draw-line {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes openui-fade-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.openui-area-chart-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.openui-area-chart-main-container {
  flex: 1;
  min-width: 0;
  overflow: auto hidden;
}

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

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

.openui-area-chart-grid line {
  stroke: var(--openui-border-default);
  stroke-dasharray: 3 3;
}

.openui-area-chart-grid line.openui-grid-zero-line {
  stroke-dasharray: none;
}

.openui-area-chart-y-tick, .openui-area-chart-x-tick, .openui-area-chart-x-tick-angled {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-area-chart-crosshair-line {
  stroke: var(--openui-border-default);
  stroke-width: 1px;
  stroke-dasharray: 4 4;
}

.openui-area-chart-active-dot-outer {
  fill: var(--openui-foreground);
  stroke: var(--openui-border-default);
  stroke-width: 1px;
}

.openui-area-chart-active-dot-inner {
  stroke: none;
}

.openui-area-chart-area-path {
  transition: opacity .2s;
}

.openui-area-chart-area-line {
  fill: none;
  stroke-width: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-area-chart-area-line--animated {
    stroke-dasharray: var(--path-length);
    stroke-dashoffset: var(--path-length);
    animation: 1s ease-out forwards openui-draw-line;
  }

  .openui-area-chart-area-path--animated {
    opacity: 0;
    animation: .6s ease-out .4s forwards openui-fade-appear;
  }
}

.openui-line-chart-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-line-chart-container-inner {
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

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

.openui-line-chart-main-container {
  flex: 1;
  min-width: 0;
  overflow: auto hidden;
}

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

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

.openui-line-chart-grid line {
  stroke: var(--openui-border-default);
  stroke-dasharray: 3 3;
}

.openui-line-chart-grid line.openui-grid-zero-line {
  stroke-dasharray: none;
}

.openui-line-chart-y-tick, .openui-line-chart-x-tick, .openui-line-chart-x-tick-angled {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-line-chart-crosshair-line {
  stroke: var(--openui-border-default);
  stroke-width: 1px;
  stroke-dasharray: 4 4;
}

.openui-line-chart-active-dot-outer {
  fill: var(--openui-foreground);
  stroke: var(--openui-border-default);
  stroke-width: 1px;
}

.openui-line-chart-active-dot-inner {
  stroke: none;
}

.openui-line-chart-line {
  fill: none;
  stroke-width: 2px;
}

.openui-line-chart-dot {
  stroke: var(--openui-foreground);
  stroke-width: 1px;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-line-chart-line--animated {
    stroke-dasharray: var(--path-length);
    stroke-dashoffset: var(--path-length);
    animation: 1s ease-out forwards openui-draw-line;
  }
}

.openui-bar-chart-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.openui-bar-chart-main-container {
  flex: 1;
  min-width: 0;
  overflow: auto hidden;
}

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

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

.openui-bar-chart-grid line {
  stroke: var(--openui-border-default);
  stroke-dasharray: 3 3;
}

.openui-bar-chart-grid line.openui-grid-zero-line {
  stroke-dasharray: none;
}

.openui-bar-chart-y-tick, .openui-bar-chart-x-tick, .openui-bar-chart-x-tick-angled {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-bar-chart-hover-highlight {
  fill: var(--openui-text-neutral-primary);
  opacity: .04;
  pointer-events: none;
}

.openui-bar-chart-internal-line {
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-bar-chart-bar--animated {
    transform-box: fill-box;
    transform-origin: bottom;
    animation: .6s ease-out both openui-bar-grow;
  }

  .openui-bar-chart-bar--animated.openui-bar-chart-bar--negative {
    transform-origin: top;
  }
}

@keyframes openui-bar-grow {
  from {
    transform: scaleY(0);
  }

  to {
    transform: scaleY(1);
  }
}

.openui-horizontal-bar-chart-container {
  flex-direction: column;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

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

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

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

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

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

.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-category-label {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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-horizontal-bar-chart-x-tick {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-horizontal-bar-chart-grid-vertical line {
  stroke: var(--openui-border-default);
  stroke-dasharray: 3 3;
}

.openui-horizontal-bar-chart-internal-line {
  pointer-events: none;
}

.openui-horizontal-bar-chart-crosshair {
  fill: var(--openui-text-neutral-primary);
  opacity: .04;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-horizontal-bar-chart-bar--animated {
    transform-box: fill-box;
    transform-origin: 0;
    animation: .6s ease-out both openui-horizontal-bar-grow;
  }

  .openui-horizontal-bar-chart-bar--animated.openui-horizontal-bar-chart-bar--negative {
    transform-origin: 100%;
  }
}

@keyframes openui-horizontal-bar-grow {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

.openui-pie-chart-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

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

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

@media (prefers-reduced-motion: no-preference) {
  .openui-pie-chart-slice--animated {
    opacity: 0;
    transform-origin: center;
    animation: .6s ease-out forwards openui-pie-appear;
  }
}

@keyframes openui-pie-appear {
  from {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.openui-radial-chart-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

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

.openui-radial-chart-grid-circle {
  stroke: var(--openui-border-default);
  stroke-width: 1px;
  stroke-dasharray: 4 4;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-radial-chart-bar--animated {
    opacity: 0;
    animation: .5s ease-out forwards openui-fade-appear;
  }
}

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

.openui-radar-chart-svg-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-radar-chart-svg-wrapper > svg {
  overflow: visible;
}

.openui-radar-chart-grid-ring, .openui-radar-chart-grid-spoke {
  stroke: var(--openui-border-interactive);
  stroke-width: 1px;
}

.openui-radar-chart-polygon-area {
  transition: opacity .2s;
}

.openui-radar-chart-polygon-stroke {
  fill: none;
  stroke-width: 2px;
}

.openui-radar-chart-dot {
  stroke: var(--openui-foreground);
  stroke-width: 1.5px;
  transition: r .15s, opacity .15s;
}

.openui-radar-chart-active-dot-outer {
  fill: var(--openui-foreground);
  stroke: var(--openui-border-default);
  stroke-width: 1px;
}

.openui-radar-chart-active-dot-inner {
  stroke: none;
}

.openui-radar-chart-active-dots {
  pointer-events: none;
}

.openui-radar-chart-axis-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

@media (prefers-reduced-motion: no-preference) {
  .openui-radar-chart-polygon--animated {
    opacity: 0;
    transform-origin: center;
    animation: .5s ease-out forwards openui-radar-polygon-appear;
  }
}

@keyframes openui-radar-polygon-appear {
  from {
    opacity: 0;
    transform: scale(.3);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.openui-scatter-chart-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-scatter-chart-grid line {
  stroke: var(--openui-border-default);
  stroke-dasharray: 3 3;
}

.openui-scatter-chart-grid line.openui-grid-zero-line {
  stroke-dasharray: none;
}

.openui-scatter-chart-grid-vertical line {
  stroke: var(--openui-border-default);
  stroke-dasharray: 3 3;
}

.openui-scatter-chart-y-tick, .openui-scatter-chart-x-tick {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-scatter-chart-dot {
  stroke: var(--openui-foreground);
  stroke-width: 1.5px;
  transition: r .15s, fill-opacity .15s, stroke-opacity .15s;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-scatter-chart-dot--animated {
    opacity: 0;
    animation: .4s ease-out forwards openui-scatter-dot-appear;
  }
}

@keyframes openui-scatter-dot-appear {
  from {
    opacity: 0;
    r: 0;
  }

  to {
    opacity: 1;
  }
}

.openui-heatmap-chart-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-heatmap-chart-x-tick, .openui-heatmap-chart-y-tick {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-heatmap-chart-cell, .openui-heatmap-chart-cell-label {
  transition: fill .2s;
}

@media print {
  .openui-heatmap-chart-cell, .openui-heatmap-chart-cell-label {
    transition: none;
  }
}

.openui-heatmap-chart-cell:hover {
  stroke: var(--openui-text-neutral-primary);
  stroke-width: 1.5px;
}

.openui-heatmap-chart-cell-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.openui-heatmap-chart-cell--empty {
  fill: var(--openui-border-default);
  fill-opacity: .35;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-heatmap-chart-cell--animated, .openui-heatmap-chart-cell-label--animated {
    opacity: 0;
    animation: .4s ease-out forwards openui-fade-appear;
  }
}

.openui-heatmap-chart-color-scale {
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 0 2px;
  display: flex;
}

.openui-heatmap-chart-color-scale-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
}

.openui-heatmap-chart-color-scale-ramp {
  border-radius: 4px;
  flex: 1;
  height: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-heatmap-chart-color-scale-bucket {
  flex: 1;
}

.openui-heatmap-chart-color-scale-ramp--diverging:after {
  content: "";
  background: var(--openui-text-neutral-primary);
  opacity: .55;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.openui-funnel-chart-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-funnel-chart-ring {
  transition: d .3s, fill-opacity .2s;
}

.openui-funnel-chart-ring--springy {
  transform-box: fill-box;
  transform-origin: center;
}

.openui-funnel-chart-ring--bloom-y {
  transform: scaleY(var(--funnel-ring-scale, 1));
}

.openui-funnel-chart-ring--bloom-x {
  transform: scaleX(var(--funnel-ring-scale, 1));
}

.openui-funnel-chart-stage {
  transition: filter .2s;
}

@media print {
  .openui-funnel-chart-ring, .openui-funnel-chart-stage {
    transition: none;
  }
}

.openui-funnel-chart-value {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-primary);
  font-variation-settings: normal;
  font-weight: 600;
}

.openui-funnel-chart-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-funnel-chart-pct {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-background);
  font-variation-settings: normal;
  font-weight: 700;
}

.openui-funnel-chart-pct-pill {
  fill: var(--openui-text-neutral-primary);
}

@media (prefers-reduced-motion: no-preference) {
  .openui-funnel-chart-stage--animated {
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: .5s ease-out forwards openui-funnel-appear;
  }
}

@keyframes openui-funnel-appear {
  from {
    opacity: 0;
    transform: scale(.85);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.openui-calendar-heatmap-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-calendar-heatmap-month-label, .openui-calendar-heatmap-weekday-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  fill: var(--openui-text-neutral-secondary);
}

.openui-calendar-heatmap-cell:hover {
  stroke: var(--openui-foreground);
  stroke-width: 1.5px;
}

.openui-calendar-heatmap-cell--ghost {
  fill-opacity: .4;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-calendar-heatmap-cell--animated {
    opacity: 0;
    animation: .4s ease-out forwards openui-calendar-cell-in;
  }
}

@keyframes openui-calendar-cell-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

[data-openui-highlight-level="0"] .openui-calendar-heatmap-cell:not(.openui-calendar-heatmap-cell--level-0), [data-openui-highlight-level="1"] .openui-calendar-heatmap-cell:not(.openui-calendar-heatmap-cell--level-1), [data-openui-highlight-level="2"] .openui-calendar-heatmap-cell:not(.openui-calendar-heatmap-cell--level-2), [data-openui-highlight-level="3"] .openui-calendar-heatmap-cell:not(.openui-calendar-heatmap-cell--level-3), [data-openui-highlight-level="4"] .openui-calendar-heatmap-cell:not(.openui-calendar-heatmap-cell--level-4) {
  fill-opacity: .3;
}

@media (prefers-reduced-motion: no-preference) {
  .openui-calendar-heatmap-cell, .openui-calendar-heatmap-legend-swatch-slot {
    transition: fill-opacity .2s, opacity .2s;
  }
}

.openui-calendar-heatmap-separator {
  stroke: var(--openui-border-default);
  stroke-width: 1px;
}

.openui-calendar-heatmap-quarter-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
  pointer-events: none;
}

.openui-calendar-heatmap-legend {
  justify-content: flex-end;
  align-items: center;
  gap: var(--openui-space-s);
  width: 100%;
  padding-top: var(--openui-space-m);
  display: flex;
}

.openui-calendar-heatmap-legend-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
}

.openui-calendar-heatmap-legend-swatches {
  align-items: center;
  gap: var(--openui-space-3xs);
  display: flex;
}

.openui-calendar-heatmap-legend-swatch-slot {
  cursor: pointer;
  display: inline-flex;
}

.openui-calendar-heatmap-legend-swatch {
  border-radius: var(--openui-radius-2xs);
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  display: block;
}

.openui-calendar-heatmap-legend-gradient {
  border-radius: var(--openui-radius-2xs);
  flex-shrink: 0;
  width: 60px;
  height: 12px;
  position: relative;
}

.openui-calendar-heatmap-legend-gradient-hit {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
}

.openui-segmented-bar-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.openui-segmented-bar-container--gap {
  gap: var(--openui-space-m);
}

.openui-segmented-bar {
  box-sizing: border-box;
  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-segmented-bar-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-segmented-bar-segment:first-child {
  border-radius: var(--openui-radius-xs) 0 0 var(--openui-radius-xs);
}

.openui-segmented-bar-segment:last-child {
  border-radius: 0 var(--openui-radius-xs) var(--openui-radius-xs) 0;
}

.openui-segmented-bar-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-segmented-bar-segment--animated {
  transition: width .6s cubic-bezier(.4, 0, .2, 1);
}

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

.openui-mini-chart {
  aspect-ratio: 1;
  min-width: 100px;
  min-height: 100px;
  position: relative;
}

.openui-mini-chart > svg {
  display: block;
}

.openui-mini-chart--clickable {
  cursor: pointer;
}

.openui-mini-line-chart-point {
  fill: var(--openui-background);
}

@media (prefers-reduced-motion: no-preference) {
  .openui-mini-chart-mark--animated {
    opacity: 0;
    animation: .6s ease-out forwards openui-fade-appear;
  }
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  border-radius: var(--openui-radius-l);
  border: 1px solid var(--openui-border-default);
  background-color: var(--openui-foreground);
  box-shadow: var(--openui-shadow-s);
  display: grid;
}

.openui-chart-tooltip-label {
  font: var(--openui-text-label-xs);
  letter-spacing: var(--openui-text-label-xs-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-medium);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  background-color: var(--openui-foreground);
  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--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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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 {
  box-sizing: border-box;
  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-header-title {
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
}

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

.openui-stacked-legend {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  flex-direction: column;
  justify-content: safe center;
  width: 100%;
  min-width: 200px;
  height: 100%;
  display: flex;
  overflow-y: scroll;
}

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

.openui-stacked-legend__item {
  box-sizing: border-box;
  border-radius: var(--openui-radius-m);
  flex-direction: row;
  flex-shrink: 0;
  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-color-container {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 32px;
  height: 100%;
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  flex-shrink: 0;
  transition: all .2s ease-in-out;
}

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

.openui-stacked-legend-separator {
  margin: var(--openui-space-2xs) 0;
}

.openui-chart-with-stacked-legend {
  align-items: center;
  gap: 20px;
  display: flex;
  position: relative;
}

.openui-chart-with-stacked-legend--column {
  flex-direction: column;
}

.openui-chart-with-stacked-legend--row {
  flex-direction: row;
  min-height: 296px;
}

.openui-chart-with-stacked-legend__chart {
  width: 100%;
  min-width: 0;
}

.openui-chart-with-stacked-legend__legend {
  justify-content: center;
  width: 100%;
  display: flex;
}

.openui-chart-with-stacked-legend--column .openui-chart-with-stacked-legend__legend {
  align-items: flex-start;
}

.openui-chart-with-stacked-legend--row .openui-chart-with-stacked-legend__chart {
  flex: 1;
}

.openui-chart-with-stacked-legend--row .openui-chart-with-stacked-legend__legend {
  flex: 1;
  align-items: center;
  min-width: 0;
  height: 296px;
}

.openui-chart-with-stacked-legend--row .openui-chart-with-stacked-legend__legend .openui-stacked-legend-container {
  justify-content: center;
}

.openui-chart-with-stacked-legend--row .openui-chart-with-stacked-legend__legend .openui-stacked-legend {
  height: auto;
  max-height: 100%;
}

.openui-chart-horizontal-scroll-buttons-container {
  position: relative;
}

.openui-chart-horizontal-scroll-buttons-container .openui-chart-horizontal-scroll-button {
  background-color: var(--openui-foreground);
  position: absolute;
}

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

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

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

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

.openui-chart-vertical-scroll-buttons-container .openui-chart-vertical-scroll-button {
  background-color: var(--openui-foreground);
  pointer-events: auto;
}

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

.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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  overflow-wrap: anywhere;
}

.openui-chips {
  gap: var(--openui-space-s);
  box-sizing: border-box;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.openui-chip-item {
  align-items: center;
  gap: var(--openui-space-xs);
  padding: 0;
  padding: var(--openui-space-xs) var(--openui-space-s);
  border: 0;
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-m);
  box-sizing: border-box;
  cursor: pointer;
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-default);
  letter-spacing: var(--openui-text-label-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  background: none;
  transition: border-color .15s, background-color .15s, opacity .15s;
  display: inline-flex;
}

.openui-chip-item:not(:disabled):not(.openui-chip-item--selected):hover {
  border-color: var(--openui-border-default);
  background-color: var(--openui-sunk-light);
}

.openui-chip-item:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-chip-item--selected {
  border-color: var(--openui-border-interactive-selected);
  background-color: var(--openui-highlight-strong);
}

.openui-chip-item:disabled, .openui-chip-item--disabled {
  opacity: .6;
  cursor: not-allowed;
}

.openui-chip-item__icon {
  align-items: center;
  display: flex;
}

.openui-chip-item__icon > * {
  width: 14px;
  height: 14px;
}

.openui-chip-item__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.openui-citation-container {
  display: inline-flex;
  position: relative;
}

.openui-citation {
  width: 20px;
  height: 20px;
  padding: var(--openui-space-3xs);
  background-color: var(--openui-highlight-strong);
  margin-left: var(--openui-space-3xs);
  border-radius: var(--openui-radius-xs);
  cursor: pointer;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .2s ease-in-out;
  display: flex;
}

.openui-citation svg {
  color: var(--openui-text-neutral-tertiary);
}

.openui-citation:hover svg, .openui-citation[data-state="delayed-open"] svg, .openui-citation[data-state="instant-open"] svg {
  color: var(--openui-text-neutral-primary);
}

.openui-citation:active {
  background-color: var(--openui-highlight-strong);
}

.openui-citation:focus-visible {
  outline: 2px solid var(--openui-border-interactive);
  outline-offset: 2px;
}

.openui-citation-tooltip {
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl);
  box-shadow: var(--openui-shadow-s);
  white-space: nowrap;
  color: var(--openui-text-neutral-primary);
  z-index: 1000;
  pointer-events: all;
  overflow: hidden;
}

.openui-citation-tooltip[data-state="delayed-open"][data-side="top"] {
  animation: .2s ease-in-out openui-slide-down-and-fade;
}

.openui-citation-tooltip[data-state="delayed-open"][data-side="bottom"] {
  animation: .2s ease-in-out openui-slide-up-and-fade;
}

.openui-citation-tooltip[data-state="delayed-open"][data-side="right"] {
  animation: .2s ease-in-out openui-slide-left-and-fade;
}

.openui-citation-tooltip[data-state="delayed-open"][data-side="left"] {
  animation: .2s ease-in-out openui-slide-right-and-fade;
}

.openui-citation-tooltip__content {
  padding: var(--openui-space-xs);
  gap: var(--openui-space-2xs);
  scrollbar-width: thin;
  scrollbar-color: var(--openui-border-default) #0000;
  flex-direction: column;
  max-height: 50vh;
  display: flex;
  overflow-y: auto;
}

.openui-citation-tooltip__content::-webkit-scrollbar {
  width: 6px;
}

.openui-citation-tooltip__content::-webkit-scrollbar-track {
  background: none;
}

.openui-citation-tooltip__content::-webkit-scrollbar-thumb {
  background: var(--openui-border-default);
  border-radius: var(--openui-radius-full);
}

.openui-citation-item {
  align-items: center;
  gap: var(--openui-space-s);
  padding: var(--openui-space-xs) var(--openui-space-s) var(--openui-space-xs) var(--openui-space-xs);
  border-radius: var(--openui-radius-m);
  text-align: left;
  width: 100%;
  max-width: 348px;
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  background-color: #0000;
  border: none;
  transition: background-color .2s ease-in-out;
  display: flex;
}

@media (max-width: 800px) {
  .openui-citation-item {
    max-width: 320px;
  }
}

.openui-citation-item--has-url {
  cursor: pointer;
}

.openui-citation-item--has-url:hover {
  background-color: var(--openui-sunk);
}

.openui-citation-item__logo {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-s);
  width: 24px;
  height: 24px;
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.openui-citation-item__content {
  align-items: baseline;
  gap: var(--openui-space-s);
  flex-grow: 1;
  min-width: 0;
  display: flex;
}

.openui-citation-item__title {
  color: var(--openui-text-neutral-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.openui-citation-item__source {
  color: var(--openui-text-neutral-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.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-composite-card__wrapper {
  height: 100%;
}

.openui-composite-card {
  gap: var(--openui-space-m);
  min-width: 15rem;
  height: 100%;
  padding: var(--openui-space-m);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-3xl);
  box-sizing: border-box;
  background: var(--openui-sunk-light);
  flex-direction: column;
  display: flex;
}

.openui-composite-card--clickable {
  background: var(--openui-foreground);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-m);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}

.openui-composite-card--clickable:hover {
  box-shadow: none;
  transform: scale(.995);
}

.openui-composite-card--clickable:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-composite-card__header {
  gap: var(--openui-space-m);
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.openui-composite-card__body {
  gap: var(--openui-space-m);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.openui-composite-card .openui-inline-markdown-renderer strong, .openui-composite-card .openui-inline-markdown-renderer em {
  font: inherit;
  letter-spacing: inherit;
}

.openui-composite-card .openui-inline-markdown-renderer strong, .openui-composite-card .openui-inline-markdown-renderer strong em, .openui-composite-card .openui-inline-markdown-renderer em strong {
  font-weight: var(--openui-font-weight-medium);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-composite-card .openui-inline-markdown-renderer em, .openui-composite-card .openui-inline-markdown-renderer strong em, .openui-composite-card .openui-inline-markdown-renderer em strong {
  font-style: italic;
}

.openui-composite-card .openui-inline-markdown-renderer code {
  font: var(--openui-text-code-sm);
  letter-spacing: var(--openui-text-code-sm-letter-spacing);
  line-height: 1;
}

.openui-composite-card__footer {
  flex-shrink: 0;
  margin-top: auto;
  display: flex;
}

.openui-composite-card__footer > * {
  width: 100%;
}

.openui-composite-card__footer-content {
  gap: var(--openui-space-s);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-context-card {
  width: 100%;
  min-width: 196px;
  padding: var(--openui-space-m);
  border-radius: var(--openui-radius-xl);
  box-sizing: border-box;
  border: none;
  justify-content: space-between;
  align-items: flex-start;
  transition: background-color .2s, box-shadow .2s, transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-context-card--clickable {
  background-color: var(--openui-highlight);
  cursor: pointer;
}

.openui-context-card--clickable:hover {
  transform: scale(.995);
}

.openui-context-card--clickable:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-context-card--static {
  background-color: var(--openui-highlight-subtle);
  box-shadow: none;
}

.openui-context-card--variant-gray {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}

.openui-context-card--variant-info {
  background-color: var(--openui-info-background);
  color: var(--openui-text-info-primary);
}

.openui-context-card--variant-info .openui-context-card__title-text {
  color: var(--openui-text-info-primary);
  opacity: .8;
}

.openui-context-card--variant-info .openui-context-card__body-text {
  color: var(--openui-text-info-primary);
}

.openui-context-card--variant-info .openui-context-card__tag {
  background-color: var(--openui-elevated);
}

.openui-context-card--variant-success {
  background-color: var(--openui-success-background);
  color: var(--openui-text-success-primary);
}

.openui-context-card--variant-success .openui-context-card__title-text {
  color: var(--openui-text-success-primary);
  opacity: .8;
}

.openui-context-card--variant-success .openui-context-card__body-text {
  color: var(--openui-text-success-primary);
}

.openui-context-card--variant-success .openui-context-card__tag {
  background-color: var(--openui-elevated);
}

.openui-context-card--variant-warning {
  background-color: var(--openui-alert-background);
  color: var(--openui-text-alert-primary);
}

.openui-context-card--variant-warning .openui-context-card__title-text {
  color: var(--openui-text-alert-primary);
  opacity: .8;
}

.openui-context-card--variant-warning .openui-context-card__body-text {
  color: var(--openui-text-alert-primary);
}

.openui-context-card--variant-warning .openui-context-card__tag {
  background-color: var(--openui-elevated);
}

.openui-context-card--variant-danger {
  background-color: var(--openui-danger-background);
  color: var(--openui-text-danger-primary);
}

.openui-context-card--variant-danger .openui-context-card__title-text {
  color: var(--openui-text-danger-primary);
  opacity: .8;
}

.openui-context-card--variant-danger .openui-context-card__body-text {
  color: var(--openui-text-danger-primary);
}

.openui-context-card--variant-danger .openui-context-card__tag {
  background-color: var(--openui-elevated);
}

.openui-context-card--variant-image {
  color: var(--openui-text-white);
  background-position: center;
  background-size: cover;
}

.openui-context-card--variant-image .openui-context-card__title-text {
  color: var(--openui-text-white);
  opacity: .6;
}

.openui-context-card--variant-image .openui-context-card__tag .openui-tag {
  color: var(--openui-text-white);
  -webkit-backdrop-filter: blur(2px);
  background-color: #0006;
}

.openui-context-card--variant-image:before {
  content: "";
  background: var(--openui-overlay);
  z-index: 1;
  position: absolute;
  inset: 0;
}

.openui-context-card--variant-image > * {
  z-index: 2;
  position: relative;
}

.openui-context-card__vertical {
  justify-content: space-between;
  gap: var(--openui-space-l);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
}

.openui-context-card__slot {
  border-radius: var(--openui-radius-m);
  width: 100%;
}

.openui-context-card__slot--top {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--openui-space-s);
  min-height: var(--openui-space-xl);
  display: flex;
}

.openui-context-card__slot--bottom {
  gap: var(--openui-space-2xs);
  flex-direction: column;
  display: flex;
}

.openui-context-card__title-text {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
}

.openui-context-card__body-text {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-context-card__chevron {
  color: currentColor;
  opacity: .7;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.openui-context-card__tag-wrapper {
  pointer-events: none;
  align-items: center;
  width: 100%;
  display: flex;
}

.openui-context-card__tag {
  border: none;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-editable-table-wrapper {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-xl) var(--openui-radius-xl) 0 0;
  position: relative;
  overflow: hidden;
}

.openui-editable-table-scroll-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.openui-editable-table-scroll-container::-webkit-scrollbar {
  display: none;
}

.openui-editable-table-scroll-control {
  top: var(--openui-space-s);
  z-index: 1;
  border-radius: var(--openui-radius-s);
  background-color: var(--openui-elevated);
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  position: absolute;
}

.openui-editable-table-scroll-control.openui-editable-table-scroll-control--disabled {
  cursor: not-allowed;
  display: none;
}

.openui-editable-table-scroll-control.openui-editable-table-scroll-control--left {
  left: var(--openui-space-s);
}

.openui-editable-table-scroll-control.openui-editable-table-scroll-control--right {
  right: var(--openui-space-s);
}

.openui-editable-table-table {
  border-collapse: collapse;
}

.openui-editable-table-table .openui-select-trigger {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  width: 100%;
}

.openui-editable-table-table thead th {
  text-align: left;
  padding: var(--openui-space-s) var(--openui-space-m);
  border-right: 1px solid var(--openui-border-default);
  background-color: var(--openui-highlight-subtle);
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 48px;
  overflow: hidden;
}

.openui-editable-table-table thead th:last-child {
  border-right: 0;
}

.openui-editable-table-table tbody tr {
  border-bottom: 1px solid var(--openui-border-default);
}

.openui-editable-table-table tbody tr:last-child {
  border-bottom: 0;
}

.openui-editable-table-table tbody td {
  border-right: 1px solid var(--openui-border-default);
  vertical-align: middle;
  white-space: nowrap;
  height: 48px;
  padding: 0;
}

.openui-editable-table-table tbody td:last-child {
  border-right: 0;
}

.openui-editable-table-header-container {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-editable-table-header-icon {
  flex-shrink: 0;
}

.openui-editable-table-cell-base {
  width: 100%;
  height: 100%;
  padding: var(--openui-space-s) var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  position: relative;
}

.openui-editable-table-cell-input {
  appearance: textfield;
  background-color: #0000;
  outline: none;
  width: 100%;
  height: 100%;
  padding: 0;
}

.openui-editable-table-cell-input::-webkit-inner-spin-button {
  appearance: none;
}

.openui-editable-table-cell-input::-webkit-outer-spin-button {
  appearance: none;
}

.openui-editable-table-display-text {
  width: calc(100% - var(--openui-space-m)*2);
  left: var(--openui-space-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}

.openui-editable-table-display-number {
  width: calc(100% - var(--openui-space-m)*2);
  left: var(--openui-space-m);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}

.openui-editable-table-display-url {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  flex: auto;
  display: block;
  overflow: hidden;
}

.openui-editable-table-display-url-container {
  align-items: center;
  gap: var(--openui-space-s);
  width: calc(100% - var(--openui-space-m)*2);
  left: var(--openui-space-m);
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.openui-editable-table-display-url-icon {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
}

.openui-editable-table-display-url-warning-icon {
  color: var(--openui-text-danger-primary);
  flex-shrink: 0;
  display: none;
}

.openui-editable-table-display-url:hover {
  text-decoration: underline;
}

.openui-editable-table-cell-outline-top, .openui-editable-table-cell-outline-bottom {
  background-color: var(--openui-border-interactive-selected);
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
}

.openui-editable-table-cell-outline-top-selected, .openui-editable-table-cell-outline-bottom-selected {
  height: 1px;
}

.openui-editable-table-cell-outline-top-editing, .openui-editable-table-cell-outline-bottom-editing {
  height: 1.5px;
}

.openui-editable-table-cell-outline-top {
  top: 0;
}

.openui-editable-table-cell-outline-bottom {
  bottom: 0;
}

.openui-editable-table-cell-outline-left, .openui-editable-table-cell-outline-right {
  background-color: var(--openui-border-interactive-selected);
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
}

.openui-editable-table-cell-outline-left-selected, .openui-editable-table-cell-outline-right-selected {
  width: 1px;
}

.openui-editable-table-cell-outline-left-editing, .openui-editable-table-cell-outline-right-editing {
  width: 1.5px;
}

.openui-editable-table-cell-outline-left {
  left: 0;
}

.openui-editable-table-cell-outline-right {
  right: 0;
}

.openui-editable-table-select-trigger {
  width: 100%;
}

.openui-editable-table-select-item {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-editable-table-changes-container {
  gap: var(--openui-space-s);
  padding: var(--openui-space-s) var(--openui-space-s) var(--openui-space-s) var(--openui-space-m);
  background-color: var(--openui-elevated);
  border-radius: var(--openui-radius-xl);
  border: 1px solid var(--openui-border-default);
  box-shadow: var(--openui-shadow-s);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.openui-editable-table-changes-count {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-editable-table-changes-buttons {
  gap: var(--openui-space-s);
  flex-direction: row;
  display: flex;
}

.openui-entity-list {
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-entity-list__row {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--openui-space-m);
  padding: var(--openui-space-m) 0;
  border-bottom: 1px solid var(--openui-border-default);
  color: var(--openui-text-neutral-primary);
  display: flex;
}

.openui-entity-list__row:last-child {
  border-bottom: none;
}

.openui-entity-list__cell-left, .openui-entity-list__cell-right {
  overflow-wrap: break-word;
  word-wrap: break-word;
  flex: 1;
  min-width: 0;
  max-width: 50%;
}

.openui-entity-list__cell-right {
  text-align: right;
}

.openui-entity-list--default .openui-entity-list__cell-left {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-entity-list--default .openui-entity-list__cell-right {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-entity-list--default .openui-entity-list__row--header .openui-entity-list__cell-left, .openui-entity-list--default .openui-entity-list__row--header .openui-entity-list__cell-right {
  color: var(--openui-text-neutral-secondary);
}

.openui-entity-list--default .openui-entity-list__cell-right--number {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-entity-list--default .openui-entity-list__cell-left--footer {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-entity-list--default .openui-entity-list__cell-right--footer.openui-entity-list__cell-right--text {
  font: var(--openui-text-body-lg-heavy);
  letter-spacing: var(--openui-text-body-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-entity-list--default .openui-entity-list__cell-right--footer.openui-entity-list__cell-right--number {
  font: var(--openui-text-numbers-lg-heavy);
  letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-entity-list--small .openui-entity-list__cell-left {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-entity-list--small .openui-entity-list__cell-right--text {
  font: var(--openui-text-body-sm-heavy);
  letter-spacing: var(--openui-text-body-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-entity-list--small .openui-entity-list__cell-right--number {
  font: var(--openui-text-numbers-sm-heavy);
  letter-spacing: var(--openui-text-numbers-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-icon-tag {
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.openui-icon-tag--xs {
  border-radius: var(--openui-radius-xs);
  width: 20px;
  height: 20px;
}

.openui-icon-tag--xs svg {
  width: 12px;
  height: 12px;
}

.openui-icon-tag--s {
  border-radius: var(--openui-radius-s);
  width: 24px;
  height: 24px;
}

.openui-icon-tag--s svg {
  width: 14px;
  height: 14px;
}

.openui-icon-tag--m {
  border-radius: var(--openui-radius-s);
  width: 32px;
  height: 32px;
}

.openui-icon-tag--m svg {
  width: 14px;
  height: 14px;
}

.openui-icon-tag--l {
  border-radius: var(--openui-radius-m);
  width: 36px;
  height: 36px;
}

.openui-icon-tag--l svg {
  width: 16px;
  height: 16px;
}

.openui-icon-tag--xl {
  border-radius: var(--openui-radius-m);
  width: 40px;
  height: 40px;
}

.openui-icon-tag--xl svg {
  width: 16px;
  height: 16px;
}

.openui-icon-tag--neutral {
  background-color: var(--openui-highlight);
  color: var(--openui-text-neutral-primary);
}

.openui-icon-tag--info {
  background-color: var(--openui-info-background);
  color: var(--openui-text-info-primary);
}

.openui-icon-tag--success {
  background-color: var(--openui-success-background);
  color: var(--openui-text-success-primary);
}

.openui-icon-tag--warning {
  background-color: var(--openui-alert-background);
  color: var(--openui-text-alert-primary);
}

.openui-icon-tag--danger {
  background-color: var(--openui-danger-background);
  color: var(--openui-text-danger-primary);
}

.openui-icon-tag--inverted {
  background-color: var(--openui-inverted-background);
  color: var(--openui-background);
}

.openui-icon-text {
  gap: var(--openui-space-m);
  display: flex;
}

.openui-icon-text--vertical {
  flex-direction: column;
  align-items: flex-start;
}

.openui-icon-text--horizontal {
  flex-direction: row;
  align-items: flex-start;
}

.openui-icon-text--horizontal .openui-icon-tag {
  margin-top: var(--openui-space-3xs);
}

.openui-icon-text--horizontal .openui-text-block__primary {
  font: var(--openui-text-body-sm-heavy);
  letter-spacing: var(--openui-text-body-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-icon-text__content {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.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--error {
  visibility: hidden;
}

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

.openui-image-text__image-container {
  width: calc(var(--openui-space-2xl) + var(--openui-space-2xs));
  height: calc(var(--openui-space-2xl) + var(--openui-space-2xs));
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-sunk);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.openui-image-text--vertical {
  flex-direction: column;
  align-items: flex-start;
}

.openui-image-text--horizontal {
  flex-direction: row;
  align-items: center;
}

.openui-image-text--horizontal .openui-text-block__primary {
  font: var(--openui-text-body-sm-heavy);
  letter-spacing: var(--openui-text-body-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-image-text--horizontal .openui-image-text__content {
  padding-top: var(--openui-space-3xs);
}

.openui-image-text__content {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.openui-image-text-large {
  gap: var(--openui-space-m);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.openui-image-text-large__image-wrap {
  border-radius: var(--openui-radius-m);
  background-color: var(--openui-sunk);
  width: 100%;
  min-height: 60px;
  max-height: 180px;
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.openui-image-text-large__image {
  object-fit: cover;
  width: 100%;
  height: 180px;
  max-height: 180px;
  display: block;
}

.openui-inline-header {
  gap: var(--openui-space-3xs);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.openui-inline-header-heading {
  align-items: center;
  gap: var(--openui-space-xs);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
  display: flex;
}

.openui-inline-header-description {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-inline-markdown-renderer {
  text-align: inherit;
  display: inline;
}

.openui-inline-markdown-renderer .openui-markdown-renderer {
  all: unset;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  display: inline;
}

.openui-inline-markdown-renderer p, .openui-inline-markdown-renderer .openui-markdown-renderer p, .openui-inline-markdown-renderer > * {
  text-align: inherit;
  margin: 0;
  padding: 0;
  display: inline;
}

.openui-input {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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-block--small {
  gap: var(--openui-space-m);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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-list-item-wrapper--small {
  gap: var(--openui-space-s);
}

.openui-list-item-wrapper--small .openui-list-item {
  gap: var(--openui-space-s-m);
}

.openui-list-item-wrapper--small .openui-list-item-indicator {
  width: 36px;
  height: 36px;
}

.openui-list-item-wrapper--small .openui-list-item-indicator-no-subtitle {
  width: 20px;
  height: 20px;
}

.openui-list-item-wrapper--small .openui-list-item-indicator-number {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-list-item-wrapper--small .openui-list-item-title, .openui-list-item-wrapper--small .openui-list-item-subtitle, .openui-list-item-wrapper--small .openui-list-item-action-label, .openui-list-item-wrapper--small .openui-list-item-action-icon {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-markdown-renderer li {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-medium);
}

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

.openui-metric-indicator--variant-inline {
  gap: 0;
}

.openui-metric-indicator--has-subtext {
  gap: var(--openui-space-3xs);
}

.openui-metric-indicator__row {
  align-items: flex-end;
  gap: var(--openui-space-xs);
  flex-flow: wrap;
  min-width: 0;
  display: flex;
}

.openui-metric-indicator--variant-inline .openui-metric-indicator__row {
  align-items: baseline;
  gap: var(--openui-space-2xs);
}

.openui-metric-indicator__main-value {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-metric-indicator__previous-value {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  margin-bottom: 1px;
  text-decoration: line-through;
}

.openui-metric-indicator__subtext {
  color: var(--openui-text-neutral-secondary);
  min-width: 0;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-metric-indicator--variant-inline .openui-metric-indicator__subtext {
  margin-top: 0;
}

.openui-metric-indicator__trend--success {
  color: var(--openui-text-success-primary);
}

.openui-metric-indicator__trend--danger {
  color: var(--openui-text-danger-primary);
}

.openui-metric-indicator__trend {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  margin-bottom: 1px;
}

.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);
  font-variation-settings: var(--openui-font-variation-medium);
  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-model-switcher {
  min-width: 0;
}

.openui-model-switcher .openui-model-switcher-trigger {
  justify-content: flex-start;
  align-items: center;
  gap: var(--openui-space-xs);
  border-radius: var(--openui-radius-full);
  background-color: var(--openui-highlight);
  width: auto;
  max-width: 240px;
  height: 32px;
  padding: 0 var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
  box-shadow: none;
  font-variation-settings: var(--openui-font-variation-regular);
  border: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  display: flex;
}

.openui-model-switcher .openui-model-switcher-trigger:hover, .openui-model-switcher .openui-model-switcher-trigger[data-state="open"] {
  background-color: var(--openui-highlight-strong);
  color: var(--openui-text-neutral-primary);
}

.openui-model-switcher .openui-model-switcher-trigger .openui-model-switcher-logo {
  width: 14px;
  height: 14px;
}

.openui-model-switcher .openui-model-switcher-trigger .openui-model-switcher-badge-trigger {
  display: none;
}

.openui-model-switcher .openui-model-switcher-trigger .openui-select-trigger-icon {
  opacity: .4;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.openui-model-switcher-content.openui-select-content {
  max-height: calc(var(--radix-select-content-available-height, 376px) - 6px);
  width: min(283px, 100vw - 32px);
  overflow: auto;
}

.openui-model-switcher-row .openui-tag.openui-tag-sm {
  height: 18px;
  padding: 0 var(--openui-space-s);
  border-radius: var(--openui-radius-full);
  flex-shrink: 0;
}

.openui-model-switcher-row .openui-tag.openui-tag-sm .openui-tag-text {
  font-size: 11px;
  line-height: 18px;
}

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

.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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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 {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  padding: var(--openui-space-s) var(--openui-space-m-l);
  background-color: var(--openui-inverted-background);
  color: var(--openui-foreground);
  border-radius: var(--openui-radius-4xl);
  overflow-wrap: break-word;
  max-width: 100%;
  height: fit-content;
}

.openui-shell-thread-message-user__content[data-multiline] {
  padding-block: var(--openui-space-m);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-danger-primary);
}

@keyframes openui-share-spin {
  from {
    transform: rotate(0);
  }

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

.openui-option-cards {
  width: 100%;
  container-type: inline-size;
}

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

.openui-option-cards__row {
  gap: var(--openui-space-m);
  align-items: stretch;
  width: 100%;
  display: grid;
}

.openui-option-cards__row--1 {
  grid-template-columns: 1fr;
}

.openui-option-cards__row--2 {
  grid-template-columns: repeat(2, 1fr);
}

.openui-option-cards__row--3 {
  grid-template-columns: repeat(3, 1fr);
}

.openui-option-cards__item {
  width: 100%;
  min-width: 0;
}

@container (max-width: 768px) {
  .openui-option-cards__grid--responsive {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .openui-option-cards__grid--responsive .openui-option-cards__row {
    display: contents;
  }
}

@container (max-width: 480px) {
  .openui-option-cards__grid--responsive {
    grid-template-columns: 1fr;
  }
}

@container (max-width: 768px) {
  .openui-option-cards__grid--odd-count .openui-option-cards__row:last-child > .openui-option-cards__item:last-child {
    grid-column: 1 / -1;
  }
}

.openui-option-card {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  padding: var(--openui-space-s-m);
  border: 0;
  border: 1px solid var(--openui-border-interactive);
  border-radius: var(--openui-radius-2xl);
  cursor: pointer;
  text-align: left;
  background: none;
  justify-content: flex-start;
  align-items: flex-start;
  transition: opacity .16s ease-out, border-color .16s ease-out, background-color .16s ease-out;
  display: flex;
}

.openui-option-card:hover:not(:disabled):not(.openui-option-card--selected) {
  border-color: var(--openui-border-interactive-emphasis);
}

.openui-option-card:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-option-card--selected {
  background: var(--openui-sunk);
  border-color: var(--openui-border-interactive-selected);
}

.openui-option-card--disabled {
  opacity: .5;
  cursor: not-allowed;
}

.openui-option-card__content {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--openui-space-m);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-option-card__top {
  flex-shrink: 0;
  align-self: flex-start;
}

.openui-option-card__top--icon {
  border-radius: var(--openui-radius-s);
  background: var(--openui-sunk);
  width: 2rem;
  height: 2rem;
  color: var(--openui-text-neutral-primary);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.openui-option-card__top--image {
  border-radius: var(--openui-radius-m);
  width: 4.5rem;
  height: 4.5rem;
  overflow: hidden;
}

.openui-option-card__top--image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.openui-option-card__text {
  gap: var(--openui-space-3xs);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.openui-option-card__title {
  color: var(--openui-text-neutral-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-option-card__subtitle {
  color: var(--openui-text-neutral-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-option-card--disabled .openui-option-card__title, .openui-option-card--disabled .openui-option-card__subtitle {
  color: var(--openui-text-neutral-tertiary);
}

.openui-overview-card {
  width: 100%;
  min-width: 158px;
  padding: var(--openui-space-s-m);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-sunk-light);
  flex-direction: column;
  transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
}

.openui-overview-card--clickable {
  background-color: var(--openui-foreground);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-m);
  cursor: pointer;
}

.openui-overview-card--clickable:hover {
  box-shadow: none;
  transform: scale(.995);
}

.openui-overview-card--clickable:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-overview-card__vertical {
  justify-content: space-between;
  gap: var(--openui-space-l);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.openui-overview-card__top-row {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--openui-space-s);
  flex-direction: row;
  width: 100%;
  min-width: 0;
  display: flex;
}

.openui-overview-card__chevron {
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.openui-overview-card__slot {
  width: 100%;
  min-width: 0;
}

.openui-overview-card__slot--top {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--openui-space-s);
  width: auto;
  min-width: 0;
  min-height: var(--openui-space-xl);
  flex: 1;
  display: flex;
}

.openui-overview-card__slot--bottom {
  gap: var(--openui-space-2xs);
  flex-direction: column;
  display: flex;
}

.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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-2xl);
  background-color: color-mix(in oklch, var(--openui-foreground), var(--openui-text-white) 6%);
  box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px #0000000d,0 16px 32px -8px #00000014;
  padding: var(--openui-space-2xs) 0;
  border: none;
  position: relative;
  overflow: hidden;
}

@supports (color: lab(0% 0 0)) {
  .openui-select-content {
    box-shadow: 0 0 0 1px color-mix(in oklch, var(--openui-text-neutral-primary) 6%, transparent),0 4px 12px -2px lab(0% 0 0 / .05),0 16px 32px -8px lab(0% 0 0 / .08);
  }
}

.openui-select-content > :first-child:first-child {
  border-top-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-top-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-select-content > :last-child:last-child {
  border-bottom-left-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
  border-bottom-right-radius: calc(var(--openui-radius-2xl) - var(--openui-space-2xs));
}

.openui-select-content {
  color: var(--openui-text-neutral-primary);
  transform-origin: top;
  padding: 0;
  animation: .18s ease-out forwards select-show;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
}

@keyframes select-show {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.openui-select-viewport {
  box-sizing: border-box;
  padding: var(--openui-space-2xs) 0;
}

.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;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  padding: var(--openui-space-s) var(--openui-space-m-l) var(--openui-space-2xs);
  color: color-mix(in oklch, var(--openui-text-neutral-primary) 60%, transparent);
  font-size: 12px;
  line-height: 12px;
}

.openui-select-item {
  box-sizing: border-box;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  height: 32px;
  padding: 0 var(--openui-space-m-l);
  color: var(--openui-text-neutral-primary);
  border-radius: 0;
  outline: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.openui-select-item--with-tick {
  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);
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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;
  margin: var(--openui-space-2xs) 0;
  border-top: 1px solid var(--openui-border-default);
  height: 1px;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-value-card {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-m);
  width: 100%;
  min-width: 0;
  padding: var(--openui-space-s-m);
  box-sizing: border-box;
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-sunk-light);
  transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-value-card--static {
  background-color: var(--openui-sunk-light);
  border-color: var(--openui-border-default);
  box-shadow: none;
}

.openui-value-card--clickable {
  background-color: var(--openui-foreground);
  border-color: var(--openui-border-interactive);
  box-shadow: var(--openui-shadow-s);
  cursor: pointer;
}

.openui-value-card--clickable:hover {
  box-shadow: none;
  transform: scale(.995);
}

.openui-value-card--clickable:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-value-card__lhs {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.openui-value-card__lhs > * {
  min-width: 0;
}

.openui-value-card__rhs {
  min-width: 0;
  margin-left: var(--openui-space-m);
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-numbers-lg-heavy);
  letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
  flex-shrink: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.openui-value-card__rhs-content {
  justify-content: flex-end;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.openui-value-card__lhs .openui-icon-text, .openui-value-card__lhs .openui-image-text, .openui-value-card__lhs .openui-icon-text__content, .openui-value-card__lhs .openui-image-text__content, .openui-value-card__lhs .openui-text-block, .openui-value-card__rhs-content, .openui-value-card__rhs-content > *, .openui-value-card__rhs .openui-text-block {
  min-width: 0;
}

.openui-value-card__lhs .openui-icon-text, .openui-value-card__lhs .openui-image-text, .openui-value-card__lhs .openui-text-block, .openui-value-card__rhs-content {
  width: 100%;
  overflow: hidden;
}

.openui-value-card__rhs .openui-text-block {
  text-align: right;
  align-items: flex-end;
  width: auto;
  max-width: 100%;
  overflow: hidden;
}

.openui-value-card__lhs .openui-text-block__primary, .openui-value-card__lhs .openui-text-block__secondary, .openui-value-card__rhs .openui-text-block__primary, .openui-value-card__rhs .openui-text-block__secondary {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.openui-value-card__rhs .openui-text-block--align-left {
  text-align: right;
  align-items: flex-end;
}

.openui-value-card__chevron {
  color: var(--openui-text-neutral-secondary);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.openui-source-favicon-image {
  object-fit: cover;
  display: flex;
}

.openui-listed-sources-item-container {
  overflow: hidden;
  width: 180px !important;
  padding: var(--openui-space-000) !important;
  border-radius: var(--openui-radius-l) !important;
  background-color: #0000 !important;
}

.openui-listed-sources-item-container--has-url:hover {
  background-color: var(--openui-highlight-subtle) !important;
  border-color: var(--openui-border-interactive) !important;
}

.openui-listed-source-item {
  align-items: flex-start;
  gap: var(--openui-space-2xs);
  padding: var(--openui-space-s);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.openui-listed-source-item--has-url {
  cursor: pointer;
}

.openui-listed-source-item__header {
  align-items: flex-start;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-listed-source-item__source-name {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-listed-source-item__title {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-listed-source-item__logo {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-s);
  box-sizing: border-box;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  overflow: hidden;
}

.openui-listed-sources {
  gap: var(--openui-space-m);
  flex-direction: column;
  display: flex;
}

.openui-listed-sources-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-listed-sources-header__title {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-default-heavy);
  letter-spacing: var(--openui-text-label-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-listed-sources-header__buttons {
  justify-content: center;
  align-items: center;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-listed-sources-item {
  padding: var(--openui-space-s);
  border-radius: var(--openui-radius-m);
  border: 1px solid var(--openui-border-default);
  cursor: pointer;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 180px;
  display: flex;
}

.openui-listed-sources-item__header {
  align-items: center;
  gap: var(--openui-space-s);
  display: flex;
}

.openui-listed-sources-item__source-name {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-label-sm);
  letter-spacing: var(--openui-text-label-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  white-space: nowrap;
  flex-shrink: 0;
}

.openui-listed-sources-item__title {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.openui-listed-sources-item__date-range {
  color: var(--openui-text-neutral-secondary);
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  white-space: nowrap;
  flex-shrink: 0;
}

.openui-listed-sources-item__logo {
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-s);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

.openui-listed-sources-item__logo-image {
  border-radius: var(--openui-radius-s);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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 {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-medium);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-block {
  gap: var(--openui-space-3xs);
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.openui-text-block__primary {
  color: var(--openui-text-neutral-primary);
}

.openui-text-block__secondary {
  color: var(--openui-text-neutral-secondary);
}

.openui-text-block__secondary--positive {
  color: var(--openui-text-success-primary);
}

.openui-text-block__secondary--negative {
  color: var(--openui-text-danger-primary);
}

.openui-text-block__tertiary {
  display: none;
}

.openui-text-block--title-text .openui-text-block__primary {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
}

.openui-text-block--title-text .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--number-title-text .openui-text-block__primary {
  font: var(--openui-text-numbers-heading-md);
  letter-spacing: var(--openui-text-numbers-heading-md-letter-spacing);
}

.openui-text-block--number-title-text .openui-text-block__secondary, .openui-text-block--text-subtext .openui-text-block__primary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--text-subtext .openui-text-block__secondary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--highlight-text-number-subtext {
  gap: 0;
}

.openui-text-block--highlight-text-number-subtext .openui-text-block__primary {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--highlight-text-number-subtext .openui-text-block__secondary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--text .openui-text-block__primary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--highlight-text .openui-text-block__primary {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--number .openui-text-block__primary {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--highlight-number .openui-text-block__primary {
  font: var(--openui-text-numbers-lg-heavy);
  letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-xs.openui-text-block--title-text, .openui-text-block--size-xs.openui-text-block--number-title-text {
  gap: 0;
}

.openui-text-block--size-xs.openui-text-block--title-text .openui-text-block__primary {
  font: var(--openui-text-heading-xs);
  letter-spacing: var(--openui-text-heading-xs-letter-spacing);
}

.openui-text-block--size-xs.openui-text-block--title-text .openui-text-block__secondary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--number-title-text .openui-text-block__primary {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-xs.openui-text-block--number-title-text .openui-text-block__secondary, .openui-text-block--size-xs.openui-text-block--text .openui-text-block__primary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--text.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--text-subtext, .openui-text-block--size-xs.openui-text-block--highlight-text-number-subtext {
  gap: 0;
}

.openui-text-block--size-xs.openui-text-block--text-subtext .openui-text-block__primary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--text-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--highlight-text-number-subtext .openui-text-block__primary {
  font: var(--openui-text-body-sm-heavy);
  letter-spacing: var(--openui-text-body-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-xs.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-sm-heavy);
  letter-spacing: var(--openui-text-numbers-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-xs.openui-text-block--text-subtext .openui-text-block__secondary, .openui-text-block--size-xs.openui-text-block--highlight-text-number-subtext .openui-text-block__secondary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__secondary, .openui-text-block--size-xs.openui-text-block--number .openui-text-block__primary {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-xs.openui-text-block--highlight-number .openui-text-block__primary {
  font: var(--openui-text-numbers-sm-heavy);
  letter-spacing: var(--openui-text-numbers-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-xs.openui-text-block--highlight-text .openui-text-block__primary {
  font: var(--openui-text-body-sm-heavy);
  letter-spacing: var(--openui-text-body-sm-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-sm.openui-text-block--title-text, .openui-text-block--size-sm.openui-text-block--number-title-text {
  gap: var(--openui-space-3xs);
}

.openui-text-block--size-sm.openui-text-block--title-text .openui-text-block__primary {
  font: var(--openui-text-heading-sm);
  letter-spacing: var(--openui-text-heading-sm-letter-spacing);
}

.openui-text-block--size-sm.openui-text-block--title-text .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--number-title-text .openui-text-block__primary {
  font: var(--openui-text-numbers-lg-heavy);
  letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-sm.openui-text-block--number-title-text .openui-text-block__secondary, .openui-text-block--size-sm.openui-text-block--text .openui-text-block__primary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--text.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default);
  letter-spacing: var(--openui-text-numbers-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--text-subtext, .openui-text-block--size-sm.openui-text-block--highlight-text-number-subtext {
  gap: 0;
}

.openui-text-block--size-sm.openui-text-block--text-subtext .openui-text-block__primary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--text-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default);
  letter-spacing: var(--openui-text-numbers-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--highlight-text-number-subtext .openui-text-block__primary {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-sm.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-sm.openui-text-block--text-subtext .openui-text-block__secondary, .openui-text-block--size-sm.openui-text-block--highlight-text-number-subtext .openui-text-block__secondary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__secondary, .openui-text-block--size-sm.openui-text-block--number .openui-text-block__primary {
  font: var(--openui-text-numbers-sm);
  letter-spacing: var(--openui-text-numbers-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--highlight-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-sm.openui-text-block--highlight-text {
  gap: 0;
}

.openui-text-block--size-sm.openui-text-block--highlight-text .openui-text-block__secondary {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-sm.openui-text-block--highlight-text .openui-text-block__primary {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-md.openui-text-block--title-text, .openui-text-block--size-md.openui-text-block--number-title-text {
  gap: var(--openui-space-xs);
}

.openui-text-block--size-md.openui-text-block--title-text .openui-text-block__primary {
  font: var(--openui-text-heading-md);
  letter-spacing: var(--openui-text-heading-md-letter-spacing);
}

.openui-text-block--size-md.openui-text-block--title-text .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--number-title-text .openui-text-block__primary {
  font: var(--openui-text-numbers-heading-md);
  letter-spacing: var(--openui-text-numbers-heading-md-letter-spacing);
}

.openui-text-block--size-md.openui-text-block--number-title-text .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--text-subtext, .openui-text-block--size-md.openui-text-block--highlight-text, .openui-text-block--size-md.openui-text-block--highlight-text-number-subtext {
  gap: 0;
}

.openui-text-block--size-md.openui-text-block--highlight-text .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--highlight-text .openui-text-block__primary {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-md.openui-text-block--text-subtext .openui-text-block__primary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--text-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default);
  letter-spacing: var(--openui-text-numbers-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--highlight-text-number-subtext .openui-text-block__primary {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-md.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-md.openui-text-block--text-subtext .openui-text-block__secondary, .openui-text-block--size-md.openui-text-block--highlight-text-number-subtext .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--text-subtext.openui-text-block--type-number .openui-text-block__secondary, .openui-text-block--size-md.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__secondary, .openui-text-block--size-md.openui-text-block--text.openui-text-block--type-number .openui-text-block__primary, .openui-text-block--size-md.openui-text-block--number .openui-text-block__primary {
  font: var(--openui-text-numbers-default);
  letter-spacing: var(--openui-text-numbers-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-md.openui-text-block--highlight-number .openui-text-block__primary {
  font: var(--openui-text-numbers-default-heavy);
  letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-lg.openui-text-block--text .openui-text-block__primary {
  font: var(--openui-text-body-lg);
  letter-spacing: var(--openui-text-body-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--text.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-lg);
  letter-spacing: var(--openui-text-numbers-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--text-subtext, .openui-text-block--size-lg.openui-text-block--highlight-text, .openui-text-block--size-lg.openui-text-block--highlight-text-number-subtext {
  gap: 0;
}

.openui-text-block--size-lg.openui-text-block--highlight-text .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--highlight-text .openui-text-block__primary {
  font: var(--openui-text-body-lg-heavy);
  letter-spacing: var(--openui-text-body-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-lg.openui-text-block--text-subtext .openui-text-block__primary {
  font: var(--openui-text-body-lg);
  letter-spacing: var(--openui-text-body-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--text-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-lg);
  letter-spacing: var(--openui-text-numbers-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--highlight-text-number-subtext .openui-text-block__primary {
  font: var(--openui-text-body-lg-heavy);
  letter-spacing: var(--openui-text-body-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-lg.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__primary {
  font: var(--openui-text-numbers-lg-heavy);
  letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-lg.openui-text-block--text-subtext .openui-text-block__secondary, .openui-text-block--size-lg.openui-text-block--highlight-text-number-subtext .openui-text-block__secondary {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--text-subtext.openui-text-block--type-number .openui-text-block__secondary, .openui-text-block--size-lg.openui-text-block--highlight-text-number-subtext.openui-text-block--type-number .openui-text-block__secondary {
  font: var(--openui-text-numbers-default);
  letter-spacing: var(--openui-text-numbers-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--number .openui-text-block__primary {
  font: var(--openui-text-numbers-lg);
  letter-spacing: var(--openui-text-numbers-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--highlight-number .openui-text-block__primary {
  font: var(--openui-text-numbers-lg-heavy);
  letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-block--size-lg.openui-text-block--title-text, .openui-text-block--size-lg.openui-text-block--number-title-text {
  gap: var(--openui-space-xs);
}

.openui-text-block--size-lg.openui-text-block--title-text .openui-text-block__primary {
  font: var(--openui-text-heading-lg);
  letter-spacing: var(--openui-text-heading-lg-letter-spacing);
}

.openui-text-block--size-lg.openui-text-block--title-text .openui-text-block__secondary {
  font: var(--openui-text-body-lg);
  letter-spacing: var(--openui-text-body-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--size-lg.openui-text-block--number-title-text .openui-text-block__primary {
  font: var(--openui-text-numbers-heading-lg);
  letter-spacing: var(--openui-text-numbers-heading-lg-letter-spacing);
}

.openui-text-block--size-lg.openui-text-block--number-title-text .openui-text-block__secondary {
  font: var(--openui-text-body-lg);
  letter-spacing: var(--openui-text-body-lg-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
}

.openui-text-block--align-left {
  text-align: left;
  align-items: flex-start;
}

.openui-text-block--align-center {
  text-align: center;
  align-items: center;
}

.openui-text-block--align-right {
  text-align: right;
  align-items: flex-end;
}

.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);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-callout-content-description {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
}

.text-content {
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-text-content-markdown {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  max-width: none;
}

.openui-text-content-markdown h1, .openui-text-content-markdown h2, .openui-text-content-markdown h3, .openui-text-content-markdown h4, .openui-text-content-markdown h5, .openui-text-content-markdown 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-text-content-markdown h1:has( + p), .openui-text-content-markdown h2:has( + p), .openui-text-content-markdown h3:has( + p), .openui-text-content-markdown h4:has( + p), .openui-text-content-markdown h5:has( + p), .openui-text-content-markdown h6:has( + p)) {
  margin-bottom: 8px;
}

.openui-text-content-markdown h1 + strong, .openui-text-content-markdown h2 + strong, .openui-text-content-markdown h3 + strong, .openui-text-content-markdown h4 + strong, .openui-text-content-markdown h5 + strong, .openui-text-content-markdown h6 + strong {
  font: var(--openui-text-heading-xs);
  letter-spacing: var(--openui-text-heading-xs-letter-spacing);
}

.openui-text-content-markdown p {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  margin-bottom: 0;
}

.openui-text-content-markdown p:has( + p) {
  margin-bottom: 18px;
}

.openui-text-content-markdown p:has( + ol) {
  margin-bottom: 8px;
}

.openui-text-content-markdown p:has( + ul) {
  margin-bottom: 8px;
}

.openui-text-content-markdown strong {
  color: var(--openui-text-neutral-primary);
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-content-markdown li {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  margin-bottom: 8px;
}

.openui-text-content-markdown li :last-child {
  margin-bottom: 0;
}

.openui-text-content-markdown li::marker {
  font: var(--openui-text-body-default);
  letter-spacing: var(--openui-text-body-default-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
}

.openui-text-content-markdown li ul, .openui-text-content-markdown li li, .openui-text-content-markdown li ol {
  margin-top: 8px;
}

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

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

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

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

.openui-text-content-markdown .openui-code-block-syntax-highlighter {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding: 25px !important;
}

.openui-text-content-markdown .openui-code-block-syntax-highlighter:first-child {
  margin-top: 0 !important;
}

.openui-text-content-markdown .openui-code-block-syntax-highlighter:last-child {
  margin-bottom: 0 !important;
}

.openui-text-content-markdown hr {
  margin-top: 48px;
  margin-bottom: 48px;
}

.openui-text-content-markdown hr + * {
  margin-top: 0;
}

.openui-text-content-markdown 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-text-content-markdown blockquote strong {
  font: var(--openui-text-body-default-heavy);
  letter-spacing: var(--openui-text-body-default-heavy-letter-spacing);
  font-variation-settings: var(--openui-font-variation-medium);
}

.openui-text-content-markdown blockquote > :first-child:before {
  content: open-quote;
  vertical-align: top;
  margin-right: .2em;
  font-size: 1em;
  line-height: 1;
}

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

.openui-text-content-markdown blockquote * {
  font-style: inherit;
  color: inherit;
  line-height: inherit;
}

.openui-text-content-markdown .openui-table-container {
  margin-bottom: 20px;
}

.openui-text-content-markdown > :first-child {
  margin-top: 0;
}

.openui-text-content-markdown > :last-child {
  margin-bottom: 0;
}

.openui-text-content-markdown-dark-mode p, .openui-text-content-markdown-dark-mode h1, .openui-text-content-markdown-dark-mode h2, .openui-text-content-markdown-dark-mode h3, .openui-text-content-markdown-dark-mode h4, .openui-text-content-markdown-dark-mode h5, .openui-text-content-markdown-dark-mode h6 {
  color: var(--openui-text-neutral-primary);
}

.openui-text-content-markdown-dark-mode .katex {
  margin-top: var(--openui-space-xs);
  display: inline-block;
}

.openui-text-content {
  gap: var(--openui-space-xl);
  flex-direction: column;
  display: flex;
}

.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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-3xs);
  width: 100%;
  flex-direction: column;
  margin-block-end: var(--openui-space-m);
  display: flex;
}

.openui-behind-the-scenes__toggle {
  align-items: center;
  gap: var(--openui-space-s);
  padding: 0;
  padding: var(--openui-space-2xs) 0;
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  cursor: pointer;
  text-align: start;
  background: none;
  border: 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-icon, .openui-behind-the-scenes__toggle:focus-visible .openui-behind-the-scenes__toggle-icon {
  opacity: 1;
}

.openui-behind-the-scenes__toggle[aria-expanded="true"] .openui-behind-the-scenes__toggle-icon {
  opacity: 1;
  transform: rotate(90deg);
}

.openui-behind-the-scenes--settled .openui-behind-the-scenes__toggle[aria-expanded="false"] .openui-behind-the-scenes__toggle-label {
  color: var(--openui-text-neutral-secondary);
}

.openui-behind-the-scenes--settled .openui-behind-the-scenes__toggle[aria-expanded="false"] .openui-behind-the-scenes__mascot {
  opacity: .6;
}

.openui-behind-the-scenes__toggle--static {
  cursor: default;
}

.openui-behind-the-scenes__ticker {
  padding: var(--openui-space-2xs);
  margin: calc(-1*var(--openui-space-2xs));
  display: inline-grid;
  overflow: hidden;
}

.openui-behind-the-scenes__ticker-item {
  align-items: center;
  gap: var(--openui-space-s);
  white-space: nowrap;
  grid-area: 1 / 1;
  display: inline-flex;
}

.openui-behind-the-scenes__ticker-item--in {
  animation: .32s cubic-bezier(.2, .7, .2, 1) both openui-behind-the-scenes-slide-in;
}

.openui-behind-the-scenes__ticker-item--out {
  animation: .32s cubic-bezier(.4, 0, .6, 1) both openui-behind-the-scenes-slide-out;
}

.openui-behind-the-scenes__glyph {
  width: 24px;
  height: 24px;
  color: var(--openui-text-neutral-secondary);
  flex-shrink: 0;
  place-items: center;
  display: grid;
}

.openui-behind-the-scenes__mascot {
  max-width: none;
  margin-inline: -2px;
}

.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-foreground) 50%, transparent 60%),linear-gradient(var(--openui-text-neutral-primary), var(--openui-text-neutral-primary));
  -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);
  opacity: 0;
  flex-shrink: 0;
  transition: transform .2s, opacity .15s;
}

.openui-behind-the-scenes__collapse {
  opacity: 0;
  width: calc(100% + var(--openui-space-m) + 1px);
  grid-template-rows: 0fr;
  margin-inline-start: calc(-1*(var(--openui-space-m) + 1px));
  transition: grid-template-rows .25s, opacity .2s;
  display: grid;
}

.openui-behind-the-scenes__collapse--open {
  opacity: 1;
  grid-template-rows: 1fr;
}

.openui-behind-the-scenes__collapse-inner {
  min-height: 0;
  overflow: hidden;
}

.openui-behind-the-scenes__items {
  border: 1px dashed var(--openui-border-interactive);
  border-radius: var(--openui-radius-2xl);
  background-color: var(--openui-foreground);
  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%);
}

.openui-behind-the-scenes__items .openui-tool-call__title-row {
  padding: var(--openui-space-xs) var(--openui-space-m);
}

.openui-behind-the-scenes__items .openui-tool-call__content {
  padding: 0 var(--openui-space-m) var(--openui-space-s-m) calc(var(--openui-space-m) + 24px + var(--openui-space-s));
  margin: 0;
}

.openui-behind-the-scenes__items .openui-tool-call__sources, .openui-behind-the-scenes__items .openui-tool-call__block {
  background-color: #0000;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.openui-behind-the-scenes__items .openui-tool-call__source {
  padding-inline: 0;
}

.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__item {
  animation: .25s openui-behind-the-scenes-reveal;
}

.openui-behind-the-scenes__item + .openui-behind-the-scenes__item {
  border-top: 1px dashed var(--openui-border-interactive);
}

@keyframes openui-behind-the-scenes-reveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes openui-behind-the-scenes-slide-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

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

@keyframes openui-behind-the-scenes-slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

.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 .openui-tool-call__chevron {
  color: var(--openui-text-neutral-secondary);
  opacity: 0;
}

.openui-tool-call__title-row:hover .openui-tool-call__chevron, .openui-tool-call__title-row:focus-visible .openui-tool-call__chevron {
  opacity: 1;
}

.openui-tool-call__title-row[aria-expanded="true"] .openui-tool-call__chevron {
  opacity: 1;
  transform: rotate(90deg);
}

.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 {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  display: flex;
}

.openui-tool-call__icon {
  color: var(--openui-text-neutral-secondary);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  -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-foreground) 50%, transparent 60%),linear-gradient(var(--openui-text-neutral-primary), var(--openui-text-neutral-primary));
  -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 #0000;
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  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, .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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-body.openui-tool-call-timeline__text-step-body {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  min-width: 0;
}

.openui-tool-call-timeline__text-step-body.openui-tool-call-timeline__text-step-body * {
  font: inherit;
  line-height: inherit;
  margin: 0;
  color: inherit !important;
}

.openui-tool-glyph {
  flex-shrink: 0;
  display: block;
  overflow: visible;
}

.openui-tool-glyph * {
  transform-box: fill-box;
  transform-origin: center;
}

.openui-tool-glyph .openui-tool-glyph__hill, .openui-tool-glyph .openui-tool-glyph__fold {
  stroke-dasharray: 1 1;
  stroke-dashoffset: 0;
}

.openui-tool-glyph .openui-tool-glyph__cloud {
  fill: var(--openui-foreground);
}

.openui-tool-glyph--animate .openui-tool-glyph__lens {
  animation: 2s ease-in-out infinite openui-tool-glyph-hop;
}

.openui-tool-glyph--animate .openui-tool-glyph__sun {
  animation: 2.4s ease-out infinite openui-tool-glyph-pop;
}

.openui-tool-glyph--animate .openui-tool-glyph__hill {
  animation: 2.4s ease-in-out infinite openui-tool-glyph-draw;
}

.openui-tool-glyph--animate .openui-tool-glyph__cloud {
  animation: 2.4s ease-in-out infinite openui-tool-glyph-wiggle;
}

.openui-tool-glyph--animate .openui-tool-glyph__ray {
  animation: 2.4s ease-out infinite openui-tool-glyph-fade-in;
}

.openui-tool-glyph--animate .openui-tool-glyph__block {
  animation: 2.4s cubic-bezier(.45, 0, .3, 1) infinite openui-tool-glyph-slot-in;
}

.openui-tool-glyph--animate .openui-tool-glyph__cursor {
  animation: .8s step-end infinite openui-tool-glyph-blink;
}

.openui-tool-glyph--animate .openui-tool-glyph__fold {
  animation: 1.4s ease-in-out infinite alternate openui-tool-glyph-fold-stem;
}

.openui-tool-glyph--animate .openui-tool-glyph__fold--side {
  animation-name: openui-tool-glyph-fold-side;
}

.openui-tool-glyph--animate .openui-tool-glyph__fold--top {
  animation-name: openui-tool-glyph-fold-top;
}

.openui-tool-glyph--animate .openui-tool-glyph__fold--lower {
  animation-name: openui-tool-glyph-fold-lower;
}

.openui-tool-glyph--animate .openui-tool-glyph__badge {
  animation: 2.4s ease-in-out infinite openui-tool-glyph-shake;
}

@keyframes openui-tool-glyph-hop {
  0% {
    transform: translate(0);
  }

  16% {
    transform: translate(0, -4px);
  }

  33% {
    transform: translate(-3px);
  }

  50%, 100% {
    transform: translate(0);
  }
}

@keyframes openui-tool-glyph-pop {
  0% {
    transform: scale(0);
  }

  14% {
    transform: scale(1.25);
  }

  22%, 100% {
    transform: scale(1);
  }
}

@keyframes openui-tool-glyph-draw {
  0%, 10% {
    stroke-dashoffset: 1px;
  }

  45%, 100% {
    stroke-dashoffset: 0;
  }
}

@keyframes openui-tool-glyph-wiggle {
  0%, 50%, 100% {
    transform: translate(0);
  }

  10%, 30% {
    transform: translate(-1px, -1px);
  }

  20%, 40% {
    transform: translate(1px, 1px);
  }
}

@keyframes openui-tool-glyph-fade-in {
  0% {
    opacity: 0;
  }

  12%, 100% {
    opacity: 1;
  }
}

@keyframes openui-tool-glyph-slot-in {
  0%, 12%, 84%, 100% {
    transform: translate(0);
  }

  36%, 60% {
    transform: translate(-4px, 4px);
  }
}

@keyframes openui-tool-glyph-blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

@keyframes openui-tool-glyph-fold-stem {
  to {
    stroke-dasharray: .4 1;
    stroke-dashoffset: -.25px;
  }
}

@keyframes openui-tool-glyph-fold-side {
  to {
    stroke-dasharray: .5 1;
    stroke-dashoffset: -.25px;
  }
}

@keyframes openui-tool-glyph-fold-top {
  to {
    stroke-dasharray: .8 1;
    stroke-dashoffset: -.07px;
  }
}

@keyframes openui-tool-glyph-fold-lower {
  to {
    stroke-dasharray: .8 1;
    stroke-dashoffset: -.14px;
  }
}

@keyframes openui-tool-glyph-shake {
  0%, 25%, 100% {
    transform: scale(1) rotate(0);
  }

  5% {
    transform: scale(1.1) rotate(-3deg);
  }

  10% {
    transform: scale(1.1) rotate(3deg);
  }

  15% {
    transform: scale(1.1) rotate(-2deg);
  }

  20% {
    transform: scale(1.1) rotate(2deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .openui-behind-the-scenes__item, .openui-behind-the-scenes__ticker-item--in, .openui-behind-the-scenes__ticker-item--out, .openui-tool-glyph.openui-tool-glyph--animate *, .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__collapse, .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);
  font-variation-settings: var(--openui-font-variation-regular);
  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);
  font-variation-settings: var(--openui-font-variation-regular);
  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-tooltip-body {
  gap: var(--openui-space-2xs);
  flex-direction: column;
  width: 100%;
  max-width: 248px;
  display: flex;
}

.openui-tooltip-heading {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-primary);
  width: 100%;
}

.openui-tooltip-text-content {
  font: var(--openui-text-body-sm);
  letter-spacing: var(--openui-text-body-sm-letter-spacing);
  font-variation-settings: var(--openui-font-variation-regular);
  color: var(--openui-text-neutral-secondary);
  width: 100%;
}

.openui-tooltip-content {
  box-sizing: border-box;
  background-color: var(--openui-elevated);
  padding: var(--openui-space-xs) var(--openui-space-s);
  outline: 1px solid var(--openui-border-default);
  z-index: 9999;
  border-radius: var(--openui-radius-s);
  -webkit-user-select: none;
  user-select: none;
  will-change: transform,opacity;
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}

.openui-tooltip-content[data-state="delayed-open"][data-side="top"] {
  animation-name: openui-slide-down-and-fade;
}

.openui-tooltip-content[data-state="delayed-open"][data-side="right"] {
  animation-name: openui-slide-left-and-fade;
}

.openui-tooltip-content[data-state="delayed-open"][data-side="bottom"] {
  animation-name: openui-slide-up-and-fade;
}

.openui-tooltip-content[data-state="delayed-open"][data-side="left"] {
  animation-name: openui-slide-right-and-fade;
}

.openui-visual-first-card {
  isolation: isolate;
  border-radius: var(--openui-radius-3xl);
  background-color: var(--openui-highlight-subtle);
  border: 1px solid var(--openui-border-default);
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  min-height: 280px;
  transition: box-shadow .2s, transform .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.openui-visual-first-card:before {
  content: "";
  z-index: 0;
  background-image: var(--openui-visual-card-image, none);
  background-position: center;
  background-size: cover;
  transition: transform .25s;
  position: absolute;
  inset: 0;
}

.openui-visual-first-card:after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(#0000001f 0%, #0000008f 100%);
  position: absolute;
  inset: 0;
}

.openui-visual-first-card--clickable:hover:before {
  transform: scale(1.04);
}

.openui-visual-first-card--clickable {
  cursor: pointer;
  box-shadow: var(--openui-shadow-s);
  border-color: var(--openui-border-interactive);
}

.openui-visual-first-card--clickable:hover {
  box-shadow: none;
  transform: scale(.995);
}

.openui-visual-first-card--clickable:focus-visible {
  outline: 2px solid var(--openui-border-accent);
  outline-offset: 2px;
}

.openui-visual-first-card__top {
  z-index: 2;
  min-height: 24px;
  padding: var(--openui-space-m);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.openui-visual-first-card__tag {
  min-width: 0;
}

.openui-visual-first-card__tag .openui-tag {
  color: var(--openui-text-white);
  -webkit-backdrop-filter: blur(2px);
  background-color: #0006;
}

.openui-visual-first-card__action {
  color: var(--openui-text-white);
  -webkit-backdrop-filter: blur(2px);
  border-radius: var(--openui-radius-s);
  padding: var(--openui-space-2xs);
  background-color: #0006;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.openui-visual-first-card__bottom {
  z-index: 2;
  box-sizing: border-box;
  margin: auto var(--openui-space-m) var(--openui-space-m) var(--openui-space-m);
  padding: var(--openui-space-s) var(--openui-space-s-m);
  background-color: var(--openui-foreground);
  border: 1px solid var(--openui-border-default);
  border-radius: var(--openui-radius-l);
  position: relative;
}

.openui-small-card-block {
  --openui-small-card-gap: var(--openui-space-m);
  width: 100%;
  container-type: inline-size;
}

.openui-small-card-block[data-layout="carousel"] {
  padding: 0;
}

.openui-small-card-block__grid {
  gap: var(--openui-small-card-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-small-card-block__row {
  gap: var(--openui-small-card-gap);
  align-items: stretch;
  width: 100%;
  display: grid;
}

.openui-small-card-block__row--1 {
  grid-template-columns: 1fr;
}

.openui-small-card-block__row--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.openui-small-card-block__row--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.openui-small-card-block__item {
  width: 100%;
  min-width: 0;
  display: grid;
}

.openui-small-card-block__carousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  overflow: auto visible;
}

.openui-small-card-block__carousel::-webkit-scrollbar {
  display: none;
}

.openui-small-card-block__carousel--mask-left.openui-small-card-block__carousel--mask-right {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000 calc(100% - var(--openui-space-3xl)), #0000);
  mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000 calc(100% - var(--openui-space-3xl)), #0000);
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000 calc(100% - var(--openui-space-3xl)), #0000);
}

.openui-small-card-block__carousel--mask-left:not(.openui-small-card-block__carousel--mask-right) {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000);
  mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000);
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000);
}

.openui-small-card-block__carousel--mask-right:not(.openui-small-card-block__carousel--mask-left) {
  -webkit-mask-image: linear-gradient(to left, #0000, #000 var(--openui-space-3xl), #000);
  mask-image: linear-gradient(to left, #0000, #000 var(--openui-space-3xl), #000);
  -webkit-mask-image: linear-gradient(to left, #0000, #000 var(--openui-space-3xl), #000);
}

.openui-small-card-block__carousel-track {
  gap: var(--openui-small-card-gap);
  padding: var(--openui-space-2xs) 0;
  width: max-content;
  display: flex;
}

.openui-small-card-block__carousel-item {
  flex-shrink: 0;
  width: 17.5rem;
  display: grid;
}

@container (max-width: 48rem) {
  .openui-small-card-block__grid--responsive {
    gap: var(--openui-small-card-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .openui-small-card-block__grid--responsive .openui-small-card-block__row {
    display: contents;
  }
}

@container (max-width: 30rem) {
  .openui-small-card-block__grid--responsive {
    grid-template-columns: 1fr;
  }
}

@container (max-width: 48rem) {
  .openui-small-card-block__grid--odd-count .openui-small-card-block__row:last-child > .openui-small-card-block__item:last-child {
    grid-column: 1 / -1;
  }
}

@container (max-width: 30rem) {
  .openui-small-card-block__carousel--responsive .openui-small-card-block__carousel-item {
    width: 15rem;
  }
}

.openui-small-card-block--overview-card.openui-small-card-block--carousel .openui-small-card-block__carousel-item {
  width: 15rem;
}

@container (max-width: 30rem) {
  .openui-small-card-block--overview-card.openui-small-card-block--carousel .openui-small-card-block__carousel-item {
    width: 12.5rem;
  }
}

.openui-medium-card-block {
  --openui-medium-card-gap: var(--openui-space-m);
  width: 100%;
  container-type: inline-size;
}

.openui-medium-card-block[data-layout="carousel"] {
  padding: 0;
}

.openui-medium-card-block__grid {
  gap: var(--openui-medium-card-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.openui-medium-card-block__row {
  gap: var(--openui-medium-card-gap);
  align-items: stretch;
  width: 100%;
  display: grid;
}

.openui-medium-card-block__row--1 {
  grid-template-columns: 1fr;
}

.openui-medium-card-block__row--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.openui-medium-card-block__row--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.openui-medium-card-block__item {
  width: 100%;
  min-width: 0;
}

.openui-medium-card-block__carousel {
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  overflow: auto visible;
}

.openui-medium-card-block__carousel::-webkit-scrollbar {
  display: none;
}

.openui-medium-card-block__carousel--mask-left.openui-medium-card-block__carousel--mask-right {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000 calc(100% - var(--openui-space-3xl)), #0000);
  mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000 calc(100% - var(--openui-space-3xl)), #0000);
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000 calc(100% - var(--openui-space-3xl)), #0000);
}

.openui-medium-card-block__carousel--mask-left:not(.openui-medium-card-block__carousel--mask-right) {
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000);
  mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000);
  -webkit-mask-image: linear-gradient(to right, #0000, #000 var(--openui-space-3xl), #000);
}

.openui-medium-card-block__carousel--mask-right:not(.openui-medium-card-block__carousel--mask-left) {
  -webkit-mask-image: linear-gradient(to left, #0000, #000 var(--openui-space-3xl), #000);
  mask-image: linear-gradient(to left, #0000, #000 var(--openui-space-3xl), #000);
  -webkit-mask-image: linear-gradient(to left, #0000, #000 var(--openui-space-3xl), #000);
}

.openui-medium-card-block__carousel-track {
  gap: var(--openui-medium-card-gap);
  padding: var(--openui-space-2xs) 0;
  width: max-content;
  display: flex;
}

.openui-medium-card-block__carousel-item {
  flex-shrink: 0;
  width: 20rem;
}

@container (max-width: 48rem) {
  .openui-medium-card-block__grid--responsive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .openui-medium-card-block__grid--responsive .openui-medium-card-block__row {
    display: contents;
  }
}

@container (max-width: 30rem) {
  .openui-medium-card-block__grid--responsive {
    grid-template-columns: 1fr;
  }
}

@container (max-width: 48rem) {
  .openui-medium-card-block__grid--odd-count .openui-medium-card-block__row:last-child > .openui-medium-card-block__item:last-child {
    grid-column: 1 / -1;
  }
}

@container (max-width: 30rem) {
  .openui-medium-card-block__carousel--responsive .openui-medium-card-block__carousel-item {
    width: 17.5rem;
  }
}

@keyframes openui-spin {
  from {
    transform: rotate(0);
  }

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

@keyframes openui-fade-in-from-left {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }

  100% {
    opacity: 1;
    clip-path: inset(0);
  }
}

@keyframes openui-shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

@keyframes openui-slide-up-and-fade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }

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

@keyframes openui-slide-right-and-fade {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }

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

@keyframes openui-slide-down-and-fade {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

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

@keyframes openui-slide-left-and-fade {
  from {
    opacity: 0;
    transform: translateX(2px);
  }

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