@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Regular.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: italic;
    font-weight: 400;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-RegularItalic.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: normal;
    font-weight: 500;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Medium.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: italic;
    font-weight: 500;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-MediumItalic.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: normal;
    font-weight: 600;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Semibold.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: italic;
    font-weight: 600;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-SemiboldItalic.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: normal;
    font-weight: 700;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-Bold.woff2)format("woff2")
}

@font-face {
    font-display: swap;
    font-family: OpenAI Sans;
    font-style: italic;
    font-weight: 700;
    src: url(https://cdn.openai.com/common/fonts/openai-sans/v2/OpenAISans-BoldItalic.woff2)format("woff2")
}

@layer theme {
    :root, :host {
        --font-sans: "OpenAI Sans",ui-sans-serif,system-ui,sans-serif;
        --font-mono: "SF Mono","SFMono-Regular",ui-monospace,consolas,liberation mono,menlo,monospace;
        --spacing: .25rem;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 1024px;
        --breakpoint-xl: 1280px;
        --breakpoint-2xl: 1536px;
        --container-xs: 20rem;
        --container-2xl: 42rem;
        --container-5xl: 64rem;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --breakpoint-xs: 380px;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --radius-2xs: .125rem;
        --radius-xs: .25rem;
        --radius-sm: .375rem;
        --radius-md: .5rem;
        --radius-lg: .625rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.25rem;
        --radius-4xl: 1.5rem;
        --radius-full: 9999px;
        --text-lg: var(--font-text-lg-size);
        --text-lg--line-height: var(--font-text-lg-line-height);
        --text-lg--font-weight: var(--font-text-lg-weight);
        --text-lg--letter-spacing: var(--font-text-lg-tracking);
        --text-base: var(--font-text-md-size);
        --text-base--line-height: var(--font-text-md-line-height);
        --text-base--font-weight: var(--font-text-md-weight);
        --text-base--letter-spacing: var(--font-text-md-tracking);
        --text-sm: var(--font-text-sm-size);
        --text-sm--line-height: var(--font-text-sm-line-height);
        --text-sm--font-weight: var(--font-text-sm-weight);
        --text-sm--letter-spacing: var(--font-text-sm-tracking);
        --text-xs: var(--font-text-xs-size);
        --text-xs--line-height: var(--font-text-xs-line-height);
        --text-xs--font-weight: var(--font-text-xs-weight);
        --text-xs--letter-spacing: var(--font-text-xs-tracking);
        --text-2xs: var(--font-text-2xs-size);
        --text-2xs--line-height: var(--font-text-2xs-line-height);
        --text-2xs--font-weight: var(--font-text-2xs-weight);
        --text-2xs--letter-spacing: var(--font-text-2xs-tracking);
        --text-3xs: var(--font-text-3xs-size);
        --text-3xs--line-height: var(--font-text-3xs-line-height);
        --text-3xs--font-weight: var(--font-text-3xs-weight);
        --text-3xs--letter-spacing: var(--font-text-3xs-tracking);
        --text-xl: var(--font-heading-md-size);
        --text-xl--line-height: var(--font-heading-md-line-height);
        --text-xl--font-weight: var(--font-text-lg-weight);
        --text-xl--letter-spacing: var(--font-heading-md-tracking);
        --text-2xl: var(--font-heading-lg-size);
        --text-2xl--line-height: var(--font-heading-lg-line-height);
        --text-2xl--font-weight: var(--font-text-lg-weight);
        --text-2xl--letter-spacing: var(--font-heading-lg-tracking);
        --text-3xl: var(--font-heading-xl-size);
        --text-3xl--line-height: var(--font-heading-xl-line-height);
        --text-3xl--font-weight: var(--font-text-lg-weight);
        --text-3xl--letter-spacing: var(--font-heading-xl-tracking);
        --tracking-wide: var(--font-tracking-wide);
        --tracking-normal: var(--font-tracking-normal);
        --tracking-tight: var(--font-tracking-tight);
        --shadow-md: var(--shadow-200);
        --shadow-hairline: var(--shadow-hairline);
        --color-gray-0: var(--gray-0);
        --color-gray-50: var(--gray-50);
        --color-gray-75: var(--gray-75);
        --color-gray-100: var(--gray-100);
        --color-gray-150: var(--gray-150);
        --color-gray-200: var(--gray-200);
        --color-gray-300: var(--gray-300);
        --color-gray-350: var(--gray-350);
        --color-gray-400: var(--gray-400);
        --color-gray-500: var(--gray-500);
        --color-gray-600: var(--gray-600);
        --color-gray-700: var(--gray-700);
        --color-gray-800: var(--gray-800);
        --color-gray-900: var(--gray-900);
        --color-green-100: var(--green-100);
        --color-green-500: var(--green-500);
        --color-green-600: var(--green-600);
        --color-green-800: var(--green-800);
        --color-red-50: var(--red-50);
        --color-red-200: var(--red-200);
        --color-red-400: var(--red-400);
        --color-red-500: var(--red-500);
        --color-red-600: var(--red-600);
        --color-pink-100: var(--pink-100);
        --color-blue-100: var(--blue-100);
        --color-blue-200: var(--blue-200);
        --color-blue-500: var(--blue-500);
        --color-blue-600: var(--blue-600);
        --color-blue-700: var(--blue-700);
        --color-blue-800: var(--blue-800);
        --color-blue-900: var(--blue-900);
        --color-alpha: var(--alpha-base);
        --color-white: var(--white);
        --color-black: var(--black)
    }

    :root, :where([data-theme]) {
        --gray-500: #5d5d5d;
        --alpha-0: color-mix(in oklab, var(--alpha-base) 0%, transparent);
        --alpha-02: color-mix(in oklab, var(--alpha-base) 2%, transparent);
        --alpha-04: color-mix(in oklab, var(--alpha-base) 4%, transparent);
        --alpha-05: color-mix(in oklab, var(--alpha-base) 5%, transparent);
        --alpha-06: color-mix(in oklab, var(--alpha-base) 6%, transparent);
        --alpha-08: color-mix(in oklab, var(--alpha-base) 8%, transparent);
        --alpha-10: color-mix(in oklab, var(--alpha-base) 10%, transparent);
        --alpha-12: color-mix(in oklab, var(--alpha-base) 12%, transparent);
        --alpha-15: color-mix(in oklab, var(--alpha-base) 15%, transparent);
        --alpha-16: color-mix(in oklab, var(--alpha-base) 16%, transparent);
        --alpha-20: color-mix(in oklab, var(--alpha-base) 20%, transparent);
        --alpha-25: color-mix(in oklab, var(--alpha-base) 25%, transparent);
        --alpha-30: color-mix(in oklab, var(--alpha-base) 30%, transparent);
        --alpha-35: color-mix(in oklab, var(--alpha-base) 35%, transparent);
        --alpha-40: color-mix(in oklab, var(--alpha-base) 40%, transparent);
        --alpha-50: color-mix(in oklab, var(--alpha-base) 50%, transparent);
        --alpha-60: color-mix(in oklab, var(--alpha-base) 60%, transparent);
        --alpha-70: color-mix(in oklab, var(--alpha-base) 70%, transparent);
        --white: #fff;
        --black: #000;
        --green-25: #edfaf2;
        --green-50: #d9f4e4;
        --green-75: #b8ebcc;
        --green-100: #8cdfad;
        --green-200: #66d492;
        --green-300: #40c977;
        --green-400: #04b84c;
        --green-500: #00a240;
        --green-600: #008635;
        --green-700: #00692a;
        --green-800: #004f1f;
        --green-900: #003716;
        --green-950: #011c0b;
        --green-1000: #001207;
        --green-a25: color-mix(in oklab, var(--green-400) 8%, transparent);
        --green-a50: color-mix(in oklab, var(--green-400) 15%, transparent);
        --green-a75: color-mix(in oklab, var(--green-400) 29%, transparent);
        --green-a100: color-mix(in oklab, var(--green-400) 45%, transparent);
        --green-a200: color-mix(in oklab, var(--green-400) 60%, transparent);
        --green-a300: color-mix(in oklab, var(--green-400) 75%, transparent);
        --red-25: #fff0f0;
        --red-50: #ffd9d9;
        --red-75: #ffc6c5;
        --red-100: #ffa4a2;
        --red-200: #ff8583;
        --red-300: #ff6764;
        --red-400: #fa423e;
        --red-500: #e02e2a;
        --red-600: #ba2623;
        --red-700: #911e1b;
        --red-800: #6e1615;
        --red-900: #4d100e;
        --red-950: #280b0a;
        --red-1000: #1f0909;
        --red-a25: color-mix(in oklab, var(--red-400) 8%, transparent);
        --red-a50: color-mix(in oklab, var(--red-400) 16%, transparent);
        --red-a75: color-mix(in oklab, var(--red-400) 30%, transparent);
        --red-a100: color-mix(in oklab, var(--red-400) 48%, transparent);
        --red-a200: color-mix(in oklab, var(--red-400) 64%, transparent);
        --red-a300: color-mix(in oklab, var(--red-400) 79%, transparent);
        --pink-25: #fff4f9;
        --pink-50: #ffe8f3;
        --pink-75: #ffd4e8;
        --pink-100: #ffbada;
        --pink-200: #ffa3ce;
        --pink-300: #ff8cc1;
        --pink-400: #ff66ad;
        --pink-500: #e04c91;
        --pink-600: #ba437a;
        --pink-700: #963c67;
        --pink-800: #6e2c4a;
        --pink-900: #4d1f34;
        --pink-950: #29101c;
        --pink-1000: #1a0a11;
        --pink-a25: color-mix(in oklab, var(--pink-400) 8%, transparent);
        --pink-a50: color-mix(in oklab, var(--pink-400) 16%, transparent);
        --pink-a75: color-mix(in oklab, var(--pink-400) 28%, transparent);
        --pink-a100: color-mix(in oklab, var(--pink-400) 45%, transparent);
        --pink-a200: color-mix(in oklab, var(--pink-400) 60%, transparent);
        --pink-a300: color-mix(in oklab, var(--pink-400) 76%, transparent);
        --orange-25: #fff5f0;
        --orange-50: #ffe7d9;
        --orange-75: #ffcfb4;
        --orange-100: #ffb790;
        --orange-200: #ff9e6c;
        --orange-300: #ff8549;
        --orange-400: #fb6a22;
        --orange-500: #e25507;
        --orange-600: #b9480d;
        --orange-700: #923b0f;
        --orange-800: #6d2e0f;
        --orange-900: #4a2206;
        --orange-950: #281105;
        --orange-1000: #211107;
        --orange-a25: color-mix(in oklab, var(--orange-400) 7%, transparent);
        --orange-a50: color-mix(in oklab, var(--orange-400) 16%, transparent);
        --orange-a75: color-mix(in oklab, var(--orange-400) 33%, transparent);
        --orange-a100: color-mix(in oklab, var(--orange-400) 48%, transparent);
        --orange-a200: color-mix(in oklab, var(--orange-400) 65%, transparent);
        --orange-a300: color-mix(in oklab, var(--orange-400) 81%, transparent);
        --yellow-25: #fffbed;
        --yellow-50: #fff6d9;
        --yellow-75: #ffeeb8;
        --yellow-100: #ffe48c;
        --yellow-200: #ffdb66;
        --yellow-300: #ffd240;
        --yellow-400: #ffc300;
        --yellow-500: #e0ac00;
        --yellow-600: #ba8e00;
        --yellow-700: #916f00;
        --yellow-800: #6e5400;
        --yellow-900: #4d3b00;
        --yellow-950: #261d00;
        --yellow-1000: #1a1400;
        --yellow-a25: color-mix(in oklab, var(--yellow-400) 8%, transparent);
        --yellow-a50: color-mix(in oklab, var(--yellow-400) 15%, transparent);
        --yellow-a75: color-mix(in oklab, var(--yellow-400) 27%, transparent);
        --yellow-a100: color-mix(in oklab, var(--yellow-400) 45%, transparent);
        --yellow-a200: color-mix(in oklab, var(--yellow-400) 59%, transparent);
        --yellow-a300: color-mix(in oklab, var(--yellow-400) 74%, transparent);
        --purple-25: #f9f5fe;
        --purple-50: #efe5fe;
        --purple-75: #e0cefd;
        --purple-100: #ceb0fb;
        --purple-200: #be95fa;
        --purple-300: #ad7bf9;
        --purple-400: #924ff7;
        --purple-500: #8046d9;
        --purple-600: #6b3ab4;
        --purple-700: #532d8d;
        --purple-800: #3f226a;
        --purple-900: #2c184a;
        --purple-950: #160c25;
        --purple-1000: #100a19;
        --purple-a25: color-mix(in oklab, var(--purple-400) 6%, transparent);
        --purple-a50: color-mix(in oklab, var(--purple-400) 15%, transparent);
        --purple-a75: color-mix(in oklab, var(--purple-400) 28%, transparent);
        --purple-a100: color-mix(in oklab, var(--purple-400) 45%, transparent);
        --purple-a200: color-mix(in oklab, var(--purple-400) 60%, transparent);
        --purple-a300: color-mix(in oklab, var(--purple-400) 75%, transparent);
        --blue-25: #f5faff;
        --blue-50: #e5f3ff;
        --blue-75: #cce6ff;
        --blue-100: #99ceff;
        --blue-200: #66b5ff;
        --blue-300: #339cff;
        --blue-400: #0285ff;
        --blue-500: #0169cc;
        --blue-600: #004f99;
        --blue-700: #003f7a;
        --blue-800: #013566;
        --blue-900: #00284d;
        --blue-950: #000e1a;
        --blue-1000: #000d19;
        --blue-a25: color-mix(in oklab, var(--blue-400) 4%, transparent);
        --blue-a50: color-mix(in oklab, var(--blue-400) 13%, transparent);
        --blue-a75: color-mix(in oklab, var(--blue-400) 25%, transparent);
        --blue-a100: color-mix(in oklab, var(--blue-400) 40%, transparent);
        --blue-a200: color-mix(in oklab, var(--blue-400) 60%, transparent);
        --blue-a300: color-mix(in oklab, var(--blue-400) 80%, transparent);
        --hairline: 1px;
        --shadow-color: 0 0 0;
        --elevation-100-geo: 0 1px 2px -1px;
        --elevation-200-geo: 0 2px 4px -1px;
        --elevation-300-geo: 0 4px 8px -2px;
        --elevation-400-geo: 0 8px 16px -4px
    }

    :where(:root), :where([data-theme=light]) {
        --gray-0: #fff;
        --gray-25: #fcfcfc;
        --gray-50: #f9f9f9;
        --gray-75: #f3f3f3;
        --gray-100: #ededed;
        --gray-150: #dfdfdf;
        --gray-200: #cdcdcd;
        --gray-250: #b9b9b9;
        --gray-300: #afafaf;
        --gray-350: #9f9f9f;
        --gray-400: #8f8f8f;
        --gray-450: #767676;
        --gray-550: #4f4f4f;
        --gray-600: #414141;
        --gray-650: #393939;
        --gray-700: #303030;
        --gray-750: #282828;
        --gray-800: #212121;
        --gray-850: #1c1c1c;
        --gray-900: #181818;
        --gray-925: #161616;
        --gray-950: #131313;
        --gray-975: #101010;
        --gray-1000: #0d0d0d;
        --alpha-base: #0d0d0d
    }

    :where([data-theme=dark]) {
        --gray-0: #0d0d0d;
        --gray-25: #101010;
        --gray-50: #131313;
        --gray-75: #161616;
        --gray-100: #181818;
        --gray-150: #1c1c1c;
        --gray-200: #212121;
        --gray-250: #282828;
        --gray-300: #303030;
        --gray-350: #393939;
        --gray-400: #414141;
        --gray-450: #4f4f4f;
        --gray-550: #767676;
        --gray-600: #8f8f8f;
        --gray-650: #9f9f9f;
        --gray-700: #afafaf;
        --gray-750: #b9b9b9;
        --gray-800: #cdcdcd;
        --gray-850: #dcdcdc;
        --gray-900: #ededed;
        --gray-925: #f3f3f3;
        --gray-950: #f3f3f3;
        --gray-975: #f9f9f9;
        --gray-1000: #fff;
        --alpha-base: #fff
    }

    @media (resolution>=150dpi),(resolution>=1.5x) {
        :is(:root,:where([data-theme])) {
            --hairline: .5px
        }
    }

    :where(:root), :where([data-theme=light]) {
        --shadow-alpha-100: .08;
        --shadow-alpha-200: .08;
        --shadow-alpha-300: .1;
        --shadow-alpha-400: .12;
        --shadow-hairline-width: 1px;
        --shadow-hairline-color: #00000014
    }

    @media (resolution>=150dpi),(resolution>=1.5x) {
        :is(:where(:root),:where([data-theme=light])) {
            --shadow-hairline-width: .5px;
            --shadow-hairline-color: #0000001a
        }
    }

    :where([data-theme=dark]) {
        --shadow-alpha-100: .2;
        --shadow-alpha-200: .2;
        --shadow-alpha-300: .36;
        --shadow-alpha-400: .3;
        --shadow-hairline-width: 1px;
        --shadow-hairline-color: #ffffff1a
    }

    @media (resolution>=150dpi),(resolution>=1.5x) {
        :where([data-theme=dark]) {
            --shadow-hairline-width: .5px;
            --shadow-hairline-color: #ffffff1f
        }
    }

    :where([data-theme=dark]) [data-surface=elevated] {
        --shadow-hairline: 0 0 #0000
    }

    :root, :where([data-theme]) {
        --color-text-emphasis: var(--gray-1000);
        --color-text-prose: var(--color-text-emphasis);
        --color-text-inverse: var(--gray-0);
        --color-text-primary: var(--color-text-emphasis);
        --color-text-primary-soft: var(--color-text-emphasis);
        --color-background-primary-soft-alt: var(--alpha-02);
        --color-border-primary-soft-alt: var(--alpha-06);
        --color-text-primary-soft-alt: var(--color-text-emphasis);
        --color-text-primary-surface: var(--color-text-emphasis);
        --color-text-primary-solid: var(--color-text-inverse);
        --color-text-primary-outline: var(--color-text-emphasis);
        --color-text-primary-outline-hover: var(--color-text-emphasis);
        --color-text-primary-ghost: var(--color-text-emphasis);
        --color-text-primary-ghost-hover: var(--color-text-emphasis);
        --color-ring-primary: var(--color-ring);
        --color-ring-primary-soft: var(--color-ring-primary);
        --color-ring-primary-solid: var(--color-ring-primary);
        --color-ring-primary-outline: var(--color-ring-primary);
        --color-ring-primary-ghost: var(--color-ring-primary);
        --color-text-secondary-soft: var(--color-text);
        --color-background-secondary-soft-alt: var(--alpha-02);
        --color-border-secondary-soft-alt: var(--alpha-06);
        --color-text-secondary-soft-alt: var(--color-text);
        --color-text-secondary-solid: var(--white);
        --color-text-secondary-outline: var(--color-text-secondary);
        --color-text-secondary-outline-hover: var(--color-text);
        --color-text-secondary-ghost: var(--color-text-secondary);
        --color-text-secondary-ghost-hover: var(--color-text);
        --color-ring-secondary: var(--color-ring);
        --color-ring-secondary-soft: var(--color-ring-secondary);
        --color-ring-secondary-solid: var(--color-ring-secondary);
        --color-ring-secondary-outline: var(--color-ring-secondary);
        --color-ring-secondary-ghost: var(--color-ring-secondary);
        --color-background-info-soft: var(--blue-50);
        --color-background-info-soft-hover: var(--blue-75);
        --color-background-info-soft-active: var(--blue-75);
        --color-background-info-soft-alpha: var(--blue-a50);
        --color-background-info-soft-alpha-hover: var(--blue-a75);
        --color-background-info-soft-alpha-active: var(--blue-a75);
        --color-background-info-solid: var(--blue-400);
        --color-background-info-solid-hover: var(--blue-500);
        --color-background-info-solid-active: var(--blue-500);
        --color-text-info-solid: var(--white);
        --color-background-info-outline-hover: var(--blue-a25);
        --color-background-info-outline-active: var(--blue-a25);
        --color-border-info-outline: var(--blue-500);
        --color-border-info-outline-hover: var(--blue-500);
        --color-text-info-outline: var(--blue-500);
        --color-text-info-outline-hover: var(--blue-500);
        --color-background-info-ghost-hover: var(--blue-a50);
        --color-background-info-ghost-active: var(--blue-a50);
        --color-ring-info: var(--color-ring);
        --color-ring-info-soft: var(--color-ring-info);
        --color-ring-info-solid: var(--color-ring-info);
        --color-ring-info-outline: var(--color-ring-info);
        --color-ring-info-ghost: var(--color-ring-info);
        --color-background-warning-soft: var(--orange-50);
        --color-background-warning-soft-hover: var(--orange-75);
        --color-background-warning-soft-active: var(--orange-75);
        --color-background-warning-soft-alpha: var(--orange-a50);
        --color-background-warning-soft-alpha-hover: var(--orange-a75);
        --color-background-warning-soft-alpha-active: var(--orange-a75);
        --color-background-warning-solid: var(--orange-500);
        --color-background-warning-solid-hover: var(--orange-600);
        --color-background-warning-solid-active: var(--orange-600);
        --color-text-warning-solid: var(--white);
        --color-background-warning-outline-hover: var(--orange-a25);
        --color-background-warning-outline-active: var(--orange-a25);
        --color-border-warning-outline: var(--orange-500);
        --color-border-warning-outline-hover: var(--orange-500);
        --color-text-warning-outline: var(--orange-500);
        --color-text-warning-outline-hover: var(--orange-500);
        --color-background-warning-ghost-hover: var(--orange-a50);
        --color-background-warning-ghost-active: var(--orange-a50);
        --color-text-warning-ghost: var(--orange-500);
        --color-text-warning-ghost-hover: var(--orange-500);
        --color-ring-warning: var(--color-ring);
        --color-ring-warning-soft: var(--color-ring-warning);
        --color-ring-warning-solid: var(--color-ring-warning);
        --color-ring-warning-outline: var(--color-ring-warning);
        --color-ring-warning-ghost: var(--color-ring-warning);
        --color-text-caution-hover: var(--yellow-800);
        --color-background-caution-soft: var(--yellow-50);
        --color-background-caution-soft-hover: var(--yellow-75);
        --color-background-caution-soft-active: var(--yellow-75);
        --color-background-caution-soft-alpha: var(--yellow-a50);
        --color-background-caution-soft-alpha-hover: var(--yellow-a75);
        --color-background-caution-soft-alpha-active: var(--yellow-a75);
        --color-background-caution-solid: var(--yellow-600);
        --color-background-caution-solid-hover: var(--yellow-700);
        --color-background-caution-solid-active: var(--yellow-700);
        --color-text-caution-solid: var(--white);
        --color-background-caution-outline-hover: var(--yellow-a25);
        --color-background-caution-outline-active: var(--yellow-a25);
        --color-border-caution-outline: var(--yellow-700);
        --color-border-caution-outline-hover: var(--yellow-700);
        --color-text-caution-outline: var(--yellow-700);
        --color-text-caution-outline-hover: var(--yellow-700);
        --color-background-caution-ghost-hover: var(--yellow-a50);
        --color-background-caution-ghost-active: var(--yellow-a50);
        --color-text-caution-ghost: var(--yellow-700);
        --color-text-caution-ghost-hover: var(--yellow-700);
        --color-ring-caution: var(--color-ring);
        --color-ring-caution-soft: var(--color-ring-caution);
        --color-ring-caution-solid: var(--color-ring-caution);
        --color-ring-caution-outline: var(--color-ring-caution);
        --color-ring-caution-ghost: var(--color-ring-caution);
        --color-background-danger-soft: var(--red-50);
        --color-background-danger-soft-hover: var(--red-75);
        --color-background-danger-soft-active: var(--red-75);
        --color-background-danger-soft-alpha: var(--red-a50);
        --color-background-danger-soft-alpha-hover: var(--red-a75);
        --color-background-danger-soft-alpha-active: var(--red-a75);
        --color-background-danger-solid: var(--red-500);
        --color-background-danger-solid-hover: var(--red-600);
        --color-background-danger-solid-active: var(--red-600);
        --color-text-danger-solid: var(--white);
        --color-background-danger-outline-hover: var(--red-a25);
        --color-background-danger-outline-active: var(--red-a25);
        --color-border-danger-outline: var(--red-500);
        --color-border-danger-outline-hover: var(--red-500);
        --color-text-danger-outline: var(--red-500);
        --color-text-danger-outline-hover: var(--red-500);
        --color-background-danger-ghost-hover: var(--red-a50);
        --color-background-danger-ghost-active: var(--red-a50);
        --color-text-danger-ghost: var(--red-500);
        --color-text-danger-ghost-hover: var(--red-500);
        --color-ring-danger: var(--red-200);
        --color-ring-danger-soft: var(--color-ring-danger);
        --color-ring-danger-solid: var(--color-ring-danger);
        --color-ring-danger-outline: var(--color-ring-danger);
        --color-ring-danger-ghost: var(--color-ring-danger);
        --color-background-success-soft: var(--green-50);
        --color-background-success-soft-hover: var(--green-75);
        --color-background-success-soft-active: var(--green-75);
        --color-background-success-soft-alpha: var(--green-a50);
        --color-background-success-soft-alpha-hover: var(--green-a75);
        --color-background-success-soft-alpha-active: var(--green-a75);
        --color-text-success-solid: var(--white);
        --color-background-success-outline-hover: var(--green-a25);
        --color-background-success-outline-active: var(--green-a25);
        --color-text-success-outline: var(--green-500);
        --color-text-success-outline-hover: var(--green-500);
        --color-background-success-ghost-hover: var(--green-a50);
        --color-background-success-ghost-active: var(--green-a50);
        --color-text-success-ghost: var(--green-500);
        --color-text-success-ghost-hover: var(--green-500);
        --color-ring-success: var(--color-ring);
        --color-ring-success-soft: var(--color-ring-info);
        --color-ring-success-solid: var(--color-ring-info);
        --color-ring-success-outline: var(--color-ring-info);
        --color-ring-success-ghost: var(--color-ring-info);
        --color-background-discovery-soft: var(--purple-50);
        --color-background-discovery-soft-hover: var(--purple-75);
        --color-background-discovery-soft-active: var(--purple-75);
        --color-background-discovery-soft-alpha: var(--purple-a50);
        --color-background-discovery-soft-alpha-hover: var(--purple-a75);
        --color-background-discovery-soft-alpha-active: var(--purple-a75);
        --color-background-discovery-solid: var(--purple-400);
        --color-background-discovery-solid-hover: var(--purple-500);
        --color-background-discovery-solid-active: var(--purple-500);
        --color-text-discovery-solid: var(--white);
        --color-background-discovery-outline-hover: var(--purple-a25);
        --color-background-discovery-outline-active: var(--purple-a25);
        --color-border-discovery-outline: var(--purple-500);
        --color-border-discovery-outline-hover: var(--purple-500);
        --color-background-discovery-ghost-hover: var(--purple-a50);
        --color-background-discovery-ghost-active: var(--purple-a50);
        --color-text-discovery-ghost: var(--purple-500);
        --color-text-discovery-ghost-hover: var(--purple-500);
        --color-ring-discovery: var(--color-ring);
        --color-ring-discovery-soft: var(--color-ring);
        --color-ring-discovery-solid: var(--color-ring);
        --color-ring-discovery-outline: var(--color-ring);
        --color-ring-discovery-ghost: var(--color-ring);
        --color-background-disabled: var(--alpha-05);
        --color-border-disabled: var(--alpha-06);
        --font-tracking-wide: 0em;
        --font-tracking-normal: -.01em;
        --font-tracking-tight: -.02em;
        --font-heading-5xl-size: 4.5rem;
        --font-heading-5xl-line-height: 4.5rem;
        --font-heading-5xl-weight: var(--font-weight-semibold);
        --font-heading-5xl-tracking: var(--tracking-tight);
        --font-heading-4xl-size: 3.75rem;
        --font-heading-4xl-line-height: 3.75rem;
        --font-heading-4xl-weight: var(--font-weight-semibold);
        --font-heading-4xl-tracking: var(--tracking-tight);
        --font-heading-3xl-size: 3rem;
        --font-heading-3xl-line-height: 3rem;
        --font-heading-3xl-weight: var(--font-weight-semibold);
        --font-heading-3xl-tracking: var(--tracking-tight);
        --font-heading-2xl-size: 2.25rem;
        --font-heading-2xl-line-height: 2.625rem;
        --font-heading-2xl-weight: var(--font-weight-semibold);
        --font-heading-2xl-tracking: var(--tracking-tight);
        --font-heading-xl-size: 2rem;
        --font-heading-xl-line-height: 2.375rem;
        --font-heading-xl-weight: var(--font-weight-semibold);
        --font-heading-xl-tracking: var(--tracking-tight);
        --font-heading-lg-size: 1.5rem;
        --font-heading-lg-line-height: 1.75rem;
        --font-heading-lg-weight: var(--font-weight-semibold);
        --font-heading-lg-tracking: var(--tracking-normal);
        --font-heading-md-size: 1.25rem;
        --font-heading-md-line-height: 1.625rem;
        --font-heading-md-weight: var(--font-weight-semibold);
        --font-heading-md-tracking: var(--tracking-normal);
        --font-heading-sm-size: 1.125rem;
        --font-heading-sm-line-height: 1.625rem;
        --font-heading-sm-weight: var(--font-weight-semibold);
        --font-heading-sm-tracking: var(--tracking-normal);
        --font-heading-xs-size: 1rem;
        --font-heading-xs-line-height: 1.5rem;
        --font-heading-xs-weight: var(--font-weight-semibold);
        --font-heading-xs-tracking: var(--tracking-normal);
        --font-text-lg-size: 1.125rem;
        --font-text-lg-line-height: 1.8125rem;
        --font-text-lg-weight: var(--font-weight-normal);
        --font-text-lg-tracking: var(--tracking-normal);
        --font-text-md-size: 1rem;
        --font-text-md-line-height: 1.5rem;
        --font-text-md-weight: var(--font-weight-normal);
        --font-text-md-tracking: var(--tracking-normal);
        --font-text-sm-size: .875rem;
        --font-text-sm-line-height: 1.25rem;
        --font-text-sm-weight: var(--font-weight-normal);
        --font-text-sm-tracking: var(--tracking-normal);
        --font-text-xs-size: .75rem;
        --font-text-xs-line-height: 1.125rem;
        --font-text-xs-weight: var(--font-weight-normal);
        --font-text-xs-tracking: var(--tracking-wide);
        --font-text-2xs-size: .625rem;
        --font-text-2xs-line-height: .875rem;
        --font-text-2xs-weight: var(--font-weight-normal);
        --font-text-2xs-tracking: var(--tracking-wide);
        --font-text-3xs-size: .5rem;
        --font-text-3xs-line-height: .75rem;
        --font-text-3xs-weight: var(--font-weight-normal);
        --font-text-3xs-tracking: var(--tracking-wide);
        --font-small-caps-md-size: .6875rem;
        --font-small-caps-md-line-height: .9375rem;
        --font-small-caps-md-weight: var(--font-weight-semibold);
        --font-small-caps-md-tracking: .65px;
        --font-small-caps-lg-size: .8125rem;
        --font-small-caps-lg-line-height: 1.1875rem;
        --font-small-caps-lg-weight: var(--font-weight-semibold);
        --font-small-caps-lg-tracking: .6px;
        --control-size-3xs: 1.375rem;
        --control-size-2xs: 1.5rem;
        --control-size-xs: 1.625rem;
        --control-size-sm: 1.75rem;
        --control-size-md: 2rem;
        --control-size-lg: 2.25rem;
        --control-size-xl: 2.5rem;
        --control-size-2xl: 2.75rem;
        --control-size-3xl: 3rem;
        --control-gutter-2xs: .375rem;
        --control-gutter-xs: .5rem;
        --control-gutter-sm: .625rem;
        --control-gutter-md: .75rem;
        --control-gutter-lg: .875rem;
        --control-gutter-xl: 1rem;
        --control-gutter-pill-scaling: 1.33;
        --control-radius-sm: var(--radius-sm);
        --control-radius-md: var(--radius-md);
        --control-radius-lg: var(--radius-lg);
        --control-radius-xl: var(--radius-xl);
        --control-font-size-sm: var(--font-text-xs-size);
        --control-font-size-md: var(--font-text-sm-size);
        --control-font-size-lg: var(--font-text-md-size);
        --control-icon-size-xs: .875rem;
        --control-icon-size-sm: 1rem;
        --control-icon-size-md: 1.125rem;
        --control-icon-size-lg: 1.25rem;
        --control-icon-size-xl: 1.375rem;
        --control-icon-size-2xl: 1.5rem;
        --cubic-enter: cubic-bezier(.19,1,.22,1);
        --cubic-exit: cubic-bezier(.8,0,.4,1);
        --cubic-exit-snappy: cubic-bezier(.65,0,.4,1);
        --cubic-move: cubic-bezier(.65,0,.35,1);
        --transition-duration-basic: .15s;
        --transition-ease-basic: ease;
        --scrollbar-color: var(--alpha-30);
        --shadow-hairline: 0 0 0 var(--shadow-hairline-width)var(--shadow-hairline-color);
        --shadow-100: var(--elevation-100-geo)rgb(var(--shadow-color)/var(--shadow-alpha-100));
        --shadow-100-strong: var(--elevation-100-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-100)*1.25));
        --shadow-100-stronger: var(--elevation-100-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-100)*1.6));
        --shadow-200: var(--elevation-200-geo)rgb(var(--shadow-color)/var(--shadow-alpha-200));
        --shadow-200-strong: var(--elevation-200-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-200)*1.25));
        --shadow-200-stronger: var(--elevation-200-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-200)*1.6));
        --shadow-300: var(--elevation-300-geo)rgb(var(--shadow-color)/var(--shadow-alpha-300));
        --shadow-300-strong: var(--elevation-300-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-300)*1.25));
        --shadow-300-stronger: var(--elevation-300-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-300)*1.6));
        --shadow-400: var(--elevation-400-geo)rgb(var(--shadow-color)/var(--shadow-alpha-400));
        --shadow-400-strong: var(--elevation-400-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-400)*1.25));
        --shadow-400-stronger: var(--elevation-400-geo)rgb(var(--shadow-color)/calc(var(--shadow-alpha-400)*1.6));
        --alert-border-radius: var(--radius-xl);
        --alert-gap: calc(var(--spacing) * 3);
        --alert-gutter: calc(var(--spacing) * 4);
        --alert-font-size: var(--font-text-sm-size);
        --alert-line-height: var(--font-text-sm-line-height);
        --alert-title-font-weight: var(--font-weight-semibold);
        --avatar-radius: var(--radius-full);
        --avatar-size: 28px;
        --avatar-font-size-scaling: .5;
        --avatar-overflow-font-size-scaling-one: .45;
        --avatar-overflow-font-size-scaling-two: .37;
        --avatar-overflow-font-size-scaling-three: .3;
        --avatar-group-cutout-width: 3px;
        --avatar-group-cutout-color: var(--color-surface);
        --avatar-group-spacing: -8px;
        --badge-gutter-sm: calc(var(--control-gutter-2xs) - 1px);
        --badge-gutter-md: var(--control-gutter-2xs);
        --badge-gutter-lg: var(--control-gutter-xs);
        --badge-size-sm: calc(var(--control-size-3xs) - 2px);
        --badge-size-md: var(--control-size-3xs);
        --badge-size-lg: var(--control-size-2xs);
        --badge-radius-sm: var(--radius-xs);
        --badge-radius-md: var(--radius-xs);
        --badge-radius-lg: var(--radius-sm);
        --badge-font-size-sm: var(--font-text-xs-size);
        --badge-font-size-md: var(--font-text-sm-size);
        --badge-font-size-lg: var(--font-text-sm-size);
        --badge-tracking-sm: var(--tracking-wide);
        --badge-tracking-md: var(--tracking-normal);
        --badge-tracking-lg: var(--tracking-normal);
        --badge-font-weight-sm: var(--font-weight-semibold);
        --badge-font-weight-md: var(--font-weight-semibold);
        --badge-font-weight-lg: var(--font-weight-semibold);
        --badge-icon-font-size-sm: var(--font-text-xs-size);
        --badge-icon-font-size-md: var(--font-text-md-size);
        --badge-icon-font-size-lg: var(--font-text-md-size);
        --badge-indicator-size-sm: var(--font-text-xs-size);
        --badge-indicator-size-md: var(--font-text-xs-size);
        --badge-indicator-size-lg: var(--font-text-sm-size);
        --button-gap-sm: 3px;
        --button-gap-md: 4px;
        --button-gap-lg: 6px;
        --button-font-weight: var(--font-weight-medium);
        --input-gap-xs: 4px;
        --input-gap-sm: 6px;
        --input-gap-md: 8px;
        --input-gap-lg: 10px;
        --input-text-color: var(--color-text);
        --input-placeholder-text-color: var(--color-text-tertiary);
        --input-outline-border-color: var(--color-border-primary-outline);
        --input-outline-border-color-focus: var(--alpha-50);
        --input-soft-background-color: var(--color-background-primary-soft-alpha);
        --input-soft-border-color-focus: var(--alpha-20);
        --link-font-weight: inherit;
        --link-gap: calc(var(--spacing) * .5);
        --link-radius: var(--radius-sm);
        --link-underline-decoration-offset: .1em;
        --chat-max-width: 800px;
        --chat-gutter: calc(var(--spacing) * 5);
        --chat-background-color: var(--color-surface);
        --thread-gutter: calc(var(--spacing) * 4);
        --composer-gutter: calc(var(--spacing) * 3);
        --composer-compact-gutter: calc(var(--spacing) * 2);
        --composer-radius: var(--radius-4xl);
        --composer-background-color: var(--color-surface-elevated);
        --smoothing-background-color: var(--color-surface);
        --user-message-text-color: var(--color-text-prose);
        --source-list-gutter: var(--thread-gutter);
        --codeblock-background-color: var(--gray-25);
        --codeblock-syntax-4: var(--pink-500);
        --dialog-min-width: 250px;
        --dialog-max-width: 450px;
        --dialog-container-inner-padding: calc(var(--spacing) * 5);
        --dialog-backdrop-fade-background: color-mix(in oklab, var(--color-surface-elevated) 60%, transparent);
        --menu-gutter: calc(var(--spacing) * 1.5);
        --menu-radius: var(--radius-xl);
        --menu-font-size: var(--font-text-sm-size);
        --menu-line-height: var(--font-text-sm-line-height);
        --menu-item-padding: calc(var(--spacing) * 1.5)calc(var(--spacing) * 2);
        --menu-item-gap: calc(var(--spacing) * 1.5);
        --menu-separator-gutter: var(--menu-gutter)calc(-1*var(--menu-gutter));
        --menu-separator-background-color: var(--color-border);
        --menu-radio-indicator-size: var(--font-text-lg-size);
        --menu-radio-indicator-hole-size: var(--font-text-3xs-size);
        --menu-checkbox-indicator-size: var(--font-text-lg-size);
        --modal-container-inner-padding: calc(var(--spacing) * 5);
        --popover-radius: var(--radius-xl);
        --radio-group-col-gap: calc(var(--spacing) * 2.5);
        --radio-group-row-gap: calc(var(--spacing) * 5);
        --radio-group-item-gap: calc(var(--spacing) * 1.5);
        --radio-group-item-font-size: var(--font-text-sm-size);
        --radio-group-item-line-height: var(--font-text-sm-line-height);
        --radio-group-indicator-size: var(--font-text-md-size);
        --radio-group-indicator-border-color: var(--color-border-primary-outline);
        --radio-group-indicator-border-color-hover: var(--alpha-25);
        --radio-group-indicator-background-color: var(--color-background-primary-solid);
        --radio-group-indicator-hole-size: .375rem;
        --radio-group-indicator-hole-background-color: var(--color-text-primary-solid);
        --segmented-control-gap: 2px;
        --segmented-control-gutter: 2px;
        --segmented-control-font-weight: var(--font-weight-semibold);
        --segmented-control-thumb-shadow: 0 1px 4px -1px #0003;
        --segmented-control-option-highlight-gutter: 1px;
        --select-control-font-weight: var(--font-weight-medium);
        --switch-track-width: 32px;
        --switch-track-height: 19px;
        --switch-thumb-offset: 3px;
        --switch-thumb-size: calc(var(--switch-track-height) - 2*var(--switch-thumb-offset));
        --switch-thumb-shadow: 0 1px 2px #0003;
        --switch-label-gap: calc(var(--spacing) * 2)
    }

    :where(:root), :where([data-theme=light]) {
        --color-text: var(--gray-750);
        --color-text-secondary: var(--gray-500);
        --color-text-tertiary: var(--gray-400);
        --color-ring: var(--blue-500);
        --color-background-primary-soft: var(--gray-100);
        --color-background-primary-soft-hover: var(--gray-150);
        --color-background-primary-soft-active: var(--gray-200);
        --color-background-primary-soft-alpha: var(--alpha-08);
        --color-background-primary-soft-alpha-hover: var(--alpha-12);
        --color-background-primary-soft-alpha-active: var(--alpha-16);
        --color-background-primary-surface: var(--alpha-05);
        --color-border-primary-surface: var(--alpha-05);
        --color-background-primary-solid: var(--gray-900);
        --color-background-primary-solid-hover: var(--gray-700);
        --color-background-primary-solid-active: var(--gray-600);
        --color-background-primary-outline-hover: var(--alpha-02);
        --color-background-primary-outline-active: var(--alpha-04);
        --color-border-primary-outline: var(--alpha-16);
        --color-border-primary-outline-hover: var(--alpha-20);
        --color-background-primary-ghost-hover: var(--alpha-08);
        --color-background-primary-ghost-active: var(--alpha-12);
        --color-background-secondary-soft: var(--gray-100);
        --color-background-secondary-soft-hover: var(--gray-150);
        --color-background-secondary-soft-active: var(--gray-200);
        --color-background-secondary-soft-alpha: var(--alpha-08);
        --color-background-secondary-soft-alpha-hover: var(--alpha-12);
        --color-background-secondary-soft-alpha-active: var(--alpha-16);
        --color-background-secondary-solid: var(--gray-500);
        --color-background-secondary-solid-hover: var(--gray-600);
        --color-background-secondary-solid-active: var(--gray-700);
        --color-background-secondary-outline-hover: var(--alpha-02);
        --color-background-secondary-outline-active: var(--alpha-04);
        --color-border-secondary-outline: var(--alpha-16);
        --color-border-secondary-outline-hover: var(--alpha-20);
        --color-background-secondary-ghost-hover: var(--alpha-08);
        --color-background-secondary-ghost-active: var(--alpha-12);
        --color-text-info: var(--blue-500);
        --color-text-info-soft: var(--blue-600);
        --color-background-info-surface: var(--blue-a25);
        --color-border-info-surface: var(--blue-a25);
        --color-text-info-surface: var(--blue-600);
        --color-text-info-ghost: var(--blue-500);
        --color-text-info-ghost-hover: var(--blue-500);
        --color-text-warning: var(--orange-700);
        --color-text-warning-soft: var(--orange-700);
        --color-background-warning-surface: var(--orange-a25);
        --color-border-warning-surface: var(--orange-a25);
        --color-text-warning-surface: var(--orange-700);
        --color-text-caution: var(--yellow-700);
        --color-text-caution-soft: var(--yellow-800);
        --color-background-caution-surface: var(--yellow-a25);
        --color-border-caution-surface: var(--yellow-a25);
        --color-text-caution-surface: var(--yellow-800);
        --color-text-danger: var(--red-700);
        --color-text-danger-soft: var(--red-600);
        --color-background-danger-surface: var(--red-a25);
        --color-border-danger-surface: var(--red-a25);
        --color-text-danger-surface: var(--red-600);
        --color-text-success: var(--green-700);
        --color-text-success-soft: var(--green-600);
        --color-background-success-surface: var(--green-a25);
        --color-border-success-surface: var(--green-a25);
        --color-text-success-surface: var(--green-600);
        --color-background-success-solid: var(--green-500);
        --color-background-success-solid-hover: var(--green-500);
        --color-background-success-solid-active: var(--green-500);
        --color-border-success-outline: var(--green-500);
        --color-border-success-outline-hover: var(--green-500);
        --color-text-discovery: var(--purple-700);
        --color-text-discovery-soft: var(--purple-600);
        --color-background-discovery-surface: var(--purple-a25);
        --color-border-discovery-surface: var(--purple-a25);
        --color-text-discovery-surface: var(--purple-600);
        --color-text-discovery-outline: var(--purple-500);
        --color-text-discovery-outline-hover: var(--purple-500);
        --color-text-disabled: var(--gray-400);
        --color-border-subtle: var(--alpha-05);
        --color-border: var(--alpha-10);
        --color-border-strong: var(--alpha-15);
        --shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
        --color-surface: var(--gray-0);
        --color-surface-secondary: var(--gray-50);
        --color-surface-tertiary: var(--gray-75);
        --color-surface-elevated: var(--gray-0);
        --color-surface-elevated-secondary: var(--gray-50);
        --avatar-image-border-color: var(--alpha-04);
        --input-outline-border-color-hover: var(--alpha-25);
        --input-border-color-invalid: var(--red-500);
        --link-primary-text-color: var(--blue-500);
        --link-primary-text-color-hover: var(--blue-800);
        --user-message-background-color: var(--alpha-05);
        --codeblock-syntax-1: #c0660d;
        --codeblock-syntax-2: var(--blue-500);
        --codeblock-syntax-3: var(--green-600);
        --codeblock-syntax-5: var(--purple-500);
        --dialog-backdrop-dim-background: #0000004d;
        --menu-item-background-color: var(--alpha-08);
        --modal-backdrop-background: #0000004d;
        --segmented-control-background: var(--gray-100);
        --segmented-control-thumb-background: var(--gray-0);
        --segmented-control-option-highlight-background-color: var(--gray-200);
        --slider-track-color: var(--gray-150);
        --slider-range-color: var(--gray-450);
        --switch-track-color: var(--gray-150);
        --switch-track-color-hover: var(--gray-200);
        --switch-track-color-checked: var(--gray-900);
        --switch-track-color-checked-disabled: var(--gray-300);
        --switch-track-color-disabled: var(--gray-100);
        --switch-thumb-color: var(--gray-0);
        --switch-thumb-color-disabled: var(--gray-0)
    }

    :where([data-theme=dark]) {
        --color-text: var(--gray-850);
        --color-text-secondary: var(--gray-700);
        --color-text-tertiary: var(--gray-600);
        --color-ring: var(--blue-400);
        --color-background-primary-soft: var(--gray-300);
        --color-background-primary-soft-hover: var(--gray-350);
        --color-background-primary-soft-active: var(--gray-400);
        --color-background-primary-soft-alpha: var(--alpha-12);
        --color-background-primary-soft-alpha-hover: var(--alpha-16);
        --color-background-primary-soft-alpha-active: var(--alpha-20);
        --color-background-primary-surface: var(--alpha-08);
        --color-border-primary-surface: var(--alpha-08);
        --color-background-primary-solid: var(--gray-950);
        --color-background-primary-solid-hover: var(--gray-900);
        --color-background-primary-solid-active: var(--gray-850);
        --color-background-primary-outline-hover: var(--alpha-04);
        --color-background-primary-outline-active: var(--alpha-06);
        --color-border-primary-outline: var(--alpha-25);
        --color-border-primary-outline-hover: var(--alpha-30);
        --color-background-primary-ghost-hover: var(--alpha-12);
        --color-background-primary-ghost-active: var(--alpha-16);
        --color-background-secondary-soft: var(--gray-300);
        --color-background-secondary-soft-hover: var(--gray-350);
        --color-background-secondary-soft-active: var(--gray-400);
        --color-background-secondary-soft-alpha: var(--alpha-12);
        --color-background-secondary-soft-alpha-hover: var(--alpha-16);
        --color-background-secondary-soft-alpha-active: var(--alpha-20);
        --color-background-secondary-solid: var(--gray-400);
        --color-background-secondary-solid-hover: var(--gray-450);
        --color-background-secondary-solid-active: var(--gray-500);
        --color-background-secondary-outline-hover: var(--alpha-04);
        --color-background-secondary-outline-active: var(--alpha-06);
        --color-border-secondary-outline: var(--alpha-25);
        --color-border-secondary-outline-hover: var(--alpha-30);
        --color-background-secondary-ghost-hover: var(--alpha-12);
        --color-background-secondary-ghost-active: var(--alpha-16);
        --color-text-info: var(--blue-200);
        --color-text-info-soft: var(--blue-300);
        --color-background-info-surface: var(--blue-a50);
        --color-border-info-surface: var(--blue-a50);
        --color-text-info-surface: var(--blue-300);
        --color-text-info-ghost: var(--blue-200);
        --color-text-info-ghost-hover: var(--blue-200);
        --color-text-warning: var(--orange-500);
        --color-text-warning-soft: var(--orange-400);
        --color-background-warning-surface: var(--orange-a50);
        --color-border-warning-surface: var(--orange-a50);
        --color-text-warning-surface: var(--orange-400);
        --color-text-caution: var(--yellow-500);
        --color-text-caution-soft: var(--yellow-400);
        --color-background-caution-surface: var(--yellow-a50);
        --color-border-caution-surface: var(--yellow-a50);
        --color-text-caution-surface: var(--yellow-400);
        --color-text-danger: var(--red-500);
        --color-text-danger-soft: var(--red-400);
        --color-background-danger-surface: var(--red-a50);
        --color-border-danger-surface: var(--red-a50);
        --color-text-danger-surface: var(--red-400);
        --color-text-success: var(--green-400);
        --color-text-success-soft: var(--green-400);
        --color-background-success-surface: var(--green-a50);
        --color-border-success-surface: var(--green-a50);
        --color-text-success-surface: var(--green-400);
        --color-background-success-solid: var(--green-600);
        --color-background-success-solid-hover: var(--green-600);
        --color-background-success-solid-active: var(--green-600);
        --color-border-success-outline: var(--green-600);
        --color-border-success-outline-hover: var(--green-600);
        --color-text-discovery: var(--purple-500);
        --color-text-discovery-soft: var(--purple-200);
        --color-background-discovery-surface: var(--purple-a50);
        --color-border-discovery-surface: var(--purple-a50);
        --color-text-discovery-surface: var(--purple-200);
        --color-text-discovery-outline: var(--purple-400);
        --color-text-discovery-outline-hover: var(--purple-400);
        --color-text-disabled: var(--gray-500);
        --color-border-subtle: var(--alpha-06);
        --color-border: var(--alpha-12);
        --color-border-strong: var(--alpha-20);
        --shadow: 0 10px 15px -3px #0003,0 4px 6px -4px #0003;
        --color-surface: var(--gray-200);
        --color-surface-secondary: var(--gray-100);
        --color-surface-tertiary: var(--gray-50);
        --color-surface-elevated: var(--gray-300);
        --color-surface-elevated-secondary: var(--gray-400);
        --avatar-image-border-color: var(--alpha-15);
        --input-outline-border-color-hover: var(--alpha-30);
        --input-border-color-invalid: var(--red-600);
        --link-primary-text-color: var(--blue-300);
        --link-primary-text-color-hover: var(--blue-400);
        --user-message-background-color: var(--alpha-08);
        --codeblock-syntax-1: var(--yellow-100);
        --codeblock-syntax-2: var(--blue-200);
        --codeblock-syntax-3: var(--green-300);
        --codeblock-syntax-5: var(--purple-300);
        --dialog-backdrop-dim-background: #00000080;
        --menu-item-background-color: var(--alpha-10);
        --modal-backdrop-background: #00000080;
        --segmented-control-background: var(--gray-0);
        --segmented-control-thumb-background: var(--gray-300);
        --segmented-control-option-highlight-background-color: var(--gray-300);
        --slider-track-color: var(--gray-400);
        --slider-range-color: var(--gray-600);
        --switch-track-color: var(--gray-400);
        --switch-track-color-hover: var(--gray-450);
        --switch-track-color-checked: var(--blue-400);
        --switch-track-color-checked-disabled: var(--blue-700);
        --switch-track-color-disabled: var(--gray-300);
        --switch-thumb-color: var(--gray-1000);
        --switch-thumb-color-disabled: var(--gray-800)
    }
}

@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html, :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings,normal);
        font-variation-settings: var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    code, kbd, samp, pre {
        font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub, sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol, ul, menu {
        list-style: none
    }

    img, svg, video, canvas, audio, iframe, embed, object {
        vertical-align: middle;
        display: block
    }

    img, video {
        max-width: 100%;
        height: auto
    }

    button, input, select, optgroup, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: rgba(0,0,0,0);
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: rgba(0,0,0,0);
        border-radius: 0
    }

    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }

        :where(select:is([multiple],[size])) optgroup option {
            padding-inline-start: 20px
        }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: color-mix(in oklab,currentcolor 50%,transparent)
        }
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button, input:where([type=button],[type=reset],[type=submit]) {
        -webkit-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    html, :host {
        font-synthesis-weight: none
    }

    textarea {
        resize: none
    }

    img, svg {
        flex-grow: 0;
        flex-shrink: 0
    }

    input, textarea, select, optgroup {
        -webkit-appearance: none;
        appearance: none;
        box-shadow: none;
        filter: none;
        outline-offset: 0;
        outline-width: 2px
    }

    a, button, input, label, select, textarea, :where([aria-role=button]) {
        touch-action: manipulation
    }

    button {
        text-transform: none;
        vertical-align: middle
    }

        button:not(:disabled), [role=button]:not(:disabled) {
            cursor: pointer
        }

    pre {
        white-space: pre-wrap
    }

    table {
        border-spacing: 0
    }

    blockquote, q {
        quotes: none
    }

        blockquote:before, blockquote:after, q:before, q:after {
            content: none
        }

    html, :host {
        color: var(--color-text);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: var(--tracking-normal)
    }

    [data-theme=light] {
        color-scheme: light
    }

    [data-theme=dark] {
        color-scheme: dark
    }

    * {
        scrollbar-color: var(--scrollbar-color)transparent;
        scrollbar-width: thin
    }

    [data-exiting] {
        pointer-events: none
    }

    ::placeholder {
        color: var(--color-text-tertiary)
    }

    b, strong {
        font-weight: var(--font-weight-semibold)
    }

    @font-face {
        font-family: KaTeX_AMS;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_AMS-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Caligraphic;
        font-style: normal;
        font-weight: 700;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Caligraphic-Bold.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Caligraphic;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Caligraphic-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Fraktur;
        font-style: normal;
        font-weight: 700;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Fraktur-Bold.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Fraktur;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Fraktur-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Main;
        font-style: normal;
        font-weight: 700;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Main-Bold.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Main;
        font-style: italic;
        font-weight: 700;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Main-BoldItalic.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Main;
        font-style: italic;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Main-Italic.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Main;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Main-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Math;
        font-style: italic;
        font-weight: 700;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Math-BoldItalic.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Math;
        font-style: italic;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Math-Italic.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_SansSerif;
        font-style: normal;
        font-weight: 700;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_SansSerif-Bold.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_SansSerif;
        font-style: italic;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_SansSerif-Italic.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_SansSerif;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_SansSerif-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Script;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Script-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Size1;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Size1-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Size2;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Size2-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Size3;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Size3-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Size4;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Size4-Regular.woff2)format("woff2")
    }

    @font-face {
        font-family: KaTeX_Typewriter;
        font-style: normal;
        font-weight: 400;
        src: url(https://cdn.openai.com/common/fonts/katex/KaTeX_Typewriter-Regular.woff2)format("woff2")
    }

    .katex {
        text-indent: 0;
        text-rendering: auto;
        font: 1.21em/1.2 KaTeX_Main,Times New Roman,serif
    }

        .katex * {
            border-color: currentColor;
            -ms-high-contrast-adjust: none !important
        }

        .katex .katex-version:after {
            content: "0.16.0"
        }

        .katex .katex-mathml {
            clip: rect(1px,1px,1px,1px);
            border: 0;
            width: 1px;
            height: 1px;
            padding: 0;
            position: absolute;
            overflow: hidden
        }

        .katex .katex-html > .newline {
            display: block
        }

        .katex .base {
            white-space: nowrap;
            width: min-content;
            position: relative
        }

        .katex .base, .katex .strut {
            display: inline-block
        }

        .katex .textbf {
            font-weight: 700
        }

        .katex .textit {
            font-style: italic
        }

        .katex .textrm {
            font-family: KaTeX_Main
        }

        .katex .textsf {
            font-family: KaTeX_SansSerif
        }

        .katex .texttt {
            font-family: KaTeX_Typewriter
        }

        .katex .mathnormal {
            font-family: KaTeX_Math;
            font-style: italic
        }

        .katex .mathit {
            font-family: KaTeX_Main;
            font-style: italic
        }

        .katex .mathrm {
            font-style: normal
        }

        .katex .mathbf {
            font-family: KaTeX_Main;
            font-weight: 700
        }

        .katex .boldsymbol {
            font-family: KaTeX_Math;
            font-style: italic;
            font-weight: 700
        }

        .katex .amsrm, .katex .mathbb, .katex .textbb {
            font-family: KaTeX_AMS
        }

        .katex .mathcal {
            font-family: KaTeX_Caligraphic
        }

        .katex .mathfrak, .katex .textfrak {
            font-family: KaTeX_Fraktur
        }

        .katex .mathtt {
            font-family: KaTeX_Typewriter
        }

        .katex .mathscr, .katex .textscr {
            font-family: KaTeX_Script
        }

        .katex .mathsf, .katex .textsf {
            font-family: KaTeX_SansSerif
        }

        .katex .mathboldsf, .katex .textboldsf {
            font-family: KaTeX_SansSerif;
            font-weight: 700
        }

        .katex .mathitsf, .katex .textitsf {
            font-family: KaTeX_SansSerif;
            font-style: italic
        }

        .katex .mainrm {
            font-family: KaTeX_Main;
            font-style: normal
        }

        .katex .vlist-t {
            border-collapse: collapse;
            table-layout: fixed;
            display: inline-table
        }

        .katex .vlist-r {
            display: table-row
        }

        .katex .vlist {
            vertical-align: bottom;
            display: table-cell;
            position: relative
        }

            .katex .vlist > span {
                height: 0;
                display: block;
                position: relative
            }

                .katex .vlist > span > span {
                    display: inline-block
                }

                .katex .vlist > span > .pstrut {
                    width: 0;
                    overflow: hidden
                }

        .katex .vlist-t2 {
            margin-right: -2px
        }

        .katex .vlist-s {
            vertical-align: bottom;
            width: 2px;
            min-width: 2px;
            font-size: 1px;
            display: table-cell
        }

        .katex .vbox {
            flex-direction: column;
            align-items: baseline;
            display: inline-flex
        }

        .katex .hbox {
            width: 100%
        }

        .katex .hbox, .katex .thinbox {
            flex-direction: row;
            display: inline-flex
        }

        .katex .thinbox {
            width: 0;
            max-width: 0
        }

        .katex .msupsub {
            text-align: left
        }

        .katex .mfrac > span > span {
            text-align: center
        }

        .katex .mfrac .frac-line {
            border-bottom-style: solid;
            width: 100%;
            display: inline-block
        }

        .katex .hdashline, .katex .hline, .katex .mfrac .frac-line, .katex .overline .overline-line, .katex .rule, .katex .underline .underline-line {
            min-height: 1px
        }

        .katex .mspace {
            display: inline-block
        }

        .katex .clap, .katex .llap, .katex .rlap {
            width: 0;
            position: relative
        }

            .katex .clap > .inner, .katex .llap > .inner, .katex .rlap > .inner {
                position: absolute
            }

            .katex .clap > .fix, .katex .llap > .fix, .katex .rlap > .fix {
                display: inline-block
            }

            .katex .llap > .inner {
                right: 0
            }

            .katex .clap > .inner, .katex .rlap > .inner {
                left: 0
            }

                .katex .clap > .inner > span {
                    margin-left: -50%;
                    margin-right: 50%
                }

        .katex .rule {
            border: 0 solid;
            display: inline-block;
            position: relative
        }

        .katex .hline, .katex .overline .overline-line, .katex .underline .underline-line {
            border-bottom-style: solid;
            width: 100%;
            display: inline-block
        }

        .katex .hdashline {
            border-bottom-style: dashed;
            width: 100%;
            display: inline-block
        }

        .katex .sqrt > .root {
            margin-left: .277778em;
            margin-right: -.555556em
        }

        .katex .fontsize-ensurer.reset-size1.size1, .katex .sizing.reset-size1.size1 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size1.size2, .katex .sizing.reset-size1.size2 {
            font-size: 1.2em
        }

        .katex .fontsize-ensurer.reset-size1.size3, .katex .sizing.reset-size1.size3 {
            font-size: 1.4em
        }

        .katex .fontsize-ensurer.reset-size1.size4, .katex .sizing.reset-size1.size4 {
            font-size: 1.6em
        }

        .katex .fontsize-ensurer.reset-size1.size5, .katex .sizing.reset-size1.size5 {
            font-size: 1.8em
        }

        .katex .fontsize-ensurer.reset-size1.size6, .katex .sizing.reset-size1.size6 {
            font-size: 2em
        }

        .katex .fontsize-ensurer.reset-size1.size7, .katex .sizing.reset-size1.size7 {
            font-size: 2.4em
        }

        .katex .fontsize-ensurer.reset-size1.size8, .katex .sizing.reset-size1.size8 {
            font-size: 2.88em
        }

        .katex .fontsize-ensurer.reset-size1.size9, .katex .sizing.reset-size1.size9 {
            font-size: 3.456em
        }

        .katex .fontsize-ensurer.reset-size1.size10, .katex .sizing.reset-size1.size10 {
            font-size: 4.148em
        }

        .katex .fontsize-ensurer.reset-size1.size11, .katex .sizing.reset-size1.size11 {
            font-size: 4.976em
        }

        .katex .fontsize-ensurer.reset-size2.size1, .katex .sizing.reset-size2.size1 {
            font-size: .833333em
        }

        .katex .fontsize-ensurer.reset-size2.size2, .katex .sizing.reset-size2.size2 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size2.size3, .katex .sizing.reset-size2.size3 {
            font-size: 1.16667em
        }

        .katex .fontsize-ensurer.reset-size2.size4, .katex .sizing.reset-size2.size4 {
            font-size: 1.33333em
        }

        .katex .fontsize-ensurer.reset-size2.size5, .katex .sizing.reset-size2.size5 {
            font-size: 1.5em
        }

        .katex .fontsize-ensurer.reset-size2.size6, .katex .sizing.reset-size2.size6 {
            font-size: 1.66667em
        }

        .katex .fontsize-ensurer.reset-size2.size7, .katex .sizing.reset-size2.size7 {
            font-size: 2em
        }

        .katex .fontsize-ensurer.reset-size2.size8, .katex .sizing.reset-size2.size8 {
            font-size: 2.4em
        }

        .katex .fontsize-ensurer.reset-size2.size9, .katex .sizing.reset-size2.size9 {
            font-size: 2.88em
        }

        .katex .fontsize-ensurer.reset-size2.size10, .katex .sizing.reset-size2.size10 {
            font-size: 3.45667em
        }

        .katex .fontsize-ensurer.reset-size2.size11, .katex .sizing.reset-size2.size11 {
            font-size: 4.14667em
        }

        .katex .fontsize-ensurer.reset-size3.size1, .katex .sizing.reset-size3.size1 {
            font-size: .714286em
        }

        .katex .fontsize-ensurer.reset-size3.size2, .katex .sizing.reset-size3.size2 {
            font-size: .857143em
        }

        .katex .fontsize-ensurer.reset-size3.size3, .katex .sizing.reset-size3.size3 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size3.size4, .katex .sizing.reset-size3.size4 {
            font-size: 1.14286em
        }

        .katex .fontsize-ensurer.reset-size3.size5, .katex .sizing.reset-size3.size5 {
            font-size: 1.28571em
        }

        .katex .fontsize-ensurer.reset-size3.size6, .katex .sizing.reset-size3.size6 {
            font-size: 1.42857em
        }

        .katex .fontsize-ensurer.reset-size3.size7, .katex .sizing.reset-size3.size7 {
            font-size: 1.71429em
        }

        .katex .fontsize-ensurer.reset-size3.size8, .katex .sizing.reset-size3.size8 {
            font-size: 2.05714em
        }

        .katex .fontsize-ensurer.reset-size3.size9, .katex .sizing.reset-size3.size9 {
            font-size: 2.46857em
        }

        .katex .fontsize-ensurer.reset-size3.size10, .katex .sizing.reset-size3.size10 {
            font-size: 2.96286em
        }

        .katex .fontsize-ensurer.reset-size3.size11, .katex .sizing.reset-size3.size11 {
            font-size: 3.55429em
        }

        .katex .fontsize-ensurer.reset-size4.size1, .katex .sizing.reset-size4.size1 {
            font-size: .625em
        }

        .katex .fontsize-ensurer.reset-size4.size2, .katex .sizing.reset-size4.size2 {
            font-size: .75em
        }

        .katex .fontsize-ensurer.reset-size4.size3, .katex .sizing.reset-size4.size3 {
            font-size: .875em
        }

        .katex .fontsize-ensurer.reset-size4.size4, .katex .sizing.reset-size4.size4 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size4.size5, .katex .sizing.reset-size4.size5 {
            font-size: 1.125em
        }

        .katex .fontsize-ensurer.reset-size4.size6, .katex .sizing.reset-size4.size6 {
            font-size: 1.25em
        }

        .katex .fontsize-ensurer.reset-size4.size7, .katex .sizing.reset-size4.size7 {
            font-size: 1.5em
        }

        .katex .fontsize-ensurer.reset-size4.size8, .katex .sizing.reset-size4.size8 {
            font-size: 1.8em
        }

        .katex .fontsize-ensurer.reset-size4.size9, .katex .sizing.reset-size4.size9 {
            font-size: 2.16em
        }

        .katex .fontsize-ensurer.reset-size4.size10, .katex .sizing.reset-size4.size10 {
            font-size: 2.5925em
        }

        .katex .fontsize-ensurer.reset-size4.size11, .katex .sizing.reset-size4.size11 {
            font-size: 3.11em
        }

        .katex .fontsize-ensurer.reset-size5.size1, .katex .sizing.reset-size5.size1 {
            font-size: .555556em
        }

        .katex .fontsize-ensurer.reset-size5.size2, .katex .sizing.reset-size5.size2 {
            font-size: .666667em
        }

        .katex .fontsize-ensurer.reset-size5.size3, .katex .sizing.reset-size5.size3 {
            font-size: .777778em
        }

        .katex .fontsize-ensurer.reset-size5.size4, .katex .sizing.reset-size5.size4 {
            font-size: .888889em
        }

        .katex .fontsize-ensurer.reset-size5.size5, .katex .sizing.reset-size5.size5 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size5.size6, .katex .sizing.reset-size5.size6 {
            font-size: 1.11111em
        }

        .katex .fontsize-ensurer.reset-size5.size7, .katex .sizing.reset-size5.size7 {
            font-size: 1.33333em
        }

        .katex .fontsize-ensurer.reset-size5.size8, .katex .sizing.reset-size5.size8 {
            font-size: 1.6em
        }

        .katex .fontsize-ensurer.reset-size5.size9, .katex .sizing.reset-size5.size9 {
            font-size: 1.92em
        }

        .katex .fontsize-ensurer.reset-size5.size10, .katex .sizing.reset-size5.size10 {
            font-size: 2.30444em
        }

        .katex .fontsize-ensurer.reset-size5.size11, .katex .sizing.reset-size5.size11 {
            font-size: 2.76444em
        }

        .katex .fontsize-ensurer.reset-size6.size1, .katex .sizing.reset-size6.size1 {
            font-size: .5em
        }

        .katex .fontsize-ensurer.reset-size6.size2, .katex .sizing.reset-size6.size2 {
            font-size: .6em
        }

        .katex .fontsize-ensurer.reset-size6.size3, .katex .sizing.reset-size6.size3 {
            font-size: .7em
        }

        .katex .fontsize-ensurer.reset-size6.size4, .katex .sizing.reset-size6.size4 {
            font-size: .8em
        }

        .katex .fontsize-ensurer.reset-size6.size5, .katex .sizing.reset-size6.size5 {
            font-size: .9em
        }

        .katex .fontsize-ensurer.reset-size6.size6, .katex .sizing.reset-size6.size6 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size6.size7, .katex .sizing.reset-size6.size7 {
            font-size: 1.2em
        }

        .katex .fontsize-ensurer.reset-size6.size8, .katex .sizing.reset-size6.size8 {
            font-size: 1.44em
        }

        .katex .fontsize-ensurer.reset-size6.size9, .katex .sizing.reset-size6.size9 {
            font-size: 1.728em
        }

        .katex .fontsize-ensurer.reset-size6.size10, .katex .sizing.reset-size6.size10 {
            font-size: 2.074em
        }

        .katex .fontsize-ensurer.reset-size6.size11, .katex .sizing.reset-size6.size11 {
            font-size: 2.488em
        }

        .katex .fontsize-ensurer.reset-size7.size1, .katex .sizing.reset-size7.size1 {
            font-size: .416667em
        }

        .katex .fontsize-ensurer.reset-size7.size2, .katex .sizing.reset-size7.size2 {
            font-size: .5em
        }

        .katex .fontsize-ensurer.reset-size7.size3, .katex .sizing.reset-size7.size3 {
            font-size: .583333em
        }

        .katex .fontsize-ensurer.reset-size7.size4, .katex .sizing.reset-size7.size4 {
            font-size: .666667em
        }

        .katex .fontsize-ensurer.reset-size7.size5, .katex .sizing.reset-size7.size5 {
            font-size: .75em
        }

        .katex .fontsize-ensurer.reset-size7.size6, .katex .sizing.reset-size7.size6 {
            font-size: .833333em
        }

        .katex .fontsize-ensurer.reset-size7.size7, .katex .sizing.reset-size7.size7 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size7.size8, .katex .sizing.reset-size7.size8 {
            font-size: 1.2em
        }

        .katex .fontsize-ensurer.reset-size7.size9, .katex .sizing.reset-size7.size9 {
            font-size: 1.44em
        }

        .katex .fontsize-ensurer.reset-size7.size10, .katex .sizing.reset-size7.size10 {
            font-size: 1.72833em
        }

        .katex .fontsize-ensurer.reset-size7.size11, .katex .sizing.reset-size7.size11 {
            font-size: 2.07333em
        }

        .katex .fontsize-ensurer.reset-size8.size1, .katex .sizing.reset-size8.size1 {
            font-size: .347222em
        }

        .katex .fontsize-ensurer.reset-size8.size2, .katex .sizing.reset-size8.size2 {
            font-size: .416667em
        }

        .katex .fontsize-ensurer.reset-size8.size3, .katex .sizing.reset-size8.size3 {
            font-size: .486111em
        }

        .katex .fontsize-ensurer.reset-size8.size4, .katex .sizing.reset-size8.size4 {
            font-size: .555556em
        }

        .katex .fontsize-ensurer.reset-size8.size5, .katex .sizing.reset-size8.size5 {
            font-size: .625em
        }

        .katex .fontsize-ensurer.reset-size8.size6, .katex .sizing.reset-size8.size6 {
            font-size: .694444em
        }

        .katex .fontsize-ensurer.reset-size8.size7, .katex .sizing.reset-size8.size7 {
            font-size: .833333em
        }

        .katex .fontsize-ensurer.reset-size8.size8, .katex .sizing.reset-size8.size8 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size8.size9, .katex .sizing.reset-size8.size9 {
            font-size: 1.2em
        }

        .katex .fontsize-ensurer.reset-size8.size10, .katex .sizing.reset-size8.size10 {
            font-size: 1.44028em
        }

        .katex .fontsize-ensurer.reset-size8.size11, .katex .sizing.reset-size8.size11 {
            font-size: 1.72778em
        }

        .katex .fontsize-ensurer.reset-size9.size1, .katex .sizing.reset-size9.size1 {
            font-size: .289352em
        }

        .katex .fontsize-ensurer.reset-size9.size2, .katex .sizing.reset-size9.size2 {
            font-size: .347222em
        }

        .katex .fontsize-ensurer.reset-size9.size3, .katex .sizing.reset-size9.size3 {
            font-size: .405093em
        }

        .katex .fontsize-ensurer.reset-size9.size4, .katex .sizing.reset-size9.size4 {
            font-size: .462963em
        }

        .katex .fontsize-ensurer.reset-size9.size5, .katex .sizing.reset-size9.size5 {
            font-size: .520833em
        }

        .katex .fontsize-ensurer.reset-size9.size6, .katex .sizing.reset-size9.size6 {
            font-size: .578704em
        }

        .katex .fontsize-ensurer.reset-size9.size7, .katex .sizing.reset-size9.size7 {
            font-size: .694444em
        }

        .katex .fontsize-ensurer.reset-size9.size8, .katex .sizing.reset-size9.size8 {
            font-size: .833333em
        }

        .katex .fontsize-ensurer.reset-size9.size9, .katex .sizing.reset-size9.size9 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size9.size10, .katex .sizing.reset-size9.size10 {
            font-size: 1.20023em
        }

        .katex .fontsize-ensurer.reset-size9.size11, .katex .sizing.reset-size9.size11 {
            font-size: 1.43981em
        }

        .katex .fontsize-ensurer.reset-size10.size1, .katex .sizing.reset-size10.size1 {
            font-size: .24108em
        }

        .katex .fontsize-ensurer.reset-size10.size2, .katex .sizing.reset-size10.size2 {
            font-size: .289296em
        }

        .katex .fontsize-ensurer.reset-size10.size3, .katex .sizing.reset-size10.size3 {
            font-size: .337512em
        }

        .katex .fontsize-ensurer.reset-size10.size4, .katex .sizing.reset-size10.size4 {
            font-size: .385728em
        }

        .katex .fontsize-ensurer.reset-size10.size5, .katex .sizing.reset-size10.size5 {
            font-size: .433944em
        }

        .katex .fontsize-ensurer.reset-size10.size6, .katex .sizing.reset-size10.size6 {
            font-size: .48216em
        }

        .katex .fontsize-ensurer.reset-size10.size7, .katex .sizing.reset-size10.size7 {
            font-size: .578592em
        }

        .katex .fontsize-ensurer.reset-size10.size8, .katex .sizing.reset-size10.size8 {
            font-size: .694311em
        }

        .katex .fontsize-ensurer.reset-size10.size9, .katex .sizing.reset-size10.size9 {
            font-size: .833173em
        }

        .katex .fontsize-ensurer.reset-size10.size10, .katex .sizing.reset-size10.size10 {
            font-size: 1em
        }

        .katex .fontsize-ensurer.reset-size10.size11, .katex .sizing.reset-size10.size11 {
            font-size: 1.19961em
        }

        .katex .fontsize-ensurer.reset-size11.size1, .katex .sizing.reset-size11.size1 {
            font-size: .200965em
        }

        .katex .fontsize-ensurer.reset-size11.size2, .katex .sizing.reset-size11.size2 {
            font-size: .241158em
        }

        .katex .fontsize-ensurer.reset-size11.size3, .katex .sizing.reset-size11.size3 {
            font-size: .281351em
        }

        .katex .fontsize-ensurer.reset-size11.size4, .katex .sizing.reset-size11.size4 {
            font-size: .321543em
        }

        .katex .fontsize-ensurer.reset-size11.size5, .katex .sizing.reset-size11.size5 {
            font-size: .361736em
        }

        .katex .fontsize-ensurer.reset-size11.size6, .katex .sizing.reset-size11.size6 {
            font-size: .401929em
        }

        .katex .fontsize-ensurer.reset-size11.size7, .katex .sizing.reset-size11.size7 {
            font-size: .482315em
        }

        .katex .fontsize-ensurer.reset-size11.size8, .katex .sizing.reset-size11.size8 {
            font-size: .578778em
        }

        .katex .fontsize-ensurer.reset-size11.size9, .katex .sizing.reset-size11.size9 {
            font-size: .694534em
        }

        .katex .fontsize-ensurer.reset-size11.size10, .katex .sizing.reset-size11.size10 {
            font-size: .833601em
        }

        .katex .fontsize-ensurer.reset-size11.size11, .katex .sizing.reset-size11.size11 {
            font-size: 1em
        }

        .katex .delimsizing.size1 {
            font-family: KaTeX_Size1
        }

        .katex .delimsizing.size2 {
            font-family: KaTeX_Size2
        }

        .katex .delimsizing.size3 {
            font-family: KaTeX_Size3
        }

        .katex .delimsizing.size4 {
            font-family: KaTeX_Size4
        }

        .katex .delimsizing.mult .delim-size1 > span {
            font-family: KaTeX_Size1
        }

        .katex .delimsizing.mult .delim-size4 > span {
            font-family: KaTeX_Size4
        }

        .katex .nulldelimiter {
            width: .12em;
            display: inline-block
        }

        .katex .delimcenter, .katex .op-symbol {
            position: relative
        }

            .katex .op-symbol.small-op {
                font-family: KaTeX_Size1
            }

            .katex .op-symbol.large-op {
                font-family: KaTeX_Size2
            }

        .katex .accent > .vlist-t, .katex .op-limits > .vlist-t {
            text-align: center
        }

        .katex .accent .accent-body {
            position: relative
        }

            .katex .accent .accent-body:not(.accent-full) {
                width: 0
            }

        .katex .overlay {
            display: block
        }

        .katex .mtable .vertical-separator {
            min-width: 1px;
            display: inline-block
        }

        .katex .mtable .arraycolsep {
            display: inline-block
        }

        .katex .mtable .col-align-c > .vlist-t {
            text-align: center
        }

        .katex .mtable .col-align-l > .vlist-t {
            text-align: left
        }

        .katex .mtable .col-align-r > .vlist-t {
            text-align: right
        }

        .katex .svg-align {
            text-align: left
        }

        .katex svg {
            width: 100%;
            height: inherit;
            fill: currentColor;
            fill-opacity: 1;
            fill-rule: nonzero;
            stroke: currentColor;
            stroke-dasharray: none;
            stroke-dashoffset: 0;
            stroke-linecap: butt;
            stroke-linejoin: miter;
            stroke-miterlimit: 4;
            stroke-opacity: 1;
            stroke-width: 1px;
            display: block;
            position: absolute
        }

            .katex svg path {
                stroke: none
            }

        .katex img {
            border-style: none;
            min-width: 0;
            max-width: none;
            min-height: 0;
            max-height: none
        }

        .katex .stretchy {
            width: 100%;
            display: block;
            position: relative;
            overflow: hidden
        }

            .katex .stretchy:after, .katex .stretchy:before {
                content: ""
            }

        .katex .hide-tail {
            width: 100%;
            position: relative;
            overflow: hidden
        }

        .katex .halfarrow-left {
            width: 50.2%;
            position: absolute;
            left: 0;
            overflow: hidden
        }

        .katex .halfarrow-right {
            width: 50.2%;
            position: absolute;
            right: 0;
            overflow: hidden
        }

        .katex .brace-left {
            width: 25.1%;
            position: absolute;
            left: 0;
            overflow: hidden
        }

        .katex .brace-center {
            width: 50%;
            position: absolute;
            left: 25%;
            overflow: hidden
        }

        .katex .brace-right {
            width: 25.1%;
            position: absolute;
            right: 0;
            overflow: hidden
        }

        .katex .x-arrow-pad {
            padding: 0 .5em
        }

        .katex .cd-arrow-pad {
            padding: 0 .55556em 0 .27778em
        }

        .katex .mover, .katex .munder, .katex .x-arrow {
            text-align: center
        }

        .katex .boxpad {
            padding: 0 .3em
        }

        .katex .fbox, .katex .fcolorbox {
            box-sizing: border-box;
            border: .04em solid
        }

        .katex .cancel-pad {
            padding: 0 .2em
        }

        .katex .cancel-lap {
            margin-left: -.2em;
            margin-right: -.2em
        }

        .katex .sout {
            border-bottom-style: solid;
            border-bottom-width: .08em
        }

        .katex .angl {
            box-sizing: border-box;
            border-top: .049em solid;
            border-right: .049em solid;
            margin-right: .03889em
        }

        .katex .anglpad {
            padding: 0 .03889em
        }

        .katex .eqn-num:before {
            content: "(" counter(katexEqnNo)")";
            counter-increment: katexEqnNo
        }

        .katex .mml-eqn-num:before {
            content: "(" counter(mmlEqnNo)")";
            counter-increment: mmlEqnNo
        }

        .katex .mtr-glue {
            width: 50%
        }

        .katex .cd-vert-arrow {
            display: inline-block;
            position: relative
        }

        .katex .cd-label-left {
            text-align: left;
            display: inline-block;
            position: absolute;
            right: calc(50% + .3em)
        }

        .katex .cd-label-right {
            text-align: right;
            display: inline-block;
            position: absolute;
            left: calc(50% + .3em)
        }

    .katex-display {
        text-align: center;
        margin: 1em 0;
        display: block
    }

        .katex-display > .katex {
            text-align: center;
            white-space: nowrap;
            display: block
        }

            .katex-display > .katex > .katex-html {
                display: block;
                position: relative
            }

                .katex-display > .katex > .katex-html > .tag {
                    position: absolute;
                    right: 0
                }

        .katex-display.leqno > .katex > .katex-html > .tag {
            left: 0;
            right: auto
        }

        .katex-display.fleqn > .katex {
            text-align: left;
            padding-left: 2em
        }

    body {
        counter-reset: katexEqnNo mmlEqnNo
    }

    :root {
        --gold-100: #ffe8c4;
        --gold-200: #f6cf9e;
        --gold-400: #e39c51;
        --gold-500: #d9822b;
        --gold-500a: #d9822b4d;
        --gold-600: #b7701c;
        --gold-900: #5e3c08;
        --pink-100: #dd5ce5;
        --primary: #10a37f;
        --primary-100: #d2f4d3;
        --primary-600: #10a37f;
        --primary-700: #1a7f64;
        --primary-100a: #10a37f4d;
        --secondary-100: #d2cff2;
        --secondary-600: #5436da;
        --secondary-100a: #5436da4d
    }

        :root:where([data-theme=dark]) {
            --secondary-100: var(--purple-600);
            --secondary-600: var(--purple-200)
        }

    :root {
        --nav-bg: var(--color-background-primary-soft);
        --nav-bg-hover: var(--color-background-primary-soft);
        --pill-success-bg: var(--green-100);
        --pill-danger-bg: var(--red-100);
        --pill-warning-bg: #ffe8c4;
        --pill-warning-text: #945e0c;
        --code-snippet-bg: linear-gradient(45deg,var(--gray-50)0%,#f7f7f8 100%);
        --syntax1: #c0660d;
        --syntax2: #1971a8;
        --syntax3: #008c6a;
        --syntax4: #e62c7a;
        --syntax5: #e21c2d;
        --inline-code-bg: var(--gray-50);
        --inline-code-border: 1px solid var(--color-background-primary-soft);
        --shadow: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
        --tracking-small-caps: .5px;
        --global-header-height: 54px;
        --global-header-nav-item-margin: 64px;
        --global-page-gutter: 8px;
        --heading-margin-top: 30px;
        --heading-margin-bottom: 8px;
        --side-nav-width: 210px;
        --side-nav-collapsed-width: 56px;
        --content-width: 760px;
        --content-v-padding: 24px;
        --content-h-padding: 24px;
        --docs-page-max-width: 1048px;
        --sans-serif: "OpenAI Sans",helvetica,sans-serif;
        --monospace: "SF Mono","SFMono-Regular",ui-monospace,consolas,liberation mono,menlo,monospace;
        --card-gradient: linear-gradient(238deg,#f7f7f880 0%,#f7f7f8 100%);
        --card-gradient-hover: linear-gradient(238deg,#ffffff80 0%,#fafafa 100%);
        --card-shadow-hover: 0px 16px 24px -8px #00000012
    }

        :root:where([data-theme=dark]) {
            --shadow: 0 10px 15px -3px #0003,0 4px 6px -4px #0003;
            --nav-bg: var(--gray-150);
            --nav-bg-hover: var(--color-background-primary-soft);
            --pill-success-bg: var(--green-800);
            --pill-danger-bg: var(--red-800);
            --pill-warning-text: #ffe8c4;
            --pill-warning-bg: #945e0c;
            --code-snippet-bg: linear-gradient(45deg,#0006 0%,#0003 100%);
            --syntax1: #e9950c;
            --syntax2: #2e95d3;
            --syntax3: #00a67d;
            --syntax4: #df3079;
            --syntax5: #f22c3d;
            --inline-code-bg: var(--color-background-primary-soft);
            --input-border: var(--gray-200);
            --card-gradient: linear-gradient(45deg,#5658691a 0%,#56586926 100%);
            --card-gradient-hover: linear-gradient(45deg,#56586926 0%,#56586940 100%);
            --card-shadow-hover: 0px 16px 24px -8px #11182740
        }

    @media (width>=768px) {
        :root {
            --content-v-padding: 40px;
            --content-h-padding: 56px
        }
    }

    html, body {
        background-color: var(--color-surface-tertiary);
        /* height: 100%;*/
        color: var(--color-text);
        font-family: var(--sans-serif);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        letter-spacing: var(--font-tracking-normal);
        -webkit-text-decoration-skip-ink: auto;
        text-decoration-skip-ink: auto;
        margin: 0;
        padding: 0;
        font-size: 16px
    }

    @media print {
        :is(html,body) {
            background: 0 0;
            height: auto
        }
    }

    *, :before, :after {
        box-sizing: border-box
    }

    * {
        scrollbar-width: thin;
    }

    svg {
        flex-shrink: 0
    }

    input, textarea, button {
        font-family: var(--sans-serif);
        letter-spacing: var(--font-tracking-normal)
    }

    :is(h1,h2,h3,h4,h5,h6):not(.no-globals *) {
        margin-top: var(--heading-margin-top);
        margin-bottom: var(--heading-margin-bottom);
        color: var(--gray-900);
        font-weight: var(--font-weight-semibold);
        line-height: 1.25
    }

        :is(h1,h2,h3,h4,h5,h6):not(.no-globals *):first-child {
            margin-top: 0
        }

    :is(h1):not(.no-globals *) {
        font-size: 28px;
        line-height: 40px
    }

    :is(h2):not(.no-globals *) {
        font-size: 24px;
        line-height: 32px
    }

    :is(h3):not(.no-globals *) {
        font-size: 20px;
        line-height: 28px
    }

    :is(h4):not(.no-globals *) {
        font-size: 18px;
        line-height: 24px
    }

    :is(h5):not(.no-globals *) {
        font-size: 16px
    }

    :is(h6):not(.no-globals *) {
        letter-spacing: var(--font-tracking-wide);
        font-size: 12px
    }

    .monospace {
        font-family: var(--monospace)
    }

    .heading-medium {
        color: var(--gray-900);
        font-size: 20px;
        font-weight: var(--font-weight-bold);
        line-height: 28px
    }

    .subheading {
        color: var(--gray-900);
        font-size: 12px;
        font-weight: var(--font-weight-semibold);
        letter-spacing: var(--tracking-small-caps);
        text-transform: uppercase;
        line-height: 16px
    }

    .caption-mono {
        font-family: var(--monospace);
        font-size: 12px;
        font-weight: var(--font-weight-normal);
        letter-spacing: var(--font-tracking-wide);
        line-height: 20px
    }

    .body-large {
        font-size: 16px;
        font-weight: var(--font-weight-normal);
        line-height: 24px
    }

    .body-small {
        font-size: 14px;
        font-weight: var(--font-weight-normal);
        line-height: 20px
    }

    .body-small-bold {
        font-size: 14px;
        font-weight: var(--font-weight-semibold);
        line-height: 20px
    }

    .body-small-secondary {
        color: var(--color-text-secondary);
        font-size: 14px;
        font-weight: var(--font-weight-normal);
        line-height: 20px
    }

    figcaption, caption, .caption {
        color: var(--color-text-secondary);
        font-size: 12px;
        font-weight: var(--font-weight-normal);
        letter-spacing: var(--font-tracking-wide);
        line-height: 1.35
    }

    pre, pre > code {
        font-family: var(--monospace)
    }

    .mono {
        font-family: var(--monospace);
        word-break: break-all;
        background-color: #ececec;
        padding: .5em .2em
    }

    .bold {
        font-weight: var(--font-weight-bold)
    }

    .italic {
        font-style: italic
    }

    .tabular-nums {
        font-variant-numeric: tabular-nums
    }

    .nowrap {
        white-space: nowrap
    }

    :is(p):not(.no-globals *) {
        line-height: 1.5em
    }

    .inline-code, :is(p code):not(.no-globals *), :is(li code):not(.no-globals *) {
        border: .5px solid var(--color-border-primary-surface);
        background: var(--code-snippet-bg);
        font-family: var(--monospace);
        font-size: 14px;
        font-weight: var(--font-weight-normal);
        border-radius: 6px;
        margin: 0 3px;
        padding: 0 .3em;
        display: inline-block
    }

    :root ::placeholder {
        color: var(--color-text-disabled)
    }

    @keyframes blink {
        0% {
            opacity: 0
        }

        50% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes grow-vertical {
        0% {
            height: 20%
        }

        50% {
            height: 100%
        }

        to {
            height: 20%
        }
    }

    @keyframes animate-in {
        0% {
            opacity: 0;
            transform: scale(.8)
        }

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

    .color-gray-600 {
        color: var(--gray-600)
    }

    .color-gray-900 {
        color: var(--gray-900)
    }

    .color-error {
        color: var(--color-text-danger-soft)
    }

    .green-gradient-bg {
        background-color: #19c37d;
        background-image: url(https://cdn.openai.com/API/images/icon_bg_green.svg);
        background-size: cover
    }

    .red-gradient-bg {
        background-color: #ef4146;
        background-image: url(https://cdn.openai.com/API/images/icon_bg_red.svg);
        background-size: cover
    }

    .purple-gradient-bg {
        background-color: #5436da;
        background-image: url(https://cdn.openai.com/API/images/icon_bg_blue.svg);
        background-size: cover
    }

    .pink-gradient-bg {
        background-color: #dd5ce5;
        background-image: url(https://cdn.openai.com/API/images/icon_bg_magenta.svg);
        background-size: cover
    }

    .orange-gradient-bg {
        background-color: #f4ac36;
        background-image: url(https://cdn.openai.com/API/images/icon_bg_orange.svg);
        background-size: cover
    }

    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        user-select: none
    }

    .spacer {
        flex-grow: 1
    }

    .fade-in {
        opacity: 1;
        transition: opacity .3s var(--cubic-move)
    }

    @starting-style {
        .fade-in {
            opacity: 0
        }
    }
}