/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-ease: initial;
      --tw-outline-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-x-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-600: #f4433e;
    --color-orange-600: #e89b06;
    --color-green-800: #688800;
    --color-blue-500: #2fc6f6;
    --color-gray-50: #eef2f4;
    --color-gray-100: #edeef0;
    --color-gray-200: #dfe0e3;
    --color-gray-800: #6a737f;
    --color-gray-900: #525c69;
    --color-black: #333;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: 12px;
    --text-xs--line-height: var(--leading-sm);
    --text-sm: 13px;
    --text-sm--line-height: var(--leading-md);
    --text-base: 14px;
    --text-base--line-height: 1.25rem;
    --text-lg: 15px;
    --text-lg--line-height: var(--leading-md);
    --text-xl: 16px;
    --text-xl--line-height: 1.5rem;
    --text-2xl: 18px;
    --text-2xl--line-height: 1.75rem;
    --text-3xl: 22px;
    --text-3xl--line-height: 1.75rem;
    --text-4xl: 24px;
    --text-4xl--line-height: 2rem;
    --text-5xl: 28px;
    --text-5xl--line-height: 2.25rem;
    --text-8xl: 3.75rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 14px;
    --radius-2xl: 16px;
    --radius-3xl: 20px;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --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);
    --color-gray-20: #f8fafb;
    --color-green-350: #cfe780;
    --color-collab-500: #6be860;
    --color-ai-250: #cdbfe8;
    --color-ai-350: #a77bde;
    --color-ai-500: #8e52ec;
    --color-primary: #2fc6f6;
    --color-info-text: #2fc6f6;
    --color-base-50: #eef2f4;
    --color-base-dark: #0f0f0f;
    --leading-none: 1;
    --leading-sm: 1.35;
    --leading-md: 1.4;
    --text-4xs: 10px;
    --text-4xs--line-height: .85rem;
    --text-xs--font-weight: var(--font-weight-normal);
    --text-sm--font-weight: var(--font-weight-normal);
    --text-md: 14px;
    --text-md--line-height: var(--leading-md);
    --text-md--font-weight: var(--font-weight-normal);
    --text-lg--font-weight: var(--font-weight-normal);
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-xs2: 10px;
    --spacing-sm: 12px;
    --spacing-sm2: 14px;
    --spacing-md: 16px;
    --spacing-md2: 18px;
    --spacing-lg: 20px;
    --spacing-lg2: 22px;
    --spacing-xl: 24px;
    --spacing-2xl: 28px;
    --spacing-3xl: 32px;
    --radius-none: 0px;
    --radius-3xs: 2px;
    --radius-2xs: 4px;
    --radius-full: 9999px;
    --width-full: 100%;
    --width-fit: fit-content;
    --height-xs: 20rem;
    --height-full: 100%;
    --height-screen: 100vh;
    --max-width-xs: 20rem;
    --max-width-sm: 24rem;
    --max-width-md: 28rem;
    --max-width-lg: 32rem;
    --max-width-xl: 36rem;
    --max-width-2xl: 42rem;
    --max-width-full: 100%;
    --min-width-full: 100%;
    --min-width-fit: fit-content;
    --max-height-popup-list: 40rem;
    --max-height-popup-menu: 40vh;
    --max-height-full: 100%;
    --max-height-max: max-content;
    --min-height-full: 100%;
    --topbar-height: 58px;
    --b24ui-header-height: var(--topbar-height);
  }

  :host, :root {
    --ui-text-letter-spacing-auto: auto;
    --ui-text-letter-spacing-neg-3: -.01em;
    --ui-text-letter-spacing-neg-2: -.02em;
    --ui-text-letter-spacing-neg-1: -.03em;
    --ui-text-letter-spacing-3: .15em;
    --ui-text-letter-spacing-2: .1em;
    --ui-text-letter-spacing-1: .025em;
    --ui-text-decoration-style-dashed: dashed;
    --ui-text-decoration-style-wavy: wavy;
    --ui-text-decoration-style-dotted: dotted;
    --ui-text-decoration-style-double: double;
    --ui-text-decoration-style-solid: solid;
    --ui-text-decoration-line-overline: overline;
    --ui-text-decoration-line-line-through: line-through;
    --ui-text-decoration-line-underline: underline;
    --ui-text-transform-lowercase: lowercase;
    --ui-text-transform-uppercase: uppercase;
    --ui-text-transform-capitalize: capitalize;
    --ui-text-transform-none: none;
    --ui-space-inset-8xl: 72px;
    --ui-space-inset-7xl: 64px;
    --ui-space-inset-6xl: 48px;
    --ui-space-inset-5xl: 40px;
    --ui-space-inset-4xl: 36px;
    --ui-space-inset-3xl: 32px;
    --ui-space-inset-2xl: 28px;
    --ui-space-inset-xl2: 26px;
    --ui-space-inset-xl: 24px;
    --ui-space-inset-lg2: 22px;
    --ui-space-inset-lg: 20px;
    --ui-space-inset-md2: 18px;
    --ui-space-inset-md: 16px;
    --ui-space-inset-sm2: 14px;
    --ui-space-inset-sm: 12px;
    --ui-space-inset-xs2: 10px;
    --ui-space-inset-xs: 8px;
    --ui-space-inset-2xs2: 6px;
    --ui-space-inset-2xs: 4px;
    --ui-space-inset-3xs: 2px;
    --ui-space-inset-none: 0;
    --ui-space-inline-8xl-neg: -72px;
    --ui-space-inline-7xl-neg: -64px;
    --ui-space-inline-6xl-neg: -48px;
    --ui-space-inline-5xl-neg: -40px;
    --ui-space-inline-4xl-neg: -36px;
    --ui-space-inline-3xl-neg: -32px;
    --ui-space-inline-2xl-neg: -28px;
    --ui-space-inline-xl2-neg: -26px;
    --ui-space-inline-xl-neg: -24px;
    --ui-space-inline-lg2-neg: -22px;
    --ui-space-inline-lg-neg: -20px;
    --ui-space-inline-md2-neg: -18px;
    --ui-space-inline-md-neg: -16px;
    --ui-space-inline-sm2-neg: -14px;
    --ui-space-inline-sm-neg: -12px;
    --ui-space-inline-xs2-neg: -10px;
    --ui-space-inline-xs-neg: -8px;
    --ui-space-inline-2xs2-neg: -6px;
    --ui-space-inline-2xs-neg: -4px;
    --ui-space-inline-3xs-neg: -2px;
    --ui-space-inline-8xl: 72px;
    --ui-space-inline-7xl: 64px;
    --ui-space-inline-6xl: 48px;
    --ui-space-inline-5xl: 40px;
    --ui-space-inline-4xl: 36px;
    --ui-space-inline-3xl: 32px;
    --ui-space-inline-2xl: 28px;
    --ui-space-inline-xl2: 26px;
    --ui-space-inline-xl: 24px;
    --ui-space-inline-lg2: 22px;
    --ui-space-inline-lg: 20px;
    --ui-space-inline-md2: 18px;
    --ui-space-inline-md: 16px;
    --ui-space-inline-sm2: 14px;
    --ui-space-inline-sm: 12px;
    --ui-space-inline-xs2: 10px;
    --ui-space-inline-xs: 8px;
    --ui-space-inline-2xs2: 6px;
    --ui-space-inline-2xs: 4px;
    --ui-space-inline-3xs: 2px;
    --ui-space-inline-none: 0;
    --ui-space-stack-8xl-neg: -72px;
    --ui-space-stack-7xl-neg: -64px;
    --ui-space-stack-6xl-neg: -48px;
    --ui-space-stack-5xl-neg: -40px;
    --ui-space-stack-4xl-neg: -36px;
    --ui-space-stack-3xl-neg: -32px;
    --ui-space-stack-2xl-neg: -28px;
    --ui-space-stack-xl2-neg: -26px;
    --ui-space-stack-xl-neg: -24px;
    --ui-space-stack-lg2-neg: -22px;
    --ui-space-stack-lg-neg: -20px;
    --ui-space-stack-md2-neg: -18px;
    --ui-space-stack-md-neg: -16px;
    --ui-space-stack-sm2-neg: -14px;
    --ui-space-stack-sm-neg: -12px;
    --ui-space-stack-xs2-neg: -10px;
    --ui-space-stack-xs-neg: -8px;
    --ui-space-stack-2xs2-neg: -6px;
    --ui-space-stack-2xs-neg: -4px;
    --ui-space-stack-3xs-neg: -2px;
    --ui-space-stack-8xl: 72px;
    --ui-space-stack-7xl: 64px;
    --ui-space-stack-6xl: 48px;
    --ui-space-stack-5xl: 40px;
    --ui-space-stack-4xl: 36px;
    --ui-space-stack-3xl: 32px;
    --ui-space-stack-2xl: 28px;
    --ui-space-stack-xl2: 26px;
    --ui-space-stack-xl: 24px;
    --ui-space-stack-lg2: 22px;
    --ui-space-stack-lg: 20px;
    --ui-space-stack-md2: 18px;
    --ui-space-stack-md: 16px;
    --ui-space-stack-sm2: 14px;
    --ui-space-stack-sm: 12px;
    --ui-space-stack-xs2: 10px;
    --ui-space-stack-xs: 8px;
    --ui-space-stack-2xs2: 6px;
    --ui-space-stack-2xs: 4px;
    --ui-space-stack-3xs: 2px;
    --ui-space-stack-none: 0;
    --ui-size-8xl: 72px;
    --ui-size-7xl: 64px;
    --ui-size-6xl: 48px;
    --ui-size-5xl: 40px;
    --ui-size-4xl: 36px;
    --ui-size-3xl: 32px;
    --ui-size-2xl: 28px;
    --ui-size-xl2: 26px;
    --ui-size-xl: 24px;
    --ui-size-lg2: 22px;
    --ui-size-lg: 20px;
    --ui-size-md2: 18px;
    --ui-size-md: 16px;
    --ui-size-sm2: 14px;
    --ui-size-sm: 12px;
    --ui-size-xs2: 10px;
    --ui-size-xs: 8px;
    --ui-size-2xs2: 6px;
    --ui-size-2xs: 4px;
    --ui-size-3xs: 2px;
    --ui-size-none: 0;
    --ui-shadow-left-4xl: -16px 0px 24px 0px #0000001c;
    --ui-shadow-left-3xl: -12px 0px 17px 0px #0000001a;
    --ui-shadow-left-2xl: -8px 0px 10px 0px #0000001a;
    --ui-shadow-left-xl: -6px 0px 10px 0px #0000001a;
    --ui-shadow-left-l: -4px 0px 5px 0px #00000014;
    --ui-shadow-left-m: -3px 0px 4px 0px #00000014;
    --ui-shadow-left-s: -2px 0px 4px 0px #00000014;
    --ui-shadow-left-xs: -2px 0px 2px 0px #00000012;
    --ui-shadow-left-2xs: -1px 0px 2px 0px #0000000f;
    --ui-shadow-bottom-4xl: 0px 16px 24px 0px #0000001c;
    --ui-shadow-bottom-3xl: 0px 12px 17px 0px #0000001a;
    --ui-shadow-bottom-2xl: 0px 8px 10px 0px #0000001a;
    --ui-shadow-bottom-xl: 0px 6px 10px 0px #0000001a;
    --ui-shadow-bottom-l: 0px 4px 5px 0px #00000014;
    --ui-shadow-bottom-m: 0px 3px 4px 0px #00000014;
    --ui-shadow-bottom-s: 0px 2px 4px 0px #00000014;
    --ui-shadow-bottom-xs: 0px 2px 2px 0px #00000012;
    --ui-shadow-bottom-2xs: 0px 1px 2px 0px #0000000f;
    --ui-shadow-right-4xl: 16px 0px 24px 0px #0000001c;
    --ui-shadow-right-3xl: 12px 0px 17px 0px #0000001a;
    --ui-shadow-right-2xl: 8px 0px 10px 0px #0000001a;
    --ui-shadow-right-xl: 6px 0px 10px 0px #0000001a;
    --ui-shadow-right-l: 4px 0px 5px 0px #00000014;
    --ui-shadow-right-m: 3px 0px 4px 0px #00000014;
    --ui-shadow-right-s: 2px 0px 4px 0px #00000014;
    --ui-shadow-right-xs: 2px 0px 2px 0px #00000012;
    --ui-shadow-right-2xs: 1px 0px 2px 0px #0000000f;
    --ui-shadow-top-4xl: 0px -16px 24px 0px #0000001c;
    --ui-shadow-top-3xl: 0px -12px 17px 0px #0000001a;
    --ui-shadow-top-2xl: 0px -8px 10px 0px #0000001a;
    --ui-shadow-top-xl: 0px -6px 10px 0px #0000001a;
    --ui-shadow-top-l: 0px -4px 5px 0px #00000014;
    --ui-shadow-top-m: 0px -3px 4px 0px #00000014;
    --ui-shadow-top-s: 0px -2px 4px 0px #00000014;
    --ui-shadow-top-xs: 0px -2px 2px 0px #00000012;
    --ui-shadow-top-2xs: 0px -1px 2px 0px #0000000f;
    --ui-opacity-none: 0;
    --ui-opacity-full: 1;
    --ui-opacity-90: .9;
    --ui-opacity-80: .8;
    --ui-opacity-70: .7;
    --ui-opacity-60: .6;
    --ui-opacity-50: .5;
    --ui-opacity-40: .4;
    --ui-opacity-30: .3;
    --ui-opacity-20: .2;
    --ui-opacity-10: .1;
    --ui-opacity-5: .05;
    --ui-font-line-height-3xl: 2;
    --ui-font-line-height-2xl: 1.75;
    --ui-font-line-height-xl: 1.62;
    --ui-font-line-height-lg: 1.5;
    --ui-font-line-height-md: 1.4;
    --ui-font-line-height-sm: 1.35;
    --ui-font-line-height-2xs: 1.3;
    --ui-font-line-height-3xs: 1.2;
    --ui-font-line-height-reset: 1;
    --ui-font-size-5xl: 28px;
    --ui-font-size-4xl: 24px;
    --ui-font-size-3xl: 22px;
    --ui-font-size-2xl: 18px;
    --ui-font-size-xl: 16px;
    --ui-font-size-lg: 15px;
    --ui-font-size-md: 14px;
    --ui-font-size-sm: 13px;
    --ui-font-size-xs: 12px;
    --ui-font-size-3xs: 11px;
    --ui-font-size-4xs: 10px;
    --ui-font-size-5xs: 9px;
    --ui-font-size-6xs: 8px;
    --ui-font-size-7xs: 7px;
    --ui-font-weight-extra-black: 950;
    --ui-font-weight-black: 900;
    --ui-font-weight-extra-bold: 800;
    --ui-font-weight-bold: 700;
    --ui-font-weight-semi-bold: 600;
    --ui-font-weight-medium: 500;
    --ui-font-weight-normal: 400;
    --ui-font-weight-regular: 400;
    --ui-font-weight-light: 300;
    --ui-font-weight-extra-light: 200;
    --ui-font-weight-thin: 100;
    --ui-font-family-helvetica: "Helvetica Neue",Helvetica,Arial,sans-serif;
    --ui-font-family-system-mono: ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;
    --ui-font-family-system: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --ui-color-palette-beige-base: #fdfae1;
    --ui-color-palette-beige-base-rgb: 253,250,225;
    --ui-color-palette-gray-02: #f8fafb;
    --ui-color-palette-gray-02-rgb: 248,250,251;
    --ui-color-palette-gray-03: #f5f7f8;
    --ui-color-palette-gray-03-rgb: 245,247,248;
    --ui-color-palette-gray-04: #f1f4f6;
    --ui-color-palette-gray-04-rgb: 241,244,246;
    --ui-color-palette-gray-05: #eef2f4;
    --ui-color-palette-gray-05-rgb: 238,242,244;
    --ui-color-palette-gray-90: #525c69;
    --ui-color-palette-gray-90-rgb: 82,92,105;
    --ui-color-palette-gray-80: #6a737f;
    --ui-color-palette-gray-80-rgb: 106,115,127;
    --ui-color-palette-gray-70: #828b95;
    --ui-color-palette-gray-70-rgb: 130,139,149;
    --ui-color-palette-gray-60: #959ca4;
    --ui-color-palette-gray-60-rgb: 149,156,164;
    --ui-color-palette-gray-50: #a8adb4;
    --ui-color-palette-gray-50-rgb: 168,173,180;
    --ui-color-palette-gray-40: #bdc1c6;
    --ui-color-palette-gray-40-rgb: 189,193,198;
    --ui-color-palette-gray-35: #c9ccd0;
    --ui-color-palette-gray-35-rgb: 201,204,208;
    --ui-color-palette-gray-30: #d5d7db;
    --ui-color-palette-gray-30-rgb: 213,215,219;
    --ui-color-palette-gray-20: #dfe0e3;
    --ui-color-palette-gray-20-rgb: 223,224,227;
    --ui-color-palette-gray-15: #e6e7e9;
    --ui-color-palette-gray-15-rgb: 230,231,233;
    --ui-color-palette-gray-10: #edeef0;
    --ui-color-palette-gray-10-rgb: 237,238,240;
    --ui-color-palette-red-solid: #f0371b;
    --ui-color-palette-red-solid-rgb: 240,55,27;
    --ui-color-palette-red-95: #800602;
    --ui-color-palette-red-95-rgb: 128,6,2;
    --ui-color-palette-red-90: #9a0703;
    --ui-color-palette-red-90-rgb: 154,7,3;
    --ui-color-palette-red-80: #c21b16;
    --ui-color-palette-red-80-rgb: 194,27,22;
    --ui-color-palette-red-70: #e92f2a;
    --ui-color-palette-red-70-rgb: 233,47,42;
    --ui-color-palette-red-60: #f4433e;
    --ui-color-palette-red-60-rgb: 244,67,62;
    --ui-color-palette-red-50: #ff5752;
    --ui-color-palette-red-50-rgb: 255,87,82;
    --ui-color-palette-red-45: #ff7c78;
    --ui-color-palette-red-45-rgb: 255,124,120;
    --ui-color-palette-red-40: #ff9a97;
    --ui-color-palette-red-40-rgb: 255,154,151;
    --ui-color-palette-red-30: #ffcdcc;
    --ui-color-palette-red-30-rgb: 255,205,204;
    --ui-color-palette-red-25: #ffdcdb;
    --ui-color-palette-red-25-rgb: 255,220,219;
    --ui-color-palette-red-20: #ffe8e8;
    --ui-color-palette-red-20-rgb: 255,232,232;
    --ui-color-palette-red-15: #fff0f0;
    --ui-color-palette-red-15-rgb: 255,240,240;
    --ui-color-palette-red-10: #fff8f8;
    --ui-color-palette-red-10-rgb: 255,248,248;
    --ui-color-palette-orange-95: #614000;
    --ui-color-palette-orange-95-rgb: 97,64,0;
    --ui-color-palette-orange-90: #7a5100;
    --ui-color-palette-orange-90-rgb: 122,81,0;
    --ui-color-palette-orange-80: #9f6a00;
    --ui-color-palette-orange-80-rgb: 159,106,0;
    --ui-color-palette-orange-70: #c48300;
    --ui-color-palette-orange-70-rgb: 196,131,0;
    --ui-color-palette-orange-60: #e89b06;
    --ui-color-palette-orange-60-rgb: 232,155,6;
    --ui-color-palette-orange-50: #ffa900;
    --ui-color-palette-orange-50-rgb: 255,169,0;
    --ui-color-palette-orange-40: #ffc34d;
    --ui-color-palette-orange-40-rgb: 255,195,77;
    --ui-color-palette-orange-30: #ffe1a6;
    --ui-color-palette-orange-30-rgb: 255,225,166;
    --ui-color-palette-orange-25: #ffe9be;
    --ui-color-palette-orange-25-rgb: 255,233,190;
    --ui-color-palette-orange-20: #fff1d6;
    --ui-color-palette-orange-20-rgb: 255,241,214;
    --ui-color-palette-orange-15: #fff5e3;
    --ui-color-palette-orange-15-rgb: 255,245,227;
    --ui-color-palette-orange-10: #fffaf0;
    --ui-color-palette-orange-10-rgb: 255,250,240;
    --ui-color-palette-green-95: #3d4f00;
    --ui-color-palette-green-95-rgb: 61,79,0;
    --ui-color-palette-green-90: #506900;
    --ui-color-palette-green-90-rgb: 80,105,0;
    --ui-color-palette-green-80: #688800;
    --ui-color-palette-green-80-rgb: 104,136,0;
    --ui-color-palette-green-70: #7fa800;
    --ui-color-palette-green-70-rgb: 127,168,0;
    --ui-color-palette-green-60: #8dbb00;
    --ui-color-palette-green-60-rgb: 141,187,0;
    --ui-color-palette-green-55: #95c500;
    --ui-color-palette-green-55-rgb: 149,197,0;
    --ui-color-palette-green-50: #9dcf00;
    --ui-color-palette-green-50-rgb: 157,207,0;
    --ui-color-palette-green-40: #bbde4d;
    --ui-color-palette-green-40-rgb: 187,222,77;
    --ui-color-palette-green-35: #cfe780;
    --ui-color-palette-green-35-rgb: 207,231,128;
    --ui-color-palette-green-30: #e2f1b3;
    --ui-color-palette-green-30-rgb: 226,241,179;
    --ui-color-palette-green-25: #faf6c3;
    --ui-color-palette-green-25-rgb: 250,246,195;
    --ui-color-palette-green-20: #f1fbd0;
    --ui-color-palette-green-20-rgb: 241,251,208;
    --ui-color-palette-green-15: #f5fcde;
    --ui-color-palette-green-15-rgb: 245,252,222;
    --ui-color-palette-green-10: #fafded;
    --ui-color-palette-green-10-rgb: 250,253,237;
    --ui-color-palette-blue-95: #004f69;
    --ui-color-palette-blue-95-rgb: 0,79,105;
    --ui-color-palette-blue-90: #006484;
    --ui-color-palette-blue-90-rgb: 0,100,132;
    --ui-color-palette-blue-80: #00789e;
    --ui-color-palette-blue-80-rgb: 0,120,158;
    --ui-color-palette-blue-70: #008dba;
    --ui-color-palette-blue-70-rgb: 0,141,186;
    --ui-color-palette-blue-60: #11a9d9;
    --ui-color-palette-blue-60-rgb: 17,169,217;
    --ui-color-palette-blue-50: #2fc6f6;
    --ui-color-palette-blue-50-rgb: 47,198,246;
    --ui-color-palette-blue-40: #7fdefc;
    --ui-color-palette-blue-40-rgb: 127,222,252;
    --ui-color-palette-blue-30: #c3f0ff;
    --ui-color-palette-blue-30-rgb: 195,240,255;
    --ui-color-palette-blue-25: #d3f4ff;
    --ui-color-palette-blue-25-rgb: 211,244,255;
    --ui-color-palette-blue-20: #e5f9ff;
    --ui-color-palette-blue-20-rgb: 229,249,255;
    --ui-color-palette-blue-15: #ecfafe;
    --ui-color-palette-blue-15-rgb: 236,250,254;
    --ui-color-palette-blue-10: #f4fcfe;
    --ui-color-palette-blue-10-rgb: 244,252,254;
    --ui-color-palette-white-base: #fff;
    --ui-color-palette-white-base-rgb: 255,255,255;
    --ui-color-palette-black-base: #333;
    --ui-color-palette-black-base-rgb: 51,51,51;
    --ui-color-palette-black-solid: #000;
    --ui-color-palette-black-solid-rgb: 0,0,0;
    --ui-color-overlay-base: #ffffff80;
    --ui-color-accent-yellow: #fef3b8;
    --ui-color-accent-yellow-rgb: 254,243,184;
    --ui-color-accent-purple: #a77bde;
    --ui-color-accent-purple-rgb: 167,123,222;
    --ui-color-accent-turquoise: #05b5ab;
    --ui-color-accent-turquoise-rgb: 5,181,171;
    --ui-color-accent-green: #29ad49;
    --ui-color-accent-green-rgb: 41,173,73;
    --ui-color-accent-brown: #ae914b;
    --ui-color-accent-brown-rgb: 174,145,75;
    --ui-color-accent-pink: #fb6dba;
    --ui-color-accent-pink-rgb: 251,109,186;
    --ui-color-accent-aqua: #55d0e0;
    --ui-color-accent-aqua-rgb: 85,208,224;
    --ui-color-accent-light-blue: #559be6;
    --ui-color-accent-light-blue-rgb: 85,155,230;
    --ui-color-tag-9: #e2e3e5;
    --ui-color-tag-9-rgb: 226,227,229;
    --ui-color-tag-8: #ccd3dd;
    --ui-color-tag-8-rgb: 204,211,221;
    --ui-color-tag-7: #dfc684;
    --ui-color-tag-7-rgb: 223,198,132;
    --ui-color-tag-6: #ace5ec;
    --ui-color-tag-6-rgb: 172,229,236;
    --ui-color-tag-5: #c2d1f0;
    --ui-color-tag-5-rgb: 194,209,240;
    --ui-color-tag-4: #87eda0;
    --ui-color-tag-4-rgb: 135,237,160;
    --ui-color-tag-3: #dbf087;
    --ui-color-tag-3-rgb: 219,240,135;
    --ui-color-tag-2: #00baf2;
    --ui-color-tag-2-rgb: 0,186,242;
    --ui-color-tag-1: #bcedfc;
    --ui-color-tag-1-rgb: 188,237,252;
    --ui-color-link-primary-base: #2066b0;
    --ui-color-link-primary-base-rgb: 32,102,176;
    --ui-color-background-none: none;
    --ui-color-background-transparent: transparent;
    --ui-color-copilot-primary: #8e52ec;
    --ui-color-copilot-primary-rgb: 142,82,236;
    --ui-color-copilot-secondary: #b095dc;
    --ui-color-copilot-secondary-rgb: 176,149,220;
    --ui-color-copilot-dark: #682ac6;
    --ui-color-copilot-dark-rgb: 104,42,198;
    --ui-border-width-thick: 2px;
    --ui-border-width-thin: 1px;
    --ui-border-radius-pill: 99rem;
    --ui-border-radius-circle: 50%;
    --ui-border-radius-3xl: 20px;
    --ui-border-radius-2xl: 16px;
    --ui-border-radius-xl: 14px;
    --ui-border-radius-lg: 12px;
    --ui-border-radius-md: 10px;
    --ui-border-radius-sm: 8px;
    --ui-border-radius-xs: 6px;
    --ui-border-radius-2xs: 4px;
    --ui-border-radius-3xs: 2px;
    --ui-border-radius-none: 0;
    --ui-typography-text-lg-font-weight: 400;
    --ui-typography-text-lg-line-height: 1.4;
    --ui-typography-text-lg-font-size: var(--ui-font-size-lg);
    --ui-typography-text-md-font-weight: 400;
    --ui-typography-text-md-line-height: 1.4;
    --ui-typography-text-md-font-size: var(--ui-font-size-md);
    --ui-typography-text-sm-font-weight: 400;
    --ui-typography-text-sm-line-height: 1.4;
    --ui-typography-text-sm-font-size: var(--ui-font-size-sm);
    --ui-typography-text-xs-font-weight: 400;
    --ui-typography-text-xs-line-height: 1.35;
    --ui-typography-text-xs-font-size: var(--ui-font-size-xs);
    --ui-typography-heading-h6-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h6-font-weight: 600;
    --ui-typography-heading-h6-line-height: 1.4;
    --ui-typography-heading-h6-font-size: var(--ui-font-size-md);
    --ui-typography-heading-h5-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h5-font-weight: 400;
    --ui-typography-heading-h5-line-height: 1.35;
    --ui-typography-heading-h5-font-size: var(--ui-font-size-xl);
    --ui-typography-heading-h4-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h4-font-weight: 400;
    --ui-typography-heading-h4-line-height: 1.35;
    --ui-typography-heading-h4-font-size: var(--ui-font-size-2xl);
    --ui-typography-heading-h3-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h3-font-weight: 300;
    --ui-typography-heading-h3-line-height: 1.3;
    --ui-typography-heading-h3-font-size: var(--ui-font-size-3xl);
    --ui-typography-heading-h2-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h2-font-weight: 300;
    --ui-typography-heading-h2-line-height: 1.3;
    --ui-typography-heading-h2-font-size: var(--ui-font-size-4xl);
    --ui-typography-heading-h1-color: var(--ui-color-palette-black-base);
    --ui-typography-heading-h1-font-weight: 300;
    --ui-typography-heading-h1-line-height: 1.2;
    --ui-typography-heading-h1-font-size: var(--ui-font-size-5xl);
    --ui-color-base-default: var(--ui-color-palette-black-base);
    --ui-color-base-default-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-base-solid: var(--ui-color-palette-black-solid);
    --ui-color-base-solid-rgb: var(--ui-color-palette-black-solid-rgb);
    --ui-color-base-05: var(--ui-color-palette-gray-05);
    --ui-color-base-05-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-base-04: var(--ui-color-palette-gray-04);
    --ui-color-base-04-rgb: var(--ui-color-palette-gray-04-rgb);
    --ui-color-base-03: var(--ui-color-palette-gray-03);
    --ui-color-base-03-rgb: var(--ui-color-palette-gray-03-rgb);
    --ui-color-base-02: var(--ui-color-palette-gray-02);
    --ui-color-base-02-rgb: var(--ui-color-palette-gray-02-rgb);
    --ui-color-base-90: var(--ui-color-palette-gray-90);
    --ui-color-base-90-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-base-80: var(--ui-color-palette-gray-80);
    --ui-color-base-80-rgb: var(--ui-color-palette-gray-80-rgb);
    --ui-color-base-70: var(--ui-color-palette-gray-70);
    --ui-color-base-70-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-base-60: var(--ui-color-palette-gray-60);
    --ui-color-base-60-rgb: var(--ui-color-palette-gray-60-rgb);
    --ui-color-base-50: var(--ui-color-palette-gray-50);
    --ui-color-base-50-rgb: var(--ui-color-palette-gray-50-rgb);
    --ui-color-base-40: var(--ui-color-palette-gray-40);
    --ui-color-base-40-rgb: var(--ui-color-palette-gray-40-rgb);
    --ui-color-base-35: var(--ui-color-palette-gray-35);
    --ui-color-base-35-rgb: var(--ui-color-palette-gray-35-rgb);
    --ui-color-base-30: var(--ui-color-palette-gray-30);
    --ui-color-base-30-rgb: var(--ui-color-palette-gray-30-rgb);
    --ui-color-base-20: var(--ui-color-palette-gray-20);
    --ui-color-base-20-rgb: var(--ui-color-palette-gray-20-rgb);
    --ui-color-base-15: var(--ui-color-palette-gray-15);
    --ui-color-base-15-rgb: var(--ui-color-palette-gray-15-rgb);
    --ui-color-base-10: var(--ui-color-palette-gray-10);
    --ui-color-base-10-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-note: var(--ui-color-palette-beige-base);
    --ui-color-background-note-rgb: var(--ui-color-palette-beige-base-rgb);
    --ui-color-background-on-alert: var(--ui-color-palette-red-70);
    --ui-color-background-on-alert-rgb: var(--ui-color-palette-red-70-rgb);
    --ui-color-background-alert: var(--ui-color-palette-red-20);
    --ui-color-background-alert-rgb: var(--ui-color-palette-red-20-rgb);
    --ui-color-background-on-warning: var(--ui-color-palette-orange-70);
    --ui-color-background-on-warning-rgb: var(--ui-color-palette-orange-70-rgb);
    --ui-color-background-warning: var(--ui-color-palette-orange-20);
    --ui-color-background-warning-rgb: var(--ui-color-palette-orange-20-rgb);
    --ui-color-background-on-success: var(--ui-color-palette-green-70);
    --ui-color-background-on-success-rgb: var(--ui-color-palette-green-70-rgb);
    --ui-color-background-success: var(--ui-color-palette-green-20);
    --ui-color-background-success-rgb: var(--ui-color-palette-green-20-rgb);
    --ui-color-background-on-info: var(--ui-color-palette-blue-70);
    --ui-color-background-on-info-rgb: var(--ui-color-palette-blue-70-rgb);
    --ui-color-background-info: var(--ui-color-palette-blue-20);
    --ui-color-background-info-rgb: var(--ui-color-palette-blue-20-rgb);
    --ui-color-background-tertiary: var(--ui-color-palette-gray-05);
    --ui-color-background-tertiary-rgb: var(--ui-color-palette-gray-05-rgb);
    --ui-color-background-secondary: var(--ui-color-palette-gray-10);
    --ui-color-background-secondary-rgb: var(--ui-color-palette-gray-10-rgb);
    --ui-color-background-primary: var(--ui-color-palette-white-base);
    --ui-color-background-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-text-warning: var(--ui-color-palette-orange-50);
    --ui-color-text-warning-rgb: var(--ui-color-palette-orange-50-rgb);
    --ui-color-text-alert: var(--ui-color-palette-red-50);
    --ui-color-text-alert-rgb: var(--ui-color-palette-red-50-rgb);
    --ui-color-text-subtle: var(--ui-color-palette-gray-70);
    --ui-color-text-subtle-rgb: var(--ui-color-palette-gray-70-rgb);
    --ui-color-text-secondary: var(--ui-color-palette-gray-90);
    --ui-color-text-secondary-rgb: var(--ui-color-palette-gray-90-rgb);
    --ui-color-text-primary: var(--ui-color-palette-black-base);
    --ui-color-text-primary-rgb: var(--ui-color-palette-black-base-rgb);
    --ui-color-extranet: var(--ui-color-palette-orange-60);
    --ui-color-extranet-rgb: var(--ui-color-palette-orange-60-rgb);
    --ui-color-on-primary-alt: var(--ui-color-palette-white-base);
    --ui-color-on-primary-alt-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary-alt: var(--ui-color-palette-green-50);
    --ui-color-primary-alt-rgb: var(--ui-color-palette-green-50-rgb);
    --ui-color-on-primary: var(--ui-color-palette-white-base);
    --ui-color-on-primary-rgb: var(--ui-color-palette-white-base-rgb);
    --ui-color-primary: var(--ui-color-palette-blue-50);
    --ui-color-primary-rgb: var(--ui-color-palette-blue-50-rgb);
  }

  :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :host, :root {
    --air-theme-bg-image-blurred: none;
    --air-theme-bg-image: none;
    --air-theme-bg-position: 0 0;
    --air-theme-bg-size: auto;
    --air-theme-bg-repeat: repeat;
    --air-theme-bg-attachment: scroll;
    --air-theme-bg-color: var(--ui-color-gray-05);
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)).--inner, :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)).--inner {
    --air-theme-bg-color: var(--ui-color-gray-05);
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --ui-color-bg-content-primary: var(--ui-color-base-white-fixed);
  }

  :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :host, :root {
    --b24ui-typography-legend-color: var(--ui-color-design-plain-na-content);
    --b24ui-typography-label-color: var(--ui-color-design-plain-content);
    --b24ui-typography-description-color: var(--ui-color-design-plain-na-content);
    --b24ui-icon-color: var(--ui-color-base-5);
    --b24ui-icon-color-hover: var(--ui-color-base-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :host, :root {
      --b24ui-icon-color-hover: color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
    }
  }

  :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :host, :root {
    --b24ui-icon-color-secondary: var(--ui-color-design-tinted-content-icon-secondary);
    --b24ui-icon-color-secondary-hover: var(--ui-color-design-tinted-content-icon-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :host, :root {
      --b24ui-icon-color-secondary-hover: color-mix(in srgb,var(--ui-color-design-tinted-content-icon-secondary) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
    }
  }

  :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :host, :root {
    --ui-color-base-0: #000;
    --ui-color-base-1: #333;
    --ui-color-base-2: #525c69;
    --ui-color-base-3: #828b95;
    --ui-color-base-4: #a8adb4;
    --ui-color-base-5: #c9ccd0;
    --ui-color-base-6: #dfe0e3;
    --ui-color-base-7: #edeef0;
    --ui-color-base-8: #fff;
    --ui-color-base-black-fixed: #000;
    --ui-color-base-white-fixed: #fff;
    --ui-color-bg-content-primary: #fff;
    --ui-color-divider-accent: #e2e2e2;
    --ui-color-divider-default: #f0f0f0;
    --ui-color-divider-less: #f7f7f7;
    --ui-color-divider-vibrant-accent-more: #00000026;
    --ui-color-divider-vibrant-accent: #00000014;
    --ui-color-divider-vibrant-default: #0000000d;
    --ui-color-divider-vibrant-less: #00000008;
    --ui-color-divider-vibrant-accent-more-alt: #ffffff26;
    --ui-color-divider-vibrant-accent-alt: #ffffff17;
    --ui-color-divider-vibrant-default-alt: #ffffff0f;
    --ui-color-divider-vibrant-less-alt: #ffffff0a;
    --ui-color-divider-optical-1: #0000;
    --ui-color-divider-optical-1-alt: #0000000d;
    --ui-color-divider-optical-2: #fff0;
    --ui-divider-optical-1-weight: 0px;
    --ui-divider-optical-2-weight: 0px;
    --ui-color-divider-optical-on-overlay: #fff0;
    --ui-color-bg-content-secondary: #fbfbfb;
    --ui-divider-optical-on-overlay-weight: 0px;
    --ui-color-bg-content-tertiary: #f1f4f6;
    --ui-color-bg-vibrant-accent: #fffffff5;
    --ui-color-bg-state-hover-default-hex: #000;
    --ui-color-bg-state-hover-default-opacity: 3%;
    --ui-color-bg-state-hover-default: #00000008;
    --ui-color-bg-state-click-default-hex: #000;
    --ui-color-bg-state-click-default-opacity: 6%;
    --ui-color-bg-state-click-default: #0000000f;
    --ui-color-bg-state-hover-alt-hex: #fff;
    --ui-color-bg-state-hover-alt-opacity: 7%;
    --ui-color-bg-state-hover-alt: #ffffff12;
    --ui-color-bg-state-click-alt-hex: #fff;
    --ui-color-bg-state-click-alt-opacity: 14%;
    --ui-color-bg-state-click-alt: #ffffff24;
    --ui-color-bg-state-hover-default-overlay-hex: #000;
    --ui-color-bg-state-hover-default-overlay-opacity: 20%;
    --ui-color-bg-state-hover-default-overlay: #0003;
    --ui-color-bg-state-click-default-overlay-hex: #000;
    --ui-color-bg-state-click-default-overlay-opacity: 32%;
    --ui-color-bg-state-click-default-overlay: #00000052;
    --ui-color-bg-state-hover-alt-overlay-hex: #fff;
    --ui-color-bg-state-hover-alt-overlay-opacity: 35%;
    --ui-color-bg-state-hover-alt-overlay: #ffffff59;
    --ui-color-bg-state-click-alt-overlay-hex: #fff;
    --ui-color-bg-state-click-alt-overlay-opacity: 50%;
    --ui-color-bg-state-click-alt-overlay: #ffffff80;
    --ui-color-bg-vibrant-default: #ffffffeb;
    --ui-color-bg-vibrant-less: #ffffffdb;
    --ui-color-bg-vibrant-less-more: #fffc;
    --ui-color-bg-content-inapp: #085dc1;
    --ui-color-bg-content-primary-layer: #fff;
    --ui-color-bg-content-light: #fff;
    --ui-bg-blur-content: none;
    --ui-bg-blur-vibrant: var(--ui-bg-blur-accent);
    --ui-color-accent-main-primary: #0075ff;
    --ui-color-design-filled-bg: var(--ui-color-accent-main-primary);
    --ui-color-design-filled-stroke: var(--ui-color-accent-main-primary);
    --ui-design-filled-stroke-weight: 0px;
    --ui-color-design-filled-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-secondary: #ffffffb3;
    --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-icon-secondary: #b4dfff;
    --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-divider: #ffffff3d;
    --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success);
    --ui-color-design-filled-success-stroke: var(--ui-color-accent-main-success);
    --ui-design-filled-success-stroke-weight: 0px;
    --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-divider: #ffffff3d;
    --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert);
    --ui-color-design-filled-alert-stroke: var(--ui-color-accent-main-alert);
    --ui-design-filled-alert-stroke-weight: 0px;
    --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-secondary: #ffffffb3;
    --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25);
    --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-divider: #ffffff3d;
    --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning);
    --ui-color-design-filled-black-bg: var(--ui-color-base-2);
    --ui-color-design-filled-black-stroke: var(--ui-color-base-2);
    --ui-design-filled-black-stroke-weight: 0px;
    --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-divider: #ffffff3d;
    --ui-color-design-filled-warning-stroke: var(--ui-color-accent-main-warning);
    --ui-design-filled-warning-stroke-weight: 0px;
    --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-divider: #ffffff3d;
    --ui-color-design-filled-na-bg: var(--ui-color-base-4);
    --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
    --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
    --ui-color-design-filled-copilot-stroke: var(--ui-color-copilot-accent-primary);
    --ui-design-filled-copilot-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-divider: #ffffff3d;
    --ui-color-design-filled-na-stroke: var(--ui-color-base-4);
    --ui-color-design-filled-na-stroke-secondary: var(--ui-color-base-5);
    --ui-design-filled-na-stroke-weight: 0px;
    --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-divider: #ffffff3d;
    --ui-color-design-tinted-bg: var(--ui-color-accent-soft-blue-2);
    --ui-color-design-tinted-a1-bg: var(--ui-color-accent-main-primary-alt-2);
    --ui-color-design-tinted-a1-stroke: var(--ui-color-accent-main-primary-alt-2);
    --ui-design-tinted-a1-stroke-weight: 0px;
    --ui-color-design-tinted-a1-content: var(--ui-color-base-white-fixed);
    --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-tinted-a1-content-divider: #ffffff3d;
    --ui-color-design-tinted-success-bg: var(--ui-color-accent-soft-green-2);
    --ui-color-design-tinted-success-stroke: var(--ui-color-accent-soft-green-2);
    --ui-design-tinted-success-stroke-weight: 0px;
    --ui-color-design-tinted-success-content: var(--ui-color-accent-extra-grass);
    --ui-color-design-tinted-success-content-icon: var(--ui-color-accent-extra-grass);
    --ui-color-design-tinted-success-content-chevron: var(--ui-color-accent-extra-grass);
    --ui-color-design-tinted-success-content-divider: #d0ffdc;
    --ui-color-design-tinted-bg-alt: var(--ui-color-accent-soft-blue-2);
    --ui-color-design-tinted-stroke: var(--ui-color-accent-soft-blue-2);
    --ui-design-tinted-stroke-weight: 0px;
    --ui-color-design-tinted-content: var(--ui-color-accent-main-link);
    --ui-color-design-tinted-content-icon: var(--ui-color-accent-main-link);
    --ui-color-design-tinted-content-icon-secondary: #0154c880;
    --ui-color-design-tinted-content-chevron: var(--ui-color-accent-main-link);
    --ui-color-design-tinted-content-divider: #d0e6ff;
    --ui-color-design-tinted-alert-bg: var(--ui-color-accent-soft-red-2);
    --ui-color-design-tinted-alert-stroke: var(--ui-color-accent-soft-red-2);
    --ui-design-tinted-alert-stroke-weight: 0px;
    --ui-color-design-tinted-alert-content: var(--ui-color-accent-main-alert);
    --ui-color-design-tinted-alert-content-icon: var(--ui-color-accent-main-alert);
    --ui-color-design-tinted-alert-content-chevron: var(--ui-color-accent-main-alert);
    --ui-color-design-tinted-alert-content-divider: #ffd0d0;
    --ui-color-design-tinted-warning-bg: var(--ui-color-accent-soft-orange-2);
    --ui-color-design-tinted-warning-stroke: var(--ui-color-accent-soft-orange-2);
    --ui-design-tinted-warning-stroke-weight: 0px;
    --ui-color-design-tinted-warning-content: var(--ui-color-accent-extra-orange);
    --ui-color-design-tinted-warning-content-icon: var(--ui-color-accent-extra-orange);
    --ui-color-design-tinted-warning-content-chevron: var(--ui-color-accent-extra-orange);
    --ui-color-design-tinted-warning-content-divider: #ffebd0;
    --ui-color-design-tinted-na-bg: var(--ui-color-base-7);
    --ui-color-design-tinted-na-stroke: var(--ui-color-base-7);
    --ui-design-tinted-na-stroke-weight: 0px;
    --ui-color-design-tinted-na-content: var(--ui-color-base-3);
    --ui-color-design-tinted-na-content-icon: var(--ui-color-base-3);
    --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-3);
    --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-a1-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-a1-stroke: var(--ui-color-accent-main-primary);
    --ui-design-outline-a1-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-outline-a1-content: var(--ui-color-base-1);
    --ui-color-design-outline-a1-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-a1-content-divider: #d0e6ff;
    --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-a2-stroke: var(--ui-color-accent-main-primary-alt-2);
    --ui-design-outline-a2-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-a2-content: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-a2-content-icon: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-a2-content-chevron: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-a2-content-divider: #d0e6ff;
    --ui-color-design-outline-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-stroke: var(--ui-color-accent-soft-border-green);
    --ui-design-outline-success-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-success-content: var(--ui-color-accent-main-success);
    --ui-color-design-outline-success-content-icon: var(--ui-color-accent-main-success);
    --ui-color-design-outline-success-content-chevron: var(--ui-color-accent-main-success);
    --ui-color-design-outline-success-content-divider: #d0ffe9;
    --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-alert-stroke: var(--ui-color-accent-soft-border-red);
    --ui-design-outline-alert-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-alert-content: var(--ui-color-accent-main-alert);
    --ui-color-design-outline-alert-content-icon: var(--ui-color-accent-main-alert);
    --ui-color-design-outline-alert-content-chevron: var(--ui-color-accent-main-alert);
    --ui-color-design-outline-alert-content-divider: #ffd2d0;
    --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-stroke: var(--ui-color-base-7);
    --ui-design-outline-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-content: var(--ui-color-base-2);
    --ui-color-design-outline-content-secondary: var(--ui-color-base-4);
    --ui-color-design-outline-content-label: var(--ui-color-base-3);
    --ui-color-design-outline-content-icon: var(--ui-color-base-2);
    --ui-color-design-outline-content-icon-alt: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-5);
    --ui-color-design-outline-content-chevron: var(--ui-color-base-2);
    --ui-color-design-outline-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-focused-stroke: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-warning-stroke: var(--ui-color-accent-soft-orange-1);
    --ui-design-outline-warning-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-warning-content: var(--ui-color-accent-main-warning);
    --ui-color-design-outline-warning-content-icon: var(--ui-color-accent-main-warning);
    --ui-color-design-outline-warning-content-chevron: var(--ui-color-accent-main-warning);
    --ui-color-design-outline-warning-content-divider: var(--ui-color-accent-soft-orange-1);
    --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-copilot-stroke: var(--ui-color-copilot-bg-content-2);
    --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-copilot-content: var(--ui-color-copilot-accent-primary);
    --ui-color-design-outline-copilot-content-icon: var(--ui-color-copilot-accent-primary);
    --ui-color-design-outline-copilot-content-chevron: var(--ui-color-copilot-accent-primary);
    --ui-color-design-outline-copilot-content-divider: #e0d0ff;
    --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-na-bg-alt: #ffffffad;
    --ui-color-design-outline-na-stroke: var(--ui-color-base-7);
    --ui-design-outline-na-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-na-content: var(--ui-color-base-3);
    --ui-color-design-outline-na-content-icon: var(--ui-color-base-4);
    --ui-color-design-outline-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-outline-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-a-bg: #fff0;
    --ui-color-design-plain-a-stroke: #fff0;
    --ui-design-plain-a-stroke-weight: 0px;
    --ui-color-design-plain-a-content: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-a-content-icon: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-a-content-chevron: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-a-content-divider: #d0e6ff;
    --ui-color-design-plain-bg: #fff0;
    --ui-color-design-plain-stroke: #fff0;
    --ui-design-plain-stroke-weight: 0px;
    --ui-color-design-plain-content: var(--ui-color-base-2);
    --ui-color-design-plain-content-icon: var(--ui-color-base-2);
    --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-4);
    --ui-color-design-plain-content-chevron: var(--ui-color-base-2);
    --ui-color-design-plain-content-divider: var(--ui-color-base-6);
    --ui-color-design-plain-na-bg: #fff0;
    --ui-color-design-plain-na-stroke: #fff0;
    --ui-design-plain-na-stroke-weight: 0px;
    --ui-color-design-plain-na-content: var(--ui-color-base-3);
    --ui-color-design-plain-na-content-secondary: var(--ui-color-base-5);
    --ui-color-design-plain-na-content-icon: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-na-focused-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-selection-bg: var(--ui-color-accent-soft-blue-3);
    --ui-color-design-selection-stroke: var(--ui-color-accent-soft-blue-1);
    --ui-design-selection-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-selection-content: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-na-focused-stroke: var(--ui-color-divider-default);
    --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-selection-content-icon: var(--ui-color-accent-main-primary);
    --ui-color-design-selection-content-icon-secondary: var(--ui-color-accent-main-primary-alt-2);
    --ui-color-design-selection-content-chevron: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-na-focused-content: var(--ui-color-base-1);
    --ui-color-design-selection-content-divider: var(--ui-color-accent-soft-blue-1);
    --ui-color-design-selection-focused-bg: var(--ui-color-bg-content-primary);
    --ui-color-accent-main-primary-alt: #1f86ff;
    --ui-color-accent-main-primary-alt-2: #7ab7ff;
    --ui-color-accent-main-success: #1bce7b;
    --ui-color-accent-main-success-alt: #10b769;
    --ui-color-accent-main-success-alt-2: #00a659;
    --ui-color-accent-main-link: #0154c8;
    --ui-color-accent-main-link-underline: #0154c84d;
    --ui-color-accent-main-warning: #faa72c;
    --ui-color-accent-main-alert: #ff5752;
    --ui-color-accent-soft-blue-1: #c4e6ff;
    --ui-color-accent-soft-blue-2: #e6f4ff;
    --ui-color-accent-soft-blue-3: #edf7ff;
    --ui-color-accent-soft-green-1: #a7fad3;
    --ui-color-accent-soft-green-2: #caffe7;
    --ui-color-accent-soft-green-3: #e7fff5;
    --ui-color-accent-soft-orange-1: #ffeba6;
    --ui-color-accent-soft-orange-2: #fff4d6;
    --ui-color-accent-soft-orange-3: #fff9e3;
    --ui-color-accent-soft-red-1: #ffcdcc;
    --ui-color-accent-soft-red-2: #ffe8e8;
    --ui-color-accent-soft-red-3: #fff0f0;
    --ui-color-accent-soft-grey-1: #f0f0f0;
    --ui-color-accent-soft-grey-2: #fcfcfd;
    --ui-color-accent-soft-violet-1: #f1e0ff;
    --ui-color-accent-soft-violet-2: #f6ecff;
    --ui-color-accent-soft-violet-3: #fbf6ff;
    --ui-color-accent-soft-element-blue: #0154c8;
    --ui-color-accent-soft-element-green: #02bb9a;
    --ui-color-accent-soft-element-orange: #a56300;
    --ui-color-accent-soft-element-red: #c21b16;
    --ui-color-accent-soft-element-violet: #b15ef5;
    --ui-color-accent-soft-border-blue: #88c8f8;
    --ui-color-accent-soft-border-red: #fea8a6;
    --ui-color-accent-soft-border-green: #3bf39c;
    --ui-color-accent-brand-blue: #2fc6f6;
    --ui-color-accent-brand-green: #bbed21;
    --ui-color-accent-extra-orange: #e88c02;
    --ui-color-accent-extra-aqua: #37c5d8;
    --ui-color-accent-extra-pink: #f85e9e;
    --ui-color-accent-extra-grass: #24b547;
    --ui-color-accent-extra-brown: #b89238;
    --ui-color-accent-extra-darkblue: #0091e3;
    --ui-color-copilot-bg-content-1-alt: #fbf8ff;
    --ui-color-copilot-bg-content-1: #f7f1fe;
    --ui-color-copilot-bg-content-2: #ecdeff;
    --ui-color-copilot-bg-content-3: #cfb0fd;
    --ui-color-copilot-accent-less-1: #b288f1;
    --ui-color-copilot-accent-less-2: #9760e8;
    --ui-color-copilot-accent-primary: #853af5;
    --ui-color-copilot-accent-primary-alt: #6625c6;
    --ui-color-copilot-element-1: #4e2092;
    --ui-color-copilot-element-2: #2d1353;
    --ui-color-collab-bg-content-1: #f2fee2;
    --ui-color-collab-bg-content-2: #e9ffcf;
    --ui-color-collab-bg-content-3: #d4fdb0;
    --ui-color-collab-accent-less-1: #8cef73;
    --ui-color-collab-accent-less-2: #6be860;
    --ui-color-collab-accent-primary: #19cc45;
    --ui-color-collab-accent-primary-alt: #00a94e;
    --ui-color-collab-element-1: #1e8d36;
    --ui-color-collab-element-2: #065217;
    --ui-color-black-solid: #000;
    --ui-tech-grid-sep-op: 5px;
    --ui-color-tech-push: #00000014;
    --ui-color-tech-focus: #0000000d;
    --ui-color-tech-opacity: #fff0;
    --ui-color-tech-bg-picture-tint: #0000;
    --ui-color-tech-dark-fixes: #fff0;
    --ui-color-blue-02: #f9fcff;
    --ui-color-blue-04: #f8fbff;
    --ui-color-black-base: #333;
    --ui-color-blue-06: #f7fbff;
    --ui-color-blue-08: #f5faff;
    --ui-color-g-content-glass-1: #ffffffe6;
    --ui-color-g-content-glass-2: #ffffffb3;
    --ui-color-g-content-glass-3: #fff6;
    --ui-color-g-content-glass-grey-1: #bdbdbd;
    --ui-color-g-content-glass-grey-2: #cdcdcd;
    --ui-color-g-content-glass-grey-3: #dbdbdb;
    --ui-color-g-content-black: #333;
    --ui-color-g-content-grey-1: #909090;
    --ui-color-g-content-grey-2: #d0d0d0;
    --ui-color-g-content-grey-3: #ebebeb;
    --ui-color-g-content-grey-4: #f2f2f2;
    --ui-color-g-content-blue-1: #0154c8;
    --ui-color-g-content-blue-2: #0075ff;
    --ui-color-g-content-blue-3: #82c0ff;
    --ui-color-g-glass-green-bg-1: #1bce7bc7;
    --ui-color-g-glass-green-bg-2: #00aa5bd1;
    --ui-color-g-glass-green-bg-3: #59fbb0bd;
    --ui-color-g-glass-green-stroke: #ffffff2e;
    --ui-color-g-glass-collab-bg-1: #19cc45c7;
    --ui-color-g-glass-collab-bg-2: #02b12dd1;
    --ui-color-g-glass-collab-bg-3: #35e961bd;
    --ui-color-g-glass-collab-stroke: #ffffff2e;
    --ui-color-g-glass-copilot-bg-1: #7e33ffc7;
    --ui-color-g-glass-copilot-bg-2: #661fd1d1;
    --ui-color-g-glass-copilot-bg-3: #cfb0fdbd;
    --ui-color-g-glass-copilot-stroke: #ffffff2e;
    --ui-color-g-glass-blue-bg-1: #0075ffc7;
    --ui-color-g-glass-blue-bg-2: #0855ebd1;
    --ui-color-g-glass-blue-bg-3: #44b0ffbd;
    --ui-color-g-glass-blue-stroke: #ffffff2e;
    --ui-color-g-glass-bluish-bg-1: #c5e7fecc;
    --ui-color-g-glass-bluish-bg-2: #9bd4ffcc;
    --ui-color-g-glass-bluish-bg-3: #d7efffcc;
    --ui-color-g-glass-bluish-stroke: #ffffff3d;
    --ui-color-g-glass-grey-bg-1: #dfe0e3ad;
    --ui-color-g-glass-grey-bg-2: #c8c9cdad;
    --ui-color-g-glass-grey-bg-3: #f0f1f4ad;
    --ui-color-g-glass-grey-stroke: #fff6;
    --ui-color-g-glass-pink-bg-1: #f85e9ec7;
    --ui-color-g-glass-pink-bg-2: #df2270d1;
    --ui-color-g-glass-pink-bg-3: #ffa1c8bd;
    --ui-color-g-glass-pink-stroke: #ffffff2e;
    --ui-color-g-glass-orange-bg-1: #faa72cc7;
    --ui-color-g-glass-orange-bg-2: #db7600d1;
    --ui-color-g-glass-orange-bg-3: #ffd685bd;
    --ui-color-g-glass-orange-stroke: #ffffff2e;
    --ui-color-white-base: #fff;
    --ui-color-blue-09: #f3f8ff;
    --ui-color-blue-10: #f3faff;
    --ui-color-blue-15: #f0f7ff;
    --ui-color-blue-20: #e7f4ff;
    --ui-color-blue-25: #deedff;
    --ui-color-blue-30: #c6e6ff;
    --ui-color-blue-35: #b7d7ff;
    --ui-color-blue-40: #a3cdff;
    --ui-color-blue-50: #71c0ff;
    --ui-color-blue-55: #58a4ff;
    --ui-color-blue-57: #4a9dff;
    --ui-color-blue-60: #3592ff;
    --ui-color-blue-70: #188ae6;
    --ui-color-blue-80: #0069e6;
    --ui-color-blue-90: #035ea8;
    --ui-color-blue-95: #004780;
    --ui-color-green-02: #f4fffa;
    --ui-color-green-04: #effff8;
    --ui-color-green-06: #ecfff6;
    --ui-color-green-08: #e8fff4;
    --ui-color-green-09: #e5fff3;
    --ui-color-green-10: #e3fff2;
    --ui-color-green-15: #cffde7;
    --ui-color-green-20: #bbfadd;
    --ui-color-green-25: #93fdcc;
    --ui-color-green-30: #6ef1b4;
    --ui-color-green-35: #4de39e;
    --ui-color-green-40: #2adb89;
    --ui-color-green-50: #1bce7b;
    --ui-color-green-55: #15c674;
    --ui-color-green-60: #0eba6a;
    --ui-color-green-70: #0cb164;
    --ui-color-green-80: #0aa05b;
    --ui-color-green-90: #058449;
    --ui-color-green-95: #056438;
    --ui-color-orange-04: #fffdf9;
    --ui-color-orange-06: #fffcf6;
    --ui-color-orange-08: #fffbf3;
    --ui-color-orange-10: #fffaf0;
    --ui-color-orange-15: #fff5e3;
    --ui-color-orange-20: #fff1d6;
    --ui-color-orange-25: #ffe9be;
    --ui-color-orange-30: #ffe1a6;
    --ui-color-orange-40: #ffc34d;
    --ui-color-orange-50: #ffa900;
    --ui-color-orange-60: #e89b06;
    --ui-color-orange-70: #c48300;
    --ui-color-orange-80: #9f6a00;
    --ui-color-orange-90: #7a5100;
    --ui-color-orange-95: #614000;
    --ui-color-red-02: #fffcfc;
    --ui-color-red-04: #fffcfc;
    --ui-color-red-06: #fffbfb;
    --ui-color-red-08: #fff9f9;
    --ui-color-red-10: #fff8f8;
    --ui-color-red-15: #fff0f0;
    --ui-color-red-20: #ffe8e8;
    --ui-color-red-25: #ffdcdb;
    --ui-color-red-30: #ffcdcc;
    --ui-color-red-40: #ff9a97;
    --ui-color-red-45: #ff7c78;
    --ui-color-red-50: #ff5752;
    --ui-color-red-60: #f4433e;
    --ui-color-red-70: #e92f2a;
    --ui-color-red-80: #c21b16;
    --ui-color-red-90: #9a0703;
    --ui-color-red-95: #800602;
    --ui-color-red-solid: #f0371b;
    --ui-color-gray-01: #fcfdfe;
    --ui-color-gray-02: #f8fafb;
    --ui-color-gray-03: #f5f7f8;
    --ui-color-gray-04: #f1f4f6;
    --ui-color-gray-05: #eef2f4;
    --ui-color-gray-10: #edeef0;
    --ui-color-gray-15: #e6e7e9;
    --ui-color-gray-20: #dfe0e3;
    --ui-color-gray-30: #d5d7db;
    --ui-color-gray-35: #c9ccd0;
    --ui-color-gray-40: #bdc1c6;
    --ui-color-gray-50: #a8adb4;
    --ui-color-gray-60: #959ca4;
    --ui-color-gray-70: #828b95;
    --ui-color-gray-80: #6a737f;
    --ui-color-gray-90: #525c69;
    --ui-color-beige-base: #fdfae1;
    --ui-color-g-plastic-bluish-bg: #c4e6ff;
    --ui-color-g-plastic-bluish-stroke: #bbe2ff;
    --ui-color-g-plastic-greish-bg: #fcfcfd;
    --ui-color-g-plastic-greish-stroke: #d0d0d0;
    --ui-color-g-plastic-white-bg: #fff;
    --ui-color-g-plastic-white-stroke: #dfe0e3;
    --ui-color-design-disabled-bg: var(--ui-color-base-7);
    --ui-color-design-disabled-bg-alt: #ffffffad;
    --ui-color-design-disabled-stroke: var(--ui-color-base-7);
    --ui-design-disabled-stroke-weight: 0px;
    --ui-color-design-disabled-content: var(--ui-color-base-5);
    --ui-color-design-disabled-content-icon: var(--ui-color-base-5);
    --ui-color-design-disabled-content-chevron: var(--ui-color-base-5);
    --ui-color-design-disabled-content-divider: var(--ui-color-base-6);
    --ui-color-design-filled-boost-bg-gradient-1: #f9be74;
    --ui-color-design-filled-boost-bg-gradient-2: #fb7595;
    --ui-color-design-filled-boost-bg-gradient-3: #b55cce;
    --ui-color-design-filled-boost-stroke: #b55cce;
    --ui-design-filled-boost-stroke-weight: 0px;
    --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-divider: #ffffff3d;
    --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-boost-stroke: var(--ui-color-base-7);
    --ui-design-outline-boost-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-outline-boost-content: var(--ui-color-base-2);
    --ui-color-design-outline-boost-content-label: var(--ui-color-base-3);
    --ui-color-design-outline-boost-content-icon-gradient-1: #f9be74;
    --ui-color-design-outline-boost-content-icon-gradient-2: #fb7595;
    --ui-color-design-outline-boost-content-icon-gradient-3: #b55cce;
    --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-2);
    --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7);
    --ui-color-design-filled-market-bg-gradient-1: #b5ed0a;
    --ui-color-design-filled-market-bg-gradient-2: #30c6f6;
    --ui-color-design-filled-market-bg-gradient-3: #4479e0;
    --ui-color-design-filled-market-stroke: #4479e0;
    --ui-design-filled-market-stroke-weight: 0px;
    --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-divider: #ffffff3d;
  }

  :is(.dark, :where(.b24-toast)), :is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --air-theme-bg-image-blurred: none;
    --air-theme-bg-image: none;
    --air-theme-bg-position: 0 0;
    --air-theme-bg-size: auto;
    --air-theme-bg-repeat: repeat;
    --air-theme-bg-attachment: scroll;
  }

  :is(.dark, :where(.b24-toast)), :is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)), :is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)).--inner, :is(.dark, :where(.b24-toast)).--inner {
    --air-theme-bg-color: var(--ui-color-base-black-fixed);
  }

  :is(.dark, :where(.b24-toast)), :is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --b24ui-typography-legend-color: var(--ui-color-design-plain-na-content);
    --b24ui-typography-label-color: var(--ui-color-design-plain-content);
    --b24ui-typography-description-color: var(--ui-color-design-plain-na-content);
    --b24ui-icon-color: var(--ui-color-base-5);
    --b24ui-icon-color-hover: var(--ui-color-base-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dark, :where(.b24-toast)), :is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
      --b24ui-icon-color-hover: color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
    }
  }

  :is(.dark, :where(.b24-toast)), :is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --ui-color-base-0: #fff;
    --ui-color-base-1: #f8f8f8;
    --ui-color-base-2: #cacbcc;
    --ui-color-base-3: #a7a9ab;
    --ui-color-base-4: #828385;
    --ui-color-base-5: #666769;
    --ui-color-base-6: #555657;
    --ui-color-base-7: #373838;
    --ui-color-base-8: #252626;
    --ui-color-base-black-fixed: #000;
    --ui-color-base-white-fixed: #fff;
    --ui-color-bg-content-primary: #262626;
    --ui-color-divider-accent: #383838;
    --ui-color-divider-default: #323232;
    --ui-color-divider-less: #323232;
    --ui-color-divider-vibrant-accent-more: #fff3;
    --ui-color-divider-vibrant-accent: #ffffff24;
    --ui-color-divider-vibrant-default: #ffffff1a;
    --ui-color-divider-vibrant-less: #ffffff12;
    --ui-color-divider-vibrant-accent-more-alt: #00000026;
    --ui-color-divider-vibrant-accent-alt: #00000017;
    --ui-color-divider-vibrant-default-alt: #0000000f;
    --ui-color-divider-vibrant-less-alt: #0000000a;
    --ui-color-divider-optical-1: #0009;
    --ui-color-divider-optical-1-alt: #0009;
    --ui-color-divider-optical-2: #ffffff14;
    --ui-divider-optical-1-weight: var(--ui-border-width-thin);
    --ui-divider-optical-2-weight: var(--ui-border-width-thick);
    --ui-color-divider-optical-on-overlay: #ffffff14;
    --ui-color-bg-content-secondary: #1f1f1f;
    --ui-divider-optical-on-overlay-weight: var(--ui-border-width-thin);
    --ui-color-bg-content-tertiary: #171717;
    --ui-color-bg-vibrant-accent: #262626e0;
    --ui-color-bg-state-hover-default-hex: #000;
    --ui-color-bg-state-hover-default-opacity: 3%;
    --ui-color-bg-state-hover-default: #00000008;
    --ui-color-bg-state-click-default-hex: #000;
    --ui-color-bg-state-click-default-opacity: 6%;
    --ui-color-bg-state-click-default: #0000000f;
    --ui-color-bg-state-hover-alt-hex: #fff;
    --ui-color-bg-state-hover-alt-opacity: 7%;
    --ui-color-bg-state-hover-alt: #ffffff12;
    --ui-color-bg-state-click-alt-hex: #fff;
    --ui-color-bg-state-click-alt-opacity: 14%;
    --ui-color-bg-state-click-alt: #ffffff24;
    --ui-color-bg-state-hover-default-overlay-hex: #000;
    --ui-color-bg-state-hover-default-overlay-opacity: 20%;
    --ui-color-bg-state-hover-default-overlay: #0003;
    --ui-color-bg-state-click-default-overlay-hex: #000;
    --ui-color-bg-state-click-default-overlay-opacity: 32%;
    --ui-color-bg-state-click-default-overlay: #00000052;
    --ui-color-bg-state-hover-alt-overlay-hex: #fff;
    --ui-color-bg-state-hover-alt-overlay-opacity: 35%;
    --ui-color-bg-state-hover-alt-overlay: #ffffff59;
    --ui-color-bg-state-click-alt-overlay-hex: #fff;
    --ui-color-bg-state-click-alt-overlay-opacity: 50%;
    --ui-color-bg-state-click-alt-overlay: #ffffff80;
    --ui-color-bg-vibrant-default: #262626d6;
    --ui-color-bg-vibrant-less: #262626c2;
    --ui-color-bg-vibrant-less-more: #262626b8;
    --ui-color-bg-content-inapp: #00428f;
    --ui-color-bg-content-primary-layer: #292929;
    --ui-color-bg-content-light: #eee;
    --ui-bg-blur-content: none;
    --ui-bg-blur-vibrant: var(--ui-bg-blur-accent);
    --ui-color-accent-main-primary: #1587fa;
    --ui-color-design-filled-bg: var(--ui-color-accent-main-primary);
    --ui-color-design-filled-stroke: var(--ui-color-accent-main-primary);
    --ui-design-filled-stroke-weight: 0px;
    --ui-color-design-filled-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-secondary: #ffffffb3;
    --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-icon-secondary: #b4dfff;
    --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-divider: #ffffff3d;
    --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success);
    --ui-color-design-filled-success-stroke: var(--ui-color-accent-main-success);
    --ui-design-filled-success-stroke-weight: 0px;
    --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-divider: #ffffff3d;
    --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert);
    --ui-color-design-filled-alert-stroke: var(--ui-color-accent-main-alert);
    --ui-design-filled-alert-stroke-weight: 0px;
    --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-secondary: #ffffffb3;
    --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25);
    --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-divider: #ffffff3d;
    --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning);
    --ui-color-design-filled-black-bg: var(--ui-color-base-2);
    --ui-color-design-filled-black-stroke: var(--ui-color-base-2);
    --ui-design-filled-black-stroke-weight: 0px;
    --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-divider: #ffffff3d;
    --ui-color-design-filled-warning-stroke: var(--ui-color-accent-main-warning);
    --ui-design-filled-warning-stroke-weight: 0px;
    --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-divider: #ffffff3d;
    --ui-color-design-filled-na-bg: var(--ui-color-base-4);
    --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
    --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
    --ui-color-design-filled-copilot-stroke: var(--ui-color-copilot-accent-primary);
    --ui-design-filled-copilot-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-divider: #ffffff3d;
    --ui-color-design-filled-na-stroke: var(--ui-color-base-4);
    --ui-color-design-filled-na-stroke-secondary: var(--ui-color-base-5);
    --ui-design-filled-na-stroke-weight: 0px;
    --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-divider: #ffffff3d;
    --ui-color-design-tinted-bg: var(--ui-color-accent-soft-blue-2);
    --ui-color-design-tinted-a1-bg: var(--ui-color-accent-main-primary-alt-2);
    --ui-color-design-tinted-a1-stroke: var(--ui-color-accent-main-primary-alt-2);
    --ui-design-tinted-a1-stroke-weight: 0px;
    --ui-color-design-tinted-a1-content: var(--ui-color-base-white-fixed);
    --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-tinted-a1-content-divider: #ffffff3d;
    --ui-color-design-tinted-success-bg: var(--ui-color-accent-soft-green-2);
    --ui-color-design-tinted-success-stroke: var(--ui-color-accent-soft-green-2);
    --ui-design-tinted-success-stroke-weight: 0px;
    --ui-color-design-tinted-success-content: var(--ui-color-accent-extra-grass);
    --ui-color-design-tinted-success-content-icon: var(--ui-color-accent-extra-grass);
    --ui-color-design-tinted-success-content-chevron: var(--ui-color-accent-extra-grass);
    --ui-color-design-tinted-success-content-divider: #007e41;
    --ui-color-design-tinted-bg-alt: var(--ui-color-accent-soft-blue-2);
    --ui-color-design-tinted-stroke: var(--ui-color-accent-soft-blue-2);
    --ui-design-tinted-stroke-weight: 0px;
    --ui-color-design-tinted-content: var(--ui-color-accent-main-link);
    --ui-color-design-tinted-content-icon: var(--ui-color-accent-main-link);
    --ui-color-design-tinted-content-icon-secondary: #468bec80;
    --ui-color-design-tinted-content-chevron: var(--ui-color-accent-main-link);
    --ui-color-design-tinted-content-divider: #003f7e;
    --ui-color-design-tinted-alert-bg: var(--ui-color-accent-soft-red-2);
    --ui-color-design-tinted-alert-stroke: var(--ui-color-accent-soft-red-2);
    --ui-design-tinted-alert-stroke-weight: 0px;
    --ui-color-design-tinted-alert-content: var(--ui-color-accent-main-alert);
    --ui-color-design-tinted-alert-content-icon: var(--ui-color-accent-main-alert);
    --ui-color-design-tinted-alert-content-chevron: var(--ui-color-accent-main-alert);
    --ui-color-design-tinted-alert-content-divider: #7e0400;
    --ui-color-design-tinted-warning-bg: var(--ui-color-accent-soft-orange-2);
    --ui-color-design-tinted-warning-stroke: var(--ui-color-accent-soft-orange-2);
    --ui-design-tinted-warning-stroke-weight: 0px;
    --ui-color-design-tinted-warning-content: var(--ui-color-accent-extra-orange);
    --ui-color-design-tinted-warning-content-icon: var(--ui-color-accent-extra-orange);
    --ui-color-design-tinted-warning-content-chevron: var(--ui-color-accent-extra-orange);
    --ui-color-design-tinted-warning-content-divider: #7e5200;
    --ui-color-design-tinted-na-bg: var(--ui-color-base-7);
    --ui-color-design-tinted-na-stroke: var(--ui-color-base-7);
    --ui-design-tinted-na-stroke-weight: 0px;
    --ui-color-design-tinted-na-content: var(--ui-color-base-3);
    --ui-color-design-tinted-na-content-icon: var(--ui-color-base-3);
    --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-3);
    --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-a1-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-a1-stroke: var(--ui-color-accent-main-primary);
    --ui-design-outline-a1-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-outline-a1-content: var(--ui-color-base-1);
    --ui-color-design-outline-a1-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-a1-content-divider: #003f7e;
    --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-a2-stroke: var(--ui-color-accent-main-primary-alt-2);
    --ui-design-outline-a2-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-a2-content: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-a2-content-icon: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-a2-content-chevron: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-a2-content-divider: #003f7e;
    --ui-color-design-outline-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-stroke: var(--ui-color-accent-soft-border-green);
    --ui-design-outline-success-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-success-content: var(--ui-color-accent-main-success);
    --ui-color-design-outline-success-content-icon: var(--ui-color-accent-main-success);
    --ui-color-design-outline-success-content-chevron: var(--ui-color-accent-main-success);
    --ui-color-design-outline-success-content-divider: #007e41;
    --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-alert-stroke: var(--ui-color-accent-soft-border-red);
    --ui-design-outline-alert-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-alert-content: var(--ui-color-accent-main-alert);
    --ui-color-design-outline-alert-content-icon: var(--ui-color-accent-main-alert);
    --ui-color-design-outline-alert-content-chevron: var(--ui-color-accent-main-alert);
    --ui-color-design-outline-alert-content-divider: #7e0400;
    --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-stroke: var(--ui-color-base-7);
    --ui-design-outline-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-content: var(--ui-color-base-2);
    --ui-color-design-outline-content-secondary: var(--ui-color-base-4);
    --ui-color-design-outline-content-label: var(--ui-color-base-3);
    --ui-color-design-outline-content-icon: var(--ui-color-base-2);
    --ui-color-design-outline-content-icon-alt: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-5);
    --ui-color-design-outline-content-chevron: var(--ui-color-base-2);
    --ui-color-design-outline-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-focused-stroke: var(--ui-color-accent-main-primary);
    --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-warning-stroke: var(--ui-color-accent-soft-orange-1);
    --ui-design-outline-warning-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-warning-content: var(--ui-color-accent-main-warning);
    --ui-color-design-outline-warning-content-icon: var(--ui-color-accent-main-warning);
    --ui-color-design-outline-warning-content-chevron: var(--ui-color-accent-main-warning);
    --ui-color-design-outline-warning-content-divider: #7e5200;
    --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-copilot-stroke: var(--ui-color-copilot-bg-content-2);
    --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-copilot-content: var(--ui-color-copilot-accent-primary);
    --ui-color-design-outline-copilot-content-icon: var(--ui-color-copilot-accent-primary);
    --ui-color-design-outline-copilot-content-chevron: var(--ui-color-copilot-accent-primary);
    --ui-color-design-outline-copilot-content-divider: #45007e;
    --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-na-bg-alt: #262626ad;
    --ui-color-design-outline-na-stroke: var(--ui-color-base-7);
    --ui-design-outline-na-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-na-content: var(--ui-color-base-3);
    --ui-color-design-outline-na-content-icon: var(--ui-color-base-4);
    --ui-color-design-outline-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-outline-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-a-bg: #0000;
    --ui-color-design-plain-a-stroke: #0000;
    --ui-design-plain-a-stroke-weight: 0px;
    --ui-color-design-plain-a-content: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-a-content-icon: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-a-content-chevron: var(--ui-color-accent-main-primary);
    --ui-color-design-plain-a-content-divider: #003f7e;
    --ui-color-design-plain-bg: #0000;
    --ui-color-design-plain-stroke: #0000;
    --ui-design-plain-stroke-weight: 0px;
    --ui-color-design-plain-content: var(--ui-color-base-2);
    --ui-color-design-plain-content-icon: var(--ui-color-base-2);
    --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-4);
    --ui-color-design-plain-content-chevron: var(--ui-color-base-2);
    --ui-color-design-plain-content-divider: var(--ui-color-base-6);
    --ui-color-design-plain-na-bg: #0000;
    --ui-color-design-plain-na-stroke: #0000;
    --ui-design-plain-na-stroke-weight: 0px;
    --ui-color-design-plain-na-content: var(--ui-color-base-3);
    --ui-color-design-plain-na-content-secondary: var(--ui-color-base-5);
    --ui-color-design-plain-na-content-icon: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-na-focused-bg: var(--ui-color-divider-accent);
    --ui-color-design-selection-bg: #1f3048;
    --ui-color-design-selection-stroke: #294162;
    --ui-design-selection-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-selection-content: #2a94ff;
    --ui-color-design-plain-na-focused-stroke: var(--ui-color-divider-default);
    --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-selection-content-icon: #2a94ff;
    --ui-color-design-selection-content-icon-secondary: #5eaeff;
    --ui-color-design-selection-content-chevron: #2a94ff;
    --ui-color-design-plain-na-focused-content: var(--ui-color-base-1);
    --ui-color-design-selection-content-divider: var(--ui-color-accent-soft-blue-1);
    --ui-color-design-selection-focused-bg: #1f3048;
    --ui-color-accent-main-primary-alt: #1b79e6;
    --ui-color-accent-main-primary-alt-2: #2a94ff;
    --ui-color-accent-main-success: #1cae6a;
    --ui-color-accent-main-success-alt: #00904d;
    --ui-color-accent-main-success-alt-2: #008648;
    --ui-color-accent-main-link: #468bec;
    --ui-color-accent-main-link-underline: #468bec4d;
    --ui-color-accent-main-warning: #f2a100;
    --ui-color-accent-main-alert: #f2473d;
    --ui-color-accent-soft-blue-1: #0e294b;
    --ui-color-accent-soft-blue-2: #062040;
    --ui-color-accent-soft-blue-3: #1a2a33;
    --ui-color-accent-soft-green-1: #0a4c2e;
    --ui-color-accent-soft-green-2: #052717;
    --ui-color-accent-soft-green-3: #041b10;
    --ui-color-accent-soft-orange-1: #5e3f00;
    --ui-color-accent-soft-orange-2: #302000;
    --ui-color-accent-soft-orange-3: #211600;
    --ui-color-accent-soft-red-1: #5e1c18;
    --ui-color-accent-soft-red-2: #300e0c;
    --ui-color-accent-soft-red-3: #210a08;
    --ui-color-accent-soft-grey-1: #272727;
    --ui-color-accent-soft-grey-2: #272727;
    --ui-color-accent-soft-violet-1: #3e2156;
    --ui-color-accent-soft-violet-2: #20112c;
    --ui-color-accent-soft-violet-3: #160c1e;
    --ui-color-accent-soft-element-blue: #0056bf;
    --ui-color-accent-soft-element-green: #06a35a;
    --ui-color-accent-soft-element-orange: #976500;
    --ui-color-accent-soft-element-red: #b81a15;
    --ui-color-accent-soft-element-violet: #a859e9;
    --ui-color-accent-soft-border-blue: #2d61a3;
    --ui-color-accent-soft-border-red: #a0403a;
    --ui-color-accent-soft-border-green: #187249;
    --ui-color-accent-brand-blue: #1181b1;
    --ui-color-accent-brand-green: #779e00;
    --ui-color-accent-extra-orange: #e0911d;
    --ui-color-accent-extra-aqua: #34bbcd;
    --ui-color-accent-extra-pink: #ec5996;
    --ui-color-accent-extra-grass: #22ac43;
    --ui-color-accent-extra-brown: #af8b35;
    --ui-color-accent-extra-darkblue: #0091e3;
    --ui-color-copilot-bg-content-1-alt: #271149;
    --ui-color-copilot-bg-content-1: #271149;
    --ui-color-copilot-bg-content-2: #3e1a75;
    --ui-color-copilot-bg-content-3: #51219a;
    --ui-color-copilot-accent-less-1: #7037c9;
    --ui-color-copilot-accent-less-2: #8052c5;
    --ui-color-copilot-accent-primary: #a161ff;
    --ui-color-copilot-accent-primary-alt: #6625c6;
    --ui-color-copilot-element-1: #cdc1e0;
    --ui-color-copilot-element-2: #ddd6e7;
    --ui-color-collab-bg-content-1: #182b12;
    --ui-color-collab-bg-content-2: #1e3617;
    --ui-color-collab-bg-content-3: #366829;
    --ui-color-collab-accent-less-1: #8cef73;
    --ui-color-collab-accent-less-2: #6be860;
    --ui-color-collab-accent-primary: #55ef7b;
    --ui-color-collab-accent-primary-alt: #76fd97;
    --ui-color-collab-element-1: #a0ffb7;
    --ui-color-collab-element-2: #cef6d7;
    --ui-color-black-solid: #000;
    --ui-tech-grid-sep-op: 5px;
    --ui-color-tech-push: #00000014;
    --ui-color-tech-focus: #0000000d;
    --ui-color-tech-opacity: #fff0;
    --ui-color-tech-bg-picture-tint: #0000003d;
    --ui-color-tech-dark-fixes: #383838;
    --ui-color-blue-02: #fff;
    --ui-color-blue-04: #fff;
    --ui-color-black-base: #333;
    --ui-color-blue-06: #fff;
    --ui-color-blue-08: #fff;
    --ui-color-g-content-glass-1: #ffffffe6;
    --ui-color-g-content-glass-2: #ffffffb3;
    --ui-color-g-content-glass-3: #fff6;
    --ui-color-g-content-glass-grey-1: #878787;
    --ui-color-g-content-glass-grey-2: #767676;
    --ui-color-g-content-glass-grey-3: #6c6c6c;
    --ui-color-g-content-black: #fff;
    --ui-color-g-content-grey-1: #ababab;
    --ui-color-g-content-grey-2: #696969;
    --ui-color-g-content-grey-3: #3c3c3c;
    --ui-color-g-content-grey-4: #363636;
    --ui-color-g-content-blue-1: #1587fa;
    --ui-color-g-content-blue-2: #035fcf;
    --ui-color-g-content-blue-3: #064795;
    --ui-color-g-glass-green-bg-1: #1bce7bc7;
    --ui-color-g-glass-green-bg-2: #008648d1;
    --ui-color-g-glass-green-bg-3: #2cd586bd;
    --ui-color-g-glass-green-stroke: #00000029;
    --ui-color-g-glass-collab-bg-1: #26b94ac7;
    --ui-color-g-glass-collab-bg-2: #109d33d1;
    --ui-color-g-glass-collab-bg-3: #5fcf7abd;
    --ui-color-g-glass-collab-stroke: #00000029;
    --ui-color-g-glass-copilot-bg-1: #833cfdcc;
    --ui-color-g-glass-copilot-bg-2: #783bd5cc;
    --ui-color-g-glass-copilot-bg-3: #a97beacc;
    --ui-color-g-glass-copilot-stroke: #00000029;
    --ui-color-g-glass-blue-bg-1: #1b79e6c7;
    --ui-color-g-glass-blue-bg-2: #0044aac7;
    --ui-color-g-glass-blue-bg-3: #3dadffc7;
    --ui-color-g-glass-blue-stroke: #00000029;
    --ui-color-g-glass-bluish-bg-1: #0a3163cc;
    --ui-color-g-glass-bluish-bg-2: #25427acc;
    --ui-color-g-glass-bluish-bg-3: #224a7dcc;
    --ui-color-g-glass-bluish-stroke: #1587fa29;
    --ui-color-g-glass-grey-bg-1: #404040b8;
    --ui-color-g-glass-grey-bg-2: #0a0a0ab8;
    --ui-color-g-glass-grey-bg-3: #5a5a5ab8;
    --ui-color-g-glass-grey-stroke: #2a2a2aa3;
    --ui-color-g-glass-pink-bg-1: #eb689ec7;
    --ui-color-g-glass-pink-bg-2: #c92f6fd1;
    --ui-color-g-glass-pink-bg-3: #ff9cccbd;
    --ui-color-g-glass-pink-stroke: #00000029;
    --ui-color-g-glass-orange-bg-1: #ff9800c7;
    --ui-color-g-glass-orange-bg-2: #d06a0cd1;
    --ui-color-g-glass-orange-bg-3: #ffd27cbd;
    --ui-color-g-glass-orange-stroke: #00000029;
    --ui-color-white-base: #fff;
    --ui-color-blue-09: #fff;
    --ui-color-blue-10: #f4fcfe;
    --ui-color-blue-15: #ecfafe;
    --ui-color-blue-20: #e5f9ff;
    --ui-color-blue-25: #d3f4ff;
    --ui-color-blue-30: #c3f0ff;
    --ui-color-blue-35: #fff;
    --ui-color-blue-40: #7fdefc;
    --ui-color-blue-50: #2fc6f6;
    --ui-color-blue-55: #fff;
    --ui-color-blue-57: #fff;
    --ui-color-blue-60: #11a9d9;
    --ui-color-blue-70: #008dba;
    --ui-color-blue-80: #00789e;
    --ui-color-blue-90: #006484;
    --ui-color-blue-95: #004f69;
    --ui-color-green-02: #fff;
    --ui-color-green-04: #fff;
    --ui-color-green-06: #fff;
    --ui-color-green-08: #fff;
    --ui-color-green-09: #fff;
    --ui-color-green-10: #fafded;
    --ui-color-green-15: #f5fcde;
    --ui-color-green-20: #f1fbd0;
    --ui-color-green-25: #faf6c3;
    --ui-color-green-30: #e2f1b3;
    --ui-color-green-35: #cfe780;
    --ui-color-green-40: #bbde4d;
    --ui-color-green-50: #9dcf00;
    --ui-color-green-55: #95c500;
    --ui-color-green-60: #8dbb00;
    --ui-color-green-70: #7fa800;
    --ui-color-green-80: #688800;
    --ui-color-green-90: #506900;
    --ui-color-green-95: #3d4f00;
    --ui-color-orange-04: #fff;
    --ui-color-orange-06: #fff;
    --ui-color-orange-08: #fff;
    --ui-color-orange-10: #fffaf0;
    --ui-color-orange-15: #fff5e3;
    --ui-color-orange-20: #fff1d6;
    --ui-color-orange-25: #ffe9be;
    --ui-color-orange-30: #ffe1a6;
    --ui-color-orange-40: #ffc34d;
    --ui-color-orange-50: #ffa900;
    --ui-color-orange-60: #e89b06;
    --ui-color-orange-70: #c48300;
    --ui-color-orange-80: #9f6a00;
    --ui-color-orange-90: #7a5100;
    --ui-color-orange-95: #614000;
    --ui-color-red-02: #fff;
    --ui-color-red-04: #fff;
    --ui-color-red-06: #fff;
    --ui-color-red-08: #fff;
    --ui-color-red-10: #fff8f8;
    --ui-color-red-15: #fff0f0;
    --ui-color-red-20: #ffe8e8;
    --ui-color-red-25: #ffdcdb;
    --ui-color-red-30: #ffcdcc;
    --ui-color-red-40: #ff9a97;
    --ui-color-red-45: #ff7c78;
    --ui-color-red-50: #ff5752;
    --ui-color-red-60: #f4433e;
    --ui-color-red-70: #e92f2a;
    --ui-color-red-80: #c21b16;
    --ui-color-red-90: #9a0703;
    --ui-color-red-95: #800602;
    --ui-color-red-solid: #f0371b;
    --ui-color-gray-01: #fcfdfe;
    --ui-color-gray-02: #f8fafb;
    --ui-color-gray-03: #f5f7f8;
    --ui-color-gray-04: #f1f4f6;
    --ui-color-gray-05: #eef2f4;
    --ui-color-gray-10: #edeef0;
    --ui-color-gray-15: #e6e7e9;
    --ui-color-gray-20: #dfe0e3;
    --ui-color-gray-30: #d5d7db;
    --ui-color-gray-35: #c9ccd0;
    --ui-color-gray-40: #bdc1c6;
    --ui-color-gray-50: #a8adb4;
    --ui-color-gray-60: #959ca4;
    --ui-color-gray-70: #828b95;
    --ui-color-gray-80: #6a737f;
    --ui-color-gray-90: #525c69;
    --ui-color-beige-base: #fdfae1;
    --ui-color-g-plastic-bluish-bg: #0a3163;
    --ui-color-g-plastic-bluish-stroke: #0c4281;
    --ui-color-g-plastic-greish-bg: #363636;
    --ui-color-g-plastic-greish-stroke: #636363;
    --ui-color-g-plastic-white-bg: #2a2a2a;
    --ui-color-g-plastic-white-stroke: #535353;
    --ui-color-design-disabled-bg: var(--ui-color-base-7);
    --ui-color-design-disabled-bg-alt: #262626ad;
    --ui-color-design-disabled-stroke: var(--ui-color-base-7);
    --ui-design-disabled-stroke-weight: 0px;
    --ui-color-design-disabled-content: var(--ui-color-base-5);
    --ui-color-design-disabled-content-icon: var(--ui-color-base-5);
    --ui-color-design-disabled-content-chevron: var(--ui-color-base-5);
    --ui-color-design-disabled-content-divider: var(--ui-color-base-6);
    --ui-color-design-filled-boost-bg-gradient-1: #f9be74;
    --ui-color-design-filled-boost-bg-gradient-2: #fb7595;
    --ui-color-design-filled-boost-bg-gradient-3: #b55cce;
    --ui-color-design-filled-boost-stroke: #b55cce;
    --ui-design-filled-boost-stroke-weight: 0px;
    --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-divider: #ffffff3d;
    --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-boost-stroke: var(--ui-color-base-7);
    --ui-design-outline-boost-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-outline-boost-content: var(--ui-color-base-2);
    --ui-color-design-outline-boost-content-label: var(--ui-color-base-3);
    --ui-color-design-outline-boost-content-icon-gradient-1: #f9be74;
    --ui-color-design-outline-boost-content-icon-gradient-2: #fb7595;
    --ui-color-design-outline-boost-content-icon-gradient-3: #b55cce;
    --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-2);
    --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7);
    --ui-color-design-filled-market-bg-gradient-1: #b5ed0a;
    --ui-color-design-filled-market-bg-gradient-2: #30c6f6;
    --ui-color-design-filled-market-bg-gradient-3: #4479e0;
    --ui-color-design-filled-market-stroke: #4479e0;
    --ui-design-filled-market-stroke-weight: 0px;
    --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-divider: #ffffff3d;
  }

  .edge-light {
    --air-theme-bg-image-blurred: none;
    --air-theme-bg-image: none;
    --air-theme-bg-position: 0 0;
    --air-theme-bg-size: auto;
    --air-theme-bg-repeat: repeat;
    --air-theme-bg-attachment: scroll;
    --air-theme-bg-color: #eef2f4;
  }

  .edge-light.--inner {
    --air-theme-bg-color: var(--ui-color-bg-content-light);
  }

  .edge-light {
    --b24ui-typography-legend-color: var(--ui-color-design-plain-na-content);
    --b24ui-typography-label-color: var(--ui-color-design-plain-content);
    --b24ui-typography-description-color: var(--ui-color-design-plain-na-content);
    --b24ui-icon-color: var(--ui-color-base-5);
    --b24ui-icon-color-hover: var(--ui-color-base-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .edge-light {
      --b24ui-icon-color-hover: color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
    }
  }

  .edge-light {
    --ui-color-base-0: #000;
    --ui-color-base-1: #000;
    --ui-color-base-2: #000000bf;
    --ui-color-base-3: #000000a6;
    --ui-color-base-4: #0000008c;
    --ui-color-base-5: #00000073;
    --ui-color-base-6: #00000059;
    --ui-color-base-7: #00000040;
    --ui-color-base-8: #00000026;
    --ui-color-base-black-fixed: #000;
    --ui-color-base-white-fixed: #fff;
    --ui-color-bg-content-primary: #0000000f;
    --ui-color-divider-accent: #0000000f;
    --ui-color-divider-default: #0000000a;
    --ui-color-divider-less: #00000008;
    --ui-color-divider-vibrant-accent-more: #0000001a;
    --ui-color-divider-vibrant-accent: #00000014;
    --ui-color-divider-vibrant-default: #0000000d;
    --ui-color-divider-vibrant-less: #00000008;
    --ui-color-divider-vibrant-accent-more-alt: #0000001a;
    --ui-color-divider-vibrant-accent-alt: #00000017;
    --ui-color-divider-vibrant-default-alt: #0000000f;
    --ui-color-divider-vibrant-less-alt: #0000000a;
    --ui-color-divider-optical-1: #0000;
    --ui-color-divider-optical-1-alt: #0000;
    --ui-color-divider-optical-2: #fff0;
    --ui-divider-optical-1-weight: var(--ui-border-width-thin);
    --ui-divider-optical-2-weight: var(--ui-border-width-thin);
    --ui-color-divider-optical-on-overlay: #00000014;
    --ui-color-bg-content-secondary: #0000000a;
    --ui-divider-optical-on-overlay-weight: var(--ui-border-width-thin);
    --ui-color-bg-content-tertiary: #00000005;
    --ui-color-bg-vibrant-accent: #0003;
    --ui-color-bg-state-hover-default-hex: #000;
    --ui-color-bg-state-hover-default-opacity: 3%;
    --ui-color-bg-state-hover-default: #00000008;
    --ui-color-bg-state-click-default-hex: #000;
    --ui-color-bg-state-click-default-opacity: 6%;
    --ui-color-bg-state-click-default: #0000000f;
    --ui-color-bg-state-hover-alt-hex: #fff;
    --ui-color-bg-state-hover-alt-opacity: 7%;
    --ui-color-bg-state-hover-alt: #ffffff12;
    --ui-color-bg-state-click-alt-hex: #fff;
    --ui-color-bg-state-click-alt-opacity: 14%;
    --ui-color-bg-state-click-alt: #ffffff24;
    --ui-color-bg-state-hover-default-overlay-hex: #000;
    --ui-color-bg-state-hover-default-overlay-opacity: 20%;
    --ui-color-bg-state-hover-default-overlay: #0003;
    --ui-color-bg-state-click-default-overlay-hex: #000;
    --ui-color-bg-state-click-default-overlay-opacity: 32%;
    --ui-color-bg-state-click-default-overlay: #00000052;
    --ui-color-bg-state-hover-alt-overlay-hex: #fff;
    --ui-color-bg-state-hover-alt-overlay-opacity: 35%;
    --ui-color-bg-state-hover-alt-overlay: #ffffff59;
    --ui-color-bg-state-click-alt-overlay-hex: #fff;
    --ui-color-bg-state-click-alt-overlay-opacity: 50%;
    --ui-color-bg-state-click-alt-overlay: #ffffff80;
    --ui-color-bg-vibrant-default: #00000029;
    --ui-color-bg-vibrant-less: #0000001f;
    --ui-color-bg-vibrant-less-more: #00000014;
    --ui-color-bg-content-inapp: #00428f;
    --ui-color-bg-content-primary-layer: #292929;
    --ui-color-bg-content-light: #eee;
    --ui-bg-blur-content: var(--ui-bg-blur-default);
    --ui-bg-blur-vibrant: var(--ui-bg-blur-accent);
    --ui-color-accent-main-primary: #1587fa;
    --ui-color-design-filled-bg: var(--ui-color-accent-main-primary);
    --ui-color-design-filled-stroke: #0000002e;
    --ui-design-filled-stroke-weight: 1px;
    --ui-color-design-filled-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-secondary: #ffffffb3;
    --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-icon-secondary: #b4dfff;
    --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-divider: #ffffff14;
    --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success);
    --ui-color-design-filled-success-stroke: #00000014;
    --ui-design-filled-success-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-divider: #ffffff1f;
    --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert);
    --ui-color-design-filled-alert-stroke: #00000014;
    --ui-design-filled-alert-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-secondary: #ffffffb3;
    --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25);
    --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-divider: #ffffff1f;
    --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning);
    --ui-color-design-filled-black-bg: var(--ui-color-base-2);
    --ui-color-design-filled-black-stroke: #00000014;
    --ui-design-filled-black-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-divider: #ffffff1f;
    --ui-color-design-filled-warning-stroke: #00000014;
    --ui-design-filled-warning-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-divider: #ffffff1f;
    --ui-color-design-filled-na-bg: var(--ui-color-base-4);
    --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
    --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
    --ui-color-design-filled-copilot-stroke: #00000014;
    --ui-design-filled-copilot-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-divider: #ffffff1f;
    --ui-color-design-filled-na-stroke: #00000014;
    --ui-color-design-filled-na-stroke-secondary: #00000014;
    --ui-design-filled-na-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-divider: #ffffff1f;
    --ui-color-design-tinted-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-a1-bg: #0000001a;
    --ui-color-design-tinted-a1-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-a1-stroke-weight: 0px;
    --ui-color-design-tinted-a1-content: var(--ui-color-base-0);
    --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-a1-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-success-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-success-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-success-stroke-weight: 0px;
    --ui-color-design-tinted-success-content: var(--ui-color-base-0);
    --ui-color-design-tinted-success-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-success-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-success-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-bg-alt: #0000001a;
    --ui-color-design-tinted-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-stroke-weight: 0px;
    --ui-color-design-tinted-content: var(--ui-color-base-0);
    --ui-color-design-tinted-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-content-icon-secondary: var(--ui-color-base-4);
    --ui-color-design-tinted-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-alert-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-alert-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-alert-stroke-weight: 0px;
    --ui-color-design-tinted-alert-content: var(--ui-color-base-0);
    --ui-color-design-tinted-alert-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-alert-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-alert-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-warning-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-warning-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-warning-stroke-weight: 0px;
    --ui-color-design-tinted-warning-content: var(--ui-color-base-0);
    --ui-color-design-tinted-warning-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-warning-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-warning-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-na-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-na-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-na-stroke-weight: 0px;
    --ui-color-design-tinted-na-content: var(--ui-color-base-0);
    --ui-color-design-tinted-na-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-a1-bg: var(--ui-color-base-8);
    --ui-color-design-outline-a1-stroke: var(--ui-color-base-6);
    --ui-design-outline-a1-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-outline-a1-content: var(--ui-color-base-0);
    --ui-color-design-outline-a1-content-icon: var(--ui-color-base-0);
    --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-0);
    --ui-color-design-outline-a1-content-divider: var(--ui-color-base-8);
    --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-a2-stroke: var(--ui-color-base-7);
    --ui-design-outline-a2-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-a2-content: var(--ui-color-base-0);
    --ui-color-design-outline-a2-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-a2-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-a2-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-stroke: var(--ui-color-base-7);
    --ui-design-outline-success-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-success-content: var(--ui-color-base-0);
    --ui-color-design-outline-success-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-success-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-success-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-alert-stroke: var(--ui-color-base-7);
    --ui-design-outline-alert-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-alert-content: var(--ui-color-base-0);
    --ui-color-design-outline-alert-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-alert-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-alert-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-secondary);
    --ui-color-design-outline-stroke: #00000014;
    --ui-design-outline-stroke-weight: 0px;
    --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-content: var(--ui-color-base-0);
    --ui-color-design-outline-content-secondary: var(--ui-color-base-5);
    --ui-color-design-outline-content-label: var(--ui-color-base-2);
    --ui-color-design-outline-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-content-icon-alt: var(--ui-color-base-1);
    --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-3);
    --ui-color-design-outline-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-focused-stroke: var(--ui-color-base-6);
    --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-warning-stroke: var(--ui-color-base-7);
    --ui-design-outline-warning-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-warning-content: var(--ui-color-base-0);
    --ui-color-design-outline-warning-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-warning-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-warning-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-copilot-stroke: var(--ui-color-base-7);
    --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-copilot-content: var(--ui-color-base-0);
    --ui-color-design-outline-copilot-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-copilot-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-copilot-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-na-bg-alt: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-na-stroke: #0000;
    --ui-design-outline-na-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-na-content: var(--ui-color-base-5);
    --ui-color-design-outline-na-content-icon: var(--ui-color-base-5);
    --ui-color-design-outline-na-content-chevron: var(--ui-color-base-5);
    --ui-color-design-outline-na-content-divider: var(--ui-color-base-8);
    --ui-color-design-plain-a-bg: #0000;
    --ui-color-design-plain-a-stroke: #0000;
    --ui-design-plain-a-stroke-weight: 0px;
    --ui-color-design-plain-a-content: var(--ui-color-base-0);
    --ui-color-design-plain-a-content-icon: var(--ui-color-base-1);
    --ui-color-design-plain-a-content-chevron: var(--ui-color-base-1);
    --ui-color-design-plain-a-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-bg: #0000;
    --ui-color-design-plain-stroke: #0000;
    --ui-design-plain-stroke-weight: 0px;
    --ui-color-design-plain-content: var(--ui-color-base-0);
    --ui-color-design-plain-content-icon: var(--ui-color-base-1);
    --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-3);
    --ui-color-design-plain-content-chevron: var(--ui-color-base-1);
    --ui-color-design-plain-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-na-bg: #0000;
    --ui-color-design-plain-na-stroke: #0000;
    --ui-design-plain-na-stroke-weight: 0px;
    --ui-color-design-plain-na-content: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-secondary: var(--ui-color-base-6);
    --ui-color-design-plain-na-content-icon: var(--ui-color-base-5);
    --ui-color-design-plain-na-content-chevron: var(--ui-color-base-5);
    --ui-color-design-plain-na-content-divider: var(--ui-color-base-8);
    --ui-color-design-plain-na-focused-bg: #00000014;
    --ui-color-design-selection-bg: #0000001f;
    --ui-color-design-selection-stroke: #0000;
    --ui-design-selection-stroke-weight: 0px;
    --ui-color-design-selection-content: var(--ui-color-base-0);
    --ui-color-design-plain-na-focused-stroke: #00000014;
    --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-selection-content-icon: var(--ui-color-base-0);
    --ui-color-design-selection-content-icon-secondary: var(--ui-color-base-2);
    --ui-color-design-selection-content-chevron: var(--ui-color-base-0);
    --ui-color-design-plain-na-focused-content: var(--ui-color-base-1);
    --ui-color-design-selection-content-divider: var(--ui-color-base-7);
    --ui-color-design-selection-focused-bg: #00000026;
    --ui-color-accent-main-primary-alt: #1b79e6;
    --ui-color-accent-main-primary-alt-2: #2a94ff;
    --ui-color-accent-main-success: #1cae6a;
    --ui-color-accent-main-success-alt: #00904d;
    --ui-color-accent-main-success-alt-2: #008648;
    --ui-color-accent-main-link: #0045a5;
    --ui-color-accent-main-link-underline: #0045a54d;
    --ui-color-accent-main-warning: #f2a100;
    --ui-color-accent-main-alert: #f2473d;
    --ui-color-accent-soft-blue-1: #0e294b;
    --ui-color-accent-soft-blue-2: #062040;
    --ui-color-accent-soft-blue-3: #1a2a33;
    --ui-color-accent-soft-green-1: #0a4c2e;
    --ui-color-accent-soft-green-2: #052717;
    --ui-color-accent-soft-green-3: #041b10;
    --ui-color-accent-soft-orange-1: #5e3f00;
    --ui-color-accent-soft-orange-2: #302000;
    --ui-color-accent-soft-orange-3: #211600;
    --ui-color-accent-soft-red-1: #5e1c18;
    --ui-color-accent-soft-red-2: #300e0c;
    --ui-color-accent-soft-red-3: #210a08;
    --ui-color-accent-soft-grey-1: #272727;
    --ui-color-accent-soft-grey-2: #272727;
    --ui-color-accent-soft-violet-1: #3e2156;
    --ui-color-accent-soft-violet-2: #20112c;
    --ui-color-accent-soft-violet-3: #160c1e;
    --ui-color-accent-soft-element-blue: #0056bf;
    --ui-color-accent-soft-element-green: #06a35a;
    --ui-color-accent-soft-element-orange: #976500;
    --ui-color-accent-soft-element-red: #b81a15;
    --ui-color-accent-soft-element-violet: #a859e9;
    --ui-color-accent-soft-border-blue: #2d61a3;
    --ui-color-accent-soft-border-red: #a0403a;
    --ui-color-accent-soft-border-green: #187249;
    --ui-color-accent-brand-blue: #1181b1;
    --ui-color-accent-brand-green: #779e00;
    --ui-color-accent-extra-orange: #e0911d;
    --ui-color-accent-extra-aqua: #34bbcd;
    --ui-color-accent-extra-pink: #ec5996;
    --ui-color-accent-extra-grass: #22ac43;
    --ui-color-accent-extra-brown: #af8b35;
    --ui-color-accent-extra-darkblue: #0091e3;
    --ui-color-copilot-bg-content-1-alt: #271149;
    --ui-color-copilot-bg-content-1: #271149;
    --ui-color-copilot-bg-content-2: #3e1a75;
    --ui-color-copilot-bg-content-3: #51219a;
    --ui-color-copilot-accent-less-1: #7037c9;
    --ui-color-copilot-accent-less-2: #8052c5;
    --ui-color-copilot-accent-primary: #a161ff;
    --ui-color-copilot-accent-primary-alt: #6625c6;
    --ui-color-copilot-element-1: #cdc1e0;
    --ui-color-copilot-element-2: #ddd6e7;
    --ui-color-collab-bg-content-1: #182b12;
    --ui-color-collab-bg-content-2: #1e3617;
    --ui-color-collab-bg-content-3: #366829;
    --ui-color-collab-accent-less-1: #8cef73;
    --ui-color-collab-accent-less-2: #6be860;
    --ui-color-collab-accent-primary: #55ef7b;
    --ui-color-collab-accent-primary-alt: #76fd97;
    --ui-color-collab-element-1: #a0ffb7;
    --ui-color-collab-element-2: #cef6d7;
    --ui-color-black-solid: #000;
    --ui-tech-grid-sep-op: 5px;
    --ui-color-tech-push: #00000014;
    --ui-color-tech-focus: #0000000d;
    --ui-color-tech-opacity: #fff0;
    --ui-color-tech-bg-picture-tint: #0000003d;
    --ui-color-tech-dark-fixes: #383838;
    --ui-color-blue-02: #fff;
    --ui-color-blue-04: #fff;
    --ui-color-black-base: #333;
    --ui-color-blue-06: #fff;
    --ui-color-blue-08: #fff;
    --ui-color-g-content-glass-1: #ffffffe6;
    --ui-color-g-content-glass-2: #ffffffb3;
    --ui-color-g-content-glass-3: #fff6;
    --ui-color-g-content-glass-grey-1: #878787;
    --ui-color-g-content-glass-grey-2: #707070;
    --ui-color-g-content-glass-grey-3: #707070;
    --ui-color-g-content-black: #fff;
    --ui-color-g-content-grey-1: #ababab;
    --ui-color-g-content-grey-2: #696969;
    --ui-color-g-content-grey-3: #3c3c3c;
    --ui-color-g-content-grey-4: #363636;
    --ui-color-g-content-blue-1: #1587fa;
    --ui-color-g-content-blue-2: #035fcf;
    --ui-color-g-content-blue-3: #064795;
    --ui-color-g-glass-green-bg-1: #1bce7bc7;
    --ui-color-g-glass-green-bg-2: #008648c7;
    --ui-color-g-glass-green-bg-3: #2cd586c7;
    --ui-color-g-glass-green-stroke: #ffffff24;
    --ui-color-g-glass-collab-bg-1: #26b94ac7;
    --ui-color-g-glass-collab-bg-2: #109d33d1;
    --ui-color-g-glass-collab-bg-3: #5fcf7abd;
    --ui-color-g-glass-collab-stroke: #ffffff24;
    --ui-color-g-glass-copilot-bg-1: #602db7cc;
    --ui-color-g-glass-copilot-bg-2: #6d42afcc;
    --ui-color-g-glass-copilot-bg-3: #725897cc;
    --ui-color-g-glass-copilot-stroke: #00000029;
    --ui-color-g-glass-blue-bg-1: #1b79e6c7;
    --ui-color-g-glass-blue-bg-2: #0044aac7;
    --ui-color-g-glass-blue-bg-3: #3dadffc7;
    --ui-color-g-glass-blue-stroke: #ffffff24;
    --ui-color-g-glass-bluish-bg-1: #0a3163cc;
    --ui-color-g-glass-bluish-bg-2: #25427acc;
    --ui-color-g-glass-bluish-bg-3: #224a7dcc;
    --ui-color-g-glass-bluish-stroke: #1587fa29;
    --ui-color-g-glass-grey-bg-1: #404040b8;
    --ui-color-g-glass-grey-bg-2: #0a0a0ab8;
    --ui-color-g-glass-grey-bg-3: #5a5a5ab8;
    --ui-color-g-glass-grey-stroke: #2a2a2aa3;
    --ui-color-g-glass-pink-bg-1: #eb689ec7;
    --ui-color-g-glass-pink-bg-2: #c92f6fd1;
    --ui-color-g-glass-pink-bg-3: #ff9cccbd;
    --ui-color-g-glass-pink-stroke: #ffffff24;
    --ui-color-g-glass-orange-bg-1: #ff9800c7;
    --ui-color-g-glass-orange-bg-2: #d06a0cd1;
    --ui-color-g-glass-orange-bg-3: #ffd27cbd;
    --ui-color-g-glass-orange-stroke: #ffffff24;
    --ui-color-white-base: #fff;
    --ui-color-blue-09: #fff;
    --ui-color-blue-10: #f4fcfe;
    --ui-color-blue-15: #ecfafe;
    --ui-color-blue-20: #e5f9ff;
    --ui-color-blue-25: #d3f4ff;
    --ui-color-blue-30: #c3f0ff;
    --ui-color-blue-35: #fff;
    --ui-color-blue-40: #7fdefc;
    --ui-color-blue-50: #2fc6f6;
    --ui-color-blue-55: #fff;
    --ui-color-blue-57: #fff;
    --ui-color-blue-60: #11a9d9;
    --ui-color-blue-70: #008dba;
    --ui-color-blue-80: #00789e;
    --ui-color-blue-90: #006484;
    --ui-color-blue-95: #004f69;
    --ui-color-green-02: #fff;
    --ui-color-green-04: #fff;
    --ui-color-green-06: #fff;
    --ui-color-green-08: #fff;
    --ui-color-green-09: #fff;
    --ui-color-green-10: #fafded;
    --ui-color-green-15: #f5fcde;
    --ui-color-green-20: #f1fbd0;
    --ui-color-green-25: #faf6c3;
    --ui-color-green-30: #e2f1b3;
    --ui-color-green-35: #cfe780;
    --ui-color-green-40: #bbde4d;
    --ui-color-green-50: #9dcf00;
    --ui-color-green-55: #95c500;
    --ui-color-green-60: #8dbb00;
    --ui-color-green-70: #7fa800;
    --ui-color-green-80: #688800;
    --ui-color-green-90: #506900;
    --ui-color-green-95: #3d4f00;
    --ui-color-orange-04: #fff;
    --ui-color-orange-06: #fff;
    --ui-color-orange-08: #fff;
    --ui-color-orange-10: #fffaf0;
    --ui-color-orange-15: #fff5e3;
    --ui-color-orange-20: #fff1d6;
    --ui-color-orange-25: #ffe9be;
    --ui-color-orange-30: #ffe1a6;
    --ui-color-orange-40: #ffc34d;
    --ui-color-orange-50: #ffa900;
    --ui-color-orange-60: #e89b06;
    --ui-color-orange-70: #c48300;
    --ui-color-orange-80: #9f6a00;
    --ui-color-orange-90: #7a5100;
    --ui-color-orange-95: #614000;
    --ui-color-red-02: #fff;
    --ui-color-red-04: #fff;
    --ui-color-red-06: #fff;
    --ui-color-red-08: #fff;
    --ui-color-red-10: #fff8f8;
    --ui-color-red-15: #fff0f0;
    --ui-color-red-20: #ffe8e8;
    --ui-color-red-25: #ffdcdb;
    --ui-color-red-30: #ffcdcc;
    --ui-color-red-40: #ff9a97;
    --ui-color-red-45: #ff7c78;
    --ui-color-red-50: #ff5752;
    --ui-color-red-60: #f4433e;
    --ui-color-red-70: #e92f2a;
    --ui-color-red-80: #c21b16;
    --ui-color-red-90: #9a0703;
    --ui-color-red-95: #800602;
    --ui-color-red-solid: #f0371b;
    --ui-color-gray-01: #fcfdfe;
    --ui-color-gray-02: #f8fafb;
    --ui-color-gray-03: #f5f7f8;
    --ui-color-gray-04: #f1f4f6;
    --ui-color-gray-05: #eef2f4;
    --ui-color-gray-10: #edeef0;
    --ui-color-gray-15: #e6e7e9;
    --ui-color-gray-20: #dfe0e3;
    --ui-color-gray-30: #d5d7db;
    --ui-color-gray-35: #c9ccd0;
    --ui-color-gray-40: #bdc1c6;
    --ui-color-gray-50: #a8adb4;
    --ui-color-gray-60: #959ca4;
    --ui-color-gray-70: #828b95;
    --ui-color-gray-80: #6a737f;
    --ui-color-gray-90: #525c69;
    --ui-color-beige-base: #fdfae1;
    --ui-color-g-plastic-bluish-bg: #0a3163;
    --ui-color-g-plastic-bluish-stroke: #0c4281;
    --ui-color-g-plastic-greish-bg: #363636;
    --ui-color-g-plastic-greish-stroke: #636363;
    --ui-color-g-plastic-white-bg: #2a2a2a;
    --ui-color-g-plastic-white-stroke: #535353;
    --ui-color-design-disabled-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-disabled-bg-alt: var(--ui-color-bg-content-primary);
    --ui-color-design-disabled-stroke: var(--ui-color-bg-content-primary);
    --ui-design-disabled-stroke-weight: 0px;
    --ui-color-design-disabled-content: var(--ui-color-base-7);
    --ui-color-design-disabled-content-icon: var(--ui-color-base-7);
    --ui-color-design-disabled-content-chevron: var(--ui-color-base-7);
    --ui-color-design-disabled-content-divider: var(--ui-color-base-8);
    --ui-color-design-filled-boost-bg-gradient-1: #f9be74;
    --ui-color-design-filled-boost-bg-gradient-2: #fb7595;
    --ui-color-design-filled-boost-bg-gradient-3: #b55cce;
    --ui-color-design-filled-boost-stroke: #b55cce;
    --ui-design-filled-boost-stroke-weight: 0px;
    --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-divider: #ffffff14;
    --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-boost-stroke: #00000014;
    --ui-design-outline-boost-stroke-weight: 0px;
    --ui-color-design-outline-boost-content: var(--ui-color-base-0);
    --ui-color-design-outline-boost-content-label: var(--ui-color-base-2);
    --ui-color-design-outline-boost-content-icon-gradient-1: #f9be74;
    --ui-color-design-outline-boost-content-icon-gradient-2: #fb7595;
    --ui-color-design-outline-boost-content-icon-gradient-3: #b55cce;
    --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7);
    --ui-color-design-filled-market-bg-gradient-1: #b5ed0a;
    --ui-color-design-filled-market-bg-gradient-2: #30c6f6;
    --ui-color-design-filled-market-bg-gradient-3: #4479e0;
    --ui-color-design-filled-market-stroke: #4479e0;
    --ui-design-filled-market-stroke-weight: 0px;
    --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-divider: #ffffff14;
  }

  .edge-dark {
    --air-theme-bg-image-blurred: none;
    --air-theme-bg-image: none;
    --air-theme-bg-position: 0 0;
    --air-theme-bg-size: auto;
    --air-theme-bg-repeat: repeat;
    --air-theme-bg-attachment: scroll;
    --air-theme-bg-color: #545d6b;
  }

  .edge-dark.--inner {
    --air-theme-bg-color: var(--ui-color-bg-content-light);
  }

  .edge-dark {
    --b24ui-typography-legend-color: var(--ui-color-design-plain-na-content);
    --b24ui-typography-label-color: var(--ui-color-design-plain-content);
    --b24ui-typography-description-color: var(--ui-color-design-plain-na-content);
    --b24ui-icon-color: var(--ui-color-base-5);
    --b24ui-icon-color-hover: var(--ui-color-base-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .edge-dark {
      --b24ui-icon-color-hover: color-mix(in srgb,var(--ui-color-base-5) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
    }
  }

  .edge-dark {
    --ui-color-base-0: #fff;
    --ui-color-base-1: #fff;
    --ui-color-base-2: #fffc;
    --ui-color-base-3: #ffffffb3;
    --ui-color-base-4: #fff9;
    --ui-color-base-5: #ffffff80;
    --ui-color-base-6: #fff6;
    --ui-color-base-7: #ffffff4d;
    --ui-color-base-8: #fff3;
    --ui-color-base-black-fixed: #000;
    --ui-color-base-white-fixed: #fff;
    --ui-color-bg-content-primary: #ffffff29;
    --ui-color-divider-accent: #ffffff14;
    --ui-color-divider-default: #ffffff0f;
    --ui-color-divider-less: #ffffff0a;
    --ui-color-divider-vibrant-accent-more: #ffffff26;
    --ui-color-divider-vibrant-accent: #ffffff1f;
    --ui-color-divider-vibrant-default: #ffffff14;
    --ui-color-divider-vibrant-less: #ffffff0d;
    --ui-color-divider-vibrant-accent-more-alt: #ffffff26;
    --ui-color-divider-vibrant-accent-alt: #ffffff17;
    --ui-color-divider-vibrant-default-alt: #ffffff0f;
    --ui-color-divider-vibrant-less-alt: #ffffff0a;
    --ui-color-divider-optical-1: #0000;
    --ui-color-divider-optical-1-alt: #0000;
    --ui-color-divider-optical-2: #0000;
    --ui-divider-optical-1-weight: var(--ui-border-width-thin);
    --ui-divider-optical-2-weight: var(--ui-border-width-thick);
    --ui-color-divider-optical-on-overlay: #ffffff1f;
    --ui-color-bg-content-secondary: #ffffff1f;
    --ui-divider-optical-on-overlay-weight: var(--ui-border-width-thin);
    --ui-color-bg-content-tertiary: #ffffff14;
    --ui-color-bg-vibrant-accent: #ffffff3d;
    --ui-color-bg-state-hover-default-hex: #fff;
    --ui-color-bg-state-hover-default-opacity: 7%;
    --ui-color-bg-state-hover-default: #ffffff12;
    --ui-color-bg-state-click-default-hex: #fff;
    --ui-color-bg-state-click-default-opacity: 14%;
    --ui-color-bg-state-click-default: #ffffff24;
    --ui-color-bg-state-hover-alt-hex: #fff;
    --ui-color-bg-state-hover-alt-opacity: 7%;
    --ui-color-bg-state-hover-alt: #ffffff12;
    --ui-color-bg-state-click-alt-hex: #fff;
    --ui-color-bg-state-click-alt-opacity: 14%;
    --ui-color-bg-state-click-alt: #ffffff24;
    --ui-color-bg-state-hover-default-overlay-hex: #fff;
    --ui-color-bg-state-hover-default-overlay-opacity: 20%;
    --ui-color-bg-state-hover-default-overlay: #fff3;
    --ui-color-bg-state-click-default-overlay-hex: #fff;
    --ui-color-bg-state-click-default-overlay-opacity: 32%;
    --ui-color-bg-state-click-default-overlay: #ffffff52;
    --ui-color-bg-state-hover-alt-overlay-hex: #fff;
    --ui-color-bg-state-hover-alt-overlay-opacity: 35%;
    --ui-color-bg-state-hover-alt-overlay: #ffffff59;
    --ui-color-bg-state-click-alt-overlay-hex: #fff;
    --ui-color-bg-state-click-alt-overlay-opacity: 50%;
    --ui-color-bg-state-click-alt-overlay: #ffffff80;
    --ui-color-bg-vibrant-default: #fff3;
    --ui-color-bg-vibrant-less: #ffffff24;
    --ui-color-bg-vibrant-less-more: #ffffff1f;
    --ui-color-bg-content-inapp: #00428f;
    --ui-color-bg-content-primary-layer: #fff;
    --ui-color-bg-content-light: #eee;
    --ui-bg-blur-content: var(--ui-bg-blur-default);
    --ui-bg-blur-vibrant: var(--ui-bg-blur-accent-more);
    --ui-color-accent-main-primary: #1587fa;
    --ui-color-design-filled-bg: var(--ui-color-accent-main-primary);
    --ui-color-design-filled-stroke: #ffffff3d;
    --ui-design-filled-stroke-weight: 1px;
    --ui-color-design-filled-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-secondary: #ffffffb3;
    --ui-color-design-filled-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-icon-secondary: #b4dfff;
    --ui-color-design-filled-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-content-divider: #ffffff1a;
    --ui-color-design-filled-success-bg: var(--ui-color-accent-main-success);
    --ui-color-design-filled-success-stroke: #ffffff24;
    --ui-design-filled-success-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-success-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-success-content-divider: #ffffff29;
    --ui-color-design-filled-alert-bg: var(--ui-color-accent-main-alert);
    --ui-color-design-filled-alert-stroke: #ffffff24;
    --ui-design-filled-alert-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-alert-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-secondary: #ffffffb3;
    --ui-color-design-filled-alert-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-icon-secondary: var(--ui-color-red-25);
    --ui-color-design-filled-alert-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-alert-content-divider: #ffffff29;
    --ui-color-design-filled-warning-bg: var(--ui-color-accent-main-warning);
    --ui-color-design-filled-black-bg: var(--ui-color-base-2);
    --ui-color-design-filled-black-stroke: #ffffff24;
    --ui-design-filled-black-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-black-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-black-content-divider: #ffffff29;
    --ui-color-design-filled-warning-stroke: #ffffff24;
    --ui-design-filled-warning-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-warning-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-warning-content-divider: #ffffff29;
    --ui-color-design-filled-na-bg: var(--ui-color-base-4);
    --ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
    --ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
    --ui-color-design-filled-copilot-stroke: #ffffff24;
    --ui-design-filled-copilot-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-copilot-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-copilot-content-divider: #ffffff29;
    --ui-color-design-filled-na-stroke: #ffffff24;
    --ui-color-design-filled-na-stroke-secondary: #ffffff24;
    --ui-design-filled-na-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-filled-na-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-na-content-divider: #ffffff29;
    --ui-color-design-tinted-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-a1-bg: #ffffff26;
    --ui-color-design-tinted-a1-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-a1-stroke-weight: 0px;
    --ui-color-design-tinted-a1-content: var(--ui-color-base-0);
    --ui-color-design-tinted-a1-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-a1-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-a1-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-success-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-success-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-success-stroke-weight: 0px;
    --ui-color-design-tinted-success-content: var(--ui-color-base-0);
    --ui-color-design-tinted-success-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-success-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-success-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-bg-alt: #ffffff26;
    --ui-color-design-tinted-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-stroke-weight: 0px;
    --ui-color-design-tinted-content: var(--ui-color-base-0);
    --ui-color-design-tinted-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-content-icon-secondary: var(--ui-color-base-4);
    --ui-color-design-tinted-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-alert-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-alert-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-alert-stroke-weight: 0px;
    --ui-color-design-tinted-alert-content: var(--ui-color-base-0);
    --ui-color-design-tinted-alert-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-alert-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-alert-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-warning-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-warning-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-warning-stroke-weight: 0px;
    --ui-color-design-tinted-warning-content: var(--ui-color-base-0);
    --ui-color-design-tinted-warning-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-warning-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-warning-content-divider: var(--ui-color-base-7);
    --ui-color-design-tinted-na-bg: var(--ui-color-base-8);
    --ui-color-design-tinted-na-stroke: var(--ui-color-base-white-fixed);
    --ui-design-tinted-na-stroke-weight: 0px;
    --ui-color-design-tinted-na-content: var(--ui-color-base-0);
    --ui-color-design-tinted-na-content-icon: var(--ui-color-base-0);
    --ui-color-design-tinted-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-tinted-na-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-a1-bg: var(--ui-color-base-7);
    --ui-color-design-outline-a1-stroke: var(--ui-color-base-4);
    --ui-design-outline-a1-stroke-weight: var(--ui-border-width-thin);
    --ui-color-design-outline-a1-content: var(--ui-color-base-0);
    --ui-color-design-outline-a1-content-icon: var(--ui-color-base-0);
    --ui-color-design-outline-a1-content-chevron: var(--ui-color-base-0);
    --ui-color-design-outline-a1-content-divider: var(--ui-color-base-8);
    --ui-color-design-outline-a2-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-a2-stroke: var(--ui-color-base-7);
    --ui-design-outline-a2-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-a2-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-a2-content: var(--ui-color-base-0);
    --ui-color-design-outline-a2-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-a2-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-a2-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-success-stroke: var(--ui-color-base-7);
    --ui-design-outline-success-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-success-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-success-content: var(--ui-color-base-0);
    --ui-color-design-outline-success-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-success-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-success-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-alert-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-alert-stroke: var(--ui-color-base-7);
    --ui-design-outline-alert-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-alert-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-alert-content: var(--ui-color-base-0);
    --ui-color-design-outline-alert-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-alert-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-alert-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-bg-alt: var(--ui-color-bg-content-secondary);
    --ui-color-design-outline-stroke: #ffffff24;
    --ui-design-outline-stroke-weight: 0px;
    --ui-design-outline-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-content: var(--ui-color-base-0);
    --ui-color-design-outline-content-secondary: var(--ui-color-base-5);
    --ui-color-design-outline-content-label: var(--ui-color-base-2);
    --ui-color-design-outline-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-content-icon-alt: var(--ui-color-base-1);
    --ui-color-design-outline-content-icon-secondary: var(--ui-color-base-3);
    --ui-color-design-outline-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-focused-stroke: var(--ui-color-base-6);
    --ui-color-design-outline-warning-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-warning-stroke: var(--ui-color-base-7);
    --ui-design-outline-warning-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-warning-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-warning-content: var(--ui-color-base-0);
    --ui-color-design-outline-warning-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-warning-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-warning-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-copilot-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-copilot-stroke: var(--ui-color-base-7);
    --ui-design-outline-copilot-stroke-weight: var(--ui-border-width-thin);
    --ui-design-outline-copilot-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-copilot-content: var(--ui-color-base-0);
    --ui-color-design-outline-copilot-content-icon: var(--ui-color-base-1);
    --ui-color-design-outline-copilot-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-copilot-content-divider: var(--ui-color-base-7);
    --ui-color-design-outline-na-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-na-bg-alt: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-na-stroke: #fff0;
    --ui-design-outline-na-stroke-weight: var(--ui-border-width-medium);
    --ui-design-outline-na-stroke-weight-alt: var(--ui-border-width-thin);
    --ui-color-design-outline-na-content: var(--ui-color-base-3);
    --ui-color-design-outline-na-content-icon: var(--ui-color-base-4);
    --ui-color-design-outline-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-outline-na-content-divider: var(--ui-color-base-8);
    --ui-color-design-plain-a-bg: #fff0;
    --ui-color-design-plain-a-stroke: #fff0;
    --ui-design-plain-a-stroke-weight: 0px;
    --ui-color-design-plain-a-content: var(--ui-color-base-0);
    --ui-color-design-plain-a-content-icon: var(--ui-color-base-1);
    --ui-color-design-plain-a-content-chevron: var(--ui-color-base-1);
    --ui-color-design-plain-a-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-bg: #fff0;
    --ui-color-design-plain-stroke: #fff0;
    --ui-design-plain-stroke-weight: 0px;
    --ui-color-design-plain-content: var(--ui-color-base-0);
    --ui-color-design-plain-content-icon: var(--ui-color-base-1);
    --ui-color-design-plain-content-icon-secondary: var(--ui-color-base-3);
    --ui-color-design-plain-content-chevron: var(--ui-color-base-1);
    --ui-color-design-plain-content-divider: var(--ui-color-base-7);
    --ui-color-design-plain-na-bg: #fff0;
    --ui-color-design-plain-na-stroke: #fff0;
    --ui-design-plain-na-stroke-weight: 0px;
    --ui-color-design-plain-na-content: var(--ui-color-base-3);
    --ui-color-design-plain-na-content-secondary: var(--ui-color-base-5);
    --ui-color-design-plain-na-content-icon: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-chevron: var(--ui-color-base-4);
    --ui-color-design-plain-na-content-divider: var(--ui-color-base-8);
    --ui-color-design-plain-na-focused-bg: #ffffff1f;
    --ui-color-design-selection-bg: #ffffff4d;
    --ui-color-design-selection-stroke: #fff0;
    --ui-design-selection-stroke-weight: 0px;
    --ui-color-design-selection-content: var(--ui-color-base-0);
    --ui-color-design-plain-na-focused-stroke: #ffffff1f;
    --ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
    --ui-color-design-selection-content-icon: var(--ui-color-base-0);
    --ui-color-design-selection-content-icon-secondary: var(--ui-color-base-2);
    --ui-color-design-selection-content-chevron: var(--ui-color-base-0);
    --ui-color-design-plain-na-focused-content: var(--ui-color-base-1);
    --ui-color-design-selection-content-divider: var(--ui-color-base-7);
    --ui-color-design-selection-focused-bg: #ffffff57;
    --ui-color-accent-main-primary-alt: #1b79e6;
    --ui-color-accent-main-primary-alt-2: #7ab7ff;
    --ui-color-accent-main-success: #1cae6a;
    --ui-color-accent-main-success-alt: #00904d;
    --ui-color-accent-main-success-alt-2: #008648;
    --ui-color-accent-main-link: #bad7ff;
    --ui-color-accent-main-link-underline: #bad7ff4d;
    --ui-color-accent-main-warning: #f2a100;
    --ui-color-accent-main-alert: #f2473d;
    --ui-color-accent-soft-blue-1: #0e294b;
    --ui-color-accent-soft-blue-2: #062040;
    --ui-color-accent-soft-blue-3: #1a2a33;
    --ui-color-accent-soft-green-1: #0a4c2e;
    --ui-color-accent-soft-green-2: #052717;
    --ui-color-accent-soft-green-3: #041b10;
    --ui-color-accent-soft-orange-1: #5e3f00;
    --ui-color-accent-soft-orange-2: #302000;
    --ui-color-accent-soft-orange-3: #211600;
    --ui-color-accent-soft-red-1: #5e1c18;
    --ui-color-accent-soft-red-2: #300e0c;
    --ui-color-accent-soft-red-3: #210a08;
    --ui-color-accent-soft-grey-1: #272727;
    --ui-color-accent-soft-grey-2: #272727;
    --ui-color-accent-soft-violet-1: #3e2156;
    --ui-color-accent-soft-violet-2: #20112c;
    --ui-color-accent-soft-violet-3: #160c1e;
    --ui-color-accent-soft-element-blue: #0056bf;
    --ui-color-accent-soft-element-green: #06a35a;
    --ui-color-accent-soft-element-orange: #976500;
    --ui-color-accent-soft-element-red: #b81a15;
    --ui-color-accent-soft-element-violet: #a859e9;
    --ui-color-accent-soft-border-blue: #2d61a3;
    --ui-color-accent-soft-border-red: #a0403a;
    --ui-color-accent-soft-border-green: #187249;
    --ui-color-accent-brand-blue: #1181b1;
    --ui-color-accent-brand-green: #779e00;
    --ui-color-accent-extra-orange: #e0911d;
    --ui-color-accent-extra-aqua: #34bbcd;
    --ui-color-accent-extra-pink: #ec5996;
    --ui-color-accent-extra-grass: #22ac43;
    --ui-color-accent-extra-brown: #af8b35;
    --ui-color-accent-extra-darkblue: #0091e3;
    --ui-color-copilot-bg-content-1-alt: #271149;
    --ui-color-copilot-bg-content-1: #271149;
    --ui-color-copilot-bg-content-2: #3e1a75;
    --ui-color-copilot-bg-content-3: #51219a;
    --ui-color-copilot-accent-less-1: #7037c9;
    --ui-color-copilot-accent-less-2: #8052c5;
    --ui-color-copilot-accent-primary: #a161ff;
    --ui-color-copilot-accent-primary-alt: #6625c6;
    --ui-color-copilot-element-1: #cdc1e0;
    --ui-color-copilot-element-2: #ddd6e7;
    --ui-color-collab-bg-content-1: #182b12;
    --ui-color-collab-bg-content-2: #1e3617;
    --ui-color-collab-bg-content-3: #366829;
    --ui-color-collab-accent-less-1: #8cef73;
    --ui-color-collab-accent-less-2: #6be860;
    --ui-color-collab-accent-primary: #55ef7b;
    --ui-color-collab-accent-primary-alt: #76fd97;
    --ui-color-collab-element-1: #a0ffb7;
    --ui-color-collab-element-2: #cef6d7;
    --ui-color-black-solid: #000;
    --ui-tech-grid-sep-op: 5px;
    --ui-color-tech-push: #00000014;
    --ui-color-tech-focus: #0000000d;
    --ui-color-tech-opacity: #fff0;
    --ui-color-tech-bg-picture-tint: #0000003d;
    --ui-color-tech-dark-fixes: #383838;
    --ui-color-blue-02: #fff;
    --ui-color-blue-04: #fff;
    --ui-color-black-base: #333;
    --ui-color-blue-06: #fff;
    --ui-color-blue-08: #fff;
    --ui-color-g-content-glass-1: #ffffffe6;
    --ui-color-g-content-glass-2: #ffffffb3;
    --ui-color-g-content-glass-3: #fff6;
    --ui-color-g-content-glass-grey-1: #878787;
    --ui-color-g-content-glass-grey-2: #707070;
    --ui-color-g-content-glass-grey-3: #707070;
    --ui-color-g-content-black: #fff;
    --ui-color-g-content-grey-1: #ababab;
    --ui-color-g-content-grey-2: #696969;
    --ui-color-g-content-grey-3: #3c3c3c;
    --ui-color-g-content-grey-4: #363636;
    --ui-color-g-content-blue-1: #1587fa;
    --ui-color-g-content-blue-2: #035fcf;
    --ui-color-g-content-blue-3: #064795;
    --ui-color-g-glass-green-bg-1: #1bce7bc7;
    --ui-color-g-glass-green-bg-2: #008648c7;
    --ui-color-g-glass-green-bg-3: #2cd586c7;
    --ui-color-g-glass-green-stroke: #ffffff24;
    --ui-color-g-glass-collab-bg-1: #26b94ac7;
    --ui-color-g-glass-collab-bg-2: #109d33d1;
    --ui-color-g-glass-collab-bg-3: #5fcf7abd;
    --ui-color-g-glass-collab-stroke: #ffffff24;
    --ui-color-g-glass-copilot-bg-1: #602db7cc;
    --ui-color-g-glass-copilot-bg-2: #6d42afcc;
    --ui-color-g-glass-copilot-bg-3: #725897cc;
    --ui-color-g-glass-copilot-stroke: #00000029;
    --ui-color-g-glass-blue-bg-1: #1b79e6c7;
    --ui-color-g-glass-blue-bg-2: #0044aac7;
    --ui-color-g-glass-blue-bg-3: #3dadffc7;
    --ui-color-g-glass-blue-stroke: #ffffff24;
    --ui-color-g-glass-bluish-bg-1: #0a3163cc;
    --ui-color-g-glass-bluish-bg-2: #25427acc;
    --ui-color-g-glass-bluish-bg-3: #224a7dcc;
    --ui-color-g-glass-bluish-stroke: #1587fa29;
    --ui-color-g-glass-grey-bg-1: #404040b8;
    --ui-color-g-glass-grey-bg-2: #0a0a0ab8;
    --ui-color-g-glass-grey-bg-3: #5a5a5ab8;
    --ui-color-g-glass-grey-stroke: #2a2a2aa3;
    --ui-color-g-glass-pink-bg-1: #eb689ec7;
    --ui-color-g-glass-pink-bg-2: #c92f6fd1;
    --ui-color-g-glass-pink-bg-3: #ff9cccbd;
    --ui-color-g-glass-pink-stroke: #ffffff24;
    --ui-color-g-glass-orange-bg-1: #ff9800c7;
    --ui-color-g-glass-orange-bg-2: #d06a0cd1;
    --ui-color-g-glass-orange-bg-3: #ffd27cbd;
    --ui-color-g-glass-orange-stroke: #ffffff24;
    --ui-color-white-base: #fff;
    --ui-color-blue-09: #fff;
    --ui-color-blue-10: #f4fcfe;
    --ui-color-blue-15: #ecfafe;
    --ui-color-blue-20: #e5f9ff;
    --ui-color-blue-25: #d3f4ff;
    --ui-color-blue-30: #c3f0ff;
    --ui-color-blue-35: #fff;
    --ui-color-blue-40: #7fdefc;
    --ui-color-blue-50: #2fc6f6;
    --ui-color-blue-55: #fff;
    --ui-color-blue-57: #fff;
    --ui-color-blue-60: #11a9d9;
    --ui-color-blue-70: #008dba;
    --ui-color-blue-80: #00789e;
    --ui-color-blue-90: #006484;
    --ui-color-blue-95: #004f69;
    --ui-color-green-02: #fff;
    --ui-color-green-04: #fff;
    --ui-color-green-06: #fff;
    --ui-color-green-08: #fff;
    --ui-color-green-09: #fff;
    --ui-color-green-10: #fafded;
    --ui-color-green-15: #f5fcde;
    --ui-color-green-20: #f1fbd0;
    --ui-color-green-25: #faf6c3;
    --ui-color-green-30: #e2f1b3;
    --ui-color-green-35: #cfe780;
    --ui-color-green-40: #bbde4d;
    --ui-color-green-50: #9dcf00;
    --ui-color-green-55: #95c500;
    --ui-color-green-60: #8dbb00;
    --ui-color-green-70: #7fa800;
    --ui-color-green-80: #688800;
    --ui-color-green-90: #506900;
    --ui-color-green-95: #3d4f00;
    --ui-color-orange-04: #fff;
    --ui-color-orange-06: #fff;
    --ui-color-orange-08: #fff;
    --ui-color-orange-10: #fffaf0;
    --ui-color-orange-15: #fff5e3;
    --ui-color-orange-20: #fff1d6;
    --ui-color-orange-25: #ffe9be;
    --ui-color-orange-30: #ffe1a6;
    --ui-color-orange-40: #ffc34d;
    --ui-color-orange-50: #ffa900;
    --ui-color-orange-60: #e89b06;
    --ui-color-orange-70: #c48300;
    --ui-color-orange-80: #9f6a00;
    --ui-color-orange-90: #7a5100;
    --ui-color-orange-95: #614000;
    --ui-color-red-02: #fff;
    --ui-color-red-04: #fff;
    --ui-color-red-06: #fff;
    --ui-color-red-08: #fff;
    --ui-color-red-10: #fff8f8;
    --ui-color-red-15: #fff0f0;
    --ui-color-red-20: #ffe8e8;
    --ui-color-red-25: #ffdcdb;
    --ui-color-red-30: #ffcdcc;
    --ui-color-red-40: #ff9a97;
    --ui-color-red-45: #ff7c78;
    --ui-color-red-50: #ff5752;
    --ui-color-red-60: #f4433e;
    --ui-color-red-70: #e92f2a;
    --ui-color-red-80: #c21b16;
    --ui-color-red-90: #9a0703;
    --ui-color-red-95: #800602;
    --ui-color-red-solid: #f0371b;
    --ui-color-gray-01: #fcfdfe;
    --ui-color-gray-02: #f8fafb;
    --ui-color-gray-03: #f5f7f8;
    --ui-color-gray-04: #f1f4f6;
    --ui-color-gray-05: #eef2f4;
    --ui-color-gray-10: #edeef0;
    --ui-color-gray-15: #e6e7e9;
    --ui-color-gray-20: #dfe0e3;
    --ui-color-gray-30: #d5d7db;
    --ui-color-gray-35: #c9ccd0;
    --ui-color-gray-40: #bdc1c6;
    --ui-color-gray-50: #a8adb4;
    --ui-color-gray-60: #959ca4;
    --ui-color-gray-70: #828b95;
    --ui-color-gray-80: #6a737f;
    --ui-color-gray-90: #525c69;
    --ui-color-beige-base: #fdfae1;
    --ui-color-g-plastic-bluish-bg: #0a3163;
    --ui-color-g-plastic-bluish-stroke: #0c4281;
    --ui-color-g-plastic-greish-bg: #363636;
    --ui-color-g-plastic-greish-stroke: #636363;
    --ui-color-g-plastic-white-bg: #2a2a2a;
    --ui-color-g-plastic-white-stroke: #535353;
    --ui-color-design-disabled-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-disabled-bg-alt: var(--ui-color-bg-content-primary);
    --ui-color-design-disabled-stroke: var(--ui-color-bg-content-primary);
    --ui-design-disabled-stroke-weight: 0px;
    --ui-color-design-disabled-content: var(--ui-color-base-7);
    --ui-color-design-disabled-content-icon: var(--ui-color-base-7);
    --ui-color-design-disabled-content-chevron: var(--ui-color-base-7);
    --ui-color-design-disabled-content-divider: var(--ui-color-base-8);
    --ui-color-design-filled-boost-bg-gradient-1: #f9be74;
    --ui-color-design-filled-boost-bg-gradient-2: #fb7595;
    --ui-color-design-filled-boost-bg-gradient-3: #b55cce;
    --ui-color-design-filled-boost-stroke: #b55cce;
    --ui-design-filled-boost-stroke-weight: 0px;
    --ui-color-design-filled-boost-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-boost-content-divider: #ffffff1a;
    --ui-color-design-outline-boost-bg: var(--ui-color-bg-content-primary);
    --ui-color-design-outline-boost-stroke: #ffffff24;
    --ui-design-outline-boost-stroke-weight: 0px;
    --ui-color-design-outline-boost-content: var(--ui-color-base-0);
    --ui-color-design-outline-boost-content-label: var(--ui-color-base-2);
    --ui-color-design-outline-boost-content-icon-gradient-1: #f9be74;
    --ui-color-design-outline-boost-content-icon-gradient-2: #fb7595;
    --ui-color-design-outline-boost-content-icon-gradient-3: #b55cce;
    --ui-color-design-outline-boost-content-chevron: var(--ui-color-base-1);
    --ui-color-design-outline-boost-content-divider: var(--ui-color-base-7);
    --ui-color-design-filled-market-bg-gradient-1: #b5ed0a;
    --ui-color-design-filled-market-bg-gradient-2: #30c6f6;
    --ui-color-design-filled-market-bg-gradient-3: #4479e0;
    --ui-color-design-filled-market-stroke: #4479e0;
    --ui-design-filled-market-stroke-weight: 0px;
    --ui-color-design-filled-market-content: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-icon: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-chevron: var(--ui-color-base-white-fixed);
    --ui-color-design-filled-market-content-divider: #ffffff1a;
  }

  [data-platform="bitrix-mobile"]:is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), [data-platform="bitrix-mobile"]:is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --air-theme-bg-color: var(--ui-color-base-white-fixed);
  }

  [data-platform="bitrix-mobile"]:is(.dark, :where(.b24-toast)), [data-platform="bitrix-mobile"]:is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --air-theme-bg-color: #111;
  }

  [data-platform="bitrix-mobile"].edge-light {
    --ui-color-base-0: #000;
    --ui-color-base-1: #000;
  }

  [data-platform="bitrix-mobile"].edge-dark {
    --ui-color-base-0: #fff;
    --ui-color-base-1: #fff;
  }

  [data-platform="bitrix-desktop"]:is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), [data-platform="bitrix-desktop"]:is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --ui-color-base-0: #000;
    --ui-color-base-1: #333;
  }

  [data-platform="bitrix-desktop"]:is(.dark, :where(.b24-toast)), [data-platform="bitrix-desktop"]:is(.dark, :where(.b24-toast)) :is(.base-mode, :where(.b24-select .b24-select__content, .b24-dropdown, .b24-context-menu, .b24-popover, .b24-nav .b24-nav__viewport, .b24-modal .b24-modal__content, .b24-slideover .b24-slideover__content, .b24-slideover .b24-slideover__footer, .b24-drawer .b24-drawer__content, .b24-select-menu .b24-select-menu__content, .b24-input-menu .b24-input-menu__content, .b24-editor-suggestion-menu, .b24-editor-mention-menu, .b24-editor-emoji-menu)) {
    --ui-color-base-0: #fff;
    --ui-color-base-1: #f8f8f8;
  }

  [data-platform="bitrix-desktop"].edge-light {
    --ui-color-base-0: #000;
    --ui-color-base-1: #000;
  }

  [data-platform="bitrix-desktop"].edge-dark {
    --ui-color-base-0: #fff;
    --ui-color-base-1: #fff;
  }

  :host, :root {
    --ui-bg-blur-accent-more: blur(48px);
    --ui-bg-blur-accent: blur(24px);
    --ui-bg-blur-default: blur(12px);
    --ui-bg-blur-less: blur(6px);
    --ui-bg-blur-less-more: blur(2px);
    --ui-bg-blur-none: none;
    --ui-box-shadow-contrast-default-x: 0px;
    --ui-box-shadow-contrast-default-y: 1px;
    --ui-box-shadow-contrast-default-blur: blur(2px);
    --ui-box-shadow-contrast-default-spread: 0px;
    --ui-color-box-shadow-contrast-default-color: #0000001a;
    --ui-box-shadow-contrast-accent-x: 0px;
    --ui-box-shadow-contrast-accent-y: 1px;
    --ui-box-shadow-contrast-accent-blur: blur(2px);
    --ui-box-shadow-contrast-accent-spread: 0px;
    --ui-color-box-shadow-contrast-accent-color: #00000026;
    --ui-box-shadow-graphic-glass-content-default-x: 0px;
    --ui-box-shadow-graphic-glass-content-default-y: 4px;
    --ui-box-shadow-graphic-glass-content-default-blur: blur(10px);
    --ui-box-shadow-graphic-glass-content-default-spread: 0px;
    --ui-color-box-shadow-graphic-glass-content-default-color: #0000000d;
    --ui-letter-spacing-2xl: .75px;
    --ui-letter-spacing-xl: .65px;
    --ui-letter-spacing-l: -.05px;
    --ui-letter-spacing-m: -.1px;
    --ui-letter-spacing-s: -.2px;
    --ui-letter-spacing-xs: -.35px;
    --ui-border-width-thin: 1px;
    --ui-border-width-medium: 1.5px;
    --ui-border-width-thick: 2px;
  }

  :host, :root, body {
    --mib-radius: var(--ui-border-radius-md);
    --ui-btn-radius: var(--ui-border-radius-2xs);
    --ui-alert-border-radius: var(--ui-border-radius-md);
    --ui-field-border-radius: var(--ui-border-radius-2xs);
    --main-grid-border-radius: var(--ui-border-radius-md);
    --ui-form-section-border-radius: var(--ui-border-radius-md);
    --ui-form-collapse-block-border-radius: var(--ui-border-radius-sm);
    --ui-font-family-primary: var(--ui-font-family-system);
    --ui-font-family-secondary: var(--ui-font-family-system);
  }

  :host, :root {
    --spacing: .25rem;
    --content-area-shift: 22px;
  }

  .--ui-reset-bg-blur {
    --ui-bg-blur-content: none;
    --ui-bg-blur-vibrant: none;
    --ui-bg-blur-accent-more: none;
    --ui-bg-blur-accent: none;
    --ui-bg-blur-default: none;
    --ui-bg-blur-less: none;
    --ui-bg-blur-less-more: none;
    --ui-bg-blur-none: none;
  }

  .--ui-hoverable, .--ui-hoverable-alt, .--ui-hoverable-overlay, .--ui-hoverable-overlay-alt {
    --ui-color: inherit;
    --ui-color-hover: unset;
    --ui-color-active: unset;
  }

  .--ui-hoverable {
    --ui-color-hover: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable {
      --ui-color-hover: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  .--ui-hoverable {
    --ui-color-active: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable {
      --ui-color-active: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  .--ui-hoverable-alt {
    --ui-color-hover: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable-alt {
      --ui-color-hover: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-alt-hex) var(--ui-color-bg-state-hover-alt-opacity));
    }
  }

  .--ui-hoverable-alt {
    --ui-color-active: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable-alt {
      --ui-color-active: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-alt-hex) var(--ui-color-bg-state-click-alt-opacity));
    }
  }

  .--ui-hoverable-overlay {
    --ui-color-hover: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable-overlay {
      --ui-color-hover: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));
    }
  }

  .--ui-hoverable-overlay {
    --ui-color-active: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable-overlay {
      --ui-color-active: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity));
    }
  }

  .--ui-hoverable-overlay-alt {
    --ui-color-hover: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable-overlay-alt {
      --ui-color-hover: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity));
    }
  }

  .--ui-hoverable-overlay-alt {
    --ui-color-active: var(--ui-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .--ui-hoverable-overlay-alt {
      --ui-color-active: color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity));
    }
  }

  :host, :root {
    --popup-window-box-shadow: 0 8px 17px 0 #00000036;
    --menu-popup-padding: 10px;
    --popup-window-delimiter-section-height: 33px;
    --b24ui-header-height: 3.625rem;
    --b24ui-container-width: 90rem;
  }
}

@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  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:where(:not(iframe)) {
    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: #0000;
    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: #0000;
    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: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

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

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

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

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

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

  a:focus-visible {
    outline-offset: 0;
  }

  .air-custom-bg, .sidebar-layout.--inner, body {
    --air-theme-background: var(--air-theme-bg-image, none) var(--air-theme-bg-position, 0 0) /var(--air-theme-bg-size, auto) var(--air-theme-bg-repeat, repeat) var(--air-theme-bg-attachment, scroll) var(--air-theme-bg-color, transparent);
    --air-theme-background-blurred: var(--air-theme-bg-image-blurred, none) var(--air-theme-bg-position, 0 0) /var(--air-theme-bg-size, auto) var(--air-theme-bg-repeat, repeat) var(--air-theme-bg-attachment, scroll);
  }

  body {
    scrollbar-gutter: stable;
    background: var(--air-theme-background);
    font-family: var(--ui-font-family-system);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color-scheme: light;
  }

  body:where(.dark, .dark *) {
    color-scheme: dark;
  }

  body:where(.edge-dark, .edge-dark *), body:where(.edge-light, .edge-light *) {
    color-scheme: light;
  }

  .b24-dropdown[popover], .b24-popover[popover], .b24-context-menu[popover] {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .b24-dropdown__item, .b24-context-menu__item {
    font: inherit;
    background: none;
    border: 0;
  }

  .b24-tooltip[popover] {
    border-width: 0;
    margin: 0;
  }

  .b24-table-wrapper > table > :is(thead, tbody, tfoot) > tr > th {
    text-align: inherit;
  }

  .edge-dark {
    --air-theme-bg-image: url("assets/bg/dawn-harmony-blurred.webp");
    --air-theme-bg-image-blurred: url("assets/bg/dawn-harmony-blurred-blurred.webp");
    --air-theme-bg-position: 0 0;
    --air-theme-bg-size: cover;
    --air-theme-bg-repeat: no-repeat;
    --air-theme-bg-attachment: fixed;
    --air-theme-bg-color: #325ab3;
  }
}

@layer components {
  :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
    --b24ui-background: var(--ui-color-design-filled-bg);
    --b24ui-border-color: var(--ui-color-design-filled-stroke);
    --b24ui-border-width: var(--ui-design-filled-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-filled-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled, :where(.b24-input:is(.b24-input--color-air-primary, :not([class*="b24-input--color-"])) .b24-input__base, .b24-select:is(.b24-select--color-air-primary, :not([class*="b24-select--color-"])) .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary, .b24-textarea:is(.b24-textarea--color-air-primary, :not([class*="b24-textarea--color-"])) .b24-textarea__base, .b24-checkbox:is(.b24-checkbox--color-air-primary, :not([class*="b24-checkbox--color-"])), .b24-badge:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--color-air-primary, .b24-table:is(.b24-table--loading-color-air-primary, :not([class*="b24-table--loading-color-"])), .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary, .b24-avatar.b24-avatar--color-air-primary, .b24-progress:is(.b24-progress--color-air-primary, :not([class*="b24-progress--color-"])), .b24-toast.b24-toast--color-air-primary, .b24-chip.b24-chip--color-air-primary .b24-chip__base, .b24-calendar:is(.b24-calendar--color-air-primary, :not([class*="b24-calendar--color-"])), .b24-switch:is(.b24-switch--color-air-primary, :not([class*="b24-switch--color-"])) .b24-switch__base, .b24-checkbox-group:is(.b24-checkbox-group--color-air-primary, :not([class*="b24-checkbox-group--color-"])) .b24-checkbox-group__item, .b24-radio-group:is(.b24-radio-group--color-air-primary, :not([class*="b24-radio-group--color-"])), .b24-empty.b24-empty--color-air-primary, .b24-input-number:is(.b24-input-number--color-air-primary, :not([class*="b24-input-number--color-"])) .b24-input-number__base, .b24-pin-input:is(.b24-pin-input--color-air-primary, :not([class*="b24-pin-input--color-"])) .b24-pin-input__base, .b24-input-rating:is(.b24-input-rating--color-air-primary, :not([class*="b24-input-rating--color-"])), .b24-range:is(.b24-range--color-air-primary, :not([class*="b24-range--color-"])), .b24-listbox:is(.b24-listbox--color-air-primary, :not([class*="b24-listbox--color-"])), .b24-select-menu:is(.b24-select-menu--color-air-primary, :not([class*="b24-select-menu--color-"])) .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary, :is(.b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--color-air-primary, :not([class*="b24-input-menu--color-"])).b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary, .b24-input-date:is(.b24-input-date--color-air-primary, :not([class*="b24-input-date--color-"])), .b24-input-time:is(.b24-input-time--color-air-primary, :not([class*="b24-input-time--color-"])), .b24-date-time-picker:is(.b24-date-time-picker--color-air-primary, :not([class*="b24-date-time-picker--color-"])), .b24-chat-message.b24-chat-message--color-air-primary, .b24-timeline:is(.b24-timeline--color-air-primary, :not([class*="b24-timeline--color-"])), .b24-banner.b24-banner--color-air-primary, .b24-progress-group .b24-progress-group__segment:is(.b24-progress-group__segment--color-air-primary, :not([class*="b24-progress-group__segment--color-"])), .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])), .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])), .b24-breadcrumb.b24-breadcrumb--color-air-primary, .b24-stepper:is(.b24-stepper--color-air-primary, :not([class*="b24-stepper--color-"])), :is(.b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--color-air-primary, :not([class*="b24-input-tags--color-"])).b24-input-tags__base), .b24-prose-callout:is(.b24-prose-callout--color-air-primary, :not([class*="b24-prose-callout--color-"])), .b24-prose-card:is(.b24-prose-card--color-air-primary, :not([class*="b24-prose-card--color-"])))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
    --b24ui-background: var(--ui-color-design-filled-content);
    --b24ui-border-color: var(--ui-color-design-filled-stroke);
    --b24ui-border-width: 1px;
    --b24ui-icon: var(--ui-color-design-filled-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-filled-bg);
    --b24ui-split-divider-color: var(--ui-color-design-filled-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-inverted, :where(.b24-badge.b24-badge--inverted:is(.b24-badge--color-air-primary, :not([class*="b24-badge--color-"])), .b24-alert.b24-alert--inverted.b24-alert--color-air-primary, .b24-toast:is(.b24-toast--color-air-secondary, :not([class*="b24-toast--color-"])), .b24-chip.b24-chip--inverted.b24-chip--color-air-primary .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
    --b24ui-background: var(--ui-color-design-filled-success-bg);
    --b24ui-border-color: var(--ui-color-design-filled-success-stroke);
    --b24ui-border-width: var(--ui-design-filled-success-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-success-content-icon);
    --b24ui-color: var(--ui-color-design-filled-success-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-success-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success, :where(.b24-input.b24-input--color-air-primary-success .b24-input__base, .b24-select.b24-select--color-air-primary-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-success, .b24-textarea.b24-textarea--color-air-primary-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-success, .b24-badge.b24-badge--color-air-primary-success, .b24-alert.b24-alert--color-air-primary-success, .b24-table.b24-table--loading-color-air-primary-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-success, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-success, .b24-avatar.b24-avatar--color-air-primary-success, .b24-progress.b24-progress--color-air-primary-success, .b24-toast.b24-toast--color-air-primary-success, .b24-chip.b24-chip--color-air-primary-success .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-success, .b24-switch.b24-switch--color-air-primary-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-success, .b24-empty.b24-empty--color-air-primary-success, .b24-input-number.b24-input-number--color-air-primary-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-success .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-success, .b24-range.b24-range--color-air-primary-success, .b24-listbox.b24-listbox--color-air-primary-success, .b24-select-menu.b24-select-menu--color-air-primary-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-success, :is(.b24-input-menu.b24-input-menu--color-air-primary-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-success, .b24-input-date.b24-input-date--color-air-primary-success, .b24-input-time.b24-input-time--color-air-primary-success, .b24-date-time-picker.b24-date-time-picker--color-air-primary-success, .b24-chat-message.b24-chat-message--color-air-primary-success, .b24-timeline.b24-timeline--color-air-primary-success, .b24-banner.b24-banner--color-air-primary-success, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success, .b24-breadcrumb.b24-breadcrumb--color-air-primary-success, .b24-stepper.b24-stepper--color-air-primary-success, :is(.b24-input-tags.b24-input-tags--color-air-primary-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-success.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-success, .b24-prose-card.b24-prose-card--color-air-primary-success)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
    --b24ui-background: var(--ui-color-design-filled-success-content);
    --b24ui-border-color: var(--ui-color-design-filled-success-stroke);
    --b24ui-border-width: 1px;
    --b24ui-icon: var(--ui-color-design-filled-success-content-icon);
    --b24ui-color: var(--ui-color-design-filled-success-bg);
    --b24ui-split-divider-color: var(--ui-color-design-filled-success-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-success-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-success, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-success, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-success .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-success)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
    --b24ui-background: var(--ui-color-design-filled-alert-bg);
    --b24ui-border-color: var(--ui-color-design-filled-alert-stroke);
    --b24ui-border-width: var(--ui-design-filled-success-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-alert-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-filled-alert-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-alert-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)):has([aria-invalid="true"]), :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert))[aria-invalid="true"], [aria-invalid="true"] :is(.style-filled-alert, :where(.b24-input.b24-input--color-air-primary-alert .b24-input__base, .b24-select.b24-select--color-air-primary-alert .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-alert, .b24-textarea.b24-textarea--color-air-primary-alert .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-alert, .b24-badge.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--color-air-primary-alert, .b24-table.b24-table--loading-color-air-primary-alert, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-alert, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-alert, .b24-avatar.b24-avatar--color-air-primary-alert, .b24-progress.b24-progress--color-air-primary-alert, .b24-toast.b24-toast--color-air-primary-alert, .b24-chip:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-alert, .b24-switch.b24-switch--color-air-primary-alert .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-alert .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-alert, .b24-empty.b24-empty--color-air-primary-alert, .b24-input-number.b24-input-number--color-air-primary-alert .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-alert .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-alert, .b24-range.b24-range--color-air-primary-alert, .b24-listbox.b24-listbox--color-air-primary-alert, .b24-select-menu.b24-select-menu--color-air-primary-alert .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-alert, :is(.b24-input-menu.b24-input-menu--color-air-primary-alert .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-alert.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-alert, .b24-input-date.b24-input-date--color-air-primary-alert, .b24-input-time.b24-input-time--color-air-primary-alert, .b24-date-time-picker.b24-date-time-picker--color-air-primary-alert, .b24-chat-message.b24-chat-message--color-air-primary-alert, .b24-timeline.b24-timeline--color-air-primary-alert, .b24-banner:is(.b24-banner--color-air-primary-alert, :not([class*="b24-banner--color-"])), .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-primary-alert, .b24-stepper.b24-stepper--color-air-primary-alert, :is(.b24-input-tags.b24-input-tags--color-air-primary-alert .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-alert.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-alert, .b24-prose-card.b24-prose-card--color-air-primary-alert)) {
    --b24ui-border-color: var(--ui-color-accent-main-alert);
  }

  :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
    --b24ui-background: var(--ui-color-design-filled-alert-content);
    --b24ui-border-color: var(--ui-color-design-filled-alert-stroke);
    --b24ui-border-width: 1px;
    --b24ui-icon: var(--ui-color-design-filled-alert-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-filled-alert-bg);
    --b24ui-split-divider-color: var(--ui-color-design-filled-alert-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-alert-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-alert, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-alert, .b24-chip.b24-chip--inverted:is(.b24-chip--color-air-primary-alert, :not([class*="b24-chip--color-"])) .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-alert)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
    --b24ui-background: var(--ui-color-design-filled-copilot-bg);
    --b24ui-border-color: var(--ui-color-design-filled-copilot-stroke);
    --b24ui-border-width: var(--ui-design-filled-copilot-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-copilot-content-icon);
    --b24ui-color: var(--ui-color-design-filled-copilot-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-copilot-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot, :where(.b24-input.b24-input--color-air-primary-copilot .b24-input__base, .b24-select.b24-select--color-air-primary-copilot .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-copilot, .b24-textarea.b24-textarea--color-air-primary-copilot .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-copilot, .b24-badge.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--color-air-primary-copilot, .b24-table.b24-table--loading-color-air-primary-copilot, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-copilot, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-copilot, .b24-avatar.b24-avatar--color-air-primary-copilot, .b24-progress.b24-progress--color-air-primary-copilot, .b24-toast.b24-toast--color-air-primary-copilot, .b24-chip.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-copilot, .b24-switch.b24-switch--color-air-primary-copilot .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-copilot .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-copilot, .b24-empty.b24-empty--color-air-primary-copilot, .b24-input-number.b24-input-number--color-air-primary-copilot .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-copilot .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-copilot, .b24-range.b24-range--color-air-primary-copilot, .b24-listbox.b24-listbox--color-air-primary-copilot, .b24-select-menu.b24-select-menu--color-air-primary-copilot .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-copilot, :is(.b24-input-menu.b24-input-menu--color-air-primary-copilot .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-copilot.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-copilot, .b24-input-date.b24-input-date--color-air-primary-copilot, .b24-input-time.b24-input-time--color-air-primary-copilot, .b24-date-time-picker.b24-date-time-picker--color-air-primary-copilot, .b24-chat-message.b24-chat-message--color-air-primary-copilot, .b24-timeline.b24-timeline--color-air-primary-copilot, .b24-banner.b24-banner--color-air-primary-copilot, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot, .b24-breadcrumb.b24-breadcrumb--color-air-primary-copilot, .b24-stepper.b24-stepper--color-air-primary-copilot, :is(.b24-input-tags.b24-input-tags--color-air-primary-copilot .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-copilot.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-copilot, .b24-prose-card.b24-prose-card--color-air-primary-copilot)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
    --b24ui-background: var(--ui-color-design-filled-copilot-content);
    --b24ui-border-color: var(--ui-color-design-filled-copilot-stroke);
    --b24ui-border-width: 1px;
    --b24ui-icon: var(--ui-color-design-filled-copilot-stroke);
    --b24ui-color: var(--ui-color-design-filled-copilot-bg);
    --b24ui-split-divider-color: var(--ui-color-design-filled-copilot-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-copilot-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-copilot, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-copilot, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-copilot .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-copilot)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
    --b24ui-background: var(--ui-color-design-filled-warning-bg);
    --b24ui-border-color: var(--ui-color-design-filled-warning-stroke);
    --b24ui-border-width: var(--ui-design-filled-warning-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-warning-content-icon);
    --b24ui-color: var(--ui-color-design-filled-warning-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-warning-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning, :where(.b24-input.b24-input--color-air-primary-warning .b24-input__base, .b24-select.b24-select--color-air-primary-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-air-primary-warning, .b24-textarea.b24-textarea--color-air-primary-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-air-primary-warning, .b24-badge.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--color-air-primary-warning, .b24-table.b24-table--loading-color-air-primary-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-air-primary-warning, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--color-air-primary-warning, .b24-avatar.b24-avatar--color-air-primary-warning, .b24-progress.b24-progress--color-air-primary-warning, .b24-toast.b24-toast--color-air-primary-warning, .b24-chip.b24-chip--color-air-primary-warning .b24-chip__base, .b24-calendar.b24-calendar--color-air-primary-warning, .b24-switch.b24-switch--color-air-primary-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-air-primary-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-air-primary-warning, .b24-empty.b24-empty--color-air-primary-warning, .b24-input-number.b24-input-number--color-air-primary-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-air-primary-warning .b24-pin-input__base, .b24-input-rating.b24-input-rating--color-air-primary-warning, .b24-range.b24-range--color-air-primary-warning, .b24-listbox.b24-listbox--color-air-primary-warning, .b24-select-menu.b24-select-menu--color-air-primary-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-air-primary-warning, :is(.b24-input-menu.b24-input-menu--color-air-primary-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-air-primary-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-air-primary-warning, .b24-input-date.b24-input-date--color-air-primary-warning, .b24-input-time.b24-input-time--color-air-primary-warning, .b24-date-time-picker.b24-date-time-picker--color-air-primary-warning, .b24-chat-message.b24-chat-message--color-air-primary-warning, .b24-timeline.b24-timeline--color-air-primary-warning, .b24-banner.b24-banner--color-air-primary-warning, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning, .b24-breadcrumb.b24-breadcrumb--color-air-primary-warning, .b24-stepper.b24-stepper--color-air-primary-warning, :is(.b24-input-tags.b24-input-tags--color-air-primary-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-air-primary-warning.b24-input-tags__base), .b24-prose-callout.b24-prose-callout--color-air-primary-warning, .b24-prose-card.b24-prose-card--color-air-primary-warning)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
    --b24ui-background: var(--ui-color-design-filled-warning-content);
    --b24ui-border-color: var(--ui-color-design-filled-warning-stroke);
    --b24ui-border-width: 1px;
    --b24ui-icon: var(--ui-color-design-filled-warning-content-icon);
    --b24ui-color: var(--ui-color-design-filled-warning-bg);
    --b24ui-split-divider-color: var(--ui-color-design-filled-warning-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-warning-inverted, :where(.b24-badge.b24-badge--inverted.b24-badge--color-air-primary-warning, .b24-alert.b24-alert--inverted.b24-alert--color-air-primary-warning, .b24-chip.b24-chip--inverted.b24-chip--color-air-primary-warning .b24-chip__base, .b24-empty.b24-empty--inverted.b24-empty--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-primary-warning)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
    --b24ui-background: var(--ui-color-design-filled-na-bg-secondary);
    --b24ui-border-color: transparent;
    --b24ui-border-width: var(--ui-design-filled-na-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-na-content-icon);
    --b24ui-color: var(--ui-color-design-filled-na-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-na-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent, :where(.b24-avatar.b24-avatar--color-air-primary-no-accent, .b24-chip.b24-chip--color-air-secondary-accent .b24-chip__base, .b24-chat-message.b24-chat-message--color-air-primary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-primary-no-accent)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
    --b24ui-background: var(--ui-color-design-filled-na-content);
    --b24ui-border-color: var(--ui-color-design-filled-na-stroke);
    --b24ui-border-width: 1px;
    --b24ui-icon: var(--ui-color-design-filled-na-content-icon);
    --b24ui-color: var(--ui-color-design-filled-na-bg-secondary);
    --b24ui-split-divider-color: var(--ui-color-design-filled-na-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-no-accent-inverted, :where(.b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-background: var(--ui-color-design-filled-black-bg);
    --b24ui-border-color: var(--ui-color-design-filled-black-stroke);
    --b24ui-border-width: var(--ui-design-filled-black-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-black-content-icon);
    --b24ui-color: var(--ui-color-design-filled-black-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-black-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-background: var(--ui-color-bg-content-tertiary);
    --b24ui-border-color: var(--ui-color-bg-vibrant-accent);
    --b24ui-border-width: var(--ui-design-tinted-na-stroke-weight);
    --b24ui-icon: var(--ui-color-design-tinted-na-content-icon);
    --b24ui-color: var(--ui-color-design-tinted-na-content);
    --b24ui-split-divider-color: var(--ui-color-design-tinted-na-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.dark, :where(.b24-toast)) :is(.style-filled-black, :where(.b24-prose-code.b24-prose-code--color-air-tertiary)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  .style-filled-black-inverted {
    --b24ui-background: var(--ui-color-design-filled-black-content);
    --b24ui-border-color: var(--ui-color-design-filled-black-stroke);
    --b24ui-border-width: var(--ui-design-filled-black-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-black-content-icon);
    --b24ui-color: var(--ui-color-design-filled-black-bg);
    --b24ui-split-divider-color: var(--ui-color-design-filled-black-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .style-filled-black-inverted {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  .style-filled-black-inverted {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .style-filled-black-inverted {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  .style-filled-black-inverted {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .style-filled-black-inverted {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  .style-filled-black-inverted {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .style-filled-black-inverted {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
    --b24ui-background: var(--ui-color-design-tinted-bg);
    --b24ui-border-color: var(--ui-color-design-tinted-stroke);
    --b24ui-border-width: var(--ui-design-tinted-stroke-weight);
    --b24ui-icon: var(--ui-color-design-tinted-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-tinted-content);
    --b24ui-split-divider-color: var(--ui-color-design-tinted-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted, :where(.b24-badge.b24-badge--color-air-secondary, .b24-alert.b24-alert--color-air-secondary, .b24-avatar.b24-avatar--color-air-secondary, .b24-progress.b24-progress--color-air-secondary, .b24-empty.b24-empty--color-air-secondary, .b24-chat-message.b24-chat-message--color-air-secondary, .b24-prose-code.b24-prose-code--color-air-primary, .b24-banner.b24-banner--color-air-secondary, .b24-progress-group .b24-progress-group__segment.b24-progress-group__segment--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary, .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary, .b24-file-upload.b24-file-upload--color-air-secondary-accent, .b24-prose-callout.b24-prose-callout--color-air-secondary, .b24-prose-card.b24-prose-card--color-air-secondary)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
    --b24ui-background: var(--ui-color-design-tinted-alert-bg);
    --b24ui-border-color: var(--ui-color-design-tinted-alert-stroke);
    --b24ui-border-width: var(--ui-design-tinted-alert-stroke-weight);
    --b24ui-icon: var(--ui-color-design-tinted-alert-content-icon);
    --b24ui-color: var(--ui-color-design-tinted-alert-content);
    --b24ui-split-divider-color: var(--ui-color-design-tinted-alert-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-alert, :where(.b24-badge.b24-badge--color-air-secondary-alert, .b24-alert.b24-alert--color-air-secondary-alert, .b24-avatar.b24-avatar--color-air-secondary-alert, .b24-empty.b24-empty--color-air-secondary-alert, .b24-chat-message.b24-chat-message--color-air-secondary-alert, .b24-prose-code.b24-prose-code--color-air-primary-alert, .b24-banner.b24-banner--color-air-secondary-alert, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-prose-callout.b24-prose-callout--color-air-secondary-alert, .b24-prose-card.b24-prose-card--color-air-secondary-alert)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
    --b24ui-background: var(--ui-color-design-tinted-success-bg);
    --b24ui-border-color: var(--ui-color-design-tinted-success-stroke);
    --b24ui-border-width: var(--ui-design-tinted-success-stroke-weight);
    --b24ui-icon: var(--ui-color-design-tinted-success-content-icon);
    --b24ui-color: var(--ui-color-design-tinted-success-content);
    --b24ui-split-divider-color: var(--ui-color-design-tinted-success-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-success, :where(.b24-prose-code.b24-prose-code--color-air-primary-success)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
    --b24ui-background: var(--ui-color-design-tinted-warning-bg);
    --b24ui-border-color: var(--ui-color-design-tinted-warning-stroke);
    --b24ui-border-width: var(--ui-design-tinted-warning-stroke-weight);
    --b24ui-icon: var(--ui-color-design-tinted-warning-content-icon);
    --b24ui-color: var(--ui-color-design-tinted-warning-content);
    --b24ui-split-divider-color: var(--ui-color-design-tinted-warning-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-warning, :where(.b24-prose-code.b24-prose-code--color-air-primary-warning)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
    --b24ui-background: var(--ui-color-accent-soft-violet-2);
    --b24ui-border-color: var(--ui-color-accent-soft-violet-2);
    --b24ui-border-width: var(--ui-border-width-medium);
    --b24ui-icon: var(--ui-color-copilot-accent-less-2);
    --b24ui-color: var(--ui-color-copilot-accent-less-2);
    --b24ui-split-divider-color: var(--ui-color-copilot-bg-content-1);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-copilot, :where(.b24-prose-code.b24-prose-code--color-air-primary-copilot)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
    --b24ui-background: var(--ui-color-design-outline-bg);
    --b24ui-border-color: var(--ui-color-design-outline-stroke);
    --b24ui-border-width: var(--ui-design-outline-stroke-weight);
    --b24ui-icon: var(--ui-color-design-outline-content-icon-alt);
    --b24ui-color: var(--ui-color-design-outline-content);
    --b24ui-split-divider-color: var(--ui-color-design-outline-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline, :where(.b24-badge.b24-badge--color-air-secondary-accent, .b24-alert:is(.b24-alert--color-air-secondary-accent, :not([class*="b24-alert--color-"])), .b24-avatar.b24-avatar--color-air-secondary-accent, .b24-kbd:is(.b24-kbd--accent-default, :not([class*="b24-kbd--accent-"])), .b24-empty:is(.b24-empty--color-air-secondary-accent, :not([class*="b24-empty--color-"])), .b24-chat-message.b24-chat-message--color-air-secondary-accent, .b24-banner.b24-banner--color-air-secondary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent, .b24-file-upload.b24-file-upload--color-air-secondary, .b24-prose-callout.b24-prose-callout--color-air-secondary-no-accent, .b24-prose-card.b24-prose-card--color-air-secondary-no-accent)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
    --b24ui-background: var(--ui-color-design-outline-a1-bg);
    --b24ui-border-color: var(--ui-color-design-outline-a1-stroke);
    --b24ui-border-width: var(--ui-design-outline-a1-stroke-weight);
    --b24ui-icon: var(--ui-color-design-outline-a1-content-icon);
    --b24ui-color: var(--ui-color-design-outline-a1-content);
    --b24ui-split-divider-color: var(--ui-color-design-outline-a1-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-1, :where(.b24-badge.b24-badge--color-air-secondary-accent-1, .b24-alert.b24-alert--color-air-secondary-accent-1, .b24-avatar.b24-avatar--color-air-secondary-accent-1, .b24-kbd.b24-kbd--accent-accent, .b24-empty.b24-empty--color-air-secondary-accent-1, .b24-chat-message.b24-chat-message--color-air-secondary-accent-1, .b24-advice, .b24-banner.b24-banner--color-air-secondary-accent-1, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-1, .b24-file-upload.b24-file-upload--color-air-secondary-accent-1, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-1, .b24-prose-card.b24-prose-card--color-air-secondary-accent-1)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
    --b24ui-background: var(--ui-color-design-outline-a2-bg);
    --b24ui-border-color: var(--ui-color-design-outline-a2-stroke);
    --b24ui-border-width: var(--ui-design-outline-a2-stroke-weight);
    --b24ui-icon: var(--ui-color-design-outline-a2-content-icon);
    --b24ui-color: var(--ui-color-design-outline-a2-content);
    --b24ui-split-divider-color: var(--ui-color-design-outline-a2-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-accent-2, :where(.b24-badge.b24-badge--color-air-secondary-accent-2, .b24-tabs, .b24-alert.b24-alert--color-air-secondary-accent-2, .b24-avatar.b24-avatar--color-air-secondary-accent-2, .b24-empty.b24-empty--color-air-secondary-accent-2, .b24-chat-message.b24-chat-message--color-air-secondary-accent-2, .b24-banner.b24-banner--color-air-secondary-accent-2, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-accent-2, .b24-file-upload.b24-file-upload--color-air-secondary-accent-2, .b24-prose-callout.b24-prose-callout--color-air-secondary-accent-2, .b24-prose-card.b24-prose-card--color-air-secondary-accent-2)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
    --b24ui-background: var(--ui-color-design-outline-na-bg);
    --b24ui-border-color: var(--ui-color-design-outline-na-stroke);
    --b24ui-border-width: var(--ui-design-outline-na-stroke-weight);
    --b24ui-icon: var(--ui-color-design-outline-na-content-icon);
    --b24ui-color: var(--ui-color-design-outline-na-content);
    --b24ui-split-divider-color: var(--ui-color-design-outline-na-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-outline-no-accent, :where(.b24-badge.b24-badge--color-air-tertiary, .b24-alert.b24-alert--color-air-tertiary, .b24-avatar:is(.b24-avatar--color-air-secondary-no-accent, :not([class*="b24-avatar--color-"])), .b24-kbd.b24-kbd--accent-less, .b24-chip.b24-chip--color-air-tertiary .b24-chip__base, .b24-empty.b24-empty--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-secondary-no-accent, .b24-banner.b24-banner--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-secondary-no-accent, .b24-file-upload:is(.b24-file-upload--color-air-tertiary, :not([class*="b24-file-upload--color-"])), .b24-prose-callout.b24-prose-callout--color-air-tertiary, .b24-prose-card.b24-prose-card--color-air-tertiary)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
    --b24ui-background: var(--ui-color-design-tinted-na-bg);
    --b24ui-border-color: var(--ui-color-design-outline-na-stroke);
    --b24ui-border-width: var(--ui-design-outline-na-stroke-weight);
    --b24ui-icon: var(--ui-color-design-outline-na-content-icon);
    --b24ui-color: var(--ui-color-design-tinted-na-content);
    --b24ui-split-divider-color: var(--ui-color-design-outline-na-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-tinted-no-accent-1, :where(.b24-chip.b24-chip--color-air-secondary .b24-chip__base, .b24-prose-h2 .b24-prose-h2__leading, .b24-prose-h3 .b24-prose-h3__leading, .b24-prose-h4 .b24-prose-h4__leading, .b24-prose-code:is(.b24-prose-code--color-air-secondary, :not([class*="b24-prose-code--color-"])), .b24-prose-callout.b24-prose-callout--color-air-secondary-accent, .b24-prose-card.b24-prose-card--color-air-secondary-accent)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
    --b24ui-background: var(--ui-color-design-plain-bg);
    --b24ui-border-color: var(--ui-color-design-plain-stroke);
    --b24ui-border-width: var(--ui-design-plain-stroke-weight);
    --b24ui-icon: var(--ui-color-design-plain-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-plain-content);
    --b24ui-split-divider-color: var(--ui-color-design-plain-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain, :where(.b24-avatar.b24-avatar--color-air-tertiary, .b24-chat-message.b24-chat-message--color-air-tertiary, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
    --b24ui-background: var(--ui-color-design-plain-a-bg);
    --b24ui-border-color: var(--ui-color-design-plain-a-stroke);
    --b24ui-border-width: var(--ui-design-plain-a-stroke-weight);
    --b24ui-icon: var(--ui-color-design-plain-a-content-icon);
    --b24ui-color: var(--ui-color-design-plain-a-content);
    --b24ui-split-divider-color: var(--ui-color-design-plain-a-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-accent)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
    --b24ui-background: var(--ui-color-design-plain-na-bg);
    --b24ui-border-color: var(--ui-color-design-plain-na-stroke);
    --b24ui-border-width: var(--ui-design-plain-na-stroke-weight);
    --b24ui-icon: var(--ui-color-design-plain-na-content-icon);
    --b24ui-color: var(--ui-color-design-plain-na-content);
    --b24ui-split-divider-color: var(--ui-color-design-plain-na-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-plain-no-accent, :where(.b24-avatar.b24-avatar--color-air-tertiary-no-accent, .b24-chat-message.b24-chat-message--color-air-tertiary-no-accent, .b24-breadcrumb.b24-breadcrumb--color-air-tertiary-no-accent)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
    --b24ui-background: var(--ui-color-design-selection-bg);
    --b24ui-border-color: var(--ui-color-design-selection-stroke);
    --b24ui-border-width: var(--ui-design-selection-stroke-weight);
    --b24ui-icon: var(--ui-color-design-selection-content-icon-secondary);
    --b24ui-color: var(--ui-color-design-selection-content);
    --b24ui-split-divider-color: var(--ui-color-design-selection-content-divider);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-selection, :where(.b24-badge.b24-badge--color-air-selection, .b24-avatar.b24-avatar--color-air-selection, .b24-chat-message.b24-chat-message--color-air-selection, .b24-breadcrumb:is(.b24-breadcrumb--color-air-selection, :not([class*="b24-breadcrumb--color-"])))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --b24ui-background: var(--ui-color-background-transparent);
    --b24ui-border-color: var(--ui-color-design-filled-boost-stroke);
    --b24ui-border-width: var(--ui-design-filled-boost-stroke-weight);
    --b24ui-icon: var(--ui-color-design-filled-boost-content);
    --b24ui-color: var(--ui-color-design-filled-boost-content);
    --b24ui-split-divider-color: var(--ui-color-design-filled-boost-content-divider);
    --hover-color-1: var(--ui-color-design-filled-boost-bg-gradient-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --hover-color-1: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --hover-color-2: var(--ui-color-design-filled-boost-bg-gradient-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --hover-color-2: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --hover-color-3: var(--ui-color-design-filled-boost-bg-gradient-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --hover-color-3: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --active-color-1: var(--ui-color-design-filled-boost-bg-gradient-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --active-color-1: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --active-color-2: var(--ui-color-design-filled-boost-bg-gradient-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --active-color-2: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --active-color-3: var(--ui-color-design-filled-boost-bg-gradient-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --active-color-3: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --b24ui-background-gradient: radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);
    --b24ui-background-gradient-hover: radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);
    --b24ui-background-gradient-active: radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-filled-boost, :where(.b24-avatar.b24-avatar--color-air-boost, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__header, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__files, .b24-chat-message.b24-chat-message--color-air-boost .b24-chat-message__content)) {
    background: var(--b24ui-background-gradient);
  }

  :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
    --b24ui-background: var(--ui-color-base-20);
    --b24ui-border-color: var(--ui-color-base-20);
    --b24ui-icon: var(--ui-color-base-20);
    --b24ui-color: var(--ui-color-base-80);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-default, :where(.b24-input.b24-input--color-default .b24-input__base, .b24-select.b24-select--color-default .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-default, .b24-textarea.b24-textarea--color-default .b24-textarea__base, .b24-checkbox.b24-checkbox--color-default, .b24-badge.b24-badge--color-default, .b24-alert.b24-alert--color-default, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-default, .b24-progress.b24-progress--color-default, .b24-chip.b24-chip--color-default .b24-chip__base, .b24-calendar.b24-calendar--color-default, .b24-switch.b24-switch--color-default .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-default .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-default, .b24-input-number.b24-input-number--color-default .b24-input-number__base, .b24-pin-input.b24-pin-input--color-default .b24-pin-input__base, .b24-range.b24-range--color-default, .b24-select-menu.b24-select-menu--color-default .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-default, :is(.b24-input-menu.b24-input-menu--color-default .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-default.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-default, .b24-input-date.b24-input-date--color-default, .b24-input-time.b24-input-time--color-default, .b24-prose-code.b24-prose-code--color-default, :is(.b24-input-tags.b24-input-tags--color-default .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-default.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
    --b24ui-background: #f1361a;
    --b24ui-border-color: #f1361a;
    --b24ui-icon: #f1361a;
    --b24ui-color: var(--ui-color-on-primary);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-danger, :where(.b24-input.b24-input--color-danger .b24-input__base, .b24-select.b24-select--color-danger .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-danger, .b24-textarea.b24-textarea--color-danger .b24-textarea__base, .b24-checkbox.b24-checkbox--color-danger, .b24-badge.b24-badge--color-danger, .b24-alert.b24-alert--color-danger, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-danger, .b24-progress.b24-progress--color-danger, .b24-chip.b24-chip--color-danger .b24-chip__base, .b24-calendar.b24-calendar--color-danger, .b24-switch.b24-switch--color-danger .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-danger .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-danger, .b24-input-number.b24-input-number--color-danger .b24-input-number__base, .b24-pin-input.b24-pin-input--color-danger .b24-pin-input__base, .b24-range.b24-range--color-danger, .b24-select-menu.b24-select-menu--color-danger .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-danger, :is(.b24-input-menu.b24-input-menu--color-danger .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-danger.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-danger, .b24-input-date.b24-input-date--color-danger, .b24-input-time.b24-input-time--color-danger, .b24-prose-code.b24-prose-code--color-danger, :is(.b24-input-tags.b24-input-tags--color-danger .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-danger.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
    --b24ui-background: #bbed21;
    --b24ui-border-color: #bbed21;
    --b24ui-icon: #bbed21;
    --b24ui-color: var(--ui-color-base-90);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-success, :where(.b24-input.b24-input--color-success .b24-input__base, .b24-select.b24-select--color-success .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-success, .b24-textarea.b24-textarea--color-success .b24-textarea__base, .b24-checkbox.b24-checkbox--color-success, .b24-badge.b24-badge--color-success, .b24-alert.b24-alert--color-success, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-success, .b24-progress.b24-progress--color-success, .b24-chip.b24-chip--color-success .b24-chip__base, .b24-calendar.b24-calendar--color-success, .b24-switch.b24-switch--color-success .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-success .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-success, .b24-input-number.b24-input-number--color-success .b24-input-number__base, .b24-pin-input.b24-pin-input--color-success .b24-pin-input__base, .b24-range.b24-range--color-success, .b24-select-menu.b24-select-menu--color-success .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-success, :is(.b24-input-menu.b24-input-menu--color-success .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-success.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-success, .b24-input-date.b24-input-date--color-success, .b24-input-time.b24-input-time--color-success, .b24-prose-code.b24-prose-code--color-success, :is(.b24-input-tags.b24-input-tags--color-success .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-success.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
    --b24ui-background: rgba(237,218,123,var(--ui-opacity-80));
    --b24ui-border-color: rgba(237,218,123,var(--ui-opacity-80));
    --b24ui-icon: rgba(237,218,123,var(--ui-opacity-80));
    --b24ui-color: #a07f27;
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-warning, :where(.b24-input.b24-input--color-warning .b24-input__base, .b24-select.b24-select--color-warning .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-warning, .b24-textarea.b24-textarea--color-warning .b24-textarea__base, .b24-checkbox.b24-checkbox--color-warning, .b24-badge.b24-badge--color-warning, .b24-alert.b24-alert--color-warning, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-warning, .b24-progress.b24-progress--color-warning, .b24-chip.b24-chip--color-warning .b24-chip__base, .b24-calendar.b24-calendar--color-warning, .b24-switch.b24-switch--color-warning .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-warning .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-warning, .b24-input-number.b24-input-number--color-warning .b24-input-number__base, .b24-pin-input.b24-pin-input--color-warning .b24-pin-input__base, .b24-range.b24-range--color-warning, .b24-select-menu.b24-select-menu--color-warning .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-warning, :is(.b24-input-menu.b24-input-menu--color-warning .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-warning.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-warning, .b24-input-date.b24-input-date--color-warning, .b24-input-time.b24-input-time--color-warning, .b24-prose-code.b24-prose-code--color-warning, :is(.b24-input-tags.b24-input-tags--color-warning .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-warning.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
    --b24ui-background: #3bc8f5;
    --b24ui-border-color: #3bc8f5;
    --b24ui-icon: #3bc8f5;
    --b24ui-color: var(--ui-color-on-primary);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-primary, :where(.b24-input.b24-input--color-primary .b24-input__base, .b24-select.b24-select--color-primary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-primary, .b24-textarea.b24-textarea--color-primary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-primary, .b24-badge.b24-badge--color-primary, .b24-alert.b24-alert--color-primary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-primary, .b24-progress.b24-progress--color-primary, .b24-chip.b24-chip--color-primary .b24-chip__base, .b24-calendar.b24-calendar--color-primary, .b24-switch.b24-switch--color-primary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-primary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-primary, .b24-input-number.b24-input-number--color-primary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-primary .b24-pin-input__base, .b24-range.b24-range--color-primary, .b24-select-menu.b24-select-menu--color-primary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-primary, :is(.b24-input-menu.b24-input-menu--color-primary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-primary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-primary, .b24-input-date.b24-input-date--color-primary, .b24-input-time.b24-input-time--color-primary, .b24-prose-code.b24-prose-code--color-primary, :is(.b24-input-tags.b24-input-tags--color-primary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-primary.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
    --b24ui-background: #c5e7f4;
    --b24ui-border-color: #aee0f2;
    --b24ui-icon: #aee0f2;
    --b24ui-color: var(--ui-color-base-90);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-secondary, :where(.b24-input.b24-input--color-secondary .b24-input__base, .b24-select.b24-select--color-secondary .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-secondary, .b24-textarea.b24-textarea--color-secondary .b24-textarea__base, .b24-checkbox.b24-checkbox--color-secondary, .b24-badge.b24-badge--color-secondary, .b24-alert.b24-alert--color-secondary, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-secondary, .b24-progress.b24-progress--color-secondary, .b24-chip.b24-chip--color-secondary .b24-chip__base, .b24-calendar.b24-calendar--color-secondary, .b24-switch.b24-switch--color-secondary .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-secondary .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-secondary, .b24-input-number.b24-input-number--color-secondary .b24-input-number__base, .b24-pin-input.b24-pin-input--color-secondary .b24-pin-input__base, .b24-range.b24-range--color-secondary, .b24-select-menu.b24-select-menu--color-secondary .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-secondary, :is(.b24-input-menu.b24-input-menu--color-secondary .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-secondary.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-secondary, .b24-input-date.b24-input-date--color-secondary, .b24-input-time.b24-input-time--color-secondary, .b24-prose-code.b24-prose-code--color-secondary, :is(.b24-input-tags.b24-input-tags--color-secondary .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-secondary.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
    --b24ui-background: #19cc45;
    --b24ui-border-color: #19cc45;
    --b24ui-icon: #19cc45;
    --b24ui-color: var(--ui-color-palette-white-base);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-collab, :where(.b24-input.b24-input--color-collab .b24-input__base, .b24-select.b24-select--color-collab .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-collab, .b24-textarea.b24-textarea--color-collab .b24-textarea__base, .b24-checkbox.b24-checkbox--color-collab, .b24-badge.b24-badge--color-collab, .b24-alert.b24-alert--color-collab, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-collab, .b24-progress.b24-progress--color-collab, .b24-chip.b24-chip--color-collab .b24-chip__base, .b24-calendar.b24-calendar--color-collab, .b24-switch.b24-switch--color-collab .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-collab .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-collab, .b24-input-number.b24-input-number--color-collab .b24-input-number__base, .b24-pin-input.b24-pin-input--color-collab .b24-pin-input__base, .b24-range.b24-range--color-collab, .b24-select-menu.b24-select-menu--color-collab .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-collab, :is(.b24-input-menu.b24-input-menu--color-collab .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-collab.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-collab, .b24-input-date.b24-input-date--color-collab, .b24-input-time.b24-input-time--color-collab, .b24-prose-code.b24-prose-code--color-collab, :is(.b24-input-tags.b24-input-tags--color-collab .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-collab.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
    --b24ui-background: #935bec;
    --b24ui-border-color: #935bec;
    --b24ui-icon: #935bec;
    --b24ui-color: var(--ui-color-on-primary);
    --b24ui-border-width: 0px;
    --b24ui-split-divider-color: var(--ui-color-background-transparent);
    --b24ui-background-hover: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
      --b24ui-background-hover: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
    --b24ui-background-active: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
      --b24ui-background-active: color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
    --b24ui-background-gradient: linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);
    --b24ui-background-gradient-hover: linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);
    --b24ui-background-gradient-active: linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);
    --b24ui-border-color-hover: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
      --b24ui-border-color-hover: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
    --b24ui-border-color-active: var(--b24ui-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.style-old-ai, :where(.b24-input.b24-input--color-ai .b24-input__base, .b24-select.b24-select--color-ai .b24-select__base, .b24-select .b24-select__item.b24-select__item--color-item-ai, .b24-textarea.b24-textarea--color-ai .b24-textarea__base, .b24-checkbox.b24-checkbox--color-ai, .b24-badge.b24-badge--color-ai, .b24-alert.b24-alert--color-ai, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--color-ai, .b24-progress.b24-progress--color-ai, .b24-chip.b24-chip--color-ai .b24-chip__base, .b24-calendar.b24-calendar--color-ai, .b24-switch.b24-switch--color-ai .b24-switch__base, .b24-checkbox-group.b24-checkbox-group--color-ai .b24-checkbox-group__item, .b24-radio-group.b24-radio-group--color-ai, .b24-input-number.b24-input-number--color-ai .b24-input-number__base, .b24-pin-input.b24-pin-input--color-ai .b24-pin-input__base, .b24-range.b24-range--color-ai, .b24-select-menu.b24-select-menu--color-ai .b24-select-menu__base, .b24-select-menu .b24-select-menu__item.b24-select-menu__item--color-item-ai, :is(.b24-input-menu.b24-input-menu--color-ai .b24-input-menu__base, .b24-input-menu.b24-input-menu--color-ai.b24-input-menu__base), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--color-item-ai, .b24-input-date.b24-input-date--color-ai, .b24-input-time.b24-input-time--color-ai, .b24-prose-code.b24-prose-code--color-ai, :is(.b24-input-tags.b24-input-tags--color-ai .b24-input-tags__base, .b24-input-tags.b24-input-tags--color-ai.b24-input-tags__base))) {
      --b24ui-border-color-active: color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  .style-blurred-bg {
    background: linear-gradient(to right,var(--ui-color-design-outline-na-bg),var(--ui-color-design-outline-na-bg)),var(--air-theme-background-blurred, none);
  }

  :is(.style-blurred-bg-input, :where(.b24-input .b24-input__base, .b24-select .b24-select__base, .b24-textarea .b24-textarea__base, .b24-input-number .b24-input-number__base, .b24-pin-input .b24-pin-input__base, .b24-select-menu .b24-select-menu__base, :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base), .b24-input-date, .b24-input-time, :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base))) {
    background: linear-gradient(to right,var(--ui-color-design-outline-bg-alt),var(--ui-color-design-outline-bg-alt)),var(--main-ui-filter-custom-background, none);
  }

  :is(.style-transparent-bg, :where(.b24-input.b24-input--no-border .b24-input__base, .b24-input.b24-input--underline .b24-input__base, .b24-select.b24-select--no-border .b24-select__base, .b24-select.b24-select--underline .b24-select__base, .b24-textarea.b24-textarea--no-border .b24-textarea__base, .b24-textarea.b24-textarea--underline .b24-textarea__base, .b24-input-number.b24-input-number--no-border .b24-input-number__base, .b24-input-number.b24-input-number--underline .b24-input-number__base, .b24-pin-input.b24-pin-input--no-border .b24-pin-input__base, .b24-pin-input.b24-pin-input--underline .b24-pin-input__base, .b24-select-menu.b24-select-menu--no-border .b24-select-menu__base, .b24-select-menu.b24-select-menu--underline .b24-select-menu__base, :is(.b24-input-menu.b24-input-menu--no-border .b24-input-menu__base, .b24-input-menu.b24-input-menu--no-border.b24-input-menu__base), :is(.b24-input-menu.b24-input-menu--underline .b24-input-menu__base, .b24-input-menu.b24-input-menu--underline.b24-input-menu__base), .b24-input-date.b24-input-date--no-border, .b24-input-date.b24-input-date--underline, .b24-input-time.b24-input-time--no-border, .b24-input-time.b24-input-time--underline, :is(.b24-input-tags.b24-input-tags--no-border .b24-input-tags__base, .b24-input-tags.b24-input-tags--no-border.b24-input-tags__base), :is(.b24-input-tags.b24-input-tags--underline .b24-input-tags__base, .b24-input-tags.b24-input-tags--underline.b24-input-tags__base))) {
    background: none;
  }

  .scrollbar-thin {
    scrollbar-width: thin;
  }

  .scrollbar-both-edges {
    scrollbar-gutter: stable both-edges !important;
  }

  :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)) {
    scrollbar-color: transparent transparent;
    scrollbar-gutter: stable;
  }

  :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)):hover {
    scrollbar-color: #525c695c transparent;
  }

  .edge-dark :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)):hover {
    scrollbar-color: #ffffff5c transparent;
  }

  :is(.dark, :where(.b24-toast)) :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)) {
    scrollbar-color: #00000036 transparent;
  }

  :is(.dark, :where(.b24-toast)) :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)):hover {
    scrollbar-color: #515a67 transparent;
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)) {
    scrollbar-color: transparent transparent;
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.scrollbar-transparent, :where(.b24-dashboard-sidebar__body)):hover {
    scrollbar-color: #525c695c transparent;
  }

  .air-sidebar {
    background: var(--air-theme-background-blurred, none);
  }

  .clip-path-viewport-wrapper {
    clip-path: inset(0 -24px -28px round 10px);
  }

  :is(.menu-item-horizontal, :where(.b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link)) {
    --menu-item-border-radius: var(--ui-border-radius-sm);
    --menu-item-border: var(--ui-color-design-selection-stroke);
    --menu-item-color: var(--menu-item-color-default);
    --menu-item-color-default: var(--ui-color-design-plain-content);
    --menu-item-color-active: var(--ui-color-design-selection-content);
    --menu-item-background: var(--menu-item-background-default);
    --menu-item-background-default: transparent;
    --menu-item-background-hover: var(--ui-color-design-plain-na-focused-bg);
    --menu-item-background-active: var(--ui-color-design-selection-bg);
    transition: background-color .2s, opacity .2s;
  }

  :is(.menu-item-horizontal, :where(.b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link)):hover {
    --menu-item-color-active: var(--ui-color-design-plain-na-focused-content);
  }

  :is(.menu-item-horizontal-active, :where(.b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link.b24-nav__link--active)) {
    --menu-item-color: var(--menu-item-color-active);
    --menu-item-background: var(--menu-item-background-active);
  }

  :is(.menu-item-vertical, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link)) {
    --menu-item-color: var(--menu-item-color-default);
    --menu-item-color-default: var(--ui-color-design-plain-content);
    --menu-item-color-active: var(--ui-color-design-selection-content);
    --menu-item-background: var(--menu-item-background-default);
    --menu-item-background-default: transparent;
    --menu-item-background-hover: var(--menu-item-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.menu-item-vertical, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link)) {
      --menu-item-background-hover: color-mix(in srgb,var(--menu-item-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.menu-item-vertical, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link)) {
    --menu-item-background-active: var(--ui-color-design-selection-bg);
    transition: border-radius .2s ease-in-out, color .15s ease-in-out, background .15s ease-in-out;
  }

  :is(.menu-item-vertical, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link)):hover {
    transition-duration: .2s, .15s, 0s;
  }

  :is(.menu-item-vertical-active, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link.b24-nav__link--active)) {
    --menu-item-color: var(--menu-item-color-active);
    --menu-item-background: var(--menu-item-background-active);
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.menu-item-vertical, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link)) {
    --menu-item-background-active: var(--ui-color-design-filled-bg);
    --menu-item-color-active: var(--ui-color-base-white-fixed);
    transition: color .17s;
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.menu-item-vertical, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link)):hover {
    transition-duration: 0s;
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) :is(.menu-item-vertical-active, :where(.b24-nav.b24-nav--orientation-vertical .b24-nav__link.b24-nav__link--active)) {
    --menu-item-background: var(--ui-color-design-filled-bg);
    --menu-item-color: var(--ui-color-base-white-fixed);
  }

  :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)), :root {
    --menu-item-block-stack-space: 4px;
    --menu-width-expanded: 240px;
    --menu-width-collapsed: 66px;
    --menu-items-block-padding-x: 14px;
    --menu-item-border-radius: var(--ui-border-radius-md);
    --leftmenu-bg: var(--ui-color-bg-content-secondary);
    --leftmenu-bg-expanded: var(--ui-color-bg-content-secondary);
    --leftmenu-bg-stroke: #fff;
    --leftmenu-bg-stroke-expanded: #fff;
    --leftmenu-bg-overlayed: #21334cf0;
    --leftmenu-bg-blur: 0px;
    --leftmenu-bg-blur-expanded: 0px;
    --leftmenu-width: 66px;
    --leftmenu-width-expanded: 240px;
    --leftmenu-bg-divider: var(--ui-color-divider-default);
    --leftmenu-group-bg: transparent;
    --leftmenu-group-stroke: var(--ui-color-divider-default);
    --leftmenu-group-stroke-weight: var(--ui-border-width-thin);
  }

  :is(.dark, :where(.b24-toast)) {
    --leftmenu-bg: #262626;
    --leftmenu-bg-expanded: #262626;
    --leftmenu-bg-stroke: #3b3b3b;
    --leftmenu-bg-stroke-expanded: #3b3b3b;
    --leftmenu-bg-overlayed: #344a67f0;
    --leftmenu-bg-blur: 0px;
    --leftmenu-bg-blur-expanded: 0px;
    --leftmenu-bg-divider: var(--ui-color-divider-default);
    --leftmenu-group-bg: transparent;
    --leftmenu-group-stroke: var(--ui-color-divider-default);
    --leftmenu-group-stroke-weight: var(--ui-border-width-thin);
  }

  .edge-light {
    --leftmenu-bg: #00000008;
    --leftmenu-bg-expanded: #00000005;
    --leftmenu-bg-stroke: transparent;
    --leftmenu-bg-stroke-expanded: #0000000a;
    --leftmenu-bg-overlayed: #21334cf0;
    --leftmenu-bg-blur: var(--ui-bg-blur-less);
    --leftmenu-bg-blur-expanded: var(--ui-bg-blur-less);
    --leftmenu-width: 66px;
    --leftmenu-width-expanded: 240px;
    --leftmenu-bg-divider: #0000001a;
    --leftmenu-group-bg: var(--ui-color-bg-content-tertiary, #00000008);
    --leftmenu-group-stroke: var(--ui-color-divider-less);
    --leftmenu-group-stroke-weight: var(--ui-border-width-thin);
  }

  .edge-dark {
    --leftmenu-bg: #ffffff0f;
    --leftmenu-bg-expanded: #ffffff08;
    --leftmenu-bg-stroke: transparent;
    --leftmenu-bg-stroke-expanded: #ffffff0f;
    --leftmenu-bg-overlayed: #21334cf0;
    --leftmenu-bg-blur: var(--ui-bg-blur-less);
    --leftmenu-bg-blur-expanded: var(--ui-bg-blur-less);
    --leftmenu-width: 66px;
    --leftmenu-width-expanded: 240px;
    --leftmenu-bg-divider: #ffffff1a;
    --leftmenu-group-bg: var(--ui-color-bg-content-tertiary, #ffffff14);
    --leftmenu-group-stroke: var(--ui-color-divider-less);
    --leftmenu-group-stroke-weight: var(--ui-border-width-thin);
  }

  .air-header, :is(.light, :where(.b24-tooltip, .b24-advice, .b24-file-upload.b24-file-upload--color-air-primary, .b24-file-upload.b24-file-upload--color-air-primary-success, .b24-file-upload.b24-file-upload--color-air-primary-alert, .b24-file-upload.b24-file-upload--color-air-primary-copilot, .b24-file-upload.b24-file-upload--color-air-primary-warning, .b24-file-upload.b24-file-upload--color-air-secondary-alert, .b24-file-upload.b24-file-upload--color-air-secondary-accent)) .air-header {
    --topbar-bg: var(--ui-color-bg-content-secondary);
    --topbar-bg-stroke: var(--ui-color-bg-content-primary);
    --topbar-bg-stroke-weight: 0;
    --topbar-bg-blur: 0px;
  }

  :is(.dark, :where(.b24-toast)) .air-header {
    --topbar-bg: #2d2d2d;
    --topbar-bg-stroke: #3d3d3d;
    --topbar-bg-stroke-weight: 0;
    --topbar-bg-blur: 0px;
  }

  .edge-dark .air-header {
    --topbar-bg: #ffffff1a;
    --topbar-bg-stroke: transparent;
    --topbar-bg-stroke-weight: 0px;
    --topbar-bg-blur: var(--ui-bg-blur-less);
  }

  .edge-light .air-header {
    --topbar-bg: #0000000d;
    --topbar-bg-stroke: transparent;
    --topbar-bg-stroke-weight: 0px;
    --topbar-bg-blur: var(--ui-bg-blur-less);
  }

  .air-header:before {
    background: linear-gradient(to right,var(--topbar-bg),var(--topbar-bg)),var(--air-theme-background-blurred, none);
    content: "";
    z-index: -1;
    position: absolute;
    inset: 0;
  }

  :is(.ui-counter__scope, :where(.b24-chip .b24-chip__base)) {
    --ui-counter-current-size: 16px;
    --ui-counter-size: var(--ui-counter-size-md);
    --ui-counter-bg-color: var(--ui-color-design-filled-alert-bg);
    --ui-counter-color: var(--ui-color-design-filled-alert-bg);
    --ui-counter-size-lg: 18px;
    --ui-counter-size-md: 16px;
    --ui-counter-size-sm: 14px;
    --ui-counter-font-size: 11px;
    --ui-counter-symbol-font-size: 11px;
    --ui-counter-inline-space: 6px;
    --ui-counter-symbol-compensation: 0px;
    --ui-counter-border-color: transparent;
    --ui-counter-border-width: 0;
  }

  :is(.ui-label__scope, :where(.b24-badge)) {
    --ui-label-height: var(--ui-size-lg);
    --ui-label-background-color: #c2c5ca;
    --ui-label-background-color-hover: var(--ui-label-background-color);
    --ui-label-color: var(--ui-color-palette-white-base-rgb);
    --ui-label-link-dashed-color: #ffffff82;
    --ui-label-font-weight: var(--ui-font-weight-bold);
    --ui-label-font: var(--ui-font-family-secondary);
    --ui-label-font-size: var(--ui-font-size-xs);
    --ui-label-inline-space: 6px;
  }

  :is(.ui-counter-sm, :where(.b24-chip:is(.b24-chip--size-sm, :not([class*="b24-chip--size-"])) .b24-chip__base)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-counter-size: var(--ui-counter-size-sm);
    --ui-counter-font-size: var(--ui-font-size-4xs);
    --ui-counter-symbol-font-size: var(--ui-font-size-5xs);
    --ui-counter-inline-space: 4px;
    --ui-counter-symbol-compensation: -2px;
  }

  :is(.ui-counter-md, :where(.b24-chip.b24-chip--size-md .b24-chip__base)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-counter-size: var(--ui-counter-size-md);
    --ui-counter-font-size: var(--ui-font-size-xs);
    --ui-counter-symbol-font-size: var(--ui-font-size-4xs);
    --ui-counter-inline-space: 4px;
    --ui-counter-symbol-compensation: -2px;
  }

  :is(.ui-counter-lg, :where(.b24-chip.b24-chip--size-lg .b24-chip__base)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-counter-size: var(--ui-counter-size-lg);
    --ui-counter-font-size: var(--ui-font-size-sm);
    --ui-counter-symbol-font-size: var(--ui-font-size-4xs);
    --ui-counter-inline-space: 6px;
    --ui-counter-symbol-compensation: -4px;
  }

  .ui-counter:is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)).ui-counter-border {
    --ui-counter-border-width: var(--ui-border-width-thin);
    --ui-counter-border-color: var(--ui-color-base-white-fixed);
  }

  :is(.ui-label-xss, :where(.b24-badge.b24-badge--size-xss)) {
    --ui-label-height: 10px;
    --ui-label-inline-space: 3px;
    --ui-label-font-size: var(--ui-font-size-6xs);
    --ui-label-font-weight: var(--ui-font-weight-regular);
  }

  :is(.ui-label-xs, :where(.b24-badge.b24-badge--size-xs)) {
    --ui-label-height: 14px;
    --ui-label-inline-space: 5px;
    --ui-label-font-size: var(--ui-font-size-5xs);
    --ui-label-font-weight: var(--ui-font-weight-regular);
  }

  :is(.ui-label-sm, :where(.b24-badge.b24-badge--size-sm)) {
    --ui-label-height: 18px;
    --ui-label-inline-space: 6px;
  }

  :is(.ui-label-md, :where(.b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])))) {
    --ui-label-height: var(--ui-size-lg);
    --ui-label-inline-space: 8px;
  }

  :is(.ui-label-lg, :where(.b24-badge.b24-badge--size-lg)) {
    --ui-label-height: 25px;
    --ui-label-inline-space: 9px;
    --ui-label-font-size: var(--ui-font-size-sm);
  }

  :is(.ui-label-xl, :where(.b24-badge.b24-badge--size-xl)) {
    --ui-label-height: 30px;
    --ui-label-inline-space: 11px;
    --ui-label-font-size: var(--ui-font-size-md);
  }

  :is(.ui-btn, :where(.b24-btn)) {
    --ui-btn-size-xss: 20px;
    --ui-btn-size-xs: 24px;
    --ui-btn-size-sm: 28px;
    --ui-btn-size-md: 34px;
    --ui-btn-size-lg: 38px;
    --ui-btn-size-xl: 46px;
    --ui-btn-letter-spacing: -.05;
    --ui-btn-icon-size: 20px;
    --ui-btn-title-compensation: -1px;
    --ui-btn-padding: 0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);
    --ui-btn-min-width: 80px;
    --ui-btn-background: #868d95;
    --ui-btn-background-hover: var(--ui-btn-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)) {
      --ui-btn-background-hover: color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)) {
    --ui-btn-background-active: var(--ui-btn-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)) {
      --ui-btn-background-active: color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)) {
    --ui-btn-border-color: var(--ui-btn-background);
    --ui-btn-border-color-hover: var(--ui-btn-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)) {
      --ui-btn-border-color-hover: color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)) {
    --ui-btn-border-color-active: var(--ui-btn-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)) {
      --ui-btn-border-color-active: color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)) {
    --ui-btn-border-width: 0px;
    --ui-btn-border: var(--ui-btn-border-width) solid var(--ui-btn-border-color);
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-on-primary);
    --ui-btn-colors-before-bg: var(--ui-color-on-primary);
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-btn-color);
    --ui-btn-color-active: var(--ui-btn-color);
    --ui-btn-box-shadow: none;
    --ui-btn-box-shadow-hover: none;
    --ui-btn-box-shadow-active: none;
    --ui-btn-text-shadow: none;
    --ui-btn-text-shadow-hover: none;
    --ui-btn-text-shadow-active: none;
    --ui-btn-margin-left: 12px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.ui-btn-lg, :where(.b24-btn.b24-btn--size-lg)), :is(.ui-btn, :where(.b24-btn)):is(.ui-btn-xl, :where(.b24-btn.b24-btn--size-xl)) {
    --ui-btn-padding: 0 26px;
    --ui-btn-padding-right: 12px;
    --ui-btn-min-width: 90px;
    --ui-btn-height: var(--ui-btn-size-lg);
    --ui-btn-font-size: var(--ui-font-size-xs);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.ui-btn-md, :where(.b24-btn:is(.b24-btn--size-md, :not([class*="b24-btn--size-"])))) {
    --ui-btn-padding: 0 19px;
    --ui-btn-padding-right: 12px;
    --ui-btn-min-width: 80px;
    --ui-btn-height: var(--ui-btn-size-md);
    --ui-btn-font-size: var(--ui-font-size-xs);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.ui-btn-sm, :where(.b24-btn.b24-btn--size-sm)) {
    --ui-btn-padding: 0 17px;
    --ui-btn-padding-right: 10px;
    --ui-btn-min-width: 70px;
    --ui-btn-height: var(--ui-btn-size-sm);
    --ui-btn-font-size: var(--ui-font-size-xs);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.ui-btn-xs, :where(.b24-btn.b24-btn--size-xs)) {
    --ui-btn-padding: 0 15px;
    --ui-btn-padding-right: 9px;
    --ui-btn-min-width: 66px;
    --ui-btn-height: var(--ui-btn-size-xs);
    --ui-btn-font-size: var(--ui-font-size-3xs);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.ui-btn-xss, :where(.b24-btn.b24-btn--size-xss)) {
    --ui-btn-padding: 0 15px;
    --ui-btn-padding-right: 9px;
    --ui-btn-min-width: 66px;
    --ui-btn-height: var(--ui-btn-size-xss);
    --ui-btn-font-size: var(--ui-font-size-3xs);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-default, :where(.b24-btn.b24-btn--color-default:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-default-dark, :where(.b24-btn.b24-btn--color-default.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-default-light, :where(.b24-btn.b24-btn--color-default.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-default, :where(.b24-btn.b24-btn--color-default:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-default-dark, :where(.b24-btn.b24-btn--color-default.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-default-light, :where(.b24-btn.b24-btn--color-default.b24-btn--depth-light)) {
    --ui-btn-background: var(--ui-color-base-20);
    --ui-btn-background-hover: #cfd4d8;
    --ui-btn-background-active: #dde2e5;
    --ui-btn-border-color: var(--ui-color-base-20);
    --ui-btn-border-color-hover: #c6cdd3;
    --ui-btn-border-color-active: #9fa4ab;
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-80);
    --ui-btn-colors-before-bg: var(--ui-color-base-80);
    --ui-btn-color: var(--ui-color-base-80);
    --ui-btn-color-hover: var(--ui-color-base-80);
    --ui-btn-color-active: var(--ui-color-base-80);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-success, :where(.b24-btn.b24-btn--color-success:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-success, :where(.b24-btn.b24-btn--color-success:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))) {
    --ui-btn-background: #bbed21;
    --ui-btn-background-hover: #d2f95f;
    --ui-btn-background-active: #b2e232;
    --ui-btn-border-color: #bbed21;
    --ui-btn-border-color-hover: #d2f95f;
    --ui-btn-border-color-active: #b2e232;
    --ui-btn-opacity-after: var(--ui-opacity-20);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: var(--ui-color-base-90);
    --ui-btn-color-hover: var(--ui-color-base-90);
    --ui-btn-color-active: var(--ui-color-base-90);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-success-light, :where(.b24-btn.b24-btn--color-success.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-success-light, :where(.b24-btn.b24-btn--color-success.b24-btn--depth-light)) {
    --ui-btn-background: rgba(223,238,175,var(--ui-opacity-80));
    --ui-btn-background-hover: #eaf5c5;
    --ui-btn-background-active: #d3e59a;
    --ui-btn-border-color: rgba(223,238,175,var(--ui-opacity-80));
    --ui-btn-border-color-hover: #eaf5c5;
    --ui-btn-border-color-active: #d3e59a;
    --ui-btn-opacity-after: var(--ui-opacity-20);
    --ui-btn-colors-after-bg: var(--ui-color-text-primary);
    --ui-btn-colors-before-bg: #a3bf63;
    --ui-btn-color: #668d13;
    --ui-btn-color-hover: #668d13;
    --ui-btn-color-active: #668d13;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-success-dark, :where(.b24-btn.b24-btn--color-success.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-success-dark, :where(.b24-btn.b24-btn--color-success.b24-btn--depth-dark)) {
    --ui-btn-background: #86a732;
    --ui-btn-background-hover: #a2bf54;
    --ui-btn-background-active: #a2bf54;
    --ui-btn-border-color: #86a732;
    --ui-btn-border-color-hover: #a2bf54;
    --ui-btn-border-color-active: #a2bf54;
    --ui-btn-opacity-after: var(--ui-opacity-20);
    --ui-btn-colors-after-bg: var(--ui-color-on-primary);
    --ui-btn-colors-before-bg: #a3bf63;
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-color-on-primary);
    --ui-btn-color-active: var(--ui-color-on-primary);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-danger, :where(.b24-btn.b24-btn--color-danger:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-danger, :where(.b24-btn.b24-btn--color-danger:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))) {
    --ui-btn-background: #f1361a;
    --ui-btn-background-hover: #cc1c00;
    --ui-btn-background-active: #d24430;
    --ui-btn-border-color: #f1361a;
    --ui-btn-border-color-hover: #cc1c00;
    --ui-btn-border-color-active: #d24430;
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-color-on-primary);
    --ui-btn-color-active: var(--ui-color-on-primary);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-danger-dark, :where(.b24-btn.b24-btn--color-danger.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-danger-dark, :where(.b24-btn.b24-btn--color-danger.b24-btn--depth-dark)) {
    --ui-btn-background: #a21429;
    --ui-btn-background-hover: #c43d51;
    --ui-btn-background-active: #851021;
    --ui-btn-border-color: #a21429;
    --ui-btn-border-color-hover: #c43d51;
    --ui-btn-border-color-active: #851021;
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-color-on-primary);
    --ui-btn-color-active: var(--ui-color-on-primary);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-danger-light, :where(.b24-btn.b24-btn--color-danger.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-danger-light, :where(.b24-btn.b24-btn--color-danger.b24-btn--depth-light)) {
    --ui-btn-background: rgba(253,202,200,var(--ui-opacity-80));
    --ui-btn-background-hover: #ffdcdb;
    --ui-btn-background-active: #f2b6b3;
    --ui-btn-border-color: rgba(253,202,200,var(--ui-opacity-80));
    --ui-btn-border-color-hover: #ffdcdb;
    --ui-btn-border-color-active: #f2b6b3;
    --ui-btn-opacity-after: var(--ui-opacity-20);
    --ui-btn-colors-after-bg: var(--ui-color-text-primary);
    --ui-btn-colors-before-bg: #eb8783;
    --ui-btn-color: #d7413c;
    --ui-btn-color-hover: #d7413c;
    --ui-btn-color-active: #d7413c;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-primary, :where(.b24-btn.b24-btn--color-primary:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-primary-light, :where(.b24-btn.b24-btn--color-primary.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-primary, :where(.b24-btn.b24-btn--color-primary:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-primary-light, :where(.b24-btn.b24-btn--color-primary.b24-btn--depth-light)) {
    --ui-btn-background: #3bc8f5;
    --ui-btn-background-hover: #3eddff;
    --ui-btn-background-active: #12b1e3;
    --ui-btn-border-color: #3bc8f5;
    --ui-btn-border-color-hover: #3eddff;
    --ui-btn-border-color-active: #12b1e3;
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-color-on-primary);
    --ui-btn-color-active: var(--ui-color-on-primary);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-primary-dark, :where(.b24-btn.b24-btn--color-primary.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-primary-dark, :where(.b24-btn.b24-btn--color-primary.b24-btn--depth-dark)) {
    --ui-btn-background: #399fc2;
    --ui-btn-background-hover: #37aed4;
    --ui-btn-background-active: #328ba9;
    --ui-btn-border-color: #399fc2;
    --ui-btn-border-color-hover: #37aed4;
    --ui-btn-border-color-active: #328ba9;
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-color-on-primary);
    --ui-btn-color-active: var(--ui-color-on-primary);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-secondary, :where(.b24-btn.b24-btn--color-secondary:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-secondary-dark, :where(.b24-btn.b24-btn--color-secondary.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-secondary, :where(.b24-btn.b24-btn--color-secondary:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-secondary-dark, :where(.b24-btn.b24-btn--color-secondary.b24-btn--depth-dark)) {
    --ui-btn-background: #c5e7f4;
    --ui-btn-background-hover: #d1eef9;
    --ui-btn-background-active: #aee0f2;
    --ui-btn-border-color: #aee0f2;
    --ui-btn-border-color-hover: #aee0f2;
    --ui-btn-border-color-active: #aee0f2;
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: var(--ui-color-base-90);
    --ui-btn-color-hover: var(--ui-color-base-90);
    --ui-btn-color-active: var(--ui-color-base-90);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-secondary-light, :where(.b24-btn.b24-btn--color-secondary.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-secondary-light, :where(.b24-btn.b24-btn--color-secondary.b24-btn--depth-light)) {
    --ui-btn-background: rgba(182,237,255,var(--ui-opacity-80));
    --ui-btn-background-hover: #d1eef9;
    --ui-btn-background-active: #aee0f2;
    --ui-btn-border-color: rgba(182,237,255,var(--ui-opacity-80));
    --ui-btn-border-color-hover: rgba(182,237,255,var(--ui-opacity-80));
    --ui-btn-border-color-active: rgba(182,237,255,var(--ui-opacity-80));
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: #0aa0d0;
    --ui-btn-color-hover: #0aa0d0;
    --ui-btn-color-active: #0aa0d0;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-warning, :where(.b24-btn.b24-btn--color-warning:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-warning-dark, :where(.b24-btn.b24-btn--color-warning.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-warning-light, :where(.b24-btn.b24-btn--color-warning.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-warning, :where(.b24-btn.b24-btn--color-warning:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-warning-dark, :where(.b24-btn.b24-btn--color-warning.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-warning-light, :where(.b24-btn.b24-btn--color-warning.b24-btn--depth-light)) {
    --ui-btn-background: rgba(237,218,123,var(--ui-opacity-80));
    --ui-btn-background-hover: #ffa900a6;
    --ui-btn-background-active: #eba51c;
    --ui-btn-border-color: rgba(237,218,123,var(--ui-opacity-80));
    --ui-btn-border-color-hover: rgba(237,218,123,var(--ui-opacity-80));
    --ui-btn-border-color-active: rgba(237,218,123,var(--ui-opacity-80));
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: #a07f27;
    --ui-btn-color-hover: #a07f27;
    --ui-btn-color-active: #a07f27;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-link, :where(.b24-btn.b24-btn--color-link:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-link, :where(.b24-btn.b24-btn--color-link:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))) {
    --ui-btn-background: var(--ui-color-background-transparent);
    --ui-btn-background-hover: var(--ui-color-background-transparent);
    --ui-btn-background-active: var(--ui-color-background-transparent);
    --ui-btn-border-color: var(--ui-color-background-transparent);
    --ui-btn-border-color-hover: var(--ui-color-background-transparent);
    --ui-btn-border-color-active: var(--ui-color-background-transparent);
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: var(--ui-color-base-90);
    --ui-btn-color-hover: #80868e;
    --ui-btn-color-active: var(--ui-color-base-90);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-link-light, :where(.b24-btn.b24-btn--color-link.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-link-light, :where(.b24-btn.b24-btn--color-link.b24-btn--depth-light)) {
    --ui-btn-background: var(--ui-color-background-transparent);
    --ui-btn-background-hover: #f6f8f9;
    --ui-btn-background-active: #d6f1fb;
    --ui-btn-border-color: var(--ui-color-background-transparent);
    --ui-btn-border-color-hover: #f6f8f9;
    --ui-btn-border-color-active: #d6f1fb;
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: var(--ui-color-base-90);
    --ui-btn-color-hover: var(--ui-color-text-primary);
    --ui-btn-color-active: var(--ui-color-base-solid);
    --ui-btn-padding: 0 6px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-link-dark, :where(.b24-btn.b24-btn--color-link.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-link-dark, :where(.b24-btn.b24-btn--color-link.b24-btn--depth-dark)) {
    --ui-btn-background: var(--ui-color-background-transparent);
    --ui-btn-background-hover: #cfd4d8;
    --ui-btn-background-active: #dde2e5;
    --ui-btn-border-color: #c6cdd3;
    --ui-btn-border-color-hover: #c6cdd3;
    --ui-btn-border-color-active: #9fa4ab;
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-base-90);
    --ui-btn-colors-before-bg: var(--ui-color-base-90);
    --ui-btn-color: var(--ui-color-base-90);
    --ui-btn-color-hover: var(--ui-color-base-90);
    --ui-btn-color-active: var(--ui-color-base-90);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-ai, :where(.b24-btn.b24-btn--color-ai:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-ai-dark, :where(.b24-btn.b24-btn--color-ai.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-ai-light, :where(.b24-btn.b24-btn--color-ai.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-ai, :where(.b24-btn.b24-btn--color-ai:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-ai-dark, :where(.b24-btn.b24-btn--color-ai.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-ai-light, :where(.b24-btn.b24-btn--color-ai.b24-btn--depth-light)) {
    --ui-btn-backgroud-color-ai: #935bec;
    --ui-btn-backgroud-color-ai-hover: #a977fa;
    --ui-btn-backgroud-color-ai-active: #8447e4;
    --ui-btn-background: var(--ui-btn-backgroud-color-ai);
    --ui-btn-background-hover: var(--ui-btn-backgroud-color-ai-hover);
    --ui-btn-background-active: var(--ui-btn-backgroud-color-ai-active);
    --ui-btn-border-color: var(--ui-btn-backgroud-color-ai);
    --ui-btn-border-color-hover: var(--ui-btn-backgroud-color-ai-hover);
    --ui-btn-border-color-active: var(--ui-btn-backgroud-color-ai-active);
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-on-primary);
    --ui-btn-colors-before-bg: var(--ui-color-on-primary);
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-color-on-primary);
    --ui-btn-color-active: var(--ui-color-on-primary);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-collab, :where(.b24-btn.b24-btn--color-collab:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-collab-dark, :where(.b24-btn.b24-btn--color-collab.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-collab-light, :where(.b24-btn.b24-btn--color-collab.b24-btn--depth-light)), :is(.ui-btn, :where(.b24-btn)):is(.--style-collab, :where(.b24-btn.b24-btn--color-collab:is(.b24-btn--depth-normal, :not([class*="b24-btn--depth-"])))), :is(.ui-btn, :where(.b24-btn)):is(.--style-collab-dark, :where(.b24-btn.b24-btn--color-collab.b24-btn--depth-dark)), :is(.ui-btn, :where(.b24-btn)):is(.--style-collab-light, :where(.b24-btn.b24-btn--color-collab.b24-btn--depth-light)) {
    --ui-btn-background: #19cc45;
    --ui-btn-background-hover: #6be860;
    --ui-btn-background-active: #00a94e;
    --ui-btn-border-color: var(--ui-color-background-transparent);
    --ui-btn-border-color-hover: var(--ui-color-background-transparent);
    --ui-btn-border-color-active: var(--ui-color-background-transparent);
    --ui-btn-color: var(--ui-color-palette-white-base);
    --ui-btn-color-hover: var(--ui-color-palette-white-base);
    --ui-btn-color-active: var(--ui-color-palette-white-base);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-btn-size-xss: 20px;
    --ui-btn-size-xs: 24px;
    --ui-btn-size-sm: 28px;
    --ui-btn-size-md: 34px;
    --ui-btn-size-lg: 38px;
    --ui-btn-size-xl: 46px;
    --ui-btn-letter-spacing: -.05;
    --ui-btn-icon-size: 20px;
    --ui-btn-title-compensation: -1px;
    --ui-btn-padding: 0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);
    --ui-btn-min-width: 80px;
    --ui-btn-background: #868d95;
    --ui-btn-background-hover: var(--ui-btn-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
      --ui-btn-background-hover: color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-btn-background-active: var(--ui-btn-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
      --ui-btn-background-active: color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-btn-background-gradient: linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);
    --ui-btn-background-gradient-hover: linear-gradient(180deg,var(--ui-btn-background-hover) 0%,var(--ui-btn-background-hover) 100%);
    --ui-btn-background-gradient-active: linear-gradient(180deg,var(--ui-btn-background-active) 0%,var(--ui-btn-background-active) 100%);
    --ui-btn-border-color: var(--ui-btn-background);
    --ui-btn-border-color-hover: var(--ui-btn-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
      --ui-btn-border-color-hover: color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-btn-border-color-active: var(--ui-btn-border-color);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
      --ui-btn-border-color-active: color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)) {
    --ui-btn-border-width: 0px;
    --ui-btn-border: var(--ui-btn-border-width) solid var(--ui-btn-border-color);
    --ui-btn-opacity-after: var(--ui-opacity-30);
    --ui-btn-colors-after-bg: var(--ui-color-on-primary);
    --ui-btn-colors-before-bg: var(--ui-color-on-primary);
    --ui-btn-color: var(--ui-color-on-primary);
    --ui-btn-color-hover: var(--ui-btn-color);
    --ui-btn-color-active: var(--ui-btn-color);
    --ui-btn-box-shadow: none;
    --ui-btn-box-shadow-hover: none;
    --ui-btn-box-shadow-active: none;
    --ui-btn-text-shadow: none;
    --ui-btn-text-shadow-hover: none;
    --ui-btn-text-shadow-active: none;
    --ui-btn-margin-left: 12px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.ui-btn-xl, :where(.b24-btn.b24-btn--size-xl)) {
    --ui-btn-padding-right: 23px;
    --ui-btn-padding-left: 23px;
    --ui-btn-icon-compensation: 8px;
    --ui-btn-radius: var(--ui-border-radius-md);
    --ui-btn-font-size: var(--ui-font-size-xl);
    --ui-btn-icon-size: 28px;
    --ui-btn-icon-space: 4px;
    --ui-btn-dropdown-icon-size: 22px;
    --ui-btn-dropdown-icon-inline-space: 6px;
    --ui-btn-dropdown-icon-compensation: 6px;
    --ui-btn-height: var(--ui-btn-size-xl);
    --ui-btn-wait-icon-size: 24px;
    --ui-btn-split-divider-height: 26px;
    --ui--btn-width-with-only-icon: var(--ui-btn-height);
    --ui-btn-corner-counter-inline-shift: 13px;
    --ui-btn-counter-inline-space: 8px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.ui-btn-lg, :where(.b24-btn.b24-btn--size-lg)) {
    --ui-btn-padding-right: 17px;
    --ui-btn-padding-left: 17px;
    --ui-btn-icon-compensation: 10px;
    --ui-btn-radius: var(--ui-border-radius-md);
    --ui-btn-font-size: var(--ui-font-size-lg);
    --ui-btn-icon-size: 28px;
    --ui-btn-icon-space: 4px;
    --ui-btn-dropdown-icon-size: 20px;
    --ui-btn-dropdown-icon-inline-space: 6px;
    --ui-btn-dropdown-icon-compensation: 6px;
    --ui-btn-height: var(--ui-btn-size-lg);
    --ui-btn-wait-icon-size: 22px;
    --ui-btn-split-divider-height: 22px;
    --ui-btn-letter-spacing: -.1px;
    --ui--btn-width-with-only-icon: var(--ui-btn-height);
    --ui-btn-corner-counter-inline-shift: 12px;
    --ui-btn-counter-inline-space: 8px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.ui-btn-md, :where(.b24-btn:is(.b24-btn--size-md, :not([class*="b24-btn--size-"])))) {
    --ui-btn-padding-right: 13px;
    --ui-btn-padding-left: 13px;
    --ui-btn-icon-compensation: 6px;
    --ui-btn-radius: var(--ui-border-radius-md);
    --ui-btn-font-size: var(--ui-font-size-md);
    --ui-btn-font-weight: var(--ui-font-weight-medium);
    --ui-btn-icon-size: 24px;
    --ui-btn-icon-space: 2px;
    --ui-btn-dropdown-icon-size: 18px;
    --ui-btn-dropdown-icon-inline-space: 4px;
    --ui-btn-dropdown-icon-compensation: 4px;
    --ui-btn-height: var(--ui-btn-size-md);
    --ui-btn-wait-icon-size: 20px;
    --ui-btn-split-divider-height: 18px;
    --ui--btn-width-with-only-icon: var(--ui-btn-height);
    --ui-btn-corner-counter-inline-shift: 13px;
    --ui-btn-counter-inline-space: 6px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.ui-btn-sm, :where(.b24-btn.b24-btn--size-sm)) {
    --ui-btn-padding-right: 9px;
    --ui-btn-padding-left: 9px;
    --ui-btn-icon-compensation: 4px;
    --ui-btn-radius: var(--ui-border-radius-sm);
    --ui-btn-font-size: var(--ui-font-size-sm);
    --ui-btn-font-weight: var(--ui-font-weight-normal);
    --ui-btn-icon-size: 20px;
    --ui-btn-icon-space: 4px;
    --ui-btn-dropdown-icon-size: 16px;
    --ui-btn-dropdown-icon-inline-space: 3px;
    --ui-btn-dropdown-icon-compensation: 3px;
    --ui-btn-height: var(--ui-btn-size-sm);
    --ui-btn-wait-icon-size: 16px;
    --ui-btn-letter-spacing: -.15px;
    --ui-btn-split-divider-height: 14px;
    --ui--btn-width-with-only-icon: 34px;
    --ui-btn-corner-counter-inline-shift: 13px;
    --ui-btn-counter-inline-space: 6px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.ui-btn-xs, :where(.b24-btn.b24-btn--size-xs)) {
    --ui-btn-padding-right: 7px;
    --ui-btn-padding-left: 7px;
    --ui-btn-icon-compensation: 2px;
    --ui-btn-radius: var(--ui-border-radius-xs);
    --ui-btn-font-size: var(--ui-font-size-xs);
    --ui-btn-font-weight: var(--ui-font-weight-normal);
    --ui-btn-icon-size: 14px;
    --ui-btn-icon-space: 4px;
    --ui-btn-dropdown-icon-size: 14px;
    --ui-btn-dropdown-icon-inline-space: 4px;
    --ui-btn-dropdown-icon-compensation: 2px;
    --ui-btn-height: var(--ui-btn-size-xs);
    --ui-btn-wait-icon-size: 14px;
    --ui-btn-letter-spacing: -.1px;
    --ui-btn-split-divider-height: 12px;
    --ui--btn-width-with-only-icon: 28px;
    --ui-btn-corner-counter-inline-shift: 11px;
    --ui-btn-counter-inline-space: 6px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.ui-btn-xss, :where(.b24-btn.b24-btn--size-xss)) {
    --ui-btn-padding-right: 7px;
    --ui-btn-padding-left: 8px;
    --ui-btn-icon-compensation: 5px;
    --ui-btn-radius: 5px;
    --ui-btn-font-size: var(--ui-font-size-4xs);
    --ui-btn-font-weight: var(--ui-font-weight-normal);
    --ui-btn-icon-size: 14px;
    --ui-btn-icon-space: 4px;
    --ui-btn-dropdown-icon-size: 12px;
    --ui-btn-dropdown-icon-inline-space: 2px;
    --ui-btn-dropdown-icon-compensation: 2px;
    --ui-btn-height: var(--ui-btn-size-xss);
    --ui-btn-wait-icon-size: 12px;
    --ui--btn-width-with-only-icon: 24px;
    --ui-btn-corner-counter-inline-shift: 10px;
    --ui-btn-letter-spacing: .1px;
    --ui-btn-split-divider-height: 10px;
    --ui-btn-counter-inline-space: 6px;
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled, :where(.b24-btn.b24-btn--color-air-primary)) {
    --ui-btn-background: var(--ui-color-design-filled-bg);
    --ui-btn-border-color: var(--ui-color-design-filled-stroke);
    --ui-btn-border-width: var(--ui-design-filled-stroke-weight);
    --ui-btn-color: var(--ui-color-design-filled-content);
    --ui-btn-split-divider-color: var(--ui-color-design-filled-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-tinted, :where(.b24-btn.b24-btn--color-air-secondary)) {
    --ui-btn-background: var(--ui-color-design-tinted-bg);
    --ui-btn-border-color: var(--ui-color-design-tinted-stroke);
    --ui-btn-border-width: var(--ui-design-tinted-stroke-weight);
    --ui-btn-color: var(--ui-color-design-tinted-content);
    --ui-btn-split-divider-color: var(--ui-color-design-tinted-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-tinted-alert, :where(.b24-btn.b24-btn--color-air-secondary-alert)) {
    --ui-btn-background: var(--ui-color-design-tinted-alert-bg);
    --ui-btn-border-color: var(--ui-color-design-tinted-alert-stroke);
    --ui-btn-border-width: var(--ui-design-tinted-alert-stroke-weight);
    --ui-btn-color: var(--ui-color-design-tinted-alert-content);
    --ui-btn-split-divider-color: var(--ui-color-design-tinted-alert-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-outline-accent-1, :where(.b24-btn.b24-btn--color-air-secondary-accent-1)) {
    --ui-btn-background: var(--ui-color-design-outline-a1-bg);
    --ui-btn-border-color: var(--ui-color-design-outline-a1-stroke);
    --ui-btn-border-width: var(--ui-design-outline-a1-stroke-weight);
    --ui-btn-color: var(--ui-color-design-outline-a1-content);
    --ui-btn-split-divider-color: var(--ui-color-design-outline-a1-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-outline-accent-2, :where(.b24-btn.b24-btn--color-air-secondary-accent-2)) {
    --ui-btn-background: var(--ui-color-design-outline-a2-bg);
    --ui-btn-border-color: var(--ui-color-design-outline-a2-stroke);
    --ui-btn-border-width: var(--ui-design-outline-a2-stroke-weight);
    --ui-btn-color: var(--ui-color-design-outline-a2-content);
    --ui-btn-split-divider-color: var(--ui-color-design-outline-a2-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-outline, :where(.b24-btn.b24-btn--color-air-secondary-accent)) {
    --ui-btn-background: var(--ui-color-design-outline-bg);
    --ui-btn-border-color: var(--ui-color-design-outline-stroke);
    --ui-btn-border-width: var(--ui-design-outline-stroke-weight);
    --ui-btn-color: var(--ui-color-design-outline-content);
    --ui-btn-split-divider-color: var(--ui-color-design-outline-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)), :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-outline-no-accent, :where(.b24-btn:is(.b24-btn--color-air-secondary-no-accent, :not([class*="b24-btn--color-"])))) {
    --ui-btn-background: var(--ui-color-design-outline-na-bg);
    --ui-btn-border-color: var(--ui-color-design-outline-na-stroke);
    --ui-btn-border-width: var(--ui-design-outline-na-stroke-weight);
    --ui-btn-color: var(--ui-color-design-outline-na-content);
    --ui-btn-split-divider-color: var(--ui-color-design-outline-na-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-plain-accent, :where(.b24-btn.b24-btn--color-air-tertiary-accent)) {
    --ui-btn-background: var(--ui-color-design-plain-a-bg);
    --ui-btn-border-color: var(--ui-color-design-plain-a-stroke);
    --ui-btn-border-width: var(--ui-design-plain-a-stroke-weight);
    --ui-btn-color: var(--ui-color-design-plain-a-content);
    --ui-btn-split-divider-color: var(--ui-color-design-plain-a-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-plain, :where(.b24-btn.b24-btn--color-air-tertiary)) {
    --ui-btn-background: var(--ui-color-design-plain-bg);
    --ui-btn-border-color: var(--ui-color-design-plain-stroke);
    --ui-btn-border-width: var(--ui-design-plain-stroke-weight);
    --ui-btn-color: var(--ui-color-design-plain-content);
    --ui-btn-split-divider-color: var(--ui-color-design-plain-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-plain-no-accent, :where(.b24-btn.b24-btn--color-air-tertiary-no-accent)) {
    --ui-btn-background: var(--ui-color-design-plain-na-bg);
    --ui-btn-border-color: var(--ui-color-design-plain-na-stroke);
    --ui-btn-border-width: var(--ui-design-plain-na-stroke-weight);
    --ui-btn-color: var(--ui-color-design-plain-na-content);
    --ui-btn-split-divider-color: var(--ui-color-design-plain-na-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-selection, :where(.b24-btn.b24-btn--color-air-selection)) {
    --ui-btn-background: var(--ui-color-design-selection-bg);
    --ui-btn-border-color: var(--ui-color-design-selection-stroke);
    --ui-btn-border-width: var(--ui-design-selection-stroke-weight);
    --ui-btn-color: var(--ui-color-design-selection-content);
    --ui-btn-split-divider-color: var(--ui-color-design-selection-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-copilot, :where(.b24-btn.b24-btn--color-air-primary-copilot)) {
    --ui-btn-background: var(--ui-color-design-filled-copilot-bg);
    --ui-btn-border-color: var(--ui-color-design-filled-copilot-stroke);
    --ui-btn-border-width: var(--ui-design-filled-copilot-stroke-weight);
    --ui-btn-color: var(--ui-color-design-filled-copilot-content);
    --ui-btn-split-divider-color: var(--ui-color-design-filled-copilot-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-success, :where(.b24-btn.b24-btn--color-air-primary-success)) {
    --ui-btn-background: var(--ui-color-design-filled-success-bg);
    --ui-btn-border-color: var(--ui-color-design-filled-success-stroke);
    --ui-btn-border-width: var(--ui-design-filled-success-stroke-weight);
    --ui-btn-color: var(--ui-color-design-filled-success-content);
    --ui-btn-split-divider-color: var(--ui-color-design-filled-success-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-alert, :where(.b24-btn.b24-btn--color-air-primary-alert)) {
    --ui-btn-background: var(--ui-color-design-filled-alert-bg);
    --ui-btn-border-color: var(--ui-color-design-filled-alert-stroke);
    --ui-btn-border-width: var(--ui-design-filled-success-stroke-weight);
    --ui-btn-color: var(--ui-color-design-filled-alert-content);
    --ui-btn-split-divider-color: var(--ui-color-design-filled-alert-content-divider);
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
    --ui-btn-border-color: var(--ui-color-design-filled-boost-stroke);
    --ui-btn-border-width: var(--ui-design-filled-boost-stroke-weight);
    --ui-btn-color: var(--ui-color-design-filled-boost-content);
    --ui-btn-split-divider-color: var(--ui-color-design-filled-boost-content-divider);
    --hover-color-1: var(--ui-color-design-filled-boost-bg-gradient-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
      --hover-color-1: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
    --hover-color-2: var(--ui-color-design-filled-boost-bg-gradient-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
      --hover-color-2: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
    --hover-color-3: var(--ui-color-design-filled-boost-bg-gradient-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
      --hover-color-3: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
    --active-color-1: var(--ui-color-design-filled-boost-bg-gradient-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
      --active-color-1: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
    --active-color-2: var(--ui-color-design-filled-boost-bg-gradient-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
      --active-color-2: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
    --active-color-3: var(--ui-color-design-filled-boost-bg-gradient-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.ui-btn, :where(.b24-btn)):is(.--air, :where(.b24-btn:not(.b24-btn--no-is-air), .b24-badge, .b24-chip .b24-chip__base)):is(.--style-filled-boost, :where(.b24-btn.b24-btn--color-air-boost)) {
      --active-color-3: color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));
    }
  }

  .b24-btn {
    height: var(--ui-btn-height);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: var(--ui-btn-border-width);
    border-color: var(--ui-btn-border-color);
    background-color: var(--ui-btn-background);
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-btn-font-size);
    --tw-leading: var(--ui-btn-height);
    line-height: var(--ui-btn-height);
    --tw-font-weight: var(--ui-btn-font-weight);
    font-weight: var(--ui-btn-font-weight);
    color: var(--ui-btn-color);
    --tw-ring-color: var(--ui-btn-background-hover);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0s;
    --tw-ease: linear;
    -webkit-user-select: none;
    user-select: none;
    outline-color: #0000;
    align-items: center;
    transition-duration: 0s;
    transition-timing-function: linear;
    display: inline-flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-btn:hover {
      border-color: var(--ui-btn-border-color-hover);
      background-color: var(--ui-btn-background-hover);
      color: var(--ui-btn-color-hover);
    }
  }

  .b24-btn:focus {
    border-color: var(--ui-btn-border-color-hover);
    background-color: var(--ui-btn-background-hover);
    color: var(--ui-btn-color-hover);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-btn:focus-visible {
    --tw-ring-color: var(--ui-btn-background-hover);
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--ui-btn-background);
  }

  .b24-btn:active {
    border-color: var(--ui-btn-border-color-active);
    background-color: var(--ui-btn-background-active);
    color: var(--ui-btn-color-active);
  }

  .b24-btn:disabled, .b24-btn[aria-disabled="true"] {
    cursor: not-allowed;
    border-color: var(--ui-btn-border-color);
    background-color: var(--ui-btn-background);
    opacity: .3;
  }

  .b24-btn .b24-btn__base-loading {
    height: 100%;
    height: var(--height-full);
    width: 100%;
    width: var(--width-full);
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .b24-btn .b24-btn__base-loading-wait-icon, .b24-btn .b24-btn__base-loading-clock-icon {
    width: calc(var(--ui-btn-wait-icon-size) + 7px);
    height: calc(var(--ui-btn-wait-icon-size) + 7px);
    color: var(--ui-btn-color);
  }

  .b24-btn .b24-btn__base-loading-spinner-icon {
    width: var(--ui-btn-wait-icon-size);
    height: var(--ui-btn-wait-icon-size);
    animation: var(--animate-spin);
    stroke-width: 2px;
    color: var(--ui-btn-color);
  }

  .b24-btn .b24-btn__base-line {
    height: var(--ui-btn-height);
    width: 100%;
    width: var(--width-full);
    justify-content: center;
    align-items: center;
    gap: var(--ui-btn-icon-space);
    padding-inline-start: var(--ui-btn-padding-left);
    padding-inline-end: var(--ui-btn-padding-right);
    display: inline-flex;
  }

  .b24-btn .b24-btn__label {
    height: var(--ui-btn-height);
    max-width: 100%;
    max-width: var(--max-width-full);
    --tw-tracking: var(--ui-btn-letter-spacing);
    letter-spacing: var(--ui-btn-letter-spacing);
    text-overflow: clip;
    flex-direction: row;
    align-items: center;
    display: inline-flex;
    overflow: visible;
  }

  .b24-btn .b24-btn__label-inner {
    margin-top: var(--ui-btn-title-compensation);
    max-width: 100%;
    max-width: var(--max-width-full);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
  }

  .b24-btn .b24-btn__leading-icon {
    width: var(--ui-btn-icon-size);
    height: var(--ui-btn-icon-size);
    color: var(--ui-btn-color);
    flex-shrink: 0;
  }

  .b24-btn .b24-btn__leading-avatar {
    flex-shrink: 0;
    margin-inline-end: 4px;
  }

  .b24-btn .b24-btn__trailing-icon {
    margin-top: var(--ui-btn-title-compensation);
    width: var(--ui-btn-icon-size);
    height: var(--ui-btn-icon-size);
    color: var(--ui-btn-color);
    flex-shrink: 0;
  }

  .b24-btn.b24-btn--field-group-horizontal {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-btn.b24-btn--field-group-horizontal:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-btn.b24-btn--field-group-vertical {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-btn.b24-btn--field-group-vertical:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-btn:not(.b24-btn--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-btn:not(.b24-btn--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-btn:not(.b24-btn--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-btn.b24-btn--color-air-boost {
    --tw-gradient-position: 110.42% 110.42% at -10.42% 31.25%;
    background-color: #0000;
    background-image: radial-gradient(var(--tw-gradient-stops, 110.42% 110.42% at -10.42% 31.25%));
    --tw-gradient-from: var(--ui-color-design-filled-boost-bg-gradient-1);
    --tw-gradient-from-position: 0%;
    --tw-gradient-via: var(--ui-color-design-filled-boost-bg-gradient-2);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--ui-color-design-filled-boost-bg-gradient-3);
    --tw-gradient-to-position: 100%;
  }

  @media (hover: hover) {
    .b24-btn.b24-btn--color-air-boost:hover {
      --tw-gradient-position: 110.42% 110.42% at -10.42% 31.25%;
      background-color: #0000;
      background-image: radial-gradient(var(--tw-gradient-stops, 110.42% 110.42% at -10.42% 31.25%));
      --tw-gradient-from: var(--hover-color-1);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--hover-color-3);
    }
  }

  .b24-btn.b24-btn--color-air-boost:focus {
    --tw-gradient-position: 110.42% 110.42% at -10.42% 31.25%;
    background-color: #0000;
    background-image: radial-gradient(var(--tw-gradient-stops, 110.42% 110.42% at -10.42% 31.25%));
    --tw-gradient-from: var(--hover-color-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .b24-btn.b24-btn--color-air-boost:active {
    --tw-gradient-position: 110.42% 110.42% at -10.42% 31.25%;
    background-color: #0000;
    background-image: radial-gradient(var(--tw-gradient-stops, 110.42% 110.42% at -10.42% 31.25%));
    --tw-gradient-from: var(--active-color-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .b24-btn.b24-btn--color-air-boost:disabled, .b24-btn.b24-btn--color-air-boost[aria-disabled="true"] {
    --tw-gradient-position: 110.42% 110.42% at -10.42% 31.25%;
    background-color: #0000;
    background-image: radial-gradient(var(--tw-gradient-stops, 110.42% 110.42% at -10.42% 31.25%));
    --tw-gradient-from: var(--ui-color-design-filled-boost-bg-gradient-1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .b24-btn.b24-btn--color-air-boost[aria-disabled="true"] {
    --tw-gradient-via: var(--ui-color-design-filled-boost-bg-gradient-2);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--ui-color-design-filled-boost-bg-gradient-3);
  }

  .b24-btn.b24-btn--block {
    width: 100%;
    width: var(--width-full);
  }

  .b24-btn.b24-btn--rounded {
    border-radius: var(--ui-border-radius-lg);
  }

  .b24-btn:not(.b24-btn--rounded) {
    border-radius: var(--ui-btn-radius);
  }

  .b24-btn:not(.b24-btn--use-label) .b24-btn__base-line {
    padding-inline: 4px;
  }

  .b24-btn:not(.b24-btn--use-label) .b24-btn__leading-avatar {
    margin-inline-end: 0;
  }

  .b24-btn:not(.b24-btn--no-normal-case) {
    text-transform: none;
  }

  .b24-btn.b24-btn--no-normal-case {
    text-transform: uppercase;
  }

  .b24-btn.b24-btn--leading.b24-btn--use-label:not(.b24-btn--use-dropdown) .b24-btn__base-line {
    padding-inline-start: calc(var(--ui-btn-padding-left) - var(--ui-btn-icon-compensation));
  }

  .b24-btn:not(.b24-btn--leading).b24-btn--use-label.b24-btn--use-dropdown .b24-btn__base-line {
    padding-inline-end: calc(var(--ui-btn-padding-right) - var(--ui-btn-icon-compensation));
  }

  .b24-btn.b24-btn--leading.b24-btn--use-label.b24-btn--use-dropdown .b24-btn__base-line {
    padding-inline-start: calc(var(--ui-btn-padding-left) - var(--ui-btn-icon-compensation));
    padding-inline-end: calc(var(--ui-btn-padding-right) - var(--ui-btn-icon-compensation));
  }

  .b24-btn.b24-btn--leading:not(.b24-btn--use-label):not(.b24-btn--use-dropdown) {
    width: var(--ui-btn-height);
  }

  .b24-input {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-input .b24-input__base {
    width: 100%;
    width: var(--width-full);
    appearance: none;
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    padding-block: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
  }

  .b24-input .b24-input__base::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (hover: hover) {
    .b24-input .b24-input__base:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-input .b24-input__base:focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input .b24-input__base:active {
    color: var(--ui-color-base-1);
  }

  .b24-input .b24-input__base:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input .b24-input__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-input .b24-input__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input .b24-input__leading-avatar {
    flex-shrink: 0;
  }

  .b24-input .b24-input__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-input .b24-input__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input .b24-input__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-input.b24-input--field-group-horizontal {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .b24-input.b24-input--field-group-horizontal:has(:focus-visible) {
    z-index: 1;
  }

  .b24-input.b24-input--field-group-horizontal .b24-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input.b24-input--field-group-horizontal .b24-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input.b24-input--field-group-vertical:has(:focus-visible) {
    z-index: 1;
  }

  .b24-input.b24-input--field-group-vertical .b24-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input.b24-input--field-group-vertical .b24-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input:not(.b24-input--no-split) .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input:not(.b24-input--no-split) .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-input:not(.b24-input--no-split) .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-input.b24-input--size-xss .b24-input__base {
    gap: var(--spacing);
    height: 20px;
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-input.b24-input--size-xss .b24-input__leading, .b24-input.b24-input--size-xss .b24-input__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input.b24-input--size-xss .b24-input__leading-icon, .b24-input.b24-input--size-xss .b24-input__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-input.b24-input--size-xs .b24-input__base {
    gap: var(--spacing);
    height: 24px;
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-input.b24-input--size-xs .b24-input__leading, .b24-input.b24-input--size-xs .b24-input__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input.b24-input--size-xs .b24-input__leading-icon, .b24-input.b24-input--size-xs .b24-input__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-input.b24-input--size-sm .b24-input__base {
    gap: calc(var(--spacing) * 1.5);
    height: 28px;
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-input.b24-input--size-sm .b24-input__leading, .b24-input.b24-input--size-sm .b24-input__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-input.b24-input--size-sm .b24-input__leading-icon, .b24-input.b24-input--size-sm .b24-input__leading-avatar, .b24-input.b24-input--size-sm .b24-input__trailing-icon {
    width: 16px;
    height: 16px;
  }

  .b24-input:is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__base {
    gap: calc(var(--spacing) * 1.5);
    height: 34px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input:is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__leading, .b24-input:is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input:is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__leading-icon, .b24-input:is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input.b24-input--size-lg .b24-input__base {
    gap: calc(var(--spacing) * 2);
    height: 38px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input.b24-input--size-lg .b24-input__leading, .b24-input.b24-input--size-lg .b24-input__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input.b24-input--size-lg .b24-input__leading-icon, .b24-input.b24-input--size-lg .b24-input__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input.b24-input--size-xl .b24-input__base {
    gap: calc(var(--spacing) * 2);
    height: 46px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-input.b24-input--size-xl .b24-input__leading, .b24-input.b24-input--size-xl .b24-input__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input.b24-input--size-xl .b24-input__leading-icon, .b24-input.b24-input--size-xl .b24-input__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input.b24-input--rounded .b24-input__base {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-input:not(.b24-input--rounded) .b24-input__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input.b24-input--no-padding .b24-input__base {
    padding-inline: 0;
  }

  .b24-input.b24-input--no-border .b24-input__base, .b24-input.b24-input--no-border .b24-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input.b24-input--underline .b24-input__base {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input.b24-input--underline .b24-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input.b24-input--highlight .b24-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-input.b24-input--type-file .b24-input__base::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .b24-input:not(.b24-input--highlight):not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input:not(.b24-input--highlight):not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base:hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input:not(.b24-input--highlight):not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base:focus-visible, .b24-input:not(.b24-input--highlight):not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base[data-state="open"], .b24-input.b24-input--highlight:not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input.b24-input--highlight:not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input.b24-input--highlight:not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base:focus-visible, .b24-input.b24-input--highlight:not(.b24-input--no-border):not(.b24-input--underline) .b24-input__base[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input:not(.b24-input--no-border).b24-input--underline .b24-input__base:hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  .b24-input:not(.b24-input--no-border).b24-input--underline .b24-input__base:focus-visible, .b24-input:not(.b24-input--no-border).b24-input--underline .b24-input__base[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  .b24-input.b24-input--highlight:not(.b24-input--no-border).b24-input--underline .b24-input__base {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input.b24-input--highlight.b24-input--no-border:not(.b24-input--underline) .b24-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input.b24-input--type-file.b24-input--size-xss .b24-input__base {
    padding-block: 2px;
  }

  .b24-input.b24-input--type-file.b24-input--size-xs .b24-input__base {
    padding-block: 4px;
  }

  .b24-input.b24-input--type-file.b24-input--size-sm .b24-input__base {
    padding-block: 5px;
  }

  .b24-input.b24-input--type-file:is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__base {
    padding-block: 7px;
  }

  .b24-input.b24-input--type-file.b24-input--size-lg .b24-input__base {
    padding-block: 9px;
  }

  .b24-input.b24-input--type-file.b24-input--size-xl .b24-input__base {
    padding-block: 11px;
  }

  .b24-input.b24-input--leading:not(.b24-input--no-padding).b24-input--size-xss .b24-input__base {
    padding-inline-start: 20px;
  }

  .b24-input.b24-input--leading:not(.b24-input--no-padding).b24-input--size-xs .b24-input__base {
    padding-inline-start: 22px;
  }

  .b24-input.b24-input--leading:not(.b24-input--no-padding).b24-input--size-sm .b24-input__base {
    padding-inline-start: 28px;
  }

  .b24-input.b24-input--leading:not(.b24-input--no-padding):is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__base, .b24-input.b24-input--leading:not(.b24-input--no-padding).b24-input--size-lg .b24-input__base, .b24-input.b24-input--leading:not(.b24-input--no-padding).b24-input--size-xl .b24-input__base {
    padding-inline-start: 32px;
  }

  .b24-input.b24-input--trailing:not(.b24-input--no-padding).b24-input--size-xss .b24-input__base {
    padding-inline-end: 20px;
  }

  .b24-input.b24-input--trailing:not(.b24-input--no-padding).b24-input--size-xs .b24-input__base {
    padding-inline-end: 22px;
  }

  .b24-input.b24-input--trailing:not(.b24-input--no-padding).b24-input--size-sm .b24-input__base {
    padding-inline-end: 28px;
  }

  .b24-input.b24-input--trailing:not(.b24-input--no-padding):is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__base {
    padding-inline-end: 34px;
  }

  .b24-input.b24-input--trailing:not(.b24-input--no-padding).b24-input--size-lg .b24-input__base, .b24-input.b24-input--trailing:not(.b24-input--no-padding).b24-input--size-xl .b24-input__base {
    padding-inline-end: 38px;
  }

  .b24-input.b24-input--loading.b24-input--leading .b24-input__leading-icon, .b24-input.b24-input--loading:not(.b24-input--leading).b24-input--trailing .b24-input__trailing-icon {
    width: 21px;
    height: 21px;
  }

  .b24-input.b24-input--loading.b24-input--leading.b24-input--no-padding .b24-input__base {
    padding-inline-start: 34px;
  }

  .b24-input.b24-input--loading:not(.b24-input--leading).b24-input--trailing.b24-input--no-padding .b24-input__base {
    padding-inline-end: 34px;
  }

  .b24-input:is(.b24-input--field-group-horizontal, .b24-input--field-group-vertical):is(.b24-input--size-xl, .b24-input--size-lg, :is(.b24-input--size-md, :not([class*="b24-input--size-"]))):not(.b24-input--rounded) .b24-input__base {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-input:is(.b24-input--field-group-horizontal, .b24-input--field-group-vertical).b24-input--size-sm:not(.b24-input--rounded) .b24-input__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input:is(.b24-input--field-group-horizontal, .b24-input--field-group-vertical).b24-input--size-xs:not(.b24-input--rounded) .b24-input__base {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-input:is(.b24-input--field-group-horizontal, .b24-input--field-group-vertical).b24-input--size-xss:not(.b24-input--rounded) .b24-input__base {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    .b24-input:not(.b24-input--fixed).b24-input--size-xss .b24-input__base {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-input:not(.b24-input--fixed).b24-input--size-xs .b24-input__base {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-input:not(.b24-input--fixed).b24-input--size-sm .b24-input__base {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-input:not(.b24-input--fixed):is(.b24-input--size-md, :not([class*="b24-input--size-"])) .b24-input__base, .b24-input:not(.b24-input--fixed).b24-input--size-lg .b24-input__base {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-select {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-select .b24-select__base {
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    align-items: center;
    padding-block: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
    display: inline-flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-select .b24-select__base:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-select .b24-select__base:focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-select .b24-select__base:active {
    color: var(--ui-color-base-1);
  }

  .b24-select .b24-select__base:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-select .b24-select__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-select .b24-select__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-select .b24-select__leading-avatar {
    flex-shrink: 0;
  }

  .b24-select .b24-select__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-select .b24-select__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-select .b24-select__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-select .b24-select__value {
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-select .b24-select__placeholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-color-design-plain-na-content-secondary);
    overflow: hidden;
  }

  .b24-select .b24-select__content {
    pointer-events: auto;
    isolation: isolate;
    max-height: min(var(--max-height-popup-list), var(--reka-select-content-available-height, 100vh));
    transform-origin: var(--reka-select-content-transform-origin);
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .b24-select .b24-select__viewport {
    width: calc(var(--spacing) * 60);
    scroll-padding-block: var(--spacing);
    scrollbar-width: thin;
    flex: 1;
    position: relative;
    overflow: hidden auto;
  }

  .b24-select .b24-select__arrow {
    fill: var(--ui-color-bg-content-primary);
  }

  .b24-select .b24-select__group {
    display: grid;
  }

  .b24-select .b24-select__empty {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--popup-window-delimiter-font-size);
    line-height: var(--ui-font-line-height-lg);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
  }

  .b24-select .b24-select__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-select .b24-select__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-select .b24-select__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-select .b24-select__separator {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-block: calc(var(--spacing) * 2);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
  }

  .b24-select .b24-select__item {
    margin-top: var(--menu-item-block-stack-space);
    width: 100%;
    height: 36px;
    width: var(--width-full);
    cursor: pointer;
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-select .b24-select__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-select .b24-select__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-select .b24-select__item:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-select .b24-select__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select .b24-select__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-select .b24-select__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-select .b24-select__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select .b24-select__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-select .b24-select__item[data-highlighted]:not([data-disabled]), .b24-select .b24-select__item[data-state="checked"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-select .b24-select__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select .b24-select__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-select .b24-select__item[data-state="open"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-select .b24-select__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-select .b24-select__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-select .b24-select__item:where(.dark, .dark *):active, .b24-select .b24-select__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-select .b24-select__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-select .b24-select__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-select .b24-select__item-leading-avatar {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-inline-end: 12px;
  }

  .b24-select .b24-select__item-leading-chip {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .b24-select .b24-select__item-trailing {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    margin-left: auto;
    display: inline-flex;
  }

  .b24-select .b24-select__item-trailing:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: auto;
  }

  .b24-select .b24-select__item-trailing-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-select .b24-select__item-wrapper {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-select .b24-select__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-select .b24-select__item-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-select.b24-select--field-group-horizontal {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .b24-select.b24-select--field-group-horizontal:has(:focus-visible) {
    z-index: 1;
  }

  .b24-select.b24-select--field-group-horizontal .b24-select__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-select.b24-select--field-group-horizontal .b24-select__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-select.b24-select--field-group-vertical:has(:focus-visible) {
    z-index: 1;
  }

  .b24-select.b24-select--field-group-vertical .b24-select__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-select.b24-select--field-group-vertical .b24-select__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-select:not(.b24-select--no-split) .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select:not(.b24-select--no-split) .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-select:not(.b24-select--no-split) .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-select.b24-select--size-xss .b24-select__base {
    gap: var(--spacing);
    height: 20px;
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-select.b24-select--size-xss .b24-select__leading, .b24-select.b24-select--size-xss .b24-select__trailing {
    padding-inline: var(--spacing);
  }

  .b24-select.b24-select--size-xss .b24-select__leading-icon, .b24-select.b24-select--size-xss .b24-select__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-select.b24-select--size-xs .b24-select__base {
    gap: var(--spacing);
    height: 24px;
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-select.b24-select--size-xs .b24-select__leading, .b24-select.b24-select--size-xs .b24-select__trailing {
    padding-inline: var(--spacing);
  }

  .b24-select.b24-select--size-xs .b24-select__leading-icon, .b24-select.b24-select--size-xs .b24-select__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-select.b24-select--size-sm .b24-select__base {
    gap: calc(var(--spacing) * 1.5);
    height: 28px;
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-select.b24-select--size-sm .b24-select__leading, .b24-select.b24-select--size-sm .b24-select__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-select.b24-select--size-sm .b24-select__leading-icon, .b24-select.b24-select--size-sm .b24-select__leading-avatar, .b24-select.b24-select--size-sm .b24-select__trailing-icon {
    width: 16px;
    height: 16px;
  }

  .b24-select:is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__base {
    gap: calc(var(--spacing) * 1.5);
    height: 34px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-select:is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__leading, .b24-select:is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-select:is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__leading-icon, .b24-select:is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-select.b24-select--size-lg .b24-select__base {
    gap: calc(var(--spacing) * 2);
    height: 38px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-select.b24-select--size-lg .b24-select__leading, .b24-select.b24-select--size-lg .b24-select__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-select.b24-select--size-lg .b24-select__leading-icon, .b24-select.b24-select--size-lg .b24-select__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-select.b24-select--size-xl .b24-select__base {
    gap: calc(var(--spacing) * 2);
    height: 46px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-select.b24-select--size-xl .b24-select__leading, .b24-select.b24-select--size-xl .b24-select__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-select.b24-select--size-xl .b24-select__leading-icon, .b24-select.b24-select--size-xl .b24-select__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-select.b24-select--rounded .b24-select__base {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-select:not(.b24-select--rounded) .b24-select__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-select.b24-select--no-padding .b24-select__base {
    padding-inline: 0;
  }

  .b24-select.b24-select--no-border .b24-select__base, .b24-select.b24-select--no-border .b24-select__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select.b24-select--underline .b24-select__base {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select.b24-select--underline .b24-select__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select.b24-select--highlight .b24-select__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-select.b24-select--type-file .b24-select__base::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-select:is(.b24-select--position-popper, :not([class*="b24-select--position-"])) .b24-select__content[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-select:is(.b24-select--position-popper, :not([class*="b24-select--position-"])) .b24-select__content[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-select.b24-select--position-item-aligned .b24-select__viewport {
    width: 100%;
    width: var(--width-full);
  }

  .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning) {
    color: var(--b24ui-background);
  }

  .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning)[data-highlighted], .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning) .b24-select__item-leading-icon {
    color: var(--b24ui-background);
  }

  .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning) .b24-select__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *), .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning) .b24-select__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-hover);
  }

  .b24-select.b24-select--active .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning), .b24-select.b24-select--active .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning) .b24-select__item-leading-icon, .b24-select.b24-select--active .b24-select__item:is(.b24-select__item--color-item-air-primary, .b24-select__item--color-item-air-primary-success, .b24-select__item--color-item-air-primary-alert, .b24-select__item--color-item-air-primary-copilot, .b24-select__item--color-item-air-primary-warning) .b24-select__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *), .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai) {
    color: var(--b24ui-background-active);
  }

  .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai)[data-highlighted], .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai) .b24-select__item-leading-icon, .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai) .b24-select__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *), .b24-select:not(.b24-select--active) .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai) .b24-select__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-icon);
  }

  .b24-select.b24-select--active .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai), .b24-select.b24-select--active .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai) .b24-select__item-leading-icon, .b24-select.b24-select--active .b24-select__item:is(.b24-select__item--color-item-danger, .b24-select__item--color-item-success, .b24-select__item--color-item-warning, .b24-select__item--color-item-primary, .b24-select__item--color-item-secondary, .b24-select__item--color-item-collab, .b24-select__item--color-item-ai) .b24-select__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-active);
  }

  .b24-select:not(.b24-select--highlight):not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-select:not(.b24-select--highlight):not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base:hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-select:not(.b24-select--highlight):not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base:focus-visible, .b24-select:not(.b24-select--highlight):not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base[data-state="open"], .b24-select.b24-select--highlight:not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-select.b24-select--highlight:not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-select.b24-select--highlight:not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base:focus-visible, .b24-select.b24-select--highlight:not(.b24-select--no-border):not(.b24-select--underline) .b24-select__base[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-select:not(.b24-select--no-border).b24-select--underline .b24-select__base:hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  .b24-select:not(.b24-select--no-border).b24-select--underline .b24-select__base:focus-visible, .b24-select:not(.b24-select--no-border).b24-select--underline .b24-select__base[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  .b24-select.b24-select--highlight:not(.b24-select--no-border).b24-select--underline .b24-select__base {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select.b24-select--highlight.b24-select--no-border:not(.b24-select--underline) .b24-select__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select.b24-select--type-file.b24-select--size-xss .b24-select__base {
    padding-block: 2px;
  }

  .b24-select.b24-select--type-file.b24-select--size-xs .b24-select__base {
    padding-block: 4px;
  }

  .b24-select.b24-select--type-file.b24-select--size-sm .b24-select__base {
    padding-block: 5px;
  }

  .b24-select.b24-select--type-file:is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__base {
    padding-block: 7px;
  }

  .b24-select.b24-select--type-file.b24-select--size-lg .b24-select__base {
    padding-block: 9px;
  }

  .b24-select.b24-select--type-file.b24-select--size-xl .b24-select__base {
    padding-block: 11px;
  }

  .b24-select.b24-select--leading:not(.b24-select--no-padding).b24-select--size-xss .b24-select__base {
    padding-inline-start: 20px;
  }

  .b24-select.b24-select--leading:not(.b24-select--no-padding).b24-select--size-xs .b24-select__base {
    padding-inline-start: 22px;
  }

  .b24-select.b24-select--leading:not(.b24-select--no-padding).b24-select--size-sm .b24-select__base {
    padding-inline-start: 28px;
  }

  .b24-select.b24-select--leading:not(.b24-select--no-padding):is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__base, .b24-select.b24-select--leading:not(.b24-select--no-padding).b24-select--size-lg .b24-select__base, .b24-select.b24-select--leading:not(.b24-select--no-padding).b24-select--size-xl .b24-select__base {
    padding-inline-start: 32px;
  }

  .b24-select.b24-select--trailing:not(.b24-select--no-padding).b24-select--size-xss .b24-select__base {
    padding-inline-end: 20px;
  }

  .b24-select.b24-select--trailing:not(.b24-select--no-padding).b24-select--size-xs .b24-select__base {
    padding-inline-end: 22px;
  }

  .b24-select.b24-select--trailing:not(.b24-select--no-padding).b24-select--size-sm .b24-select__base {
    padding-inline-end: 28px;
  }

  .b24-select.b24-select--trailing:not(.b24-select--no-padding):is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__base {
    padding-inline-end: 34px;
  }

  .b24-select.b24-select--trailing:not(.b24-select--no-padding).b24-select--size-lg .b24-select__base, .b24-select.b24-select--trailing:not(.b24-select--no-padding).b24-select--size-xl .b24-select__base {
    padding-inline-end: 38px;
  }

  .b24-select.b24-select--loading.b24-select--leading .b24-select__leading-icon, .b24-select.b24-select--loading:not(.b24-select--leading).b24-select--trailing .b24-select__trailing-icon {
    width: 21px;
    height: 21px;
  }

  .b24-select.b24-select--loading.b24-select--leading.b24-select--no-padding .b24-select__base {
    padding-inline-start: 34px;
  }

  .b24-select.b24-select--loading:not(.b24-select--leading).b24-select--trailing.b24-select--no-padding .b24-select__base {
    padding-inline-end: 34px;
  }

  .b24-select:is(.b24-select--field-group-horizontal, .b24-select--field-group-vertical):is(.b24-select--size-xl, .b24-select--size-lg, :is(.b24-select--size-md, :not([class*="b24-select--size-"]))):not(.b24-select--rounded) .b24-select__base {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-select:is(.b24-select--field-group-horizontal, .b24-select--field-group-vertical).b24-select--size-sm:not(.b24-select--rounded) .b24-select__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-select:is(.b24-select--field-group-horizontal, .b24-select--field-group-vertical).b24-select--size-xs:not(.b24-select--rounded) .b24-select__base {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-select:is(.b24-select--field-group-horizontal, .b24-select--field-group-vertical).b24-select--size-xss:not(.b24-select--rounded) .b24-select__base {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    .b24-select:not(.b24-select--fixed).b24-select--size-xss .b24-select__base {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-select:not(.b24-select--fixed).b24-select--size-xs .b24-select__base {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-select:not(.b24-select--fixed).b24-select--size-sm .b24-select__base {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-select:not(.b24-select--fixed):is(.b24-select--size-md, :not([class*="b24-select--size-"])) .b24-select__base, .b24-select:not(.b24-select--fixed).b24-select--size-lg .b24-select__base {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-textarea {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-textarea .b24-textarea__base {
    width: 100%;
    width: var(--width-full);
    appearance: none;
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-top: 7px;
    padding-bottom: calc(var(--spacing) * 2);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-2xs);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
  }

  .b24-textarea .b24-textarea__base::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (hover: hover) {
    .b24-textarea .b24-textarea__base:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-textarea .b24-textarea__base:focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-textarea .b24-textarea__base:active {
    color: var(--ui-color-base-1);
  }

  .b24-textarea .b24-textarea__base:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-textarea .b24-textarea__leading {
    padding-inline: calc(var(--spacing) * 2);
    align-items: flex-start;
    display: flex;
    position: absolute;
    inset-block: 7px;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-textarea .b24-textarea__leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-textarea .b24-textarea__leading-avatar {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
  }

  .b24-textarea .b24-textarea__trailing {
    inset-block: calc(var(--spacing) * 2);
    align-items: flex-start;
    padding-inline: 6px;
    display: flex;
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-textarea .b24-textarea__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-textarea .b24-textarea__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    top: -6px;
    right: 12px;
  }

  .b24-textarea.b24-textarea--field-group-horizontal {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .b24-textarea.b24-textarea--field-group-horizontal:has(:focus-visible) {
    z-index: 1;
  }

  .b24-textarea.b24-textarea--field-group-horizontal .b24-textarea__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-textarea.b24-textarea--field-group-horizontal .b24-textarea__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-textarea.b24-textarea--field-group-vertical:has(:focus-visible) {
    z-index: 1;
  }

  .b24-textarea.b24-textarea--field-group-vertical .b24-textarea__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-textarea.b24-textarea--field-group-vertical .b24-textarea__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-textarea:not(.b24-textarea--no-split) .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-textarea:not(.b24-textarea--no-split) .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-textarea:not(.b24-textarea--no-split) .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-textarea.b24-textarea--autoresize .b24-textarea__base {
    resize: none;
  }

  .b24-textarea.b24-textarea--rounded .b24-textarea__base {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-textarea:not(.b24-textarea--rounded) .b24-textarea__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-textarea.b24-textarea--no-padding .b24-textarea__base {
    padding-inline: 0;
  }

  .b24-textarea.b24-textarea--no-border .b24-textarea__base, .b24-textarea.b24-textarea--no-border .b24-textarea__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-textarea.b24-textarea--underline .b24-textarea__base {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-textarea.b24-textarea--underline .b24-textarea__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-textarea.b24-textarea--highlight .b24-textarea__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-textarea:not(.b24-textarea--highlight):not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-textarea:not(.b24-textarea--highlight):not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base:hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-textarea:not(.b24-textarea--highlight):not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base:focus-visible, .b24-textarea:not(.b24-textarea--highlight):not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base[data-state="open"], .b24-textarea.b24-textarea--highlight:not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-textarea.b24-textarea--highlight:not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-textarea.b24-textarea--highlight:not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base:focus-visible, .b24-textarea.b24-textarea--highlight:not(.b24-textarea--no-border):not(.b24-textarea--underline) .b24-textarea__base[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-textarea:not(.b24-textarea--no-border).b24-textarea--underline .b24-textarea__base:hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  .b24-textarea:not(.b24-textarea--no-border).b24-textarea--underline .b24-textarea__base:focus-visible, .b24-textarea:not(.b24-textarea--no-border).b24-textarea--underline .b24-textarea__base[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  .b24-textarea.b24-textarea--highlight:not(.b24-textarea--no-border).b24-textarea--underline .b24-textarea__base {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-textarea.b24-textarea--highlight.b24-textarea--no-border:not(.b24-textarea--underline) .b24-textarea__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-textarea.b24-textarea--leading:not(.b24-textarea--no-padding) .b24-textarea__base, .b24-textarea.b24-textarea--leading.b24-textarea--loading .b24-textarea__base {
    padding-inline-start: 34px;
  }

  .b24-textarea.b24-textarea--trailing:not(.b24-textarea--no-padding) .b24-textarea__base {
    padding-inline-end: 34px;
  }

  .b24-textarea.b24-textarea--loading.b24-textarea--leading .b24-textarea__leading-icon, .b24-textarea.b24-textarea--loading:not(.b24-textarea--leading).b24-textarea--trailing .b24-textarea__trailing-icon {
    width: 21px;
    height: 21px;
  }

  .b24-checkbox {
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .b24-checkbox .b24-checkbox__base {
    cursor: pointer;
    border-radius: var(--ui-border-radius-2xs);
    color: var(--b24ui-typography-label-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-base-5);
    --tw-ring-inset: inset;
    outline-color: #0000;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-checkbox .b24-checkbox__base:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-border-color);
  }

  .b24-checkbox .b24-checkbox__indicator {
    border-radius: var(--ui-border-radius-2xs);
    background-color: var(--b24ui-background);
    width: 100%;
    height: 100%;
    color: var(--b24ui-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-background);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-checkbox .b24-checkbox__container {
    align-items: center;
    display: flex;
  }

  .b24-checkbox .b24-checkbox__icon {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
  }

  .b24-checkbox .b24-checkbox__wrapper {
    width: 100%;
    width: var(--width-full);
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-checkbox .b24-checkbox__label {
    cursor: pointer;
    color: var(--b24ui-typography-label-color);
    display: block;
  }

  .b24-checkbox .b24-checkbox__description {
    color: var(--b24ui-typography-description-color);
    margin-top: 4px;
  }

  .b24-checkbox.b24-checkbox--variant-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
  }

  .b24-checkbox:is(.b24-checkbox--indicator-start, :not([class*="b24-checkbox--indicator-"])) {
    flex-direction: row;
  }

  .b24-checkbox:is(.b24-checkbox--indicator-start, :not([class*="b24-checkbox--indicator-"])) .b24-checkbox__wrapper {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .b24-checkbox.b24-checkbox--indicator-end {
    flex-direction: row-reverse;
  }

  .b24-checkbox.b24-checkbox--indicator-end .b24-checkbox__wrapper {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-checkbox.b24-checkbox--indicator-hidden .b24-checkbox__base {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .b24-checkbox.b24-checkbox--indicator-hidden {
    outline-color: #0000;
  }

  .b24-checkbox.b24-checkbox--indicator-hidden:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-border-color);
  }

  .b24-checkbox.b24-checkbox--indicator-hidden .b24-checkbox__wrapper {
    align-items: center;
    gap: var(--spacing);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .b24-checkbox.b24-checkbox--size-xs .b24-checkbox__base {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-checkbox.b24-checkbox--size-xs .b24-checkbox__container {
    height: calc(var(--spacing) * 3);
  }

  .b24-checkbox.b24-checkbox--size-xs .b24-checkbox__wrapper {
    font-size: var(--ui-font-size-xs);
    --tw-leading: 11px;
    line-height: 11px;
  }

  .b24-checkbox.b24-checkbox--size-sm .b24-checkbox__base {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .b24-checkbox.b24-checkbox--size-sm .b24-checkbox__container {
    height: calc(var(--spacing) * 3.5);
  }

  .b24-checkbox.b24-checkbox--size-sm .b24-checkbox__wrapper {
    font-size: var(--ui-font-size-sm);
    --tw-leading: calc(var(--spacing) * 3.5);
    line-height: calc(var(--spacing) * 3.5);
  }

  .b24-checkbox:is(.b24-checkbox--size-md, :not([class*="b24-checkbox--size-"])) .b24-checkbox__base {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-checkbox:is(.b24-checkbox--size-md, :not([class*="b24-checkbox--size-"])) .b24-checkbox__container {
    height: calc(var(--spacing) * 4);
  }

  .b24-checkbox:is(.b24-checkbox--size-md, :not([class*="b24-checkbox--size-"])) .b24-checkbox__wrapper {
    font-size: var(--ui-font-size-lg);
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .b24-checkbox.b24-checkbox--size-lg .b24-checkbox__base {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-checkbox.b24-checkbox--size-lg .b24-checkbox__container {
    height: calc(var(--spacing) * 5);
  }

  .b24-checkbox.b24-checkbox--size-lg .b24-checkbox__wrapper {
    font-size: var(--ui-font-size-xl);
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }

  .b24-checkbox.b24-checkbox--required .b24-checkbox__label:after {
    color: var(--ui-color-accent-main-alert);
    --tw-content: "*";
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * .5);
  }

  .b24-checkbox.b24-checkbox--disabled {
    opacity: .3;
  }

  .b24-checkbox.b24-checkbox--disabled .b24-checkbox__base, .b24-checkbox.b24-checkbox--disabled .b24-checkbox__label, .b24-checkbox.b24-checkbox--disabled .b24-checkbox__description {
    cursor: not-allowed;
  }

  .b24-checkbox.b24-checkbox--highlight .b24-checkbox__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-checkbox.b24-checkbox--indicator-hidden .b24-checkbox__container {
    height: auto;
  }

  .b24-checkbox.b24-checkbox--size-xs.b24-checkbox--indicator-hidden .b24-checkbox__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-checkbox.b24-checkbox--size-sm.b24-checkbox--indicator-hidden .b24-checkbox__icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .b24-checkbox:is(.b24-checkbox--size-md, :not([class*="b24-checkbox--size-"])).b24-checkbox--indicator-hidden .b24-checkbox__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-checkbox.b24-checkbox--size-lg.b24-checkbox--indicator-hidden .b24-checkbox__icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-checkbox.b24-checkbox--size-xs.b24-checkbox--variant-card {
    border-radius: var(--ui-border-radius-xs);
    padding-block: 7px;
    padding-inline: 13px;
  }

  .b24-checkbox.b24-checkbox--size-sm.b24-checkbox--variant-card {
    border-radius: var(--ui-border-radius-sm);
    padding-block: 9px;
    padding-inline: 13px;
  }

  .b24-checkbox:is(.b24-checkbox--size-md, :not([class*="b24-checkbox--size-"])).b24-checkbox--variant-card {
    border-radius: var(--ui-border-radius-md);
    padding-block: 10px;
    padding-inline: 17px;
  }

  .b24-checkbox.b24-checkbox--size-lg.b24-checkbox--variant-card {
    border-radius: var(--ui-border-radius-md);
    padding-inline: 23px;
    padding-block: calc(var(--spacing) * 3);
  }

  .b24-checkbox.b24-checkbox--variant-card.b24-checkbox--checked {
    cursor: pointer;
    border-color: var(--b24ui-border-color);
  }

  .b24-checkbox.b24-checkbox--variant-card.b24-checkbox--disabled {
    cursor: not-allowed;
  }

  .b24-badge {
    border-style: var(--tw-border-style);
    border-width: var(--b24ui-border-width);
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
    padding-inline: var(--ui-label-inline-space);
    font-family: var(--ui-font-family-secondary);
    font-size: var(--ui-label-font-size);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--ui-label-font-weight);
    font-weight: var(--ui-label-font-weight);
    color: var(--b24ui-color);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: linear;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    transition-duration: .2s;
    transition-timing-function: linear;
    display: inline-flex;
  }

  .b24-badge .b24-badge__wrapper {
    height: var(--ui-label-height);
    align-items: center;
    display: inline-flex;
  }

  .b24-badge .b24-badge__label {
    max-width: 100%;
    max-width: var(--max-width-full);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration-thickness: from-font;
  }

  .b24-badge .b24-badge__leading-icon, .b24-badge .b24-badge__leading-avatar {
    flex-shrink: 0;
  }

  .b24-badge .b24-badge__trailing-icon {
    cursor: pointer;
    flex-shrink: 0;
  }

  @media (hover: hover) {
    .b24-badge .b24-badge__trailing-icon:hover {
      border-radius: var(--ui-border-radius-circle);
      background-color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-badge .b24-badge__trailing-icon:hover {
        background-color: color-mix(in oklab, currentcolor 20%, transparent);
      }
    }
  }

  .b24-badge.b24-badge--field-group-horizontal {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-badge.b24-badge--field-group-horizontal:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-badge.b24-badge--field-group-vertical {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-badge.b24-badge--field-group-vertical:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-badge:not(.b24-badge--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-badge:not(.b24-badge--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-badge:not(.b24-badge--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-badge.b24-badge--use-link {
    cursor: pointer;
  }

  @media (hover: hover) {
    .b24-badge.b24-badge--use-link .b24-badge__label:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      text-decoration-line: underline;
      text-decoration-style: dashed;
    }
  }

  .b24-badge.b24-badge--use-close {
    padding-inline-end: var(--spacing-2xs);
  }

  .b24-badge.b24-badge--leading {
    padding-inline-start: var(--spacing);
  }

  .b24-badge.b24-badge--size-xss, .b24-badge.b24-badge--size-xss .b24-badge__wrapper {
    gap: calc(var(--spacing) * .5);
  }

  .b24-badge.b24-badge--size-xss .b24-badge__label {
    text-underline-offset: 1px;
  }

  .b24-badge.b24-badge--size-xss .b24-badge__leading-icon, .b24-badge.b24-badge--size-xss .b24-badge__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-badge.b24-badge--size-xs, .b24-badge.b24-badge--size-xs .b24-badge__wrapper {
    gap: calc(var(--spacing) * .5);
  }

  .b24-badge.b24-badge--size-xs .b24-badge__label {
    text-underline-offset: 1px;
  }

  .b24-badge.b24-badge--size-xs .b24-badge__leading-icon, .b24-badge.b24-badge--size-xs .b24-badge__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-badge.b24-badge--size-sm, .b24-badge.b24-badge--size-sm .b24-badge__wrapper {
    gap: var(--spacing);
  }

  .b24-badge.b24-badge--size-sm .b24-badge__label {
    text-underline-offset: 1px;
  }

  .b24-badge.b24-badge--size-sm .b24-badge__leading-icon, .b24-badge.b24-badge--size-sm .b24-badge__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])), .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])) .b24-badge__wrapper {
    gap: var(--spacing);
  }

  .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])) .b24-badge__label {
    text-underline-offset: 1px;
  }

  .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])) .b24-badge__leading-icon, .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])) .b24-badge__trailing-icon {
    width: 15px;
    height: 15px;
  }

  .b24-badge.b24-badge--size-lg, .b24-badge.b24-badge--size-lg .b24-badge__wrapper {
    gap: var(--spacing);
  }

  .b24-badge.b24-badge--size-lg .b24-badge__leading-icon, .b24-badge.b24-badge--size-lg .b24-badge__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-badge.b24-badge--size-xl, .b24-badge.b24-badge--size-xl .b24-badge__wrapper {
    gap: var(--spacing);
  }

  .b24-badge.b24-badge--size-xl .b24-badge__leading-icon, .b24-badge.b24-badge--size-xl .b24-badge__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-badge.b24-badge--square {
    border-radius: calc(var(--ui-label-height) / 4);
  }

  .b24-badge.b24-badge--square .b24-badge__wrapper {
    width: var(--ui-label-height);
  }

  .b24-badge.b24-badge--square .b24-badge__label {
    overflow: hidden;
  }

  .b24-badge:not(.b24-badge--square) {
    border-radius: calc(var(--ui-label-height) / 2);
  }

  .b24-badge.b24-badge--inverted {
    border-color: var(--b24ui-color);
  }

  .b24-badge.b24-badge--size-xss.b24-badge--square {
    padding: 0;
    padding-inline: 0;
  }

  .b24-badge.b24-badge--size-xss.b24-badge--square .b24-badge__wrapper {
    gap: 0;
    padding-inline: 2px;
  }

  .b24-badge.b24-badge--size-xss.b24-badge--square .b24-badge__leading-icon {
    width: 6px;
    height: 6px;
  }

  .b24-badge.b24-badge--size-xs.b24-badge--square {
    padding: 0;
    padding-inline: 0;
  }

  .b24-badge.b24-badge--size-xs.b24-badge--square .b24-badge__wrapper {
    gap: 0;
    padding-inline: 2px;
  }

  .b24-badge.b24-badge--size-xs.b24-badge--square .b24-badge__leading-icon {
    width: 10px;
    height: 10px;
  }

  .b24-badge.b24-badge--size-sm.b24-badge--square {
    padding: 0;
    padding-inline: 0;
  }

  .b24-badge.b24-badge--size-sm.b24-badge--square .b24-badge__wrapper {
    gap: 0;
    padding: 1px;
  }

  .b24-badge.b24-badge--size-sm.b24-badge--square .b24-badge__leading-icon {
    width: 16px;
    height: 16px;
  }

  .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])).b24-badge--square {
    padding: 0;
    padding-inline: 0;
  }

  .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])).b24-badge--square .b24-badge__wrapper {
    gap: 0;
    padding: 1px;
  }

  .b24-badge:is(.b24-badge--size-md, :not([class*="b24-badge--size-"])).b24-badge--square .b24-badge__leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-badge.b24-badge--size-lg.b24-badge--square {
    padding: 0;
    padding-inline: 0;
  }

  .b24-badge.b24-badge--size-lg.b24-badge--square .b24-badge__wrapper {
    gap: 0;
    padding: 1px;
  }

  .b24-badge.b24-badge--size-lg.b24-badge--square .b24-badge__leading-icon {
    width: 23px;
    height: 23px;
  }

  .b24-badge.b24-badge--size-xl.b24-badge--square {
    padding: 0;
    padding-inline: 0;
  }

  .b24-badge.b24-badge--size-xl.b24-badge--square .b24-badge__wrapper {
    gap: 0;
    padding: 1px;
  }

  .b24-badge.b24-badge--size-xl.b24-badge--square .b24-badge__leading-icon {
    width: 28px;
    height: 28px;
  }

  .b24-badge:is(.b24-badge--field-group-horizontal, .b24-badge--field-group-vertical):is(.b24-badge--size-xl, .b24-badge--size-lg, :is(.b24-badge--size-md, :not([class*="b24-badge--size-"]))) {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-badge:is(.b24-badge--field-group-horizontal, .b24-badge--field-group-vertical).b24-badge--size-sm {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-badge:is(.b24-badge--field-group-horizontal, .b24-badge--field-group-vertical).b24-badge--size-xs {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-badge:is(.b24-badge--field-group-horizontal, .b24-badge--field-group-vertical).b24-badge--size-xss {
    border-radius: 5px;
  }

  .b24-card {
    border-radius: var(--ui-border-radius-md);
    overflow: hidden;
  }

  .b24-card .b24-card__title {
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-font-size-2xl);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    line-height: normal;
    font-weight: var(--ui-font-weight-semi-bold);
    text-wrap: pretty;
    margin-bottom: 0;
  }

  .b24-card .b24-card__description {
    margin-top: var(--spacing);
    font-size: var(--ui-font-size-lg);
    text-wrap: pretty;
    line-height: normal;
  }

  .b24-card.b24-card--variant-filled {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-stroke-weight);
    border-color: var(--ui-color-design-filled-stroke);
    background-color: var(--ui-color-design-filled-bg);
    color: var(--ui-color-design-filled-content);
  }

  .b24-card.b24-card--variant-filled .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-content-divider);
  }

  .b24-card.b24-card--variant-filled .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-content-divider);
  }

  .b24-card.b24-card--variant-filled .b24-card__title {
    color: var(--ui-color-design-filled-content);
  }

  .b24-card.b24-card--variant-filled .b24-card__description {
    color: var(--ui-color-design-filled-content-secondary);
  }

  .b24-card.b24-card--variant-filled-success {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-success-stroke-weight);
    border-color: var(--ui-color-design-filled-success-stroke);
    background-color: var(--ui-color-design-filled-success-bg);
    color: var(--ui-color-design-filled-success-content);
  }

  .b24-card.b24-card--variant-filled-success .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-success-content-divider);
  }

  .b24-card.b24-card--variant-filled-success .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-success-content-divider);
  }

  .b24-card.b24-card--variant-filled-success .b24-card__title, .b24-card.b24-card--variant-filled-success .b24-card__description {
    color: var(--ui-color-design-filled-success-content);
  }

  .b24-card.b24-card--variant-filled-alert {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-alert-stroke-weight);
    border-color: var(--ui-color-design-filled-alert-stroke);
    background-color: var(--ui-color-design-filled-alert-bg);
    color: var(--ui-color-design-filled-alert-content);
  }

  .b24-card.b24-card--variant-filled-alert .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-alert-content-divider);
  }

  .b24-card.b24-card--variant-filled-alert .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-alert-content-divider);
  }

  .b24-card.b24-card--variant-filled-alert .b24-card__title {
    color: var(--ui-color-design-filled-alert-content);
  }

  .b24-card.b24-card--variant-filled-alert .b24-card__description {
    color: var(--ui-color-design-filled-alert-content-secondary);
  }

  .b24-card.b24-card--variant-filled-warning {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-warning-stroke-weight);
    border-color: var(--ui-color-design-filled-warning-stroke);
    background-color: var(--ui-color-design-filled-warning-bg);
    color: var(--ui-color-design-filled-warning-content);
  }

  .b24-card.b24-card--variant-filled-warning .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-warning-content-divider);
  }

  .b24-card.b24-card--variant-filled-warning .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-warning-content-divider);
  }

  .b24-card.b24-card--variant-filled-warning .b24-card__title, .b24-card.b24-card--variant-filled-warning .b24-card__description {
    color: var(--ui-color-design-filled-warning-content);
  }

  .b24-card.b24-card--variant-filled-copilot {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-copilot-stroke-weight);
    border-color: var(--ui-color-design-filled-copilot-stroke);
    background-color: var(--ui-color-design-filled-copilot-bg);
    color: var(--ui-color-design-filled-copilot-content);
  }

  .b24-card.b24-card--variant-filled-copilot .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-copilot-content-divider);
  }

  .b24-card.b24-card--variant-filled-copilot .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-copilot-content-divider);
  }

  .b24-card.b24-card--variant-filled-copilot .b24-card__title, .b24-card.b24-card--variant-filled-copilot .b24-card__description {
    color: var(--ui-color-design-filled-copilot-content);
  }

  .b24-card.b24-card--variant-filled-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-na-stroke-weight);
    border-color: var(--ui-color-design-filled-na-stroke);
    background-color: var(--ui-color-design-filled-na-bg);
    color: var(--ui-color-design-filled-na-content);
  }

  .b24-card.b24-card--variant-filled-no-accent .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-na-content-divider);
  }

  .b24-card.b24-card--variant-filled-no-accent .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-na-content-divider);
  }

  .b24-card.b24-card--variant-filled-no-accent .b24-card__title, .b24-card.b24-card--variant-filled-no-accent .b24-card__description {
    color: var(--ui-color-design-filled-na-content);
  }

  .b24-card.b24-card--variant-filled-black {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-black-stroke-weight);
    border-color: var(--ui-color-design-filled-black-stroke);
    background-color: var(--ui-color-design-filled-black-bg);
    color: var(--ui-color-design-filled-black-content);
  }

  .b24-card.b24-card--variant-filled-black .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-filled-black-content-divider);
  }

  .b24-card.b24-card--variant-filled-black .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-filled-black-content-divider);
  }

  .b24-card.b24-card--variant-filled-black .b24-card__title, .b24-card.b24-card--variant-filled-black .b24-card__description {
    color: var(--ui-color-design-filled-black-content);
  }

  .b24-card.b24-card--variant-tinted {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-stroke-weight);
    border-color: var(--ui-color-design-tinted-stroke);
    background-color: var(--ui-color-design-tinted-bg);
    color: var(--ui-color-design-tinted-content);
  }

  .b24-card.b24-card--variant-tinted .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-content-divider);
  }

  .b24-card.b24-card--variant-tinted .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-content-divider);
  }

  .b24-card.b24-card--variant-tinted .b24-card__title, .b24-card.b24-card--variant-tinted .b24-card__description {
    color: var(--ui-color-design-tinted-content);
  }

  .b24-card.b24-card--variant-tinted-alt {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-stroke-weight);
    border-color: var(--ui-color-design-tinted-stroke);
    background-color: var(--ui-color-design-tinted-bg-alt);
    color: var(--ui-color-design-tinted-content);
  }

  .b24-card.b24-card--variant-tinted-alt .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-content-divider);
  }

  .b24-card.b24-card--variant-tinted-alt .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-content-divider);
  }

  .b24-card.b24-card--variant-tinted-alt .b24-card__title, .b24-card.b24-card--variant-tinted-alt .b24-card__description {
    color: var(--ui-color-design-tinted-content);
  }

  .b24-card.b24-card--variant-tinted-accent-1 {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-a1-stroke-weight);
    border-color: var(--ui-color-design-tinted-a1-stroke);
    background-color: var(--ui-color-design-tinted-a1-bg);
    color: var(--ui-color-design-tinted-a1-content);
  }

  .b24-card.b24-card--variant-tinted-accent-1 .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-a1-content-divider);
  }

  .b24-card.b24-card--variant-tinted-accent-1 .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-a1-content-divider);
  }

  .b24-card.b24-card--variant-tinted-accent-1 .b24-card__title, .b24-card.b24-card--variant-tinted-accent-1 .b24-card__description {
    color: var(--ui-color-design-tinted-a1-content);
  }

  .b24-card.b24-card--variant-tinted-success {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-success-stroke-weight);
    border-color: var(--ui-color-design-tinted-success-stroke);
    background-color: var(--ui-color-design-tinted-success-bg);
    color: var(--ui-color-design-tinted-success-content);
  }

  .b24-card.b24-card--variant-tinted-success .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-success-content-divider);
  }

  .b24-card.b24-card--variant-tinted-success .b24-card__header:where(.light, .light *) {
    border-color: var(--ui-color-accent-soft-green-1);
  }

  .b24-card.b24-card--variant-tinted-success .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-success-content-divider);
  }

  .b24-card.b24-card--variant-tinted-success .b24-card__footer:where(.light, .light *) {
    border-color: var(--ui-color-accent-soft-green-1);
  }

  .b24-card.b24-card--variant-tinted-success .b24-card__title, .b24-card.b24-card--variant-tinted-success .b24-card__description {
    color: var(--ui-color-design-tinted-success-content);
  }

  .b24-card.b24-card--variant-tinted-alert {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-alert-stroke-weight);
    border-color: var(--ui-color-design-tinted-alert-stroke);
    background-color: var(--ui-color-design-tinted-alert-bg);
    color: var(--ui-color-design-tinted-alert-content);
  }

  .b24-card.b24-card--variant-tinted-alert .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-alert-content-divider);
  }

  .b24-card.b24-card--variant-tinted-alert .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-alert-content-divider);
  }

  .b24-card.b24-card--variant-tinted-alert .b24-card__title, .b24-card.b24-card--variant-tinted-alert .b24-card__description {
    color: var(--ui-color-design-tinted-alert-content);
  }

  .b24-card.b24-card--variant-tinted-warning {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-warning-stroke-weight);
    border-color: var(--ui-color-design-tinted-warning-stroke);
    background-color: var(--ui-color-design-tinted-warning-bg);
    color: var(--ui-color-design-tinted-warning-content);
  }

  .b24-card.b24-card--variant-tinted-warning .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-warning-content-divider);
  }

  .b24-card.b24-card--variant-tinted-warning .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-warning-content-divider);
  }

  .b24-card.b24-card--variant-tinted-warning .b24-card__title, .b24-card.b24-card--variant-tinted-warning .b24-card__description {
    color: var(--ui-color-design-tinted-warning-content);
  }

  .b24-card.b24-card--variant-tinted-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-na-stroke-weight);
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-design-tinted-na-bg);
    color: var(--ui-color-design-tinted-na-content);
  }

  .b24-card.b24-card--variant-tinted-no-accent .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-na-content-divider);
  }

  .b24-card.b24-card--variant-tinted-no-accent .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-na-content-divider);
  }

  .b24-card.b24-card--variant-tinted-no-accent .b24-card__title, .b24-card.b24-card--variant-tinted-no-accent .b24-card__description {
    color: var(--ui-color-design-tinted-na-content);
  }

  .b24-card:is(.b24-card--variant-outline, :not([class*="b24-card--variant-"])) {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-stroke-weight);
    border-color: var(--ui-color-design-outline-stroke);
    background-color: var(--ui-color-design-outline-bg);
    color: var(--ui-color-design-outline-content);
  }

  .b24-card:is(.b24-card--variant-outline, :not([class*="b24-card--variant-"])) .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-content-divider);
  }

  .b24-card:is(.b24-card--variant-outline, :not([class*="b24-card--variant-"])) .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-content-divider);
  }

  .b24-card:is(.b24-card--variant-outline, :not([class*="b24-card--variant-"])) .b24-card__title {
    color: var(--ui-color-design-outline-content);
  }

  .b24-card:is(.b24-card--variant-outline, :not([class*="b24-card--variant-"])) .b24-card__description {
    color: var(--ui-color-design-outline-content-secondary);
  }

  .b24-card.b24-card--variant-outline-alt {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-stroke-weight-alt);
    border-color: var(--ui-color-design-outline-content-divider);
    background-color: var(--ui-color-design-outline-bg-alt);
    color: var(--ui-color-design-outline-content);
  }

  .b24-card.b24-card--variant-outline-alt .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-content-divider);
  }

  .b24-card.b24-card--variant-outline-alt .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-content-divider);
  }

  .b24-card.b24-card--variant-outline-alt .b24-card__title {
    color: var(--ui-color-design-outline-content);
  }

  .b24-card.b24-card--variant-outline-alt .b24-card__description {
    color: var(--ui-color-design-outline-content-secondary);
  }

  .b24-card.b24-card--variant-outline-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-a1-stroke-weight);
    border-color: var(--ui-color-design-outline-a1-stroke);
    background-color: var(--ui-color-design-outline-a1-bg);
    color: var(--ui-color-design-outline-a1-content);
  }

  .b24-card.b24-card--variant-outline-accent .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-a1-content-divider);
  }

  .b24-card.b24-card--variant-outline-accent .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-a1-content-divider);
  }

  .b24-card.b24-card--variant-outline-accent .b24-card__title, .b24-card.b24-card--variant-outline-accent .b24-card__description {
    color: var(--ui-color-design-outline-a1-content);
  }

  .b24-card.b24-card--variant-outline-accent-2 {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-a2-stroke-weight);
    border-color: var(--ui-color-design-outline-a2-stroke);
    background-color: var(--ui-color-design-outline-a2-bg);
    color: var(--ui-color-design-outline-a2-content);
  }

  .b24-card.b24-card--variant-outline-accent-2 .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-a2-content-divider);
  }

  .b24-card.b24-card--variant-outline-accent-2 .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-a2-content-divider);
  }

  .b24-card.b24-card--variant-outline-accent-2 .b24-card__title, .b24-card.b24-card--variant-outline-accent-2 .b24-card__description {
    color: var(--ui-color-design-outline-a2-content);
  }

  .b24-card.b24-card--variant-outline-success {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-success-stroke-weight);
    border-color: var(--ui-color-design-outline-success-stroke);
    background-color: var(--ui-color-design-outline-success-bg);
    color: var(--ui-color-design-outline-success-content);
  }

  .b24-card.b24-card--variant-outline-success .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-success-content-divider);
  }

  .b24-card.b24-card--variant-outline-success .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-success-content-divider);
  }

  .b24-card.b24-card--variant-outline-success .b24-card__title, .b24-card.b24-card--variant-outline-success .b24-card__description {
    color: var(--ui-color-design-outline-success-content);
  }

  .b24-card.b24-card--variant-outline-alert {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-alert-stroke-weight);
    border-color: var(--ui-color-design-outline-alert-stroke);
    background-color: var(--ui-color-design-outline-alert-bg);
    color: var(--ui-color-design-outline-alert-content);
  }

  .b24-card.b24-card--variant-outline-alert .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-alert-content-divider);
  }

  .b24-card.b24-card--variant-outline-alert .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-alert-content-divider);
  }

  .b24-card.b24-card--variant-outline-alert .b24-card__title, .b24-card.b24-card--variant-outline-alert .b24-card__description {
    color: var(--ui-color-design-outline-alert-content);
  }

  .b24-card.b24-card--variant-outline-warning {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-warning-stroke-weight);
    border-color: var(--ui-color-design-outline-warning-stroke);
    background-color: var(--ui-color-design-outline-warning-bg);
    color: var(--ui-color-design-outline-warning-content);
  }

  .b24-card.b24-card--variant-outline-warning .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-warning-content-divider);
  }

  .b24-card.b24-card--variant-outline-warning .b24-card__header:where(.light, .light *) {
    border-color: var(--ui-color-accent-soft-orange-1);
  }

  .b24-card.b24-card--variant-outline-warning .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-warning-content-divider);
  }

  .b24-card.b24-card--variant-outline-warning .b24-card__footer:where(.light, .light *) {
    border-color: var(--ui-color-accent-soft-orange-1);
  }

  .b24-card.b24-card--variant-outline-warning .b24-card__title, .b24-card.b24-card--variant-outline-warning .b24-card__description {
    color: var(--ui-color-design-outline-warning-content);
  }

  .b24-card.b24-card--variant-outline-copilot {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-copilot-stroke-weight);
    border-color: var(--ui-color-design-outline-copilot-stroke);
    background-color: var(--ui-color-design-outline-copilot-bg);
    color: var(--ui-color-design-outline-copilot-content);
  }

  .b24-card.b24-card--variant-outline-copilot .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-copilot-content-divider);
  }

  .b24-card.b24-card--variant-outline-copilot .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-copilot-content-divider);
  }

  .b24-card.b24-card--variant-outline-copilot .b24-card__title, .b24-card.b24-card--variant-outline-copilot .b24-card__description {
    color: var(--ui-color-design-outline-copilot-content);
  }

  .b24-card.b24-card--variant-outline-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-na-stroke-weight);
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
    color: var(--ui-color-design-outline-na-content);
  }

  .b24-card.b24-card--variant-outline-no-accent .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-na-content-divider);
  }

  .b24-card.b24-card--variant-outline-no-accent .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-outline-na-content-divider);
  }

  .b24-card.b24-card--variant-outline-no-accent .b24-card__title, .b24-card.b24-card--variant-outline-no-accent .b24-card__description {
    color: var(--ui-color-design-outline-na-content);
  }

  .b24-card.b24-card--variant-plain {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-plain-stroke-weight);
    border-color: var(--ui-color-design-plain-stroke);
    background-color: var(--ui-color-design-plain-bg);
    color: var(--ui-color-design-plain-content);
  }

  .b24-card.b24-card--variant-plain .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-plain-content-divider);
  }

  .b24-card.b24-card--variant-plain .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-plain-content-divider);
  }

  .b24-card.b24-card--variant-plain .b24-card__title, .b24-card.b24-card--variant-plain .b24-card__description {
    color: var(--ui-color-design-plain-content);
  }

  .b24-card.b24-card--variant-plain-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-plain-a-stroke-weight);
    border-color: var(--ui-color-design-plain-a-stroke);
    background-color: var(--ui-color-design-plain-a-bg);
    color: var(--ui-color-design-plain-a-content);
  }

  .b24-card.b24-card--variant-plain-accent .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-plain-a-content-divider);
  }

  .b24-card.b24-card--variant-plain-accent .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-plain-a-content-divider);
  }

  .b24-card.b24-card--variant-plain-accent .b24-card__title, .b24-card.b24-card--variant-plain-accent .b24-card__description {
    color: var(--ui-color-design-plain-a-content);
  }

  .b24-card.b24-card--variant-plain-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-plain-na-stroke-weight);
    border-color: var(--ui-color-design-plain-na-stroke);
    background-color: var(--ui-color-design-plain-na-bg);
    color: var(--ui-color-design-plain-na-content);
  }

  .b24-card.b24-card--variant-plain-no-accent .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-plain-na-content-divider);
  }

  .b24-card.b24-card--variant-plain-no-accent .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-plain-na-content-divider);
  }

  .b24-card.b24-card--variant-plain-no-accent .b24-card__title {
    color: var(--ui-color-design-plain-na-content);
  }

  .b24-card.b24-card--variant-plain-no-accent .b24-card__description {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-card.b24-card--variant-selection {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-selection-stroke-weight);
    border-color: var(--ui-color-design-selection-stroke);
    background-color: var(--ui-color-design-selection-bg);
    color: var(--ui-color-design-selection-content);
  }

  .b24-card.b24-card--variant-selection .b24-card__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-selection-content-divider);
  }

  .b24-card.b24-card--variant-selection .b24-card__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-selection-content-divider);
  }

  .b24-card.b24-card--variant-selection .b24-card__title, .b24-card.b24-card--variant-selection .b24-card__description {
    color: var(--ui-color-design-selection-content);
  }

  .b24-card.b24-card--size-xs .b24-card__header {
    padding: var(--spacing-sm);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-xs .b24-card__header {
      padding-inline: var(--spacing-xs2);
      padding-block: var(--spacing-xs);
    }
  }

  .b24-card.b24-card--size-xs .b24-card__body {
    padding: var(--spacing-sm);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-xs .b24-card__body {
      padding-inline: var(--spacing-xs2);
      padding-block: var(--spacing-xs);
    }
  }

  .b24-card.b24-card--size-xs .b24-card__footer {
    padding: var(--spacing-sm);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-xs .b24-card__footer {
      padding-inline: var(--spacing-xs2);
      padding-block: var(--spacing-xs);
    }
  }

  .b24-card.b24-card--size-sm .b24-card__header {
    padding: var(--spacing-md);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-sm .b24-card__header {
      padding-inline: var(--spacing-sm2);
      padding-block: var(--spacing-xs2);
    }
  }

  .b24-card.b24-card--size-sm .b24-card__body {
    padding: var(--spacing-md);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-sm .b24-card__body {
      padding-inline: var(--spacing-sm2);
      padding-block: var(--spacing-xs2);
    }
  }

  .b24-card.b24-card--size-sm .b24-card__footer {
    padding: var(--spacing-md);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-sm .b24-card__footer {
      padding-inline: var(--spacing-sm2);
      padding-block: var(--spacing-xs2);
    }
  }

  .b24-card:is(.b24-card--size-md, :not([class*="b24-card--size-"])) .b24-card__header {
    padding: var(--spacing-xl);
  }

  @media (min-width: 40rem) {
    .b24-card:is(.b24-card--size-md, :not([class*="b24-card--size-"])) .b24-card__header {
      padding-inline: var(--spacing-lg2);
      padding-block: var(--spacing-md);
    }
  }

  .b24-card:is(.b24-card--size-md, :not([class*="b24-card--size-"])) .b24-card__body {
    padding: var(--spacing-xl);
  }

  @media (min-width: 40rem) {
    .b24-card:is(.b24-card--size-md, :not([class*="b24-card--size-"])) .b24-card__body {
      padding-inline: var(--spacing-lg2);
      padding-block: var(--spacing-md);
    }
  }

  .b24-card:is(.b24-card--size-md, :not([class*="b24-card--size-"])) .b24-card__footer {
    padding: var(--spacing-xl);
  }

  @media (min-width: 40rem) {
    .b24-card:is(.b24-card--size-md, :not([class*="b24-card--size-"])) .b24-card__footer {
      padding-inline: var(--spacing-lg2);
      padding-block: var(--spacing-md);
    }
  }

  .b24-card.b24-card--size-lg .b24-card__header {
    padding: var(--spacing-3xl);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-lg .b24-card__header {
      padding-inline: var(--spacing-2xl);
      padding-block: var(--spacing-lg);
    }
  }

  .b24-card.b24-card--size-lg .b24-card__body {
    padding: var(--spacing-3xl);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-lg .b24-card__body {
      padding-inline: var(--spacing-2xl);
      padding-block: var(--spacing-lg);
    }
  }

  .b24-card.b24-card--size-lg .b24-card__footer {
    padding: var(--spacing-3xl);
  }

  @media (min-width: 40rem) {
    .b24-card.b24-card--size-lg .b24-card__footer {
      padding-inline: var(--spacing-2xl);
      padding-block: var(--spacing-lg);
    }
  }

  .b24-tabs {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .b24-tabs .b24-tabs__list {
    padding: var(--spacing);
    display: flex;
    position: relative;
  }

  .b24-tabs .b24-tabs__indicator {
    transition-property: translate, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: absolute;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-tabs .b24-tabs__indicator {
      transition-property: none;
    }
  }

  .b24-tabs .b24-tabs__trigger {
    cursor: pointer;
    border-radius: var(--ui-border-radius-md);
    --tw-font-weight: var(--ui-font-weight-medium);
    min-width: 0;
    font-weight: var(--ui-font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-tabs .b24-tabs__trigger:disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-tabs .b24-tabs__trigger[data-state="inactive"] {
    color: var(--ui-color-design-plain-na-content);
  }

  @media (hover: hover) {
    .b24-tabs .b24-tabs__trigger:hover[data-state="inactive"]:not(:disabled) {
      color: var(--ui-color-design-selection-content);
    }
  }

  .b24-tabs .b24-tabs__leading-icon, .b24-tabs .b24-tabs__leading-avatar, .b24-tabs .b24-tabs__trailing-badge {
    flex-shrink: 0;
  }

  .b24-tabs .b24-tabs__content {
    width: 100%;
    width: var(--width-full);
  }

  .b24-tabs .b24-tabs__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__list {
    border-color: var(--ui-color-divider-vibrant-accent-more);
  }

  .b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__indicator {
    border-radius: var(--ui-border-radius-pill);
  }

  .b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :where([data-slot="list"]:not(:has([data-slot="indicator"]))) :is(.b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger)[data-state="active"]:after {
    border-radius: var(--ui-border-radius-pill);
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
  }

  .b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])) {
    flex-direction: column;
  }

  .b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])) .b24-tabs__list {
    width: 100%;
    width: var(--width-full);
  }

  .b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])) .b24-tabs__indicator {
    width: var(--reka-tabs-indicator-size);
    --tw-translate-x: var(--reka-tabs-indicator-position);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: 0;
  }

  .b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])) .b24-tabs__trigger {
    justify-content: center;
  }

  .b24-tabs.b24-tabs--orientation-vertical .b24-tabs__list {
    flex-direction: column;
  }

  .b24-tabs.b24-tabs--orientation-vertical .b24-tabs__indicator {
    height: var(--reka-tabs-indicator-size);
    --tw-translate-y: var(--reka-tabs-indicator-position);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 0;
  }

  .b24-tabs.b24-tabs--size-xss .b24-tabs__trigger {
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-tabs.b24-tabs--size-xss .b24-tabs__leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-tabs.b24-tabs--size-xs .b24-tabs__trigger {
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-tabs.b24-tabs--size-xs .b24-tabs__leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-tabs.b24-tabs--size-sm .b24-tabs__trigger {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-tabs.b24-tabs--size-sm .b24-tabs__leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-tabs:is(.b24-tabs--size-md, :not([class*="b24-tabs--size-"])) .b24-tabs__trigger {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-md);
    line-height: normal;
  }

  .b24-tabs:is(.b24-tabs--size-md, :not([class*="b24-tabs--size-"])) .b24-tabs__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-tabs.b24-tabs--size-lg .b24-tabs__trigger {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-tabs.b24-tabs--size-lg .b24-tabs__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-tabs.b24-tabs--size-xl .b24-tabs__trigger {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-xl);
    line-height: normal;
  }

  .b24-tabs.b24-tabs--size-xl .b24-tabs__leading-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])):is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__list {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    margin-bottom: -1px;
  }

  .b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])):is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__indicator {
    height: 1px;
    bottom: -1px;
  }

  :where([data-slot="list"]:not(:has([data-slot="indicator"]))) :is(.b24-tabs:is(.b24-tabs--orientation-horizontal, :not([class*="b24-tabs--orientation-"])):is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger)[data-state="active"]:after {
    inset-inline: 0;
    bottom: calc(calc(var(--spacing) + 1px) * -1);
    content: var(--tw-content);
    height: 1px;
  }

  .b24-tabs.b24-tabs--orientation-vertical:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__list {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    margin-inline-start: -1px;
  }

  .b24-tabs.b24-tabs--orientation-vertical:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__indicator {
    width: 1px;
    inset-inline-start: -1px;
  }

  :where([data-slot="list"]:not(:has([data-slot="indicator"]))) :is(.b24-tabs.b24-tabs--orientation-vertical:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger)[data-state="active"]:after {
    content: var(--tw-content);
    width: 1px;
    inset-block: 0;
    inset-inline-start: calc(calc(var(--spacing) + 1px) * -1);
  }

  .b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__indicator {
    background-color: var(--ui-color-design-selection-content);
  }

  .b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-selection-content);
    --tw-ring-inset: inset;
  }

  .b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger[data-state="active"] {
    color: var(--b24ui-color);
  }

  :where([data-slot="list"]:not(:has([data-slot="indicator"]))) :is(.b24-tabs:is(.b24-tabs--variant-link, :not([class*="b24-tabs--variant-"])) .b24-tabs__trigger)[data-state="active"]:after {
    content: var(--tw-content);
    background-color: var(--ui-color-design-selection-content);
  }

  .b24-alert {
    width: 100%;
    width: var(--width-full);
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: var(--b24ui-border-width);
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .b24-alert .b24-alert__wrapper {
    min-width: 0;
    font-family: var(--ui-font-family-primary);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .b24-alert .b24-alert__title {
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
  }

  .b24-alert .b24-alert__icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
  }

  .b24-alert .b24-alert__avatar {
    flex-shrink: 0;
  }

  .b24-alert .b24-alert__actions {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    flex-shrink: 0;
    display: flex;
  }

  .b24-alert .b24-alert__close {
    --ui-btn-color: var(--b24ui-color);
    margin-inline-end: calc(var(--spacing) * -1.5);
    padding: 0;
  }

  @media (hover: hover) {
    .b24-alert .b24-alert__close:hover {
      background-color: var(--ui-color-base-white-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-alert .b24-alert__close:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-white-fixed) 10%, transparent);
      }
    }
  }

  .b24-alert .b24-alert__close:focus-visible {
    background-color: var(--ui-color-base-white-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-alert .b24-alert__close:focus-visible {
      background-color: color-mix(in oklab, var(--ui-color-base-white-fixed) 10%, transparent);
    }
  }

  @media (min-width: 64rem) {
    .b24-alert .b24-alert__close {
      margin-inline-end: 0;
    }
  }

  .b24-alert.b24-alert--size-sm {
    gap: calc(var(--spacing) * 2);
    padding-block: var(--spacing-xs);
    padding-inline-start: var(--spacing-sm);
    padding-inline-end: var(--spacing-xs);
  }

  .b24-alert.b24-alert--size-sm .b24-alert__title, .b24-alert.b24-alert--size-sm .b24-alert__description {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-alert:is(.b24-alert--size-md, :not([class*="b24-alert--size-"])) {
    gap: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing-md);
    padding-inline-start: var(--spacing-md);
    padding-inline-end: var(--spacing-xs);
  }

  .b24-alert:is(.b24-alert--size-md, :not([class*="b24-alert--size-"])) .b24-alert__title {
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-alert:is(.b24-alert--size-md, :not([class*="b24-alert--size-"])) .b24-alert__description {
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-3xs);
  }

  .b24-alert.b24-alert--orientation-horizontal, .b24-alert.b24-alert--orientation-horizontal .b24-alert__actions {
    align-items: center;
  }

  .b24-alert:is(.b24-alert--orientation-vertical, :not([class*="b24-alert--orientation-"])) {
    align-items: flex-start;
  }

  .b24-alert:is(.b24-alert--orientation-vertical, :not([class*="b24-alert--orientation-"])) .b24-alert__actions {
    margin-top: calc(var(--spacing) * 2);
    align-items: flex-start;
  }

  .b24-alert.b24-alert--title .b24-alert__description {
    margin-top: var(--spacing);
  }

  .b24-table {
    position: relative;
    overflow: auto;
  }

  .b24-table .b24-table__base {
    min-width: 100%;
    min-width: var(--min-width-full);
    table-layout: fixed;
    border-collapse: separate;
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-family: var(--ui-font-family-primary);
  }

  .b24-table .b24-table__caption {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .b24-table .b24-table__thead {
    position: relative;
  }

  .b24-table .b24-table__thead > tr > th {
    height: 45px;
  }

  .b24-table .b24-table__tbody {
    isolation: isolate;
  }

  :where(.b24-table .b24-table__tbody > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-color: var(--ui-color-divider-default);
  }

  .b24-table .b24-table__tbody > tr[data-selectable="true"] {
    outline-offset: calc(3px * -1);
  }

  @media (hover: hover) {
    .b24-table .b24-table__tbody > tr[data-selectable="true"]:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-table .b24-table__tbody > tr[data-selectable="true"]:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-table .b24-table__tbody > tr[data-selected="true"] {
    outline-offset: calc(3px * -1);
  }

  @media (hover: hover) {
    .b24-table .b24-table__tbody > tr[data-selected="true"]:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-table .b24-table__tbody > tr[data-selected="true"]:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  @media (hover: hover) {
    .b24-table .b24-table__tbody:where(.light, .light *) > tr[data-selectable="true"]:hover {
      background-color: #f6f8f9;
    }
  }

  .b24-table .b24-table__tbody > tr:last-child > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .b24-table .b24-table__tfoot {
    position: relative;
  }

  .b24-table .b24-table__tfoot > [data-slot="separator"] {
    z-index: 2;
  }

  .b24-table .b24-table__tr[data-selected="true"] {
    background-color: var(--ui-color-bg-content-tertiary);
  }

  .b24-table .b24-table__tr:where(.light, .light *)[data-selected="true"] {
    background-color: #f4fcde;
  }

  .b24-table .b24-table__th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-default);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: start;
    vertical-align: middle;
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-md);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-label-color);
  }

  .b24-table .b24-table__th:has([role="checkbox"]) {
    padding-inline-end: 0;
  }

  .b24-table .b24-table__td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-default);
    padding: calc(var(--spacing) * 4);
    vertical-align: middle;
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-md);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-label-color);
  }

  .b24-table .b24-table__td:has([role="checkbox"]) {
    padding-inline-end: 0;
  }

  .b24-table .b24-table__separator {
    z-index: 1;
    width: 100%;
    height: 1px;
    width: var(--width-full);
    background-color: var(--ui-color-design-tinted-na-stroke);
    position: absolute;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-table .b24-table__empty {
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
  }

  .b24-table .b24-table__loading {
    padding-block: calc(var(--spacing) * 6);
    text-align: center;
  }

  .b24-table.b24-table--virtualize .b24-table__tr {
    position: relative;
  }

  .b24-table.b24-table--virtualize .b24-table__tr:before {
    content: var(--tw-content);
    content: var(--tw-content);
    z-index: 1;
    content: var(--tw-content);
    content: var(--tw-content);
    width: 100%;
    width: var(--width-full);
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    content: var(--tw-content);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-divider-default);
    position: absolute;
  }

  .b24-table .b24-table__th.b24-table__th--pinned, .b24-table .b24-table__td.b24-table__td--pinned {
    z-index: 1;
    background-color: var(--ui-color-bg-content-primary);
    position: sticky;
  }

  .b24-table.b24-table--sticky .b24-table__thead {
    z-index: 2;
    background-color: var(--ui-color-bg-content-primary);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    inset-inline: 0;
    position: sticky;
    top: 0;
  }

  .b24-table.b24-table--sticky .b24-table__tfoot {
    z-index: 2;
    background-color: var(--ui-color-bg-content-primary);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    inset-inline: 0;
    position: sticky;
    bottom: 0;
  }

  .b24-table.b24-table--sticky-header .b24-table__thead {
    z-index: 2;
    background-color: var(--ui-color-bg-content-primary);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    inset-inline: 0;
    position: sticky;
    top: 0;
  }

  .b24-table.b24-table--sticky-footer .b24-table__tfoot {
    z-index: 2;
    background-color: var(--ui-color-bg-content-primary);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    inset-inline: 0;
    position: sticky;
    bottom: 0;
  }

  .b24-table.b24-table--external-scroll {
    overflow: visible;
  }

  .b24-table.b24-table--loading .b24-table__thead:after {
    z-index: 1;
    content: var(--tw-content);
    background-color: var(--b24ui-background);
    height: 1px;
    position: absolute;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-table.b24-table--loading .b24-table__thead:after {
      content: var(--tw-content);
      animation: var(--animate-pulse);
      inset-inline: 0;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-table.b24-table--loading:is(.b24-table--loading-animation-loading, :not([class*="b24-table--loading-animation-"])) .b24-table__thead:after {
      content: var(--tw-content);
      animation: 2s infinite progressbar-loading;
    }

    .b24-table.b24-table--loading.b24-table--loading-animation-carousel .b24-table__thead:after {
      content: var(--tw-content);
      animation: 2s linear infinite carousel;
    }

    .b24-table.b24-table--loading.b24-table--loading-animation-carousel .b24-table__thead:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):after {
      content: var(--tw-content);
      animation: 2s linear infinite carousel-rtl;
    }

    .b24-table.b24-table--loading.b24-table--loading-animation-carousel-inverse .b24-table__thead:after {
      content: var(--tw-content);
      animation: 2s linear infinite carousel-inverse;
    }

    .b24-table.b24-table--loading.b24-table--loading-animation-carousel-inverse .b24-table__thead:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):after {
      content: var(--tw-content);
      animation: 2s linear infinite carousel-inverse-rtl;
    }

    .b24-table.b24-table--loading.b24-table--loading-animation-swing .b24-table__thead:after {
      content: var(--tw-content);
      animation: swing 2s var(--ease-in-out) infinite;
    }

    .b24-table.b24-table--loading.b24-table--loading-animation-elastic .b24-table__thead:after {
      content: var(--tw-content);
      animation: elastic 2s var(--ease-in-out) infinite;
    }
  }

  .b24-pagination .b24-pagination__list {
    align-items: center;
    gap: var(--spacing);
    display: flex;
  }

  .b24-pagination .b24-pagination__ellipsis {
    pointer-events: none;
  }

  .b24-pagination .b24-pagination__label {
    text-align: center;
  }

  .b24-dropdown {
    pointer-events: auto;
    isolation: isolate;
    max-height: min(var(--max-height-popup-menu), var(--reka-dropdown-menu-content-available-height, var(--max-height-popup-menu)));
    transform-origin: var(--reka-dropdown-menu-content-transform-origin);
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-dropdown[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-dropdown[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-dropdown:where(html[data-platform="bitrix-mobile"] *) {
    padding-block: 0 !important;
  }

  .b24-dropdown .b24-dropdown__input {
    width: 100%;
    width: var(--width-full);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-default);
  }

  .b24-dropdown .b24-dropdown__empty {
    padding-inline: calc(var(--spacing) * 4.5);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--popup-window-delimiter-font-size);
    line-height: var(--ui-font-line-height-lg);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
  }

  .b24-dropdown .b24-dropdown__viewport {
    width: 100%;
    width: var(--width-full);
    min-width: calc(var(--spacing) * 48);
    scrollbar-width: thin;
    flex: 1;
    position: relative;
    overflow: hidden auto;
  }

  .b24-dropdown .b24-dropdown__arrow {
    fill: var(--ui-color-bg-content-primary);
  }

  .b24-dropdown .b24-dropdown__group {
    display: grid;
  }

  .b24-dropdown .b24-dropdown__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--ui-color-base-3);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-dropdown .b24-dropdown__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    height: 1px;
    min-width: calc(var(--spacing) * 3);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    margin-inline-start: calc(var(--spacing) * 2);
    display: block;
  }

  .b24-dropdown .b24-dropdown__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-dropdown .b24-dropdown__label:where(html[data-platform="bitrix-mobile"] *) {
    height: 27px;
    margin-top: 0;
    margin-bottom: -12px;
    padding-inline-end: 0;
  }

  .b24-dropdown .b24-dropdown__label:where(html[data-platform="bitrix-mobile"] *) [data-slot="itemLabel"] {
    color: var(--ui-color-base-5);
  }

  .b24-dropdown .b24-dropdown__separator {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-block: calc(var(--spacing) * 2);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
  }

  .b24-dropdown .b24-dropdown__separator:where(html[data-platform="bitrix-mobile"] *) {
    height: calc(var(--spacing) * 1.5);
    margin-block: 0;
    margin-inline: 0;
  }

  .b24-dropdown .b24-dropdown__item {
    margin-top: var(--menu-item-block-stack-space);
    height: calc(var(--spacing) * 9);
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-dropdown .b24-dropdown__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-dropdown .b24-dropdown__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-dropdown .b24-dropdown__item:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-dropdown .b24-dropdown__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-dropdown .b24-dropdown__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-dropdown .b24-dropdown__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-dropdown .b24-dropdown__item[data-highlighted] {
    color: var(--ui-color-base-1);
  }

  .b24-dropdown .b24-dropdown__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-dropdown .b24-dropdown__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-dropdown .b24-dropdown__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-dropdown .b24-dropdown__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-dropdown .b24-dropdown__item[data-state="open"] {
    color: var(--ui-color-base-1);
  }

  .b24-dropdown .b24-dropdown__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-dropdown .b24-dropdown__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-dropdown .b24-dropdown__item:where(.dark, .dark *):active, .b24-dropdown .b24-dropdown__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-dropdown .b24-dropdown__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-dropdown .b24-dropdown__item:where(html[data-platform="bitrix-mobile"] *) {
    height: calc(var(--spacing) * 10.5);
    border-top-color: var(--ui-color-divider-vibrant-default);
    margin-top: 0;
  }

  .b24-dropdown .b24-dropdown__item:where(html[data-platform="bitrix-mobile"] *)[data-highlighted], .b24-dropdown .b24-dropdown__item:where(html[data-platform="bitrix-mobile"] *)[data-state="open"] {
    background-color: var(--ui-color-bg-state-hover-default);
  }

  [data-slot="item"] + .b24-dropdown .b24-dropdown__item:where(html[data-platform="bitrix-mobile"] *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .b24-dropdown .b24-dropdown__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-dropdown .b24-dropdown__item-leading-avatar {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    margin-inline-end: var(--spacing);
  }

  .b24-dropdown .b24-dropdown__item-trailing {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    margin-left: auto;
    display: inline-flex;
  }

  .b24-dropdown .b24-dropdown__item-trailing:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: auto;
  }

  .b24-dropdown .b24-dropdown__item-trailing-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-dropdown .b24-dropdown__item-trailing-kbds {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    flex-shrink: 0;
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-dropdown .b24-dropdown__item-trailing-kbds {
      display: inline-flex;
    }
  }

  .b24-dropdown .b24-dropdown__item-wrapper {
    text-align: start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-dropdown .b24-dropdown__item-label {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-dropdown .b24-dropdown__item-description {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-dropdown .b24-dropdown__item-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    display: inline-block;
  }

  .b24-dropdown .b24-dropdown__item.b24-dropdown__item--active .b24-dropdown__item-leading-icon, .b24-dropdown .b24-dropdown__item.b24-dropdown__item--active .b24-dropdown__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--ui-color-accent-main-primary);
  }

  @media (hover: hover) {
    .b24-dropdown .b24-dropdown__item.b24-dropdown__item--active .b24-dropdown__item-leading-icon:hover {
      color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-dropdown .b24-dropdown__item.b24-dropdown__item--loading .b24-dropdown__item-leading-icon {
    animation: var(--animate-spin);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning):not(.b24-dropdown__item--active) {
    color: var(--b24ui-background);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning):not(.b24-dropdown__item--active)[data-highlighted], .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning):not(.b24-dropdown__item--active)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning):not(.b24-dropdown__item--active) .b24-dropdown__item-leading-icon {
    color: var(--b24ui-background);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning).b24-dropdown__item--active, .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning).b24-dropdown__item--active .b24-dropdown__item-leading-icon, .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-air-primary, .b24-dropdown__item--color-air-primary-success, .b24-dropdown__item--color-air-primary-alert, .b24-dropdown__item--color-air-primary-copilot, .b24-dropdown__item--color-air-primary-warning).b24-dropdown__item--active .b24-dropdown__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *), .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai):not(.b24-dropdown__item--active) {
    color: var(--b24ui-background-active);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai):not(.b24-dropdown__item--active)[data-highlighted], .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai):not(.b24-dropdown__item--active)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai):not(.b24-dropdown__item--active) .b24-dropdown__item-leading-icon {
    color: var(--b24ui-icon);
  }

  .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai).b24-dropdown__item--active, .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai).b24-dropdown__item--active .b24-dropdown__item-leading-icon, .b24-dropdown .b24-dropdown__item:is(.b24-dropdown__item--color-danger, .b24-dropdown__item--color-success, .b24-dropdown__item--color-warning, .b24-dropdown__item--color-primary, .b24-dropdown__item--color-secondary, .b24-dropdown__item--color-collab, .b24-dropdown__item--color-ai).b24-dropdown__item--active .b24-dropdown__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-active);
  }

  .b24-context-menu {
    pointer-events: auto;
    isolation: isolate;
    max-height: min(var(--max-height-popup-menu), var(--reka-context-menu-content-available-height, var(--max-height-popup-menu)));
    transform-origin: var(--reka-context-menu-content-transform-origin);
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-context-menu[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-context-menu[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-context-menu:where(html[data-platform="bitrix-mobile"] *) {
    padding-block: 0 !important;
  }

  .b24-context-menu .b24-context-menu__viewport {
    width: 100%;
    width: var(--width-full);
    min-width: calc(var(--spacing) * 48);
    scroll-padding-block: var(--spacing);
    scrollbar-width: thin;
    flex: 1;
    position: relative;
    overflow: hidden auto;
  }

  .b24-context-menu .b24-context-menu__group {
    display: grid;
  }

  .b24-context-menu .b24-context-menu__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--ui-color-base-3);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-context-menu .b24-context-menu__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    height: 1px;
    min-width: calc(var(--spacing) * 3);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    margin-inline-start: calc(var(--spacing) * 2);
    display: block;
  }

  .b24-context-menu .b24-context-menu__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-context-menu .b24-context-menu__label:where(html[data-platform="bitrix-mobile"] *) {
    height: 27px;
    margin-top: 0;
    margin-bottom: -12px;
    padding-inline-end: 0;
  }

  .b24-context-menu .b24-context-menu__label:where(html[data-platform="bitrix-mobile"] *) [data-slot="itemLabel"] {
    color: var(--ui-color-base-5);
  }

  .b24-context-menu .b24-context-menu__separator {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-block: calc(var(--spacing) * 2);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
  }

  .b24-context-menu .b24-context-menu__separator:where(html[data-platform="bitrix-mobile"] *) {
    height: calc(var(--spacing) * 1.5);
    margin-block: 0;
    margin-inline: 0;
  }

  .b24-context-menu .b24-context-menu__item {
    margin-top: var(--menu-item-block-stack-space);
    height: calc(var(--spacing) * 9);
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-context-menu .b24-context-menu__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-context-menu .b24-context-menu__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-context-menu .b24-context-menu__item:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-context-menu .b24-context-menu__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-context-menu .b24-context-menu__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-context-menu .b24-context-menu__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-context-menu .b24-context-menu__item[data-highlighted] {
    color: var(--ui-color-base-1);
  }

  .b24-context-menu .b24-context-menu__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-context-menu .b24-context-menu__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-context-menu .b24-context-menu__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-context-menu .b24-context-menu__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-context-menu .b24-context-menu__item[data-state="open"] {
    color: var(--ui-color-base-1);
  }

  .b24-context-menu .b24-context-menu__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-context-menu .b24-context-menu__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-context-menu .b24-context-menu__item:where(.dark, .dark *):active, .b24-context-menu .b24-context-menu__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-context-menu .b24-context-menu__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-context-menu .b24-context-menu__item:where(html[data-platform="bitrix-mobile"] *) {
    height: calc(var(--spacing) * 10.5);
    border-top-color: var(--ui-color-divider-vibrant-default);
    margin-top: 0;
  }

  .b24-context-menu .b24-context-menu__item:where(html[data-platform="bitrix-mobile"] *)[data-highlighted], .b24-context-menu .b24-context-menu__item:where(html[data-platform="bitrix-mobile"] *)[data-state="open"] {
    background-color: var(--ui-color-bg-state-hover-default);
  }

  [data-slot="item"] + .b24-context-menu .b24-context-menu__item:where(html[data-platform="bitrix-mobile"] *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .b24-context-menu .b24-context-menu__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-context-menu .b24-context-menu__item-leading-avatar {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    margin-inline-end: var(--spacing);
  }

  .b24-context-menu .b24-context-menu__item-trailing {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    margin-left: auto;
    display: inline-flex;
  }

  .b24-context-menu .b24-context-menu__item-trailing:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: auto;
  }

  .b24-context-menu .b24-context-menu__item-trailing-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-context-menu .b24-context-menu__item-trailing-kbds {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    flex-shrink: 0;
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-context-menu .b24-context-menu__item-trailing-kbds {
      display: inline-flex;
    }
  }

  .b24-context-menu .b24-context-menu__item-wrapper {
    text-align: start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-context-menu .b24-context-menu__item-label {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-context-menu .b24-context-menu__item-description {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-context-menu .b24-context-menu__item-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    display: inline-block;
  }

  .b24-context-menu .b24-context-menu__item.b24-context-menu__item--active .b24-context-menu__item-leading-icon, .b24-context-menu .b24-context-menu__item.b24-context-menu__item--active .b24-context-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--ui-color-accent-main-primary);
  }

  @media (hover: hover) {
    .b24-context-menu .b24-context-menu__item.b24-context-menu__item--active .b24-context-menu__item-leading-icon:hover {
      color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-context-menu .b24-context-menu__item.b24-context-menu__item--loading .b24-context-menu__item-leading-icon {
    animation: var(--animate-spin);
  }

  .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning):not(.b24-context-menu__item--active) {
    color: var(--b24ui-background);
  }

  .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning):not(.b24-context-menu__item--active)[data-highlighted], .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning):not(.b24-context-menu__item--active)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning):not(.b24-context-menu__item--active) .b24-context-menu__item-leading-icon {
    color: var(--b24ui-background);
  }

  .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning).b24-context-menu__item--active, .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning).b24-context-menu__item--active .b24-context-menu__item-leading-icon, .b24-context-menu .b24-context-menu__item:is(.b24-context-menu__item--color-air-primary, .b24-context-menu__item--color-air-primary-success, .b24-context-menu__item--color-air-primary-alert, .b24-context-menu__item--color-air-primary-copilot, .b24-context-menu__item--color-air-primary-warning).b24-context-menu__item--active .b24-context-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-active);
  }

  .b24-popover {
    pointer-events: auto;
    transform-origin: var(--reka-popover-content-transform-origin);
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
  }

  .b24-popover:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-popover[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-popover[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-popover .b24-popover__arrow {
    fill: var(--ui-color-bg-content-primary);
  }

  .b24-avatar {
    border-radius: var(--radius-full);
    background-color: var(--b24ui-background);
    vertical-align: middle;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .b24-avatar .b24-avatar__image {
    height: 100%;
    height: var(--height-full);
    width: 100%;
    width: var(--width-full);
    border-radius: inherit;
    object-fit: cover;
  }

  .b24-avatar .b24-avatar__fallback {
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-color);
    overflow: hidden;
  }

  .b24-avatar .b24-avatar__icon {
    color: var(--b24ui-icon);
    flex-shrink: 0;
  }

  .b24-avatar.b24-avatar--size-3xs {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    font-size: var(--text-4xs);
    line-height: var(--tw-leading, var(--text-4xs--line-height));
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-avatar.b24-avatar--size-3xs .b24-avatar__icon {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .b24-avatar.b24-avatar--size-2xs {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    font-size: var(--ui-font-size-4xs);
    line-height: var(--ui-font-line-height-reset);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-avatar.b24-avatar--size-2xs .b24-avatar__icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-avatar.b24-avatar--size-xs {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    font-size: var(--ui-font-size-3xs);
    line-height: var(--ui-font-line-height-reset);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-avatar.b24-avatar--size-xs .b24-avatar__icon {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }

  .b24-avatar.b24-avatar--size-sm {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-avatar.b24-avatar--size-sm .b24-avatar__icon {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
  }

  .b24-avatar:is(.b24-avatar--size-md, :not([class*="b24-avatar--size-"])) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-avatar:is(.b24-avatar--size-md, :not([class*="b24-avatar--size-"])) .b24-avatar__icon {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .b24-avatar.b24-avatar--size-lg {
    width: calc(var(--spacing) * 10.5);
    height: calc(var(--spacing) * 10.5);
    font-size: var(--ui-font-size-2xl);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-avatar.b24-avatar--size-lg .b24-avatar__icon {
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
  }

  .b24-avatar.b24-avatar--size-xl {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    font-size: var(--ui-font-size-2xl);
    line-height: var(--ui-font-line-height-reset);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-avatar.b24-avatar--size-xl .b24-avatar__icon {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .b24-avatar.b24-avatar--size-2xl {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
    font-size: var(--ui-font-size-5xl);
    line-height: var(--ui-font-line-height-reset);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-avatar.b24-avatar--size-2xl .b24-avatar__icon {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .b24-avatar.b24-avatar--size-3xl {
    width: calc(var(--spacing) * 23.5);
    height: calc(var(--spacing) * 23.5);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-avatar.b24-avatar--size-3xl .b24-avatar__icon {
    width: calc(var(--spacing) * 22.5);
    height: calc(var(--spacing) * 22.5);
  }

  .b24-progress {
    gap: calc(var(--spacing) * 2);
  }

  .b24-progress .b24-progress__base {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--ui-color-base-5);
    position: relative;
    overflow: hidden;
  }

  .b24-progress .b24-progress__indicator {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--b24ui-background);
    width: 100%;
    height: 100%;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-progress .b24-progress__indicator {
      transition-property: none;
    }

    .b24-progress .b24-progress__indicator[data-state="indeterminate"] {
      animation: var(--animate-pulse);
    }
  }

  .b24-progress .b24-progress__status {
    color: var(--b24ui-typography-legend-color);
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
    justify-content: flex-end;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-progress .b24-progress__status {
      transition-property: none;
    }
  }

  .b24-progress .b24-progress__steps {
    color: var(--b24ui-typography-legend-color);
    align-items: flex-end;
    display: grid;
  }

  .b24-progress .b24-progress__step {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: end;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    grid-row-start: 1;
    grid-column-start: 1;
    overflow: hidden;
  }

  .b24-progress.b24-progress--size-xs .b24-progress__status, .b24-progress.b24-progress--size-xs .b24-progress__steps {
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-progress.b24-progress--size-sm .b24-progress__status, .b24-progress.b24-progress--size-sm .b24-progress__steps, .b24-progress:is(.b24-progress--size-md, :not([class*="b24-progress--size-"])) .b24-progress__status, .b24-progress:is(.b24-progress--size-md, :not([class*="b24-progress--size-"])) .b24-progress__steps, .b24-progress.b24-progress--size-lg .b24-progress__status, .b24-progress.b24-progress--size-lg .b24-progress__steps {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-progress .b24-progress__step.b24-progress__step--step-active {
    opacity: 1;
  }

  .b24-progress .b24-progress__step.b24-progress__step--step-first {
    color: var(--b24ui-typography-legend-color);
    opacity: 1;
  }

  .b24-progress .b24-progress__step.b24-progress__step--step-other {
    opacity: 0;
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])) {
    width: 100%;
    width: var(--width-full);
    flex-direction: column;
    display: flex;
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])) .b24-progress__base {
    width: 100%;
    width: var(--width-full);
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])) .b24-progress__status {
    width: var(--percent);
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-direction: row;
  }

  .b24-progress.b24-progress--orientation-vertical {
    height: 100%;
    height: var(--height-full);
    flex-direction: row-reverse;
    display: flex;
  }

  .b24-progress.b24-progress--orientation-vertical .b24-progress__base {
    height: 100%;
    height: var(--height-full);
  }

  .b24-progress.b24-progress--orientation-vertical .b24-progress__status {
    height: var(--percent);
    min-width: 32px;
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-direction: column;
  }

  .b24-progress.b24-progress--inverted .b24-progress__status {
    align-self: flex-end;
  }

  .b24-progress.b24-progress--inverted:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])) .b24-progress__step {
    text-align: start;
  }

  .b24-progress.b24-progress--inverted:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])) .b24-progress__status {
    flex-direction: row-reverse;
  }

  .b24-progress.b24-progress--inverted.b24-progress--orientation-vertical .b24-progress__steps {
    align-items: flex-start;
  }

  .b24-progress.b24-progress--inverted.b24-progress--orientation-vertical .b24-progress__status {
    flex-direction: column-reverse;
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--size-xs .b24-progress__base {
    height: 2px;
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--size-sm .b24-progress__base {
    height: 4px;
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])):is(.b24-progress--size-md, :not([class*="b24-progress--size-"])) .b24-progress__base {
    height: calc(var(--spacing) * 2);
  }

  .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--size-lg .b24-progress__base {
    height: 12px;
  }

  .b24-progress.b24-progress--orientation-vertical.b24-progress--size-xs .b24-progress__base {
    width: 2px;
  }

  .b24-progress.b24-progress--orientation-vertical.b24-progress--size-sm .b24-progress__base {
    width: 4px;
  }

  .b24-progress.b24-progress--orientation-vertical:is(.b24-progress--size-md, :not([class*="b24-progress--size-"])) .b24-progress__base {
    width: calc(var(--spacing) * 2);
  }

  .b24-progress.b24-progress--orientation-vertical.b24-progress--size-lg .b24-progress__base {
    width: 12px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--animation-carousel .b24-progress__indicator[data-state="indeterminate"] {
      animation: 2s linear infinite carousel;
    }

    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--animation-carousel .b24-progress__indicator[data-state="indeterminate"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      animation: 2s linear infinite carousel-rtl;
    }

    .b24-progress.b24-progress--orientation-vertical.b24-progress--animation-carousel .b24-progress__indicator[data-state="indeterminate"] {
      animation: 2s linear infinite carousel-vertical;
    }

    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--animation-carousel-inverse .b24-progress__indicator[data-state="indeterminate"] {
      animation: 2s linear infinite carousel-inverse;
    }

    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--animation-carousel-inverse .b24-progress__indicator[data-state="indeterminate"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      animation: 2s linear infinite carousel-inverse-rtl;
    }

    .b24-progress.b24-progress--orientation-vertical.b24-progress--animation-carousel-inverse .b24-progress__indicator[data-state="indeterminate"] {
      animation: 2s linear infinite carousel-inverse-vertical;
    }

    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--animation-swing .b24-progress__indicator[data-state="indeterminate"] {
      animation: swing 2s var(--ease-in-out) infinite;
    }

    .b24-progress.b24-progress--orientation-vertical.b24-progress--animation-swing .b24-progress__indicator[data-state="indeterminate"] {
      animation: swing-vertical 2s var(--ease-in-out) infinite;
    }

    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])).b24-progress--animation-elastic .b24-progress__indicator[data-state="indeterminate"] {
      animation: elastic 2s var(--ease-in-out) infinite;
    }

    .b24-progress.b24-progress--orientation-vertical.b24-progress--animation-elastic .b24-progress__indicator[data-state="indeterminate"] {
      animation: elastic-vertical 2s var(--ease-in-out) infinite;
    }

    .b24-progress:is(.b24-progress--orientation-horizontal, :not([class*="b24-progress--orientation-"])):is(.b24-progress--animation-loading, :not([class*="b24-progress--animation-"])) .b24-progress__indicator[data-state="indeterminate"] {
      animation: 2s infinite progressbar-loading;
    }

    .b24-progress.b24-progress--orientation-vertical:is(.b24-progress--animation-loading, :not([class*="b24-progress--animation-"])) .b24-progress__indicator[data-state="indeterminate"] {
      animation: 2s infinite progressbar-loading-vertical;
    }
  }

  .b24-toast {
    gap: calc(var(--spacing) * 4);
    background-color: var(--ui-color-base-black-fixed);
    border-radius: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-toast {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 80%, transparent);
    }
  }

  .b24-toast {
    padding: calc(var(--spacing) * 4);
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    color: var(--ui-color-design-plain-na-focused-content);
  }

  .b24-toast:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: var(--ui-design-outline-stroke-weight);
    outline-offset: 2px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-toast .b24-toast__wrapper {
    flex-direction: column;
    flex: 1;
    width: 0;
    display: flex;
  }

  .b24-toast .b24-toast__title {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
  }

  .b24-toast .b24-toast__icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    color: var(--b24ui-border-color);
    flex-shrink: 0;
  }

  .b24-toast .b24-toast__avatar {
    flex-shrink: 0;
  }

  .b24-toast .b24-toast__actions {
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    display: flex;
  }

  .b24-toast .b24-toast__progress {
    inset-inline: 0;
    position: absolute;
    bottom: 0;
  }

  .b24-toast .b24-toast__close {
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    padding: 0;
    position: absolute;
  }

  .b24-toast.b24-toast--orientation-horizontal, .b24-toast.b24-toast--orientation-horizontal .b24-toast__actions, .b24-toast:is(.b24-toast--orientation-vertical, :not([class*="b24-toast--orientation-"])) {
    align-items: center;
  }

  .b24-toast:is(.b24-toast--orientation-vertical, :not([class*="b24-toast--orientation-"])) .b24-toast__actions {
    margin-top: var(--spacing);
    align-items: flex-start;
  }

  .b24-toast.b24-toast--title .b24-toast__description {
    margin-top: var(--spacing);
  }

  .b24-toaster {
    z-index: 100;
    margin-right: var(--scrollbar-width);
    flex-direction: column;
    width: calc(100% - 2rem);
    display: flex;
    position: fixed;
  }

  .b24-toaster:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-toaster[data-expanded="true"] {
    height: var(--height);
  }

  @media (min-width: 40rem) {
    .b24-toaster {
      width: 384px;
    }
  }

  .b24-toaster .b24-toaster__base {
    pointer-events: auto;
    z-index: var(--index);
    transform: var(--transform);
    transition-property: transform, translate, height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
    position: absolute;
    inset-inline: 0;
  }

  :is(.b24-toaster .b24-toaster__base[data-front="false"] > *) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .b24-toaster .b24-toaster__base[data-expanded="false"][data-front="false"] {
    height: var(--front-height);
  }

  :is(.b24-toaster .b24-toaster__base[data-expanded="false"][data-front="false"] > *) {
    opacity: 0;
  }

  .b24-toaster .b24-toaster__base[data-state="closed"] {
    animation: toast-closed .2s var(--ease-out);
  }

  .b24-toaster .b24-toaster__base[data-state="closed"][data-expanded="false"][data-front="false"] {
    animation: toast-collapsed-closed .2s var(--ease-out);
  }

  .b24-toaster .b24-toaster__base[data-state="open"][data-pulsing="even"] {
    animation: toast-pulse-b .3s var(--ease-out);
  }

  .b24-toaster .b24-toaster__base[data-state="open"][data-pulsing="odd"] {
    animation: toast-pulse-a .3s var(--ease-out);
  }

  .b24-toaster .b24-toaster__base[data-swipe="move"] {
    transition-property: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-toaster .b24-toaster__base {
      transition-property: none;
    }
  }

  .b24-toaster.b24-toaster--position-top-left {
    left: calc(var(--spacing) * 4);
  }

  .b24-toaster.b24-toaster--position-top-center {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    left: 50%;
  }

  .b24-toaster:is(.b24-toaster--position-top-right, :not([class*="b24-toaster--position-"])) {
    right: calc(var(--spacing) * 4);
  }

  .b24-toaster.b24-toaster--position-bottom-left {
    left: calc(var(--spacing) * 4);
  }

  .b24-toaster.b24-toaster--position-bottom-center {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    left: 50%;
  }

  .b24-toaster.b24-toaster--position-bottom-right {
    right: calc(var(--spacing) * 4);
  }

  .b24-toaster.b24-toaster--swipe-direction-up .b24-toaster__base[data-swipe="end"] {
    animation: toast-slide-up .2s var(--ease-out);
  }

  .b24-toaster.b24-toaster--swipe-direction-right .b24-toaster__base[data-swipe="end"] {
    animation: toast-slide-right .2s var(--ease-out);
  }

  .b24-toaster.b24-toaster--swipe-direction-down .b24-toaster__base[data-swipe="end"] {
    animation: toast-slide-down .2s var(--ease-out);
  }

  .b24-toaster.b24-toaster--swipe-direction-left .b24-toaster__base[data-swipe="end"] {
    animation: toast-slide-left .2s var(--ease-out);
  }

  .b24-toaster:is(.b24-toaster--position-top-left, .b24-toaster--position-top-center, :is(.b24-toaster--position-top-right, :not([class*="b24-toaster--position-"]))) {
    top: calc(var(--spacing) * 4);
  }

  .b24-toaster:is(.b24-toaster--position-top-left, .b24-toaster--position-top-center, :is(.b24-toaster--position-top-right, :not([class*="b24-toaster--position-"]))) .b24-toaster__base {
    top: 0;
  }

  .b24-toaster:is(.b24-toaster--position-top-left, .b24-toaster--position-top-center, :is(.b24-toaster--position-top-right, :not([class*="b24-toaster--position-"]))) .b24-toaster__base[data-state="open"] {
    animation: toast-slide-in-from-top .2s var(--ease-out);
  }

  .b24-toaster:is(.b24-toaster--position-bottom-left, .b24-toaster--position-bottom-center, .b24-toaster--position-bottom-right) {
    bottom: calc(var(--spacing) * 4);
  }

  .b24-toaster:is(.b24-toaster--position-bottom-left, .b24-toaster--position-bottom-center, .b24-toaster--position-bottom-right) .b24-toaster__base {
    bottom: 0;
  }

  .b24-toaster:is(.b24-toaster--position-bottom-left, .b24-toaster--position-bottom-center, .b24-toaster--position-bottom-right) .b24-toaster__base[data-state="open"] {
    animation: toast-slide-in-from-bottom .2s var(--ease-out);
  }

  .b24-toaster:is(.b24-toaster--swipe-direction-left, .b24-toaster--swipe-direction-right) .b24-toaster__base[data-swipe="cancel"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-toaster:is(.b24-toaster--swipe-direction-left, .b24-toaster--swipe-direction-right) .b24-toaster__base[data-swipe="end"] {
    --tw-translate-x: var(--reka-toast-swipe-end-x);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-toaster:is(.b24-toaster--swipe-direction-left, .b24-toaster--swipe-direction-right) .b24-toaster__base[data-swipe="move"] {
    --tw-translate-x: var(--reka-toast-swipe-move-x);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-toaster:is(.b24-toaster--swipe-direction-up, .b24-toaster--swipe-direction-down) .b24-toaster__base[data-swipe="cancel"] {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-toaster:is(.b24-toaster--swipe-direction-up, .b24-toaster--swipe-direction-down) .b24-toaster__base[data-swipe="end"] {
    --tw-translate-y: var(--reka-toast-swipe-end-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-toaster:is(.b24-toaster--swipe-direction-up, .b24-toaster--swipe-direction-down) .b24-toaster__base[data-swipe="move"] {
    --tw-translate-y: var(--reka-toast-swipe-move-y);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-kbd {
    border-radius: var(--ui-border-radius-2xs);
    border-style: var(--tw-border-style);
    border-width: var(--b24ui-border-width);
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
    padding-inline: var(--spacing);
    font-family: var(--ui-font-family-system-mono);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    color: var(--b24ui-color);
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .b24-kbd.b24-kbd--size-sm {
    min-width: 20px;
    height: 20px;
    font-size: var(--ui-font-size-4xs);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-kbd:is(.b24-kbd--size-md, :not([class*="b24-kbd--size-"])) {
    min-width: 24px;
    height: 24px;
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-kbd.b24-kbd--size-lg {
    min-width: 28px;
    height: 28px;
    font-size: var(--ui-font-size-2xl);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-sidebar {
    --sidebar-width-icon: 4.5rem;
    --sidebar-width: 15rem;
  }

  .b24-sidebar .b24-sidebar__gap {
    width: var(--sidebar-width);
    background-color: #0000;
    position: relative;
  }

  .b24-sidebar .b24-sidebar__container {
    z-index: 10;
    height: 100svh;
    width: var(--sidebar-width);
    display: none;
    position: fixed;
    inset-block: 0;
  }

  @media (min-width: 64rem) {
    .b24-sidebar .b24-sidebar__container {
      display: flex;
    }
  }

  .b24-sidebar .b24-sidebar__inner {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
  }

  :where(.b24-sidebar .b24-sidebar__inner > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-color: var(--ui-color-divider-default);
  }

  .b24-sidebar .b24-sidebar__inner {
    overflow: hidden;
  }

  .b24-sidebar__header {
    min-height: var(--b24ui-header-height);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4);
    display: flex;
    overflow: hidden;
  }

  .b24-sidebar__wrapper {
    flex: 1;
    min-width: 0;
  }

  .b24-sidebar__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--b24ui-typography-label-color);
    overflow: hidden;
  }

  .b24-sidebar__description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    color: var(--ui-color-design-plain-na-content-secondary);
    overflow: hidden;
  }

  .b24-sidebar__actions {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    display: flex;
  }

  .b24-sidebar__body {
    gap: calc(var(--spacing) * 4);
    min-height: 0;
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow-y: auto;
  }

  .b24-sidebar__footer {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 4);
    display: flex;
    overflow: hidden;
  }

  .b24-sidebar .b24-sidebar__rail {
    z-index: 20;
    width: calc(var(--spacing) * 4);
    display: none;
    position: absolute;
    inset-block: 0;
  }

  .b24-sidebar .b24-sidebar__rail:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    inset-block: 0;
    position: absolute;
    left: 50%;
  }

  @media (hover: hover) {
    .b24-sidebar .b24-sidebar__rail:hover:after {
      content: var(--tw-content);
      background-color: var(--ui-color-divider-accent);
    }
  }

  @media (min-width: 64rem) {
    .b24-sidebar .b24-sidebar__rail {
      display: flex;
    }
  }

  .b24-sidebar:not(.b24-sidebar--no-transition) .b24-sidebar__gap {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-sidebar:not(.b24-sidebar--no-transition) .b24-sidebar__gap {
      transition-property: none;
    }
  }

  .b24-sidebar:not(.b24-sidebar--no-transition) .b24-sidebar__container {
    transition-property: inset-inline-start, inset-inline-end, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-sidebar:not(.b24-sidebar--no-transition) .b24-sidebar__container {
      transition-property: none;
    }
  }

  .b24-sidebar:not(.b24-sidebar--no-transition) .b24-sidebar__rail {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])) .b24-sidebar__container {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--ui-color-divider-default);
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])) .b24-sidebar__rail {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])) .b24-sidebar__rail:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-sidebar.b24-sidebar--side-right .b24-sidebar__container {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--ui-color-divider-default);
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-sidebar.b24-sidebar--side-right .b24-sidebar__rail {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    inset-inline-start: -1px;
  }

  .b24-sidebar.b24-sidebar--side-right .b24-sidebar__rail:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-sidebar:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])) {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-sidebar:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])) {
      display: block;
    }
  }

  .b24-sidebar:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])) .b24-sidebar__gap[data-state="collapsed"] {
    width: 0;
  }

  .b24-sidebar.b24-sidebar--collapsible-icon {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-sidebar.b24-sidebar--collapsible-icon {
      display: block;
    }
  }

  .b24-sidebar.b24-sidebar--collapsible-icon .b24-sidebar__gap[data-state="collapsed"], .b24-sidebar.b24-sidebar--collapsible-icon .b24-sidebar__container[data-state="collapsed"] {
    width: var(--sidebar-width-icon);
  }

  .b24-sidebar.b24-sidebar--collapsible-icon .b24-sidebar__actions:is(:where(.group\/sidebar, .b24-sidebar:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar.b24-sidebar--collapsible-icon)[data-state="collapsed"] *) {
    display: none;
  }

  .b24-sidebar.b24-sidebar--collapsible-icon .b24-sidebar__body:is(:where(.group\/sidebar, .b24-sidebar:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar.b24-sidebar--collapsible-icon)[data-state="collapsed"] *) {
    overflow: hidden;
  }

  .b24-sidebar.b24-sidebar--collapsible-none {
    height: 100%;
    height: var(--height-full);
    width: var(--sidebar-width);
  }

  .b24-sidebar.b24-sidebar--variant-floating .b24-sidebar__container {
    padding: calc(var(--spacing) * 4);
    border-color: #0000;
  }

  .b24-sidebar.b24-sidebar--variant-floating .b24-sidebar__inner {
    border-radius: var(--radius-lg);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-divider-default);
  }

  .b24-sidebar.b24-sidebar--variant-floating .b24-sidebar__rail {
    inset-block: calc(var(--spacing) * 4);
  }

  .b24-sidebar.b24-sidebar--variant-inset .b24-sidebar__container {
    padding-block: calc(var(--spacing) * 4);
    border-color: #0000;
  }

  :where(.b24-sidebar.b24-sidebar--variant-inset .b24-sidebar__inner > :not(:last-child)) {
    border-color: #0000;
  }

  .b24-sidebar.b24-sidebar--variant-inset .b24-sidebar__rail {
    inset-block: calc(var(--spacing) * 4);
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])):is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail {
    cursor: w-resize;
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])):is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail[data-state="collapsed"], .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])):is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    cursor: e-resize;
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])):is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail[data-state="collapsed"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    cursor: w-resize;
  }

  .b24-sidebar.b24-sidebar--side-right:is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail {
    cursor: e-resize;
  }

  .b24-sidebar.b24-sidebar--side-right:is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail[data-state="collapsed"], .b24-sidebar.b24-sidebar--side-right:is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    cursor: w-resize;
  }

  .b24-sidebar.b24-sidebar--side-right:is(:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])), .b24-sidebar--collapsible-icon) .b24-sidebar__rail[data-state="collapsed"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    cursor: e-resize;
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])).b24-sidebar--collapsible-none {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: var(--ui-color-divider-default);
  }

  .b24-sidebar.b24-sidebar--side-right.b24-sidebar--collapsible-none {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--ui-color-divider-default);
  }

  .b24-sidebar:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])):is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])) .b24-sidebar__container[data-state="collapsed"] {
    inset-inline-start: calc(var(--sidebar-width) * -1);
  }

  .b24-sidebar.b24-sidebar--side-right:is(.b24-sidebar--collapsible-offcanvas, :not([class*="b24-sidebar--collapsible-"])) .b24-sidebar__container[data-state="collapsed"] {
    inset-inline-end: calc(var(--sidebar-width) * -1);
  }

  .b24-sidebar.b24-sidebar--variant-floating.b24-sidebar--collapsible-icon .b24-sidebar__gap[data-state="collapsed"] {
    width: calc(var(--sidebar-width-icon) + calc(var(--spacing) * 6.5));
  }

  .b24-sidebar.b24-sidebar--variant-floating.b24-sidebar--collapsible-icon .b24-sidebar__container[data-state="collapsed"] {
    width: calc(var(--sidebar-width-icon) + calc(var(--spacing) * 6.5) + 2px);
  }

  .b24-sidebar.b24-sidebar--variant-floating.b24-sidebar--collapsible-none {
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 4);
    border-width: 0;
  }

  .b24-sidebar.b24-sidebar--variant-inset.b24-sidebar--collapsible-none {
    border-style: var(--tw-border-style);
    padding-block: calc(var(--spacing) * 4);
    border-width: 0;
  }

  .b24-sidebar.b24-sidebar--variant-floating:is(.b24-sidebar--side-left, :not([class*="b24-sidebar--side-"])) .b24-sidebar__rail {
    inset-inline-end: calc(var(--spacing) * 4);
  }

  .b24-sidebar.b24-sidebar--variant-floating.b24-sidebar--side-right .b24-sidebar__rail {
    inset-inline-start: calc(calc(var(--spacing) * 4) - 1px);
  }

  .b24-nav {
    font-family: var(--ui-font-family-secondary);
    display: flex;
    position: relative;
  }

  .b24-nav > div {
    min-width: 0;
  }

  .b24-nav .b24-nav__list {
    isolation: isolate;
    min-width: 0;
  }

  .b24-nav .b24-nav__label {
    margin-top: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 5.5);
    width: 100%;
    width: var(--width-full);
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-legend-color);
    opacity: .7;
    overflow: hidden;
  }

  .b24-nav .b24-nav__item {
    min-width: 0;
  }

  .b24-nav .b24-nav__link {
    width: 100%;
    width: var(--width-full);
    max-width: 100%;
    max-width: var(--max-width-full);
    min-width: calc(var(--spacing) * 9.5);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * .5);
    border-radius: var(--menu-item-border-radius);
    border-style: var(--tw-border-style);
    background-color: var(--menu-item-background);
    font-size: var(--ui-font-size-lg);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    color: var(--menu-item-color);
    border-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-nav .b24-nav__link:hover {
      background-color: var(--menu-item-background-hover);
    }
  }

  .b24-nav .b24-nav__link:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-nav .b24-nav__link:focus-visible {
    border-radius: var(--menu-item-border-radius);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-base-4);
    --tw-outline-style: none;
    --tw-ring-inset: inset;
    outline-style: none;
  }

  .b24-nav .b24-nav__link[data-state="open"] {
    background-color: var(--menu-item-background-hover);
  }

  .b24-nav .b24-nav__link-leading-icon {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
    flex-shrink: 0;
  }

  .b24-nav .b24-nav__link-leading-avatar {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }

  .b24-nav .b24-nav__link-leading-hint {
    top: -5px;
    left: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-4xs);
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--b24ui-typography-description-color);
    text-transform: uppercase;
    margin: 0 0 0 1px;
    display: inline-flex;
    position: absolute;
  }

  .b24-nav .b24-nav__link-leading-badge {
    margin: 0;
    display: inline-flex;
    position: absolute;
  }

  .b24-nav .b24-nav__link-trailing {
    margin-top: calc(var(--spacing) * .5);
    align-items: center;
    display: inline-flex;
  }

  .b24-nav .b24-nav__link-trailing-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-nav .b24-nav__link-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-nav .b24-nav__link-label-wrapper {
    align-items: center;
    display: flex;
  }

  .b24-nav .b24-nav__link-label-wrapper:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-nav .b24-nav__link-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    margin-left: auto;
    display: inline-block;
  }

  .b24-nav .b24-nav__child-list {
    isolation: isolate;
  }

  .b24-nav .b24-nav__child-item {
    margin-top: var(--menu-item-block-stack-space);
    height: calc(var(--spacing) * 9);
  }

  .b24-nav .b24-nav__child-link {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    text-align: start;
    width: 100%;
    height: 100%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    display: flex;
    position: relative;
  }

  .b24-nav .b24-nav__child-link[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-nav .b24-nav__child-link:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-nav .b24-nav__child-link-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-direction: row;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-nav .b24-nav__child-link-wrapper:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    justify-content: flex-end;
  }

  .b24-nav .b24-nav__child-link-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-nav .b24-nav__child-link-hint {
    top: calc(var(--spacing) * -.5);
    left: calc(var(--spacing) * 6);
    font-size: var(--ui-font-size-4xs);
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--b24ui-typography-description-color);
    text-transform: uppercase;
    margin: 0 0 0 1px;
    display: inline-flex;
    position: absolute;
  }

  .b24-nav .b24-nav__child-link-badge {
    margin: 0;
    display: inline-flex;
  }

  .b24-nav .b24-nav__child-link-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-inline-start: calc(var(--spacing) * .5);
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-nav .b24-nav__child-link-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    display: inline-block;
  }

  .b24-nav .b24-nav__separator {
    margin-block: calc(var(--spacing) * 4);
    background-color: var(--leftmenu-bg-divider);
    height: 1px;
  }

  .b24-nav .b24-nav__popover-wrapper {
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
  }

  .b24-nav .b24-nav__viewport-wrapper {
    width: 100%;
    width: var(--width-full);
    inset-inline-start: calc(var(--spacing) * 0);
    display: flex;
    position: absolute;
    top: 53px;
  }

  .b24-nav .b24-nav__viewport {
    left: var(--reka-navigation-menu-viewport-left);
    z-index: 1;
    height: var(--reka-navigation-menu-viewport-height);
    width: var(--reka-navigation-menu-viewport-width);
    transform-origin: top;
    scrollbar-width: thin;
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: width, height, left, right;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    will-change: opacity;
    transition-duration: .2s;
    position: relative;
    overflow: hidden auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-nav .b24-nav__viewport {
      transition-property: none;
    }
  }

  .b24-nav .b24-nav__viewport:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    right: calc(100% - var(--reka-navigation-menu-viewport-left) - var(--reka-navigation-menu-viewport-width));
    left: auto;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) {
    height: 100%;
    height: var(--height-full);
    justify-content: space-between;
    align-items: center;
    position: relative;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__list {
    height: 100%;
    height: var(--height-full);
    align-items: center;
    column-gap: var(--spacing);
    display: flex;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__item:empty {
    display: none;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link {
    height: calc(var(--spacing) * 8);
    min-height: calc(var(--spacing) * 8);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--menu-item-background);
    padding-inline: calc(var(--spacing) * 2.5);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  @media (hover: hover) {
    .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link:hover {
      border-color: var(--ui-color-design-plain-na-focused-stroke);
    }
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link[data-state="open"] {
    background-color: var(--ui-color-design-plain-na-focused-stroke);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link:where(html[data-platform="bitrix-mobile"] *) {
    height: calc(var(--spacing) * 8.5);
    min-height: calc(var(--spacing) * 8.5);
    --tw-scale-x: .92;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-color: var(--ui-color-base-7);
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-md);
    color: var(--ui-color-base-4);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link-trailing-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link-leading-badge {
    top: calc(var(--spacing) * -1.5);
    right: calc(var(--spacing) * -3.5);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link-label-wrapper {
    justify-content: space-between;
    gap: var(--spacing);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-list {
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    display: grid;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link {
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--ui-color-base-1);
  }

  @media (hover: hover) {
    .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link[data-highlighted] {
    color: var(--ui-color-base-1);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link[data-state="open"] {
    color: var(--ui-color-base-1);
  }

  @media (hover: hover) {
    .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:where(.dark, .dark *):active, .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:where(.dark, .dark *)[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__child-link:where(html[data-platform="bitrix-mobile"] *)[data-state="open"] {
    background-color: var(--ui-color-bg-state-hover-default);
  }

  .b24-nav.b24-nav--orientation-vertical {
    width: 100%;
    width: var(--width-full);
    flex-direction: column;
    padding-inline: 0;
  }

  .b24-nav.b24-nav--orientation-vertical:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    padding-inline: 0;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__list {
    flex-direction: column;
    display: flex;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__item {
    margin-top: var(--menu-item-block-stack-space);
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__item[data-state="open"] {
    border-radius: var(--menu-item-border-radius);
    border-style: var(--tw-border-style);
    border-width: var(--leftmenu-group-stroke-weight);
    border-color: var(--leftmenu-group-stroke);
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link {
    height: calc(var(--spacing) * 9.5);
    min-height: calc(var(--spacing) * 9.5);
    padding: calc(var(--spacing) * 1.5);
    flex-direction: row;
    justify-content: space-between;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link[data-state="open"] {
    font-size: var(--ui-font-size-sm);
    opacity: .7;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link-trailing-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link-trailing-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-nav.b24-nav--orientation-vertical .b24-nav__link-trailing-icon {
      transition-property: none;
    }
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link-leading-badge {
    top: calc(var(--spacing) * -2);
    left: calc(var(--spacing) * 6);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__link-label-wrapper {
    height: calc(var(--spacing) * 5.5);
    width: 100%;
    width: var(--width-full);
    position: relative;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__child-link {
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--ui-color-base-1);
  }

  @media (hover: hover) {
    .b24-nav.b24-nav--orientation-vertical .b24-nav__child-link:hover {
      background-color: var(--ui-color-divider-optical-1-alt);
      color: var(--ui-color-base-1);
    }
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__child-link[data-highlighted], .b24-nav.b24-nav--orientation-vertical .b24-nav__child-link[data-state="open"] {
    background-color: var(--ui-color-divider-optical-1-alt);
    color: var(--ui-color-base-1);
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__child-label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__child-label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    min-width: 15px;
    height: 1px;
    flex: 1;
    margin-inline-start: calc(var(--spacing) * 2.5);
    display: block;
  }

  .b24-nav.b24-nav--orientation-vertical .b24-nav__child-label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-nav .b24-nav__child-link.b24-nav__child-link--active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-nav .b24-nav__child-link.b24-nav__child-link--active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-nav .b24-nav__link:not(.b24-nav__link--active) .b24-nav__link-leading-icon, .b24-nav .b24-nav__child-link:not(.b24-nav__child-link--active) .b24-nav__child-link-icon {
    color: var(--ui-color-base-5);
  }

  .b24-nav .b24-nav__link.b24-nav__link--disabled {
    cursor: not-allowed;
    opacity: .75;
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__content {
    width: calc(var(--spacing) * 60);
  }

  .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__item[data-state="open"] {
    background-color: var(--leftmenu-group-bg);
  }

  .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__child-list {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__link-leading-avatar {
    margin-inline-end: var(--spacing);
  }

  .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__content {
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__content[data-state="closed"] {
      animation: collapsible-up .2s var(--ease-out);
    }

    .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__content[data-state="open"] {
      animation: collapsible-down .2s var(--ease-out);
    }
  }

  .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__link-label {
    margin-inline-start: 9px;
  }

  .b24-nav.b24-nav--orientation-vertical.b24-nav--collapsed .b24-nav__child-list {
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    display: grid;
  }

  .b24-nav.b24-nav--orientation-vertical.b24-nav--collapsed .b24-nav__link-leading-avatar {
    flex-shrink: 0;
    margin-inline: auto;
  }

  .b24-nav.b24-nav--orientation-vertical.b24-nav--collapsed .b24-nav__link-label, .b24-nav.b24-nav--orientation-vertical.b24-nav--collapsed .b24-nav__link-label-external-icon, .b24-nav.b24-nav--orientation-vertical.b24-nav--collapsed .b24-nav__link-trailing {
    display: none;
  }

  .b24-nav.b24-nav--orientation-vertical:not(.b24-nav--collapsed) .b24-nav__link[data-state="open"] {
    margin-inline: calc(var(--leftmenu-group-stroke-weight) * -1);
    margin-top: calc(var(--leftmenu-group-stroke-weight) * -1);
  }

  .b24-nav .b24-nav__link:not(.b24-nav__link--disabled):not(.b24-nav__link--active) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-nav .b24-nav__link:not(.b24-nav__link--disabled):not(.b24-nav__link--active) .b24-nav__link-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--ui-color-design-selection-content-icon);
    }
  }

  .b24-nav .b24-nav__link.b24-nav__link--active {
    background-color: var(--menu-item-background-active);
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
    color: var(--menu-item-color-active);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link.b24-nav__link--active {
    border-color: var(--menu-item-border);
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .b24-nav:is(.b24-nav--orientation-horizontal, :not([class*="b24-nav--orientation-"])) .b24-nav__link.b24-nav__link--active:where(html[data-platform="bitrix-mobile"] *) {
    border-color: var(--ui-color-base-2);
    color: var(--ui-color-base-2);
    background-color: #0000;
  }

  .b24-chip {
    isolation: isolate;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-chip .b24-chip__base {
    z-index: 1;
    height: var(--ui-counter-size);
    min-width: var(--ui-counter-size);
    border-radius: var(--ui-counter-current-size);
    background-color: var(--b24ui-background);
    padding-inline: var(--ui-counter-inline-space);
    text-align: center;
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-counter-font-size);
    --tw-leading: var(--ui-counter-current-size);
    line-height: var(--ui-counter-current-size);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    text-wrap: nowrap;
    color: var(--b24ui-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--b24ui-border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    padding-block: 0;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .b24-chip .b24-chip__trailing-icon {
    width: var(--ui-counter-size);
    height: var(--ui-counter-size);
    font-size: var(--ui-counter-symbol-font-size);
    --tw-tracking: var(--ui-letter-spacing-xl);
    letter-spacing: var(--ui-letter-spacing-xl);
    color: inherit;
    opacity: .96;
    margin-inline-end: var(--ui-counter-symbol-compensation);
  }

  .b24-chip .b24-chip__trailing-icon:empty {
    margin-inline-end: 0;
  }

  .b24-chip.b24-chip--color-air-secondary-accent-1 .b24-chip__base:where(.edge-dark, .edge-dark *) {
    color: var(--ui-color-g-content-grey-2);
  }

  .b24-chip:is(.b24-chip--size-sm, :not([class*="b24-chip--size-"])) .b24-chip__base {
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-chip:is(.b24-chip--position-top-right, :not([class*="b24-chip--position-"])) .b24-chip__base {
    top: 0;
    right: 0;
  }

  .b24-chip.b24-chip--position-bottom-right .b24-chip__base {
    bottom: 0;
    right: 0;
  }

  .b24-chip.b24-chip--position-top-left .b24-chip__base {
    top: 0;
    left: 0;
  }

  .b24-chip.b24-chip--position-bottom-left .b24-chip__base {
    bottom: 0;
    left: 0;
  }

  .b24-chip:not(.b24-chip--standalone) .b24-chip__base {
    position: absolute;
  }

  .b24-chip.b24-chip--hide-zero .b24-chip__base[data-value="0"] {
    display: none;
  }

  .b24-chip.b24-chip--one-digit .b24-chip__base {
    padding-inline: 0;
  }

  .b24-chip:is(.b24-chip--position-top-right, :not([class*="b24-chip--position-"])):not(.b24-chip--inset):not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(1 / 2 * 100%);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip.b24-chip--position-bottom-right:not(.b24-chip--inset):not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(1 / 2 * 100%);
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip.b24-chip--position-top-left:not(.b24-chip--inset):not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip.b24-chip--position-bottom-left:not(.b24-chip--inset):not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip:is(.b24-chip--position-top-right, :not([class*="b24-chip--position-"])):is(:is(.b24-chip--size-sm, :not([class*="b24-chip--size-"])), .b24-chip--size-md, .b24-chip--size-lg).b24-chip--inset:not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(1 / 3 * 100%);
    --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip.b24-chip--position-bottom-right:is(:is(.b24-chip--size-sm, :not([class*="b24-chip--size-"])), .b24-chip--size-md, .b24-chip--size-lg).b24-chip--inset:not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(1 / 3 * 100%);
    --tw-translate-y: calc(1 / 3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip.b24-chip--position-top-left:is(:is(.b24-chip--size-sm, :not([class*="b24-chip--size-"])), .b24-chip--size-md, .b24-chip--size-lg).b24-chip--inset:not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-chip.b24-chip--position-bottom-left:is(:is(.b24-chip--size-sm, :not([class*="b24-chip--size-"])), .b24-chip--size-md, .b24-chip--size-lg).b24-chip--inset:not(.b24-chip--standalone) .b24-chip__base {
    --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
    --tw-translate-y: calc(1 / 3 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .b24-calendar {
    font-family: var(--ui-font-family-primary);
  }

  .b24-calendar .b24-calendar__header {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .b24-calendar .b24-calendar__body {
    flex-direction: column;
    display: flex;
  }

  :where(.b24-calendar .b24-calendar__body > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-calendar .b24-calendar__body {
    padding-top: calc(var(--spacing) * 4);
  }

  @media (min-width: 40rem) {
    .b24-calendar .b24-calendar__body {
      flex-direction: row;
    }

    :where(.b24-calendar .b24-calendar__body > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      margin-block: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  .b24-calendar .b24-calendar__heading {
    text-align: center;
    flex: 1;
    min-width: 0;
  }

  .b24-calendar .b24-calendar__heading-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-legend-color);
    display: block;
    overflow: hidden;
  }

  .b24-calendar .b24-calendar__grid {
    width: 100%;
    width: var(--width-full);
    border-collapse: collapse;
  }

  :where(.b24-calendar .b24-calendar__grid > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-calendar .b24-calendar__grid {
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-calendar .b24-calendar__grid:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-calendar .b24-calendar__grid-row {
    display: grid;
  }

  .b24-calendar .b24-calendar__grid-week-days-row {
    margin-bottom: var(--spacing);
    width: 100%;
    width: var(--width-full);
    grid-template-columns: repeat(7, minmax(0, 1fr));
    display: grid;
  }

  .b24-calendar .b24-calendar__grid-body {
    display: grid;
  }

  .b24-calendar .b24-calendar__head-cell {
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-calendar .b24-calendar__head-cell-week {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-calendar .b24-calendar__cell {
    cursor: pointer;
    text-align: center;
    position: relative;
  }

  .b24-calendar .b24-calendar__cell[aria-disabled="true"] {
    cursor: not-allowed;
  }

  .b24-calendar .b24-calendar__cell-trigger {
    white-space: nowrap;
    color: var(--b24ui-typography-label-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    margin: 0;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-calendar .b24-calendar__cell-trigger:hover:not([data-disabled]):not([data-selected]) {
      background-color: var(--b24ui-background);
      color: var(--b24ui-color);
    }
  }

  .b24-calendar .b24-calendar__cell-trigger:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-calendar .b24-calendar__cell-trigger:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-background-hover);
  }

  .b24-calendar .b24-calendar__cell-trigger[data-disabled] {
    opacity: .3;
  }

  .b24-calendar .b24-calendar__cell-trigger[data-highlighted], .b24-calendar .b24-calendar__cell-trigger[data-selected] {
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
  }

  .b24-calendar .b24-calendar__cell-trigger[data-selected]:focus-visible {
    --tw-ring-color: var(--b24ui-background-hover);
  }

  .b24-calendar .b24-calendar__cell-trigger[data-today] {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
  }

  .b24-calendar .b24-calendar__cell-trigger[data-today]:not([data-selected]) {
    color: var(--b24ui-background);
  }

  .b24-calendar .b24-calendar__cell-trigger[data-unavailable] {
    pointer-events: none;
    color: var(--ui-color-design-plain-na-content-secondary);
    text-decoration-line: line-through;
  }

  .b24-calendar .b24-calendar__cell-trigger[data-disabled] {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (min-width: 40rem) {
    .b24-calendar .b24-calendar__cell-trigger {
      margin: calc(var(--spacing) * .5);
    }
  }

  .b24-calendar .b24-calendar__cell-week {
    text-align: center;
    color: var(--ui-color-design-plain-na-content-secondary);
    position: relative;
  }

  .b24-calendar.b24-calendar--size-xs .b24-calendar__heading-label {
    font-size: var(--ui-font-size-md);
  }

  .b24-calendar.b24-calendar--size-xs .b24-calendar__cell {
    font-size: var(--ui-font-size-sm);
  }

  .b24-calendar.b24-calendar--size-xs .b24-calendar__cell-week, .b24-calendar.b24-calendar--size-xs .b24-calendar__head-cell, .b24-calendar.b24-calendar--size-xs .b24-calendar__head-cell-week {
    font-size: var(--ui-font-size-4xs);
  }

  :where(.b24-calendar.b24-calendar--size-xs .b24-calendar__body > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-calendar.b24-calendar--size-xs .b24-calendar__body {
    padding-top: calc(var(--spacing) * 2);
  }

  .b24-calendar.b24-calendar--size-sm .b24-calendar__heading-label {
    font-size: var(--ui-font-size-md);
  }

  .b24-calendar.b24-calendar--size-sm .b24-calendar__head-cell, .b24-calendar.b24-calendar--size-sm .b24-calendar__head-cell-week, .b24-calendar.b24-calendar--size-sm .b24-calendar__cell-week {
    font-size: var(--ui-font-size-3xs);
  }

  .b24-calendar.b24-calendar--size-sm .b24-calendar__cell {
    font-size: var(--ui-font-size-sm);
  }

  .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])) .b24-calendar__heading-label {
    font-size: var(--ui-font-size-lg);
  }

  .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])) .b24-calendar__head-cell, .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])) .b24-calendar__head-cell-week, .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])) .b24-calendar__cell-week {
    font-size: var(--ui-font-size-xs);
  }

  .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])) .b24-calendar__cell {
    font-size: var(--ui-font-size-md);
  }

  .b24-calendar.b24-calendar--size-lg .b24-calendar__heading-label {
    font-size: var(--ui-font-size-2xl);
  }

  .b24-calendar.b24-calendar--size-lg .b24-calendar__head-cell, .b24-calendar.b24-calendar--size-lg .b24-calendar__head-cell-week, .b24-calendar.b24-calendar--size-lg .b24-calendar__cell-week {
    font-size: var(--ui-font-size-xs);
  }

  .b24-calendar.b24-calendar--size-lg .b24-calendar__cell {
    font-size: var(--ui-font-size-lg);
  }

  .b24-calendar:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__grid-row {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    place-items: center;
  }

  .b24-calendar:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
    border-radius: var(--radius-full);
  }

  .b24-calendar:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger[data-outside-view] {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-calendar.b24-calendar--view-month .b24-calendar__grid-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .b24-calendar.b24-calendar--view-month .b24-calendar__cell-trigger {
    border-radius: var(--radius-md);
  }

  .b24-calendar.b24-calendar--view-year .b24-calendar__grid-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .b24-calendar.b24-calendar--view-year .b24-calendar__cell-trigger {
    border-radius: var(--radius-md);
  }

  .b24-calendar.b24-calendar--size-xs:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  @media (min-width: 40rem) {
    .b24-calendar.b24-calendar--size-xs:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }

  .b24-calendar.b24-calendar--size-sm:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  @media (min-width: 40rem) {
    .b24-calendar.b24-calendar--size-sm:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }

  .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])):is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  @media (min-width: 40rem) {
    .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])):is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }

  .b24-calendar.b24-calendar--size-lg:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  @media (min-width: 40rem) {
    .b24-calendar.b24-calendar--size-lg:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }

  .b24-calendar.b24-calendar--size-xs:is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
    height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 2);
  }

  @media (min-width: 40rem) {
    .b24-calendar.b24-calendar--size-xs:is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
      height: calc(var(--spacing) * 6);
    }
  }

  .b24-calendar.b24-calendar--size-sm:is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
    height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 2);
  }

  @media (min-width: 40rem) {
    .b24-calendar.b24-calendar--size-sm:is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
      height: calc(var(--spacing) * 7);
    }
  }

  .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])):is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
    height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 3);
  }

  @media (min-width: 40rem) {
    .b24-calendar:is(.b24-calendar--size-md, :not([class*="b24-calendar--size-"])):is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
      height: calc(var(--spacing) * 8);
    }
  }

  .b24-calendar.b24-calendar--size-lg:is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
    height: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 4);
  }

  @media (min-width: 40rem) {
    .b24-calendar.b24-calendar--size-lg:is(.b24-calendar--view-month, .b24-calendar--view-year) .b24-calendar__cell-trigger {
      height: calc(var(--spacing) * 9);
    }
  }

  .b24-calendar:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])).b24-calendar--week-numbers .b24-calendar__grid-row, .b24-calendar:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])).b24-calendar--week-numbers .b24-calendar__grid-week-days-row {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .b24-calendar:is(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])).b24-calendar--week-numbers .b24-calendar__grid-week-days-row > :first-child {
    grid-column-start: 2;
  }

  .b24-separator {
    text-align: center;
    align-items: center;
    display: flex;
  }

  .b24-separator .b24-separator__container {
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    display: flex;
  }

  .b24-separator .b24-separator__icon {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    flex-shrink: 0;
  }

  .b24-separator .b24-separator__avatar {
    flex-shrink: 0;
  }

  .b24-separator:is(.b24-separator--accent-default, :not([class*="b24-separator--accent-"])) .b24-separator__container {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-reset);
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-separator:is(.b24-separator--accent-default, :not([class*="b24-separator--accent-"])) .b24-separator__border {
    border-color: var(--ui-color-divider-vibrant-default);
  }

  .b24-separator.b24-separator--accent-accent .b24-separator__container {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-reset);
    color: var(--b24ui-typography-description-color);
  }

  .b24-separator.b24-separator--accent-accent .b24-separator__border {
    border-color: var(--ui-color-divider-vibrant-accent-more);
  }

  .b24-separator.b24-separator--accent-less .b24-separator__container {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-reset);
    color: var(--ui-color-base-6);
  }

  .b24-separator.b24-separator--accent-less .b24-separator__border {
    border-color: var(--ui-color-divider-vibrant-less);
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])) {
    width: 100%;
    width: var(--width-full);
    flex-direction: row;
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])) .b24-separator__border {
    width: 100%;
    width: var(--width-full);
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])) .b24-separator__container {
    margin-inline: calc(var(--spacing) * 3);
    white-space: nowrap;
  }

  .b24-separator.b24-separator--orientation-vertical {
    height: 100%;
    height: var(--height-full);
    flex-direction: column;
  }

  .b24-separator.b24-separator--orientation-vertical .b24-separator__border {
    height: 100%;
    height: var(--height-full);
  }

  .b24-separator.b24-separator--orientation-vertical .b24-separator__container {
    margin-block: calc(var(--spacing) * 2);
  }

  .b24-separator:is(.b24-separator--type-solid, :not([class*="b24-separator--type-"])) .b24-separator__border {
    --tw-border-style: solid;
    border-style: solid;
  }

  .b24-separator.b24-separator--type-dashed .b24-separator__border {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .b24-separator.b24-separator--type-dotted .b24-separator__border {
    --tw-border-style: dotted;
    border-style: dotted;
  }

  .b24-separator.b24-separator--type-double .b24-separator__border {
    --tw-border-style: double;
    border-style: double;
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])).b24-separator--position-start .b24-separator__container {
    margin-inline-end: calc(var(--spacing) * 3);
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])):is(.b24-separator--position-center, :not([class*="b24-separator--position-"])) .b24-separator__container {
    margin-inline: calc(var(--spacing) * 3);
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])).b24-separator--position-end .b24-separator__container {
    margin-inline-start: calc(var(--spacing) * 3);
  }

  .b24-separator.b24-separator--orientation-vertical.b24-separator--position-start .b24-separator__container {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .b24-separator.b24-separator--orientation-vertical:is(.b24-separator--position-center, :not([class*="b24-separator--position-"])) .b24-separator__container {
    margin-block: calc(var(--spacing) * 2);
  }

  .b24-separator.b24-separator--orientation-vertical.b24-separator--position-end .b24-separator__container {
    margin-top: calc(var(--spacing) * 2);
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])):is(.b24-separator--size-thin, :not([class*="b24-separator--size-"])) .b24-separator__border {
    border-top-style: var(--tw-border-style);
    border-top-width: var(--ui-border-width-thin);
  }

  .b24-separator:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])).b24-separator--size-thick .b24-separator__border {
    border-top-style: var(--tw-border-style);
    border-top-width: var(--ui-border-width-thick);
  }

  .b24-separator.b24-separator--orientation-vertical:is(.b24-separator--size-thin, :not([class*="b24-separator--size-"])) .b24-separator__border {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: var(--ui-border-width-thin);
  }

  .b24-separator.b24-separator--orientation-vertical.b24-separator--size-thick .b24-separator__border {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: var(--ui-border-width-thick);
  }

  .b24-separator.b24-separator--type-double.b24-separator--size-thick:is(.b24-separator--orientation-horizontal, :not([class*="b24-separator--orientation-"])) .b24-separator__border {
    border-top-style: var(--tw-border-style);
    border-top-width: calc(var(--ui-border-width-thick) + 1px);
  }

  .b24-separator.b24-separator--type-double.b24-separator--size-thick.b24-separator--orientation-vertical .b24-separator__border {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: calc(var(--ui-border-width-thick) + 1px);
  }

  .b24-switch {
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .b24-switch .b24-switch__base {
    cursor: pointer;
    border-radius: var(--ui-border-radius-pill);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--ui-color-background-transparent);
    outline-color: var(--ui-color-background-transparent);
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    align-items: center;
    transition-duration: .2s;
    display: inline-flex;
  }

  .b24-switch .b24-switch__base:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-border-color);
  }

  .b24-switch .b24-switch__base[data-state="checked"] {
    background-color: var(--b24ui-background);
  }

  .b24-switch .b24-switch__base[data-state="unchecked"] {
    background-color: var(--ui-color-base-5);
  }

  .b24-switch .b24-switch__container {
    align-items: center;
    display: flex;
  }

  .b24-switch .b24-switch__thumb {
    pointer-events: none;
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--ui-color-base-white-fixed);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    justify-content: center;
    align-items: center;
    transition-duration: .2s;
    display: flex;
  }

  .b24-switch .b24-switch__thumb[data-state="unchecked"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-switch .b24-switch__thumb {
      transition-property: none;
    }
  }

  .b24-switch .b24-switch__thumb[data-state="unchecked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch .b24-switch__icon {
    width: 100%;
    height: 100%;
    padding: calc(var(--spacing) * .5);
    opacity: 0;
    transition-property: color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
    position: absolute;
  }

  .b24-switch .b24-switch__icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="checked"] *) {
    color: var(--b24ui-background);
  }

  .b24-switch .b24-switch__icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="unchecked"] *) {
    color: var(--ui-color-base-5);
  }

  .b24-switch .b24-switch__icon:where(.edge-dark, .edge-dark *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="unchecked"] *) {
    color: var(--ui-color-gray-60);
  }

  .b24-switch .b24-switch__wrapper {
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .b24-switch .b24-switch__label {
    cursor: pointer;
    color: var(--b24ui-typography-label-color);
    display: block;
  }

  .b24-switch .b24-switch__description {
    color: var(--b24ui-typography-description-color);
  }

  .b24-switch.b24-switch--size-xs .b24-switch__base {
    width: 28px;
  }

  .b24-switch.b24-switch--size-xs .b24-switch__container {
    height: 16px;
  }

  .b24-switch.b24-switch--size-xs .b24-switch__thumb {
    width: 12px;
    height: 12px;
  }

  .b24-switch.b24-switch--size-xs .b24-switch__thumb[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch.b24-switch--size-xs .b24-switch__thumb[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * -3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch.b24-switch--size-xs .b24-switch__wrapper {
    font-size: var(--ui-font-size-xs);
  }

  .b24-switch.b24-switch--size-xs .b24-switch__label {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .b24-switch.b24-switch--size-sm .b24-switch__base {
    width: 32px;
  }

  .b24-switch.b24-switch--size-sm .b24-switch__container {
    height: 16px;
  }

  .b24-switch.b24-switch--size-sm .b24-switch__thumb {
    width: 14px;
    height: 14px;
  }

  .b24-switch.b24-switch--size-sm .b24-switch__thumb[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing) * 3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch.b24-switch--size-sm .b24-switch__thumb[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * -3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch.b24-switch--size-sm .b24-switch__wrapper {
    font-size: var(--ui-font-size-sm);
  }

  .b24-switch.b24-switch--size-sm .b24-switch__label {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__base {
    width: 36px;
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__container {
    height: 20px;
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__thumb {
    width: 16px;
    height: 16px;
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__thumb[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__thumb[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__wrapper {
    font-size: var(--ui-font-size-md);
  }

  .b24-switch:is(.b24-switch--size-md, :not([class*="b24-switch--size-"])) .b24-switch__label {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .b24-switch.b24-switch--size-lg .b24-switch__base {
    width: 40px;
  }

  .b24-switch.b24-switch--size-lg .b24-switch__container {
    height: 20px;
  }

  .b24-switch.b24-switch--size-lg .b24-switch__thumb {
    width: 20px;
    height: 20px;
  }

  .b24-switch.b24-switch--size-lg .b24-switch__thumb[data-state="checked"] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch.b24-switch--size-lg .b24-switch__thumb[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-switch.b24-switch--size-lg .b24-switch__wrapper {
    font-size: var(--ui-font-size-xl);
  }

  .b24-switch.b24-switch--size-lg .b24-switch__label {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .b24-switch .b24-switch__icon.b24-switch__icon--checked:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="checked"] *), .b24-switch .b24-switch__icon.b24-switch__icon--unchecked:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="unchecked"] *) {
    opacity: 1;
  }

  .b24-switch.b24-switch--loading .b24-switch__icon {
    animation: var(--animate-spin);
  }

  .b24-switch.b24-switch--required .b24-switch__label:after {
    color: var(--ui-color-accent-main-alert);
    --tw-content: "*";
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * .5);
  }

  .b24-switch.b24-switch--disabled {
    opacity: .3;
  }

  .b24-switch.b24-switch--disabled .b24-switch__base, .b24-switch.b24-switch--disabled .b24-switch__label, .b24-switch.b24-switch--disabled .b24-switch__description {
    cursor: not-allowed;
  }

  .b24-switch.b24-switch--highlight .b24-switch__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-checkbox-group {
    position: relative;
  }

  .b24-checkbox-group .b24-checkbox-group__fieldset {
    column-gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .b24-checkbox-group .b24-checkbox-group__legend {
    margin-bottom: calc(var(--spacing) * 1.5);
    color: var(--b24ui-typography-label-color);
    display: block;
  }

  .b24-checkbox-group.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset {
    flex-direction: row;
  }

  .b24-checkbox-group:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset {
    flex-direction: column;
  }

  .b24-checkbox-group:is(.b24-checkbox-group--variant-list, :not([class*="b24-checkbox-group--variant-"])) .b24-checkbox-group__fieldset, .b24-checkbox-group.b24-checkbox-group--variant-card .b24-checkbox-group__fieldset {
    flex-wrap: wrap;
  }

  .b24-checkbox-group.b24-checkbox-group--variant-card .b24-checkbox-group__item {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
    align-items: flex-start;
  }

  .b24-checkbox-group.b24-checkbox-group--variant-card .b24-checkbox-group__item:has([data-state="checked"]) {
    border-color: var(--b24ui-border-color);
  }

  .b24-checkbox-group.b24-checkbox-group--variant-table .b24-checkbox-group__item {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
  }

  .b24-checkbox-group.b24-checkbox-group--variant-table .b24-checkbox-group__item:has([data-state="checked"]) {
    z-index: 1;
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-checkbox-group.b24-checkbox-group--variant-table .b24-checkbox-group__item:has([data-state="checked"]) {
      background-color: color-mix(in oklab, var(--b24ui-background) 24%, transparent);
    }
  }

  .b24-checkbox-group.b24-checkbox-group--variant-table .b24-checkbox-group__item:has([data-state="checked"]) {
    color: var(--b24ui-color);
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs .b24-checkbox-group__fieldset {
    gap: 4px 12px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs .b24-checkbox-group__legend {
    font-size: var(--ui-font-size-xs);
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm .b24-checkbox-group__fieldset {
    gap: 6px 14px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm .b24-checkbox-group__legend {
    font-size: var(--ui-font-size-xs);
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"])) .b24-checkbox-group__fieldset {
    column-gap: 16px;
    row-gap: calc(var(--spacing) * 2);
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"])) .b24-checkbox-group__legend {
    font-size: var(--ui-font-size-sm);
  }

  .b24-checkbox-group.b24-checkbox-group--size-lg .b24-checkbox-group__fieldset {
    column-gap: 16px;
    row-gap: calc(var(--spacing) * 2);
  }

  .b24-checkbox-group.b24-checkbox-group--size-lg .b24-checkbox-group__legend {
    font-size: var(--ui-font-size-sm);
  }

  .b24-checkbox-group.b24-checkbox-group--required .b24-checkbox-group__label:after {
    color: var(--ui-color-accent-main-alert);
    --tw-content: "*";
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * .5);
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-card .b24-checkbox-group__item {
    border-radius: var(--ui-border-radius-xs);
    padding-block: 7px;
    padding-inline: 13px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-card .b24-checkbox-group__item {
    border-radius: var(--ui-border-radius-sm);
    padding-block: 9px;
    padding-inline: 13px;
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"])).b24-checkbox-group--variant-card .b24-checkbox-group__item {
    border-radius: var(--ui-border-radius-md);
    padding-block: 10px;
    padding-inline: 17px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-lg.b24-checkbox-group--variant-card .b24-checkbox-group__item {
    border-radius: var(--ui-border-radius-md);
    padding-block: 12px;
    padding-inline: 23px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table .b24-checkbox-group__item {
    padding-block: 7px;
    padding-inline: 13px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table .b24-checkbox-group__item {
    padding-block: 9px;
    padding-inline: 13px;
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"])).b24-checkbox-group--variant-table .b24-checkbox-group__item {
    padding-block: 10px;
    padding-inline: 17px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-lg.b24-checkbox-group--variant-table .b24-checkbox-group__item {
    padding-block: 12px;
    padding-inline: 23px;
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__item:first-of-type {
    border-start-start-radius: var(--ui-border-radius-xs);
    border-end-start-radius: var(--ui-border-radius-xs);
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__item:last-of-type {
    border-start-end-radius: var(--ui-border-radius-xs);
    border-end-end-radius: var(--ui-border-radius-xs);
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset {
    gap: 0;
  }

  :where(.b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__item:first-of-type {
    border-top-left-radius: var(--ui-border-radius-xs);
    border-top-right-radius: var(--ui-border-radius-xs);
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__item:last-of-type {
    border-bottom-right-radius: var(--ui-border-radius-xs);
    border-bottom-left-radius: var(--ui-border-radius-xs);
  }

  .b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset {
    gap: 0;
  }

  :where(.b24-checkbox-group.b24-checkbox-group--size-xs.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__item:first-of-type {
    border-start-start-radius: var(--ui-border-radius-sm);
    border-end-start-radius: var(--ui-border-radius-sm);
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__item:last-of-type {
    border-start-end-radius: var(--ui-border-radius-sm);
    border-end-end-radius: var(--ui-border-radius-sm);
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset {
    gap: 0;
  }

  :where(.b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__item:first-of-type {
    border-top-left-radius: var(--ui-border-radius-sm);
    border-top-right-radius: var(--ui-border-radius-sm);
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__item:last-of-type {
    border-bottom-right-radius: var(--ui-border-radius-sm);
    border-bottom-left-radius: var(--ui-border-radius-sm);
  }

  .b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset {
    gap: 0;
  }

  :where(.b24-checkbox-group.b24-checkbox-group--size-sm.b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__item:first-of-type {
    border-start-start-radius: var(--ui-border-radius-md);
    border-end-start-radius: var(--ui-border-radius-md);
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__item:last-of-type {
    border-start-end-radius: var(--ui-border-radius-md);
    border-end-end-radius: var(--ui-border-radius-md);
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset {
    gap: 0;
  }

  :where(.b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table.b24-checkbox-group--orientation-horizontal .b24-checkbox-group__fieldset > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__item:first-of-type {
    border-top-left-radius: var(--ui-border-radius-md);
    border-top-right-radius: var(--ui-border-radius-md);
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__item:last-of-type {
    border-bottom-right-radius: var(--ui-border-radius-md);
    border-bottom-left-radius: var(--ui-border-radius-md);
  }

  .b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset {
    gap: 0;
  }

  :where(.b24-checkbox-group:is(.b24-checkbox-group--size-lg, :is(.b24-checkbox-group--size-md, :not([class*="b24-checkbox-group--size-"]))).b24-checkbox-group--variant-table:is(.b24-checkbox-group--orientation-vertical, :not([class*="b24-checkbox-group--orientation-"])) .b24-checkbox-group__fieldset > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-checkbox-group.b24-checkbox-group--variant-table.b24-checkbox-group--disabled .b24-checkbox-group__item {
    cursor: not-allowed;
  }

  .b24-radio-group {
    position: relative;
  }

  .b24-radio-group .b24-radio-group__fieldset {
    display: flex;
  }

  .b24-radio-group .b24-radio-group__legend {
    margin-bottom: calc(var(--spacing) * 1.5);
    color: var(--b24ui-typography-label-color);
    display: block;
  }

  .b24-radio-group .b24-radio-group__item {
    align-items: flex-start;
    display: flex;
  }

  .b24-radio-group .b24-radio-group__icon {
    flex-shrink: 0;
  }

  .b24-radio-group .b24-radio-group__base {
    cursor: pointer;
    border-radius: var(--ui-border-radius-pill);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-base-5);
    outline-color: var(--ui-color-background-transparent);
    --tw-ring-inset: inset;
  }

  .b24-radio-group .b24-radio-group__base:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-background);
  }

  .b24-radio-group .b24-radio-group__indicator {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--b24ui-background);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .b24-radio-group .b24-radio-group__indicator:after {
    content: var(--tw-content);
    border-radius: var(--ui-border-radius-pill);
    content: var(--tw-content);
    background-color: var(--b24ui-color);
  }

  .b24-radio-group .b24-radio-group__container {
    align-items: center;
    display: flex;
  }

  .b24-radio-group .b24-radio-group__wrapper {
    width: 100%;
    width: var(--width-full);
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-radio-group .b24-radio-group__label {
    cursor: pointer;
    color: var(--b24ui-typography-label-color);
    display: block;
  }

  .b24-radio-group .b24-radio-group__description {
    color: var(--b24ui-typography-description-color);
  }

  .b24-radio-group:is(.b24-radio-group--variant-list, :not([class*="b24-radio-group--variant-"])) .b24-radio-group__fieldset, .b24-radio-group.b24-radio-group--variant-card .b24-radio-group__fieldset {
    flex-wrap: wrap;
  }

  .b24-radio-group.b24-radio-group--variant-card .b24-radio-group__item {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
    align-items: flex-start;
  }

  .b24-radio-group.b24-radio-group--variant-card .b24-radio-group__item:has([data-state="checked"]) {
    border-color: var(--b24ui-border-color);
  }

  .b24-radio-group.b24-radio-group--variant-table .b24-radio-group__item {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
  }

  .b24-radio-group.b24-radio-group--variant-table .b24-radio-group__item:has([data-state="checked"]) {
    z-index: 1;
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-radio-group.b24-radio-group--variant-table .b24-radio-group__item:has([data-state="checked"]) {
      background-color: color-mix(in oklab, var(--b24ui-background) 24%, transparent);
    }
  }

  .b24-radio-group.b24-radio-group--variant-table .b24-radio-group__item:has([data-state="checked"]) {
    color: var(--b24ui-color);
  }

  .b24-radio-group.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset {
    flex-direction: row;
  }

  .b24-radio-group.b24-radio-group--orientation-horizontal {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-radio-group:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset {
    flex-direction: column;
  }

  .b24-radio-group:is(.b24-radio-group--indicator-start, :not([class*="b24-radio-group--indicator-"])) .b24-radio-group__item {
    flex-direction: row;
  }

  .b24-radio-group:is(.b24-radio-group--indicator-start, :not([class*="b24-radio-group--indicator-"])) .b24-radio-group__base {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-radio-group.b24-radio-group--indicator-end .b24-radio-group__item {
    flex-direction: row-reverse;
  }

  .b24-radio-group.b24-radio-group--indicator-end .b24-radio-group__base {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .b24-radio-group.b24-radio-group--indicator-hidden .b24-radio-group__base {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .b24-radio-group.b24-radio-group--indicator-hidden .b24-radio-group__item {
    outline-color: var(--ui-color-background-transparent);
  }

  .b24-radio-group.b24-radio-group--indicator-hidden .b24-radio-group__item:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-background);
  }

  .b24-radio-group.b24-radio-group--indicator-hidden .b24-radio-group__wrapper {
    align-items: center;
    gap: var(--spacing);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__fieldset {
    gap: 4px 12px;
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__legend {
    font-size: var(--ui-font-size-xs);
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__base {
    width: 12px;
    height: 12px;
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__item {
    font-size: var(--ui-font-size-xs);
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__label {
    --tw-leading: 11px;
    line-height: 11px;
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__container {
    height: 12px;
  }

  .b24-radio-group.b24-radio-group--size-xs .b24-radio-group__indicator:after {
    content: var(--tw-content);
    width: 4px;
    height: 4px;
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__fieldset {
    gap: 6px 14px;
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__legend {
    font-size: var(--ui-font-size-xs);
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__base {
    width: 14px;
    height: 14px;
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__item {
    font-size: var(--ui-font-size-sm);
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__label {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__container {
    height: 14px;
  }

  .b24-radio-group.b24-radio-group--size-sm .b24-radio-group__indicator:after {
    content: var(--tw-content);
    width: 6px;
    height: 6px;
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__fieldset {
    column-gap: 16px;
    row-gap: calc(var(--spacing) * 2);
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__legend {
    font-size: var(--ui-font-size-sm);
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__base {
    width: 16px;
    height: 16px;
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__item {
    font-size: var(--ui-font-size-lg);
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__label {
    --tw-leading: 15px;
    line-height: 15px;
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__container {
    height: 16px;
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])) .b24-radio-group__indicator:after {
    content: var(--tw-content);
    width: 6px;
    height: 6px;
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__fieldset {
    column-gap: 16px;
    row-gap: calc(var(--spacing) * 2);
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__legend {
    font-size: var(--ui-font-size-sm);
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__base {
    width: 20px;
    height: 20px;
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__item {
    font-size: var(--ui-font-size-xl);
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__label {
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__container {
    height: 20px;
  }

  .b24-radio-group.b24-radio-group--size-lg .b24-radio-group__indicator:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .b24-radio-group.b24-radio-group--disabled .b24-radio-group__item {
    opacity: .3;
  }

  .b24-radio-group.b24-radio-group--disabled .b24-radio-group__base, .b24-radio-group.b24-radio-group--disabled .b24-radio-group__label, .b24-radio-group.b24-radio-group--disabled .b24-radio-group__description {
    cursor: not-allowed;
  }

  .b24-radio-group.b24-radio-group--required .b24-radio-group__label:after {
    color: var(--ui-color-accent-main-alert);
    --tw-content: "*";
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * .5);
  }

  .b24-radio-group.b24-radio-group--highlight .b24-radio-group__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-radio-group.b24-radio-group--indicator-hidden .b24-radio-group__container {
    height: auto;
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--indicator-hidden .b24-radio-group__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--indicator-hidden .b24-radio-group__icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])).b24-radio-group--indicator-hidden .b24-radio-group__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-radio-group.b24-radio-group--size-lg.b24-radio-group--indicator-hidden .b24-radio-group__icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-card .b24-radio-group__item {
    border-radius: var(--ui-border-radius-xs);
    padding-block: 7px;
    padding-inline: 13px;
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-card .b24-radio-group__item {
    border-radius: var(--ui-border-radius-sm);
    padding-block: 9px;
    padding-inline: 13px;
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])).b24-radio-group--variant-card .b24-radio-group__item {
    border-radius: var(--ui-border-radius-md);
    padding-block: 10px;
    padding-inline: 17px;
  }

  .b24-radio-group.b24-radio-group--size-lg.b24-radio-group--variant-card .b24-radio-group__item {
    border-radius: var(--ui-border-radius-md);
    padding-block: 12px;
    padding-inline: 23px;
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table .b24-radio-group__item {
    padding-block: 7px;
    padding-inline: 13px;
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table .b24-radio-group__item {
    padding-block: 9px;
    padding-inline: 13px;
  }

  .b24-radio-group:is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"])).b24-radio-group--variant-table .b24-radio-group__item {
    padding-block: 10px;
    padding-inline: 17px;
  }

  .b24-radio-group.b24-radio-group--size-lg.b24-radio-group--variant-table .b24-radio-group__item {
    padding-block: 12px;
    padding-inline: 23px;
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__item:first-of-type {
    border-start-start-radius: var(--ui-border-radius-xs);
    border-end-start-radius: var(--ui-border-radius-xs);
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__item:last-of-type {
    border-start-end-radius: var(--ui-border-radius-xs);
    border-end-end-radius: var(--ui-border-radius-xs);
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset {
    gap: 0;
  }

  :where(.b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__item:first-of-type {
    border-top-left-radius: var(--ui-border-radius-xs);
    border-top-right-radius: var(--ui-border-radius-xs);
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__item:last-of-type {
    border-bottom-right-radius: var(--ui-border-radius-xs);
    border-bottom-left-radius: var(--ui-border-radius-xs);
  }

  .b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset {
    gap: 0;
  }

  :where(.b24-radio-group.b24-radio-group--size-xs.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__item:first-of-type {
    border-start-start-radius: var(--ui-border-radius-sm);
    border-end-start-radius: var(--ui-border-radius-sm);
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__item:last-of-type {
    border-start-end-radius: var(--ui-border-radius-sm);
    border-end-end-radius: var(--ui-border-radius-sm);
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset {
    gap: 0;
  }

  :where(.b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__item:first-of-type {
    border-top-left-radius: var(--ui-border-radius-sm);
    border-top-right-radius: var(--ui-border-radius-sm);
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__item:last-of-type {
    border-bottom-right-radius: var(--ui-border-radius-sm);
    border-bottom-left-radius: var(--ui-border-radius-sm);
  }

  .b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset {
    gap: 0;
  }

  :where(.b24-radio-group.b24-radio-group--size-sm.b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__item:first-of-type {
    border-start-start-radius: var(--ui-border-radius-md);
    border-end-start-radius: var(--ui-border-radius-md);
  }

  .b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__item:last-of-type {
    border-start-end-radius: var(--ui-border-radius-md);
    border-end-end-radius: var(--ui-border-radius-md);
  }

  .b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset {
    gap: 0;
  }

  :where(.b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table.b24-radio-group--orientation-horizontal .b24-radio-group__fieldset > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__item:first-of-type {
    border-top-left-radius: var(--ui-border-radius-md);
    border-top-right-radius: var(--ui-border-radius-md);
  }

  .b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__item:last-of-type {
    border-bottom-right-radius: var(--ui-border-radius-md);
    border-bottom-left-radius: var(--ui-border-radius-md);
  }

  .b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset {
    gap: 0;
  }

  :where(.b24-radio-group:is(.b24-radio-group--size-lg, :is(.b24-radio-group--size-md, :not([class*="b24-radio-group--size-"]))).b24-radio-group--variant-table:is(.b24-radio-group--orientation-vertical, :not([class*="b24-radio-group--orientation-"])) .b24-radio-group__fieldset > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-radio-group:is(.b24-radio-group--variant-card, .b24-radio-group--variant-table).b24-radio-group--disabled .b24-radio-group__item {
    cursor: not-allowed;
  }

  .b24-empty {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-lg);
    background-color: var(--b24ui-background);
    min-width: 0;
    padding: calc(var(--spacing) * 4);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--b24ui-border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (min-width: 40rem) {
    .b24-empty {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .b24-empty {
      padding: calc(var(--spacing) * 8);
    }
  }

  .b24-empty .b24-empty__header {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    text-align: center;
    flex-direction: column;
    max-width: 384px;
    display: flex;
  }

  .b24-empty .b24-empty__indicator {
    margin-bottom: calc(var(--spacing) * 2);
    border-radius: var(--radius-full);
    background-color: var(--b24ui-background-active);
    color: var(--b24ui-color);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-empty .b24-empty__icon {
    flex-shrink: 0;
  }

  .b24-empty .b24-empty__title {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    text-wrap: pretty;
    color: var(--b24ui-color);
  }

  .b24-empty .b24-empty__description {
    text-align: center;
    text-wrap: balance;
    color: var(--b24ui-color);
  }

  .b24-empty .b24-empty__body {
    align-items: center;
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    max-width: 384px;
    display: flex;
  }

  .b24-empty .b24-empty__actions {
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    flex-wrap: wrap;
    flex-shrink: 0;
    display: flex;
  }

  .b24-empty .b24-empty__footer {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    max-width: 384px;
    display: flex;
  }

  .b24-empty.b24-empty--size-xs .b24-empty__icon {
    width: 26px;
    height: 26px;
  }

  .b24-empty.b24-empty--size-xs .b24-empty__title {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-empty.b24-empty--size-xs .b24-empty__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-empty.b24-empty--size-sm .b24-empty__icon {
    width: 28px;
    height: 28px;
  }

  .b24-empty.b24-empty--size-sm .b24-empty__title {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-empty.b24-empty--size-sm .b24-empty__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-empty:is(.b24-empty--size-md, :not([class*="b24-empty--size-"])) .b24-empty__icon {
    width: 38px;
    height: 38px;
  }

  .b24-empty:is(.b24-empty--size-md, :not([class*="b24-empty--size-"])) .b24-empty__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .b24-empty:is(.b24-empty--size-md, :not([class*="b24-empty--size-"])) .b24-empty__description {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-empty.b24-empty--size-lg .b24-empty__icon {
    width: 44px;
    height: 44px;
  }

  .b24-empty.b24-empty--size-lg .b24-empty__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .b24-empty.b24-empty--size-lg .b24-empty__description {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-empty.b24-empty--size-xl .b24-empty__icon {
    width: 56px;
    height: 56px;
  }

  .b24-empty.b24-empty--size-xl .b24-empty__title {
    font-size: var(--ui-font-size-xl);
    line-height: var(--ui-font-line-height-3xs);
  }

  .b24-empty.b24-empty--size-xl .b24-empty__description {
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-3xs);
  }

  .b24-empty.b24-empty--loading .b24-empty__icon {
    animation: var(--animate-spin);
  }

  .b24-avatar-group {
    justify-content: flex-end;
    display: inline-flex;
  }

  .b24-avatar-group .b24-avatar-group__base {
    border-radius: var(--radius-full);
    position: relative;
  }

  .b24-avatar-group .b24-avatar-group__base:last-child {
    margin-inline-end: 0;
  }

  .b24-avatar-group.b24-avatar-group--size-3xs .b24-avatar-group__base, .b24-avatar-group.b24-avatar-group--size-2xs .b24-avatar-group__base, .b24-avatar-group.b24-avatar-group--size-xs .b24-avatar-group__base {
    margin-inline-end: calc(var(--spacing) * -.5);
  }

  .b24-avatar-group.b24-avatar-group--size-sm .b24-avatar-group__base, .b24-avatar-group:is(.b24-avatar-group--size-md, :not([class*="b24-avatar-group--size-"])) .b24-avatar-group__base, .b24-avatar-group.b24-avatar-group--size-lg .b24-avatar-group__base {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }

  .b24-avatar-group.b24-avatar-group--size-xl .b24-avatar-group__base, .b24-avatar-group.b24-avatar-group--size-2xl .b24-avatar-group__base, .b24-avatar-group.b24-avatar-group--size-3xl .b24-avatar-group__base {
    margin-inline-end: calc(var(--spacing) * -2);
  }

  .b24-tooltip {
    pointer-events: auto;
    min-height: 37px;
    transform-origin: var(--reka-tooltip-content-transform-origin);
    border-radius: calc(var(--ui-border-radius-3xl) - 2px);
    background-color: var(--ui-color-bg-content-inapp);
    font-family: var(--ui-font-family-system);
    font-size: var(--ui-font-size-lg);
    color: var(--ui-color-base-8);
    --tw-shadow-alpha: 20%;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, oklab(0% 0 0 / .2)), 0 8px 10px -6px var(--tw-shadow-color, oklab(0% 0 0 / .2));
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-bg-content-inapp);
    will-change: opacity;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    padding: 13px;
    line-height: normal;
    display: flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-tooltip[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-tooltip[data-state="delayed-open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-tooltip .b24-tooltip__arrow {
    fill: var(--ui-color-bg-content-inapp);
    stroke: var(--ui-color-bg-content-inapp);
  }

  .b24-tooltip .b24-tooltip__text {
    text-wrap: pretty;
    min-width: 100px;
    max-width: 344px;
  }

  .b24-tooltip .b24-tooltip__kbds {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    flex-shrink: 0;
    display: none;
  }

  .b24-tooltip .b24-tooltip__kbds:not(:first-of-type):before {
    content: var(--tw-content);
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
    margin-inline-end: calc(var(--spacing) * .5);
  }

  @media (min-width: 64rem) {
    .b24-tooltip .b24-tooltip__kbds {
      display: inline-flex;
    }
  }

  .b24-modal .b24-modal__overlay {
    position: fixed;
    inset: 0;
  }

  .b24-modal .b24-modal__content {
    background-color: var(--ui-color-bg-content-primary);
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .b24-modal .b24-modal__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-modal .b24-modal__content-wrapper {
    flex-direction: column;
    flex: 1;
    gap: 0;
    display: flex;
  }

  .b24-modal .b24-modal__header {
    min-height: var(--b24ui-header-height);
    justify-content: space-between;
    align-items: stretch;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    display: flex;
  }

  @media (min-width: 40rem) {
    .b24-modal .b24-modal__header {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .b24-modal .b24-modal__wrapper {
    min-height: 100%;
    min-height: var(--min-height-full);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    display: flex;
  }

  .b24-modal .b24-modal__body {
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-md);
    color: var(--ui-color-base-2);
    flex: 1;
  }

  @media (min-width: 40rem) {
    .b24-modal .b24-modal__body {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .b24-modal .b24-modal__footer {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    display: flex;
  }

  @media (min-width: 40rem) {
    .b24-modal .b24-modal__footer {
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 6);
    }
  }

  .b24-modal .b24-modal__title {
    font-family: var(--ui-font-family-primary);
    font-size: calc(var(--ui-font-size-2xl) + 1px);
    line-height: var(--ui-font-size-2xl);
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    overflow-wrap: break-word;
    color: var(--ui-color-base-1);
    margin-bottom: 0;
  }

  .b24-modal .b24-modal__description {
    font-size: var(--ui-font-size-sm);
    overflow-wrap: break-word;
    color: var(--b24ui-typography-description-color);
  }

  .b24-modal .b24-modal__close {
    --ui-btn-height: 24px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-modal:not(.b24-modal--no-transition) .b24-modal__overlay[data-state="closed"] {
      animation: fade-out .2s var(--ease-out);
    }

    .b24-modal:not(.b24-modal--no-transition) .b24-modal__overlay[data-state="open"] {
      animation: fade-in .2s var(--ease-out);
    }

    .b24-modal:not(.b24-modal--no-transition) .b24-modal__content[data-state="closed"] {
      animation: scale-out .2s var(--ease-out);
    }

    .b24-modal:not(.b24-modal--no-transition) .b24-modal__content[data-state="open"] {
      animation: scale-in .2s var(--ease-out);
    }
  }

  .b24-modal.b24-modal--fullscreen .b24-modal__content {
    inset: 0;
  }

  .b24-modal.b24-modal--fullscreen .b24-modal__body {
    padding-block: calc(var(--spacing) * 4);
  }

  .b24-modal:not(.b24-modal--fullscreen) .b24-modal__content {
    border-radius: calc(var(--ui-border-radius-2xl) + 2px);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    width: calc(100vw - 2rem);
    max-width: 32rem;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-modal:not(.b24-modal--no-overlay) .b24-modal__overlay {
    background-color: oklab(32.3338% -.0284624 -.0985146 / .2);
  }

  .b24-modal.b24-modal--scrollable .b24-modal__overlay {
    overflow-y: auto;
  }

  .b24-modal.b24-modal--scrollable .b24-modal__content {
    position: relative;
  }

  .b24-modal:not(.b24-modal--scrollable) .b24-modal__content {
    position: fixed;
  }

  .b24-modal:not(.b24-modal--scrollable) .b24-modal__body {
    overflow-y: auto;
  }

  .b24-modal:not(.b24-modal--no-scrollbar-thin) .b24-modal__body {
    scrollbar-width: thin;
  }

  .b24-modal.b24-modal--scrollable:not(.b24-modal--fullscreen) .b24-modal__overlay {
    padding: calc(var(--spacing) * 4);
    place-items: center;
    display: grid;
  }

  @media (min-width: 40rem) {
    .b24-modal.b24-modal--scrollable:not(.b24-modal--fullscreen) .b24-modal__overlay {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  .b24-modal:not(.b24-modal--scrollable):not(.b24-modal--fullscreen) .b24-modal__content {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    max-height: calc(100dvh - 2rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 50%;
    left: 50%;
  }

  @media (min-width: 40rem) {
    .b24-modal:not(.b24-modal--scrollable):not(.b24-modal--fullscreen) .b24-modal__content {
      max-height: calc(100dvh - 4rem);
    }
  }

  .b24-modal:not(.b24-modal--scrollable):not(.b24-modal--fullscreen) .b24-modal__content-wrapper {
    overflow: hidden;
  }

  .b24-modal:not(.b24-modal--scrollable).b24-modal--fullscreen .b24-modal__content {
    max-height: 100dvh;
  }

  .b24-modal:not(.b24-modal--scrollable).b24-modal--fullscreen .b24-modal__content-wrapper {
    overflow: hidden;
  }

  .b24-slideover .b24-slideover__overlay {
    --tw-gradient-position: to bottom;
    position: fixed;
    inset: 0;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .b24-slideover .b24-slideover__overlay {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .b24-slideover .b24-slideover__overlay {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: oklab(25.4251% -.0197729 -.0908911 / .52);
    --tw-gradient-to: #00204e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .b24-slideover .b24-slideover__content {
    height: 100%;
    height: var(--height-full);
    background-color: var(--ui-color-gray-05);
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .b24-slideover .b24-slideover__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (min-width: 40rem) {
    .b24-slideover .b24-slideover__content {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .b24-slideover .b24-slideover__content:where(.dark, .dark *) {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-slideover .b24-slideover__header {
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    display: flex;
  }

  .b24-slideover .b24-slideover__body {
    width: 100%;
    height: 100%;
    padding-inline: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 2.5);
    flex: 1;
    overflow-y: auto;
  }

  .b24-slideover .b24-slideover__footer {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-top-color: var(--ui-color-divider-less);
    background-color: var(--ui-color-bg-content-primary);
    --tw-shadow: 0px -3px 4px 0px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    inset-inline: 0;
    padding-block: 13px;
    padding-inline: 13px;
    display: flex;
    position: absolute;
    bottom: 0;
  }

  .b24-slideover .b24-slideover__title {
    font-family: var(--ui-font-family-primary);
    font-size: var(--ui-font-size-4xl);
    line-height: calc(var(--ui-font-size-4xl) + 2px);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-label-color);
    margin-bottom: 0;
  }

  .b24-slideover .b24-slideover__description {
    margin-top: var(--spacing);
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
  }

  .b24-slideover .b24-slideover__close {
    position: absolute;
  }

  .b24-slideover.b24-slideover--use-footer .b24-slideover__body {
    margin-bottom: 64px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-slideover.b24-slideover--overlay-blur-auto .b24-slideover__overlay {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  .b24-slideover.b24-slideover--overlay-blur-on .b24-slideover__overlay {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .b24-slideover.b24-slideover--side-right .b24-slideover__header, .b24-slideover.b24-slideover--side-left .b24-slideover__header {
    min-height: var(--b24ui-header-height);
    padding-block: var(--spacing);
  }

  .b24-slideover.b24-slideover--inset .b24-slideover__content {
    border-radius: 18px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-slideover:not(.b24-slideover--no-transition) .b24-slideover__overlay[data-state="closed"] {
      animation: fade-out .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition) .b24-slideover__overlay[data-state="open"] {
      animation: fade-in .2s var(--ease-out);
    }
  }

  .b24-slideover.b24-slideover--side-top.b24-slideover--inset .b24-slideover__content {
    inset-inline: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
    max-height: calc(100% - 2rem);
  }

  .b24-slideover.b24-slideover--side-top:not(.b24-slideover--inset) .b24-slideover__content {
    max-height: 100%;
    max-height: var(--max-height-full);
    inset-inline: 0;
    top: 0;
  }

  .b24-slideover.b24-slideover--side-right.b24-slideover--inset .b24-slideover__content {
    inset-block: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
  }

  .b24-slideover.b24-slideover--side-right:not(.b24-slideover--inset) .b24-slideover__content {
    inset-block: 0;
    width: calc(100% - 60px);
    right: 0;
  }

  @media (min-width: 40rem) {
    .b24-slideover.b24-slideover--side-right:not(.b24-slideover--inset) .b24-slideover__content {
      width: calc(100% - 150px);
    }
  }

  .b24-slideover:is(.b24-slideover--side-bottom, :not([class*="b24-slideover--side-"])).b24-slideover--inset .b24-slideover__content {
    inset-inline-end: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
  }

  .b24-slideover:is(.b24-slideover--side-bottom, :not([class*="b24-slideover--side-"])):not(.b24-slideover--inset) .b24-slideover__content {
    max-height: 100%;
    max-height: var(--max-height-full);
    width: calc(100% - 65px);
    top: 0;
    bottom: 0;
    right: 5px;
  }

  @media (min-width: 40rem) {
    .b24-slideover:is(.b24-slideover--side-bottom, :not([class*="b24-slideover--side-"])):not(.b24-slideover--inset) .b24-slideover__content {
      top: calc(var(--spacing) * 4.5);
      border-top-left-radius: 18px;
      border-top-right-radius: 18px;
      width: calc(100% - 220px);
      max-height: calc(100% - 18px);
    }
  }

  .b24-slideover.b24-slideover--side-left.b24-slideover--inset .b24-slideover__content {
    inset-block: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
  }

  .b24-slideover.b24-slideover--side-left:not(.b24-slideover--inset) .b24-slideover__content {
    inset-block: 0;
    width: calc(100% - 60px);
    left: 0;
  }

  @media (min-width: 40rem) {
    .b24-slideover.b24-slideover--side-left:not(.b24-slideover--inset) .b24-slideover__content {
      width: calc(100% - 150px);
    }
  }

  .b24-slideover:is(.b24-slideover--side-right, :is(.b24-slideover--side-bottom, :not([class*="b24-slideover--side-"]))):not(.b24-slideover--inset) .b24-slideover__close {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-left-radius: var(--radius-full);
    border-bottom-left-radius: var(--radius-full);
    padding-right: 4px;
    padding-left: calc(var(--spacing) * 1.5);
    top: 17px;
    left: 0;
  }

  .b24-slideover.b24-slideover--side-left:not(.b24-slideover--inset) .b24-slideover__close {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-top-right-radius: var(--radius-full);
    border-bottom-right-radius: var(--radius-full);
    padding-right: calc(var(--spacing) * 1.5);
    padding-left: 4px;
    top: 17px;
    right: 0;
  }

  .b24-slideover.b24-slideover--side-left:not(.b24-slideover--inset) .b24-slideover__close > div {
    flex-direction: row-reverse;
  }

  .b24-slideover.b24-slideover--inset .b24-slideover__close, .b24-slideover.b24-slideover--side-top .b24-slideover__close {
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-slideover:not(.b24-slideover--no-transition).b24-slideover--side-top .b24-slideover__content[data-state="closed"] {
      animation: slide-out-to-top .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition).b24-slideover--side-top .b24-slideover__content[data-state="open"] {
      animation: slide-in-from-top .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition).b24-slideover--side-right .b24-slideover__content[data-state="closed"] {
      animation: slide-out-to-right .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition).b24-slideover--side-right .b24-slideover__content[data-state="open"] {
      animation: slide-in-from-right .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition):is(.b24-slideover--side-bottom, :not([class*="b24-slideover--side-"])) .b24-slideover__content[data-state="closed"] {
      animation: slide-out-to-bottom .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition):is(.b24-slideover--side-bottom, :not([class*="b24-slideover--side-"])) .b24-slideover__content[data-state="open"] {
      animation: slide-in-from-bottom .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition).b24-slideover--side-left .b24-slideover__content[data-state="closed"] {
      animation: slide-out-to-left .2s var(--ease-out);
    }

    .b24-slideover:not(.b24-slideover--no-transition).b24-slideover--side-left .b24-slideover__content[data-state="open"] {
      animation: slide-in-from-left .2s var(--ease-out);
    }
  }

  .b24-drawer .b24-drawer__overlay {
    position: fixed;
    inset: 0;
  }

  .b24-drawer .b24-drawer__content {
    background-color: var(--ui-color-bg-content-primary);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-divider-default);
    display: flex;
    position: fixed;
  }

  .b24-drawer .b24-drawer__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-drawer .b24-drawer__handle {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-shrink: 0;
    background-color: var(--ui-color-divider-default) !important;
  }

  .b24-drawer .b24-drawer__container {
    width: 100%;
    width: var(--width-full);
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
    overflow-y: auto;
  }

  .b24-drawer .b24-drawer__header {
    min-height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-drawer .b24-drawer__wrapper {
    flex: 1;
    min-width: 0;
  }

  .b24-drawer .b24-drawer__title {
    font-family: var(--ui-font-family-primary);
    font-size: calc(var(--ui-font-size-2xl) + 2px);
    line-height: var(--ui-font-size-2xl);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-label-color);
    margin-bottom: 0;
  }

  .b24-drawer .b24-drawer__description {
    margin-top: var(--spacing);
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
  }

  .b24-drawer .b24-drawer__actions {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    margin-inline-start: auto;
    display: flex;
  }

  .b24-drawer .b24-drawer__body {
    flex: 1;
  }

  .b24-drawer .b24-drawer__footer {
    gap: calc(var(--spacing) * 1.5);
    flex-direction: column;
    display: flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-drawer:is(.b24-drawer--overlay-blur-auto, :not([class*="b24-drawer--overlay-blur-"])) .b24-drawer__overlay {
      --tw-backdrop-blur: blur(2px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  .b24-drawer.b24-drawer--overlay-blur-on .b24-drawer__overlay {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .b24-drawer:not(.b24-drawer--no-scrollbar-thin) .b24-drawer__body {
    scrollbar-width: thin;
  }

  .b24-drawer:not(.b24-drawer--no-overlay) .b24-drawer__overlay {
    background-color: oklab(32.3338% -.0284624 -.0985146 / .2);
  }

  .b24-drawer.b24-drawer--direction-top .b24-drawer__content {
    margin-bottom: calc(var(--spacing) * 24);
    flex-direction: column-reverse;
  }

  .b24-drawer.b24-drawer--direction-top .b24-drawer__handle {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .b24-drawer.b24-drawer--direction-right .b24-drawer__content {
    flex-direction: row;
  }

  .b24-drawer.b24-drawer--direction-right .b24-drawer__content:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-drawer.b24-drawer--direction-right .b24-drawer__handle {
    margin-left: calc(var(--spacing) * 4) !important;
  }

  .b24-drawer:is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"])) .b24-drawer__content {
    margin-top: calc(var(--spacing) * 24);
    flex-direction: column;
  }

  .b24-drawer:is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"])) .b24-drawer__handle {
    margin-top: calc(var(--spacing) * 4);
  }

  .b24-drawer.b24-drawer--direction-left .b24-drawer__content {
    flex-direction: row-reverse;
  }

  .b24-drawer.b24-drawer--direction-left .b24-drawer__content:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row;
  }

  .b24-drawer.b24-drawer--direction-left .b24-drawer__handle {
    margin-right: calc(var(--spacing) * 4) !important;
  }

  .b24-drawer.b24-drawer--inset .b24-drawer__content {
    border-radius: var(--radius-lg);
    --initial-transform: calc(100% + 1.5rem);
    overflow: hidden;
  }

  .b24-drawer.b24-drawer--inset .b24-drawer__content:after {
    content: var(--tw-content);
    display: none;
  }

  .b24-drawer:is(.b24-drawer--direction-top, :is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"]))) .b24-drawer__content {
    height: auto;
    max-height: 96%;
  }

  .b24-drawer:is(.b24-drawer--direction-top, :is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"]))) .b24-drawer__handle {
    margin-inline: auto;
    height: calc(var(--spacing) * 1.5) !important;
    width: calc(var(--spacing) * 12) !important;
  }

  .b24-drawer:is(.b24-drawer--direction-top, :is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"]))).b24-drawer--snap-points .b24-drawer__content {
    height: 100%;
    height: var(--height-full);
  }

  .b24-drawer:is(.b24-drawer--direction-right, .b24-drawer--direction-left) .b24-drawer__content {
    width: auto;
    max-width: calc(100% - 2rem);
  }

  .b24-drawer:is(.b24-drawer--direction-right, .b24-drawer--direction-left) .b24-drawer__handle {
    margin-top: auto;
    margin-bottom: auto;
    height: calc(var(--spacing) * 12) !important;
    width: calc(var(--spacing) * 1.5) !important;
  }

  .b24-drawer:is(.b24-drawer--direction-right, .b24-drawer--direction-left).b24-drawer--snap-points .b24-drawer__content {
    width: 100%;
    width: var(--width-full);
  }

  .b24-drawer.b24-drawer--direction-top.b24-drawer--inset .b24-drawer__content {
    inset-inline: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
  }

  .b24-drawer.b24-drawer--direction-top:not(.b24-drawer--inset) .b24-drawer__content {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    inset-inline: 0;
    top: 0;
  }

  .b24-drawer:is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"])).b24-drawer--inset .b24-drawer__content {
    inset-inline: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
  }

  .b24-drawer:is(.b24-drawer--direction-bottom, :not([class*="b24-drawer--direction-"])):not(.b24-drawer--inset) .b24-drawer__content {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    inset-inline: 0;
    bottom: 0;
  }

  .b24-drawer.b24-drawer--direction-left.b24-drawer--inset .b24-drawer__content {
    inset-block: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
  }

  .b24-drawer.b24-drawer--direction-left:not(.b24-drawer--inset) .b24-drawer__content {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
    inset-block: 0;
    left: 0;
  }

  .b24-drawer.b24-drawer--direction-right.b24-drawer--inset .b24-drawer__content {
    inset-block: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
  }

  .b24-drawer.b24-drawer--direction-right:not(.b24-drawer--inset) .b24-drawer__content {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
    inset-block: 0;
    right: 0;
  }

  .b24-link {
    cursor: pointer;
    text-align: start;
  }

  .b24-link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
    border-radius: 4px;
  }

  .b24-link.b24-link--active {
    color: var(--ui-color-accent-main-primary);
    text-underline-offset: 2px;
    outline-color: var(--ui-color-accent-main-primary);
  }

  @media (hover: hover) {
    .b24-link.b24-link--active:hover:not(:disabled):not([aria-disabled="true"]) {
      text-decoration-line: underline;
    }
  }

  .b24-link:not(.b24-link--active) {
    color: var(--ui-color-design-selection-content);
    text-underline-offset: 2px;
  }

  .b24-link.b24-link--disabled {
    cursor: not-allowed;
    opacity: .75;
  }

  .b24-link.b24-link--is-action {
    border-radius: var(--radius-none);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
    border-top-style: var(--tw-border-style);
    --tw-border-style: dashed;
    border-style: dashed;
    border-top-width: 0;
    border-bottom-color: var(--ui-color-design-outline-a1-content);
    height: auto;
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    text-wrap: nowrap;
    color: var(--ui-color-design-outline-a1-content);
    padding-block: 0;
  }

  @media (hover: hover) {
    .b24-link.b24-link--is-action:hover {
      border-bottom-color: var(--ui-color-accent-soft-element-red);
    }

    .b24-link.b24-link--is-action:hover:not(:disabled):not([aria-disabled="true"]) {
      color: var(--ui-color-accent-soft-element-red);
      text-decoration-line: none;
    }
  }

  .b24-link.b24-link--is-action:focus-visible {
    outline-color: var(--ui-color-accent-soft-element-red);
  }

  @media (hover: hover) {
    .b24-link:not(.b24-link--active):not(.b24-link--disabled):hover {
      color: var(--ui-color-accent-main-primary-alt-2);
      text-decoration-line: underline;
    }
  }

  .b24-description-list {
    width: 100%;
    width: var(--width-full);
    flex-shrink: 0;
  }

  .b24-description-list .b24-description-list__legend {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-label-color);
  }

  .b24-description-list .b24-description-list__text {
    color: var(--b24ui-typography-description-color);
  }

  .b24-description-list .b24-description-list__container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 40rem) {
    .b24-description-list .b24-description-list__container {
      grid-template-columns: min(50%, 20rem) auto;
    }
  }

  .b24-description-list .b24-description-list__label-wrapper {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-divider-vibrant-default);
    color: var(--b24ui-typography-description-color);
    flex-flow: row;
    grid-column-start: 1;
    display: flex;
  }

  .b24-description-list .b24-description-list__label-wrapper:first-child {
    --tw-border-style: none;
    border-style: none;
  }

  @media (min-width: 40rem) {
    .b24-description-list .b24-description-list__label-wrapper {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--ui-color-divider-vibrant-default);
    }
  }

  .b24-description-list .b24-description-list__icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    color: var(--b24ui-typography-description-color);
    flex-shrink: 0;
  }

  .b24-description-list .b24-description-list__avatar {
    flex-shrink: 0;
  }

  .b24-description-list .b24-description-list__description-wrapper {
    color: var(--b24ui-typography-label-color);
  }

  @media (min-width: 40rem) {
    .b24-description-list .b24-description-list__description-wrapper {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--ui-color-divider-vibrant-default);
    }

    .b24-description-list .b24-description-list__description-wrapper:nth-child(2) {
      --tw-border-style: none;
      border-style: none;
    }
  }

  .b24-description-list .b24-description-list__actions {
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    flex-shrink: 0;
    display: flex;
  }

  .b24-description-list .b24-description-list__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-divider-vibrant-default);
  }

  .b24-description-list.b24-description-list--size-sm .b24-description-list__legend {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    font-weight: var(--tw-font-weight, var(--text-md--font-weight));
  }

  .b24-description-list.b24-description-list--size-sm .b24-description-list__text {
    margin-top: var(--spacing);
    max-width: 66.6667%;
    font-size: var(--ui-font-size-sm);
  }

  .b24-description-list.b24-description-list--size-sm .b24-description-list__container {
    margin-top: calc(var(--spacing) * 2.5);
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    font-weight: var(--tw-font-weight, var(--text-md--font-weight));
  }

  .b24-description-list.b24-description-list--size-sm .b24-description-list__label-wrapper {
    padding-top: calc(var(--spacing) * 3);
  }

  @media (min-width: 40rem) {
    .b24-description-list.b24-description-list--size-sm .b24-description-list__label-wrapper {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  .b24-description-list.b24-description-list--size-sm .b24-description-list__description-wrapper {
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 3);
  }

  @media (min-width: 40rem) {
    .b24-description-list.b24-description-list--size-sm .b24-description-list__description-wrapper {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  .b24-description-list.b24-description-list--size-sm .b24-description-list__footer {
    margin-top: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }

  .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__legend {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__text {
    margin-top: calc(var(--spacing) * 2);
    max-width: 66.6667%;
    font-size: var(--ui-font-size-lg);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__container {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-lg);
  }

  .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__label-wrapper {
    padding-top: calc(var(--spacing) * 3);
  }

  @media (min-width: 40rem) {
    .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__label-wrapper {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__description-wrapper {
    padding-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 3);
  }

  @media (min-width: 40rem) {
    .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__description-wrapper {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  .b24-description-list:is(.b24-description-list--size-md, :not([class*="b24-description-list--size-"])) .b24-description-list__footer {
    margin-top: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 4);
  }

  .b24-description-list .b24-description-list__description-wrapper.b24-description-list__description-wrapper--orientation-horizontal {
    width: 100%;
    width: var(--width-full);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    flex-direction: row;
    display: flex;
  }

  .b24-description-list .b24-description-list__actions.b24-description-list__actions--orientation-horizontal {
    align-items: center;
  }

  .b24-description-list .b24-description-list__actions.b24-description-list__actions--orientation-vertical {
    margin-top: calc(var(--spacing) * 2.5);
    align-items: flex-start;
  }

  .b24-description-list.b24-description-list--title .b24-description-list__description {
    margin-top: var(--spacing);
  }

  .b24-form-field {
    font-family: var(--ui-font-family-system);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .b24-form-field .b24-form-field__wrapper {
    --tw-leading: var(--ui-font-line-height-reset);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-form-field .b24-form-field__label-wrapper {
    place-content: center space-between;
    align-items: center;
    gap: var(--spacing);
    display: flex;
  }

  .b24-form-field .b24-form-field__label {
    color: var(--b24ui-typography-label-color);
    display: block;
  }

  .b24-form-field .b24-form-field__hint {
    color: var(--b24ui-typography-description-color);
  }

  .b24-form-field .b24-form-field__container {
    position: relative;
  }

  .b24-form-field .b24-form-field__description {
    --tw-leading: var(--ui-font-line-height-2xs);
    line-height: var(--ui-font-line-height-2xs);
    color: var(--b24ui-typography-description-color);
  }

  .b24-form-field .b24-form-field__error {
    color: var(--ui-color-accent-main-alert);
  }

  .b24-form-field .b24-form-field__error-wrapper {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    flex-flow: row;
    display: flex;
  }

  .b24-form-field .b24-form-field__error-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-form-field .b24-form-field__help {
    --tw-leading: var(--ui-font-line-height-2xs);
    line-height: var(--ui-font-line-height-2xs);
    color: var(--b24ui-typography-description-color);
    font-style: italic;
  }

  .b24-form-field.b24-form-field--size-xs {
    font-size: var(--ui-font-size-xs);
  }

  .b24-form-field.b24-form-field--size-xs .b24-form-field__error-icon {
    width: 16px;
    height: 16px;
  }

  .b24-form-field.b24-form-field--size-sm {
    font-size: var(--ui-font-size-xs);
  }

  .b24-form-field.b24-form-field--size-sm .b24-form-field__error-icon {
    width: 16px;
    height: 16px;
  }

  .b24-form-field:is(.b24-form-field--size-md, :not([class*="b24-form-field--size-"])) {
    font-size: var(--ui-font-size-sm);
  }

  .b24-form-field:is(.b24-form-field--size-md, :not([class*="b24-form-field--size-"])) .b24-form-field__error-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-form-field.b24-form-field--size-lg {
    font-size: var(--ui-font-size-md);
  }

  .b24-form-field.b24-form-field--required .b24-form-field__label:after {
    color: var(--ui-color-accent-main-alert);
    --tw-content: "*";
    content: var(--tw-content);
    margin-inline-start: calc(var(--spacing) * .5);
  }

  .b24-form-field:is(.b24-form-field--orientation-vertical, :not([class*="b24-form-field--orientation-"])) .b24-form-field__description {
    margin-top: 2px;
  }

  .b24-form-field:is(.b24-form-field--orientation-vertical, :not([class*="b24-form-field--orientation-"])) .b24-form-field__error {
    margin-top: 4px;
  }

  .b24-form-field:is(.b24-form-field--orientation-vertical, :not([class*="b24-form-field--orientation-"])) .b24-form-field__error-icon {
    margin-top: 2px;
  }

  .b24-form-field:is(.b24-form-field--orientation-vertical, :not([class*="b24-form-field--orientation-"])) .b24-form-field__help {
    margin-top: 6px;
  }

  .b24-form-field.b24-form-field--orientation-horizontal {
    justify-content: space-between;
    place-items: baseline;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .b24-form-field.b24-form-field--use-description:is(.b24-form-field--orientation-vertical, :not([class*="b24-form-field--orientation-"])) .b24-form-field__wrapper {
    margin-bottom: 6px;
  }

  .b24-form-field:not(.b24-form-field--use-description):is(.b24-form-field--orientation-vertical, :not([class*="b24-form-field--orientation-"])) .b24-form-field__wrapper {
    margin-bottom: 10px;
  }

  .b24-table-wrapper {
    font-family: var(--ui-font-family-primary);
  }

  .b24-table-wrapper > table {
    width: 100%;
    width: var(--width-full);
    text-align: start;
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-md);
    color: var(--b24ui-typography-label-color);
    position: relative;
  }

  .b24-table-wrapper > table > tbody > tr {
    border-color: var(--ui-color-design-tinted-na-stroke);
  }

  .b24-table-wrapper > table > tbody > tr:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .b24-table-wrapper > table > tbody > tr > td, .b24-table-wrapper > table > tbody > tr > th {
    vertical-align: middle;
  }

  .b24-table-wrapper > table > tbody > tr > th {
    font-size: var(--ui-font-size-md);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
  }

  .b24-table-wrapper > table > tfoot {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
  }

  .b24-table-wrapper > table > tfoot > tr > td, .b24-table-wrapper > table > tfoot > tr > th {
    vertical-align: middle;
    font-size: var(--ui-font-size-md);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
  }

  .b24-table-wrapper > table > thead > tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
  }

  .b24-table-wrapper > table > thead > tr > td, .b24-table-wrapper > table > thead > tr > th {
    vertical-align: middle;
    font-size: var(--ui-font-size-md);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
  }

  .b24-table-wrapper.b24-table-wrapper--size-xs > table > tbody > tr > td, .b24-table-wrapper.b24-table-wrapper--size-xs > table > tbody > tr > th, .b24-table-wrapper.b24-table-wrapper--size-xs > table > tfoot > tr > td, .b24-table-wrapper.b24-table-wrapper--size-xs > table > tfoot > tr > th, .b24-table-wrapper.b24-table-wrapper--size-xs > table > thead > tr > td, .b24-table-wrapper.b24-table-wrapper--size-xs > table > thead > tr > th {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-2xs);
  }

  .b24-table-wrapper.b24-table-wrapper--size-sm > table > tbody > tr > td, .b24-table-wrapper.b24-table-wrapper--size-sm > table > tbody > tr > th, .b24-table-wrapper.b24-table-wrapper--size-sm > table > tfoot > tr > td, .b24-table-wrapper.b24-table-wrapper--size-sm > table > tfoot > tr > th, .b24-table-wrapper.b24-table-wrapper--size-sm > table > thead > tr > td, .b24-table-wrapper.b24-table-wrapper--size-sm > table > thead > tr > th {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-table-wrapper:is(.b24-table-wrapper--size-md, :not([class*="b24-table-wrapper--size-"])) > table > tbody > tr > td, .b24-table-wrapper:is(.b24-table-wrapper--size-md, :not([class*="b24-table-wrapper--size-"])) > table > tbody > tr > th, .b24-table-wrapper:is(.b24-table-wrapper--size-md, :not([class*="b24-table-wrapper--size-"])) > table > tfoot > tr > td, .b24-table-wrapper:is(.b24-table-wrapper--size-md, :not([class*="b24-table-wrapper--size-"])) > table > tfoot > tr > th, .b24-table-wrapper:is(.b24-table-wrapper--size-md, :not([class*="b24-table-wrapper--size-"])) > table > thead > tr > td, .b24-table-wrapper:is(.b24-table-wrapper--size-md, :not([class*="b24-table-wrapper--size-"])) > table > thead > tr > th {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-md);
  }

  .b24-table-wrapper.b24-table-wrapper--size-lg > table > tbody > tr > td, .b24-table-wrapper.b24-table-wrapper--size-lg > table > tbody > tr > th, .b24-table-wrapper.b24-table-wrapper--size-lg > table > tfoot > tr > td, .b24-table-wrapper.b24-table-wrapper--size-lg > table > tfoot > tr > th, .b24-table-wrapper.b24-table-wrapper--size-lg > table > thead > tr > td, .b24-table-wrapper.b24-table-wrapper--size-lg > table > thead > tr > th {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-table-wrapper.b24-table-wrapper--rounded {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-table-wrapper.b24-table-wrapper--zebra > table > tbody > tr:nth-child(2n) {
    background-color: var(--ui-color-bg-content-secondary);
  }

  .b24-table-wrapper.b24-table-wrapper--zebra:where(.light, .light *) > table > tbody > tr:nth-child(2n) {
    background-color: #f6f8f9;
  }

  .b24-table-wrapper.b24-table-wrapper--zebra > table > tbody > tr:nth-child(2n) > td {
    background-color: var(--ui-color-bg-content-secondary);
  }

  .b24-table-wrapper.b24-table-wrapper--zebra:where(.light, .light *) > table > tbody > tr:nth-child(2n) > td {
    background-color: #f6f8f9;
  }

  .b24-table-wrapper.b24-table-wrapper--zebra > table > tbody > tr:nth-child(2n) > th {
    background-color: var(--ui-color-bg-content-secondary);
  }

  .b24-table-wrapper.b24-table-wrapper--zebra:where(.light, .light *) > table > tbody > tr:nth-child(2n) > th {
    background-color: #f6f8f9;
  }

  .b24-table-wrapper.b24-table-wrapper--pin-rows > table > tfoot > tr {
    z-index: 1;
    background-color: var(--ui-color-bg-content-primary);
    --tw-shadow: 0px -2px 4px 0px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: sticky;
    bottom: 0;
  }

  .b24-table-wrapper.b24-table-wrapper--pin-rows > table > tfoot > tr > th {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .b24-table-wrapper.b24-table-wrapper--pin-rows > table > thead > tr {
    z-index: 1;
    background-color: var(--ui-color-bg-content-primary);
    --tw-shadow: 0px 2px 4px 0px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: sticky;
    top: 0;
  }

  .b24-table-wrapper.b24-table-wrapper--pin-rows > table > thead > tr > th {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .b24-table-wrapper.b24-table-wrapper--pin-cols > table > tbody > tr > th, .b24-table-wrapper.b24-table-wrapper--pin-cols > table > tfoot > tr > th, .b24-table-wrapper.b24-table-wrapper--pin-cols > table > thead > tr > th {
    background-color: var(--ui-color-bg-content-primary);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    position: sticky;
    left: 0;
    right: 0;
  }

  @media (hover: hover) {
    .b24-table-wrapper.b24-table-wrapper--row-hover > table > tbody > tr:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }

    .b24-table-wrapper.b24-table-wrapper--row-hover:where(.light, .light *) > table > tbody > tr:hover {
      background-color: #f6f8f9;
    }

    .b24-table-wrapper.b24-table-wrapper--row-hover > table > tbody > tr:hover > td {
      background-color: var(--ui-color-bg-content-secondary);
    }

    .b24-table-wrapper.b24-table-wrapper--row-hover:where(.light, .light *) > table > tbody > tr:hover > td {
      background-color: #f6f8f9;
    }

    .b24-table-wrapper.b24-table-wrapper--row-hover > table > tbody > tr:hover > th {
      background-color: var(--ui-color-bg-content-secondary);
    }

    .b24-table-wrapper.b24-table-wrapper--row-hover:where(.light, .light *) > table > tbody > tr:hover > th {
      background-color: #f6f8f9;
    }
  }

  .b24-table-wrapper.b24-table-wrapper--bordered {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
  }

  .b24-table-wrapper:not(.b24-table-wrapper--no-scrollbar-thin) {
    scrollbar-width: thin;
  }

  .b24-prose-h1 {
    margin-bottom: calc(var(--spacing) * 2);
    scroll-margin-top: calc(45px + 24px + var(--topbar-height));
    font-size: var(--ui-font-size-5xl);
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-prose-h1 {
      scroll-margin-top: calc(22px + 15px + var(--topbar-height));
    }
  }

  .b24-prose-h1 > code {
    font-size: var(--ui-font-size-4xl);
    line-height: calc(var(--spacing) * 7);
  }

  .b24-prose-h1 .b24-prose-h1__link {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: inline-flex;
  }

  .b24-prose-h1:is(.b24-prose-h1--accent-default, :not([class*="b24-prose-h1--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h1.b24-prose-h1--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-h1.b24-prose-h1--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-h1.b24-prose-h1--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-h1.b24-prose-h1--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-prose-h2 {
    margin-bottom: calc(var(--spacing) * 2);
    scroll-margin-top: calc(48px + 45px + 24px + var(--topbar-height));
    font-size: var(--ui-font-size-4xl);
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-prose-h2 {
      scroll-margin-top: calc(48px + 22px + 15px + var(--topbar-height));
    }
  }

  .b24-prose-h2 > a:focus-visible {
    outline-color: var(--ui-color-accent-main-primary);
  }

  .b24-prose-h2 > a > code {
    font-size: var(--ui-font-size-3xl);
    line-height: calc(var(--spacing) * 7);
  }

  @media (hover: hover) {
    .b24-prose-h2:hover > a > code {
      background-color: var(--ui-color-design-selection-bg);
      color: var(--ui-color-accent-main-primary-alt-2);
      --tw-ring-color: var(--ui-color-design-selection-stroke);
    }
  }

  .b24-prose-h2 .b24-prose-h2__leading {
    border-radius: var(--ui-border-radius-2xs);
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
    opacity: 0;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--b24ui-border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    margin-inline-start: calc(var(--spacing) * -4.5);
    padding: 1px;
    display: none;
    position: absolute;
    top: 12px;
  }

  @media (hover: hover) {
    .b24-prose-h2 .b24-prose-h2__leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 1;
    }
  }

  .b24-prose-h2 .b24-prose-h2__leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):focus *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .b24-prose-h2 .b24-prose-h2__leading:hover {
      color: var(--ui-color-accent-main-primary-alt-2);
    }
  }

  @media (min-width: 64rem) {
    .b24-prose-h2 .b24-prose-h2__leading {
      display: flex;
    }
  }

  .b24-prose-h2 .b24-prose-h2__leading-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }

  @media (min-width: 64rem) {
    .b24-prose-h2 .b24-prose-h2__link {
      margin-inline-start: calc(var(--spacing) * -2);
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }

  .b24-prose-h2:is(.b24-prose-h2--accent-default, :not([class*="b24-prose-h2--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h2.b24-prose-h2--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-h2.b24-prose-h2--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-h2.b24-prose-h2--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-h2.b24-prose-h2--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-prose-p {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    text-wrap: pretty;
  }

  .b24-prose-p:last-child {
    margin-bottom: 0;
  }

  .b24-prose-p.b24-prose-p--small {
    font-size: var(--ui-font-size-3xs);
    --tw-leading: var(--ui-font-line-height-2xs);
    line-height: var(--ui-font-line-height-2xs);
  }

  .b24-prose-p:not(.b24-prose-p--small) {
    font-size: var(--ui-font-size-xl);
    --tw-leading: var(--ui-font-line-height-lg);
    line-height: var(--ui-font-line-height-lg);
  }

  .b24-prose-p:is(.b24-prose-p--accent-default, :not([class*="b24-prose-p--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-p.b24-prose-p--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-p.b24-prose-p--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-p.b24-prose-p--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-p.b24-prose-p--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-command-palette {
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  :where(.b24-command-palette > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-color: var(--ui-color-divider-default);
  }

  .b24-command-palette .b24-command-palette__back {
    margin-inline-start: calc(var(--spacing) * -1.5);
    margin-inline-end: var(--spacing);
    padding: 0;
  }

  .b24-command-palette .b24-command-palette__content {
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .b24-command-palette .b24-command-palette__footer {
    padding: var(--spacing);
  }

  .b24-command-palette .b24-command-palette__viewport {
    scroll-padding-block: var(--spacing);
    scrollbar-width: thin;
    flex: 1;
    position: relative;
    overflow-y: auto;
  }

  .b24-command-palette .b24-command-palette__viewport:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-command-palette .b24-command-palette__group {
    isolation: isolate;
    padding: var(--spacing);
  }

  .b24-command-palette .b24-command-palette__empty {
    text-align: center;
    color: var(--b24ui-typography-description-color);
  }

  .b24-command-palette .b24-command-palette__label {
    color: var(--b24ui-typography-label-color);
  }

  .b24-command-palette .b24-command-palette__item {
    width: 100%;
    width: var(--width-full);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    align-items: center;
    display: flex;
    position: relative;
  }

  .b24-command-palette .b24-command-palette__item:before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    z-index: -1;
    content: var(--tw-content);
    border-radius: var(--ui-border-radius-sm);
    position: absolute;
    inset: 1px;
  }

  .b24-command-palette .b24-command-palette__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-command-palette .b24-command-palette__item-leading-icon, .b24-command-palette .b24-command-palette__item-leading-avatar, .b24-command-palette .b24-command-palette__item-leading-chip {
    flex-shrink: 0;
  }

  .b24-command-palette .b24-command-palette__item-trailing {
    align-items: center;
    margin-inline-start: auto;
    display: inline-flex;
  }

  .b24-command-palette .b24-command-palette__item-trailing-icon {
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-command-palette .b24-command-palette__item-trailing-highlighted-icon {
    color: var(--b24ui-typography-label-color);
    flex-shrink: 0;
    display: none;
  }

  .b24-command-palette .b24-command-palette__item-trailing-highlighted-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *) {
    display: inline-flex;
  }

  .b24-command-palette .b24-command-palette__item-trailing-kbds {
    flex-shrink: 0;
    align-items: center;
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-command-palette .b24-command-palette__item-trailing-kbds {
      display: inline-flex;
    }
  }

  .b24-command-palette .b24-command-palette__item-wrapper {
    text-align: start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  :where(.b24-command-palette .b24-command-palette__item-label > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
    margin-inline-end: calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-command-palette .b24-command-palette__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--b24ui-typography-label-color);
    overflow: hidden;
  }

  .b24-command-palette .b24-command-palette__item-label-base {
    color: var(--b24ui-typography-label-color);
  }

  .b24-command-palette .b24-command-palette__item-label-base > mark {
    background-color: var(--ui-color-collab-accent-less-1);
    color: var(--ui-color-black-base);
  }

  .b24-command-palette .b24-command-palette__item-label-prefix {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-command-palette .b24-command-palette__item-label-suffix {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--b24ui-typography-description-color);
    overflow: hidden;
  }

  .b24-command-palette .b24-command-palette__item-label-suffix > mark {
    background-color: var(--ui-color-collab-accent-less-1);
    color: var(--ui-color-black-base);
  }

  .b24-command-palette .b24-command-palette__item-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-command-palette .b24-command-palette__item-description > mark {
    background-color: var(--ui-color-collab-accent-less-1);
    color: var(--ui-color-black-base);
  }

  .b24-command-palette.b24-command-palette--virtualize .b24-command-palette__viewport {
    isolation: isolate;
    padding: var(--spacing);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__input {
    padding-inline: 20px;
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__empty {
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-4xs);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__label {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: var(--ui-font-size-4xs);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item-leading-icon, .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item-leading-chip {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item-trailing {
    gap: var(--spacing);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item-trailing-icon, .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item-trailing-highlighted-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-command-palette.b24-command-palette--size-xss .b24-command-palette__item-trailing-kbds {
    gap: calc(var(--spacing) * .5);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__input {
    padding-inline: 22px;
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__empty {
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-xs);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__label {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: var(--ui-font-size-xs);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item-leading-icon, .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item-leading-chip {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item-trailing {
    gap: var(--spacing);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item-trailing-icon, .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item-trailing-highlighted-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-command-palette.b24-command-palette--size-xs .b24-command-palette__item-trailing-kbds {
    gap: calc(var(--spacing) * .5);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__input {
    padding-inline: 28px;
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__empty {
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__label {
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 1.5);
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item {
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-sm);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item-leading-icon, .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item-leading-chip {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item-trailing {
    gap: calc(var(--spacing) * 1.5);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item-trailing-icon, .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item-trailing-highlighted-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-command-palette.b24-command-palette--size-sm .b24-command-palette__item-trailing-kbds {
    gap: calc(var(--spacing) * .5);
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__input {
    padding-inline: 40px 44px;
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__empty {
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--ui-font-size-sm);
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__label {
    font-size: var(--ui-font-size-xs);
    gap: 6px;
    padding: 6px;
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item {
    font-size: var(--ui-font-size-md);
    gap: 6px;
    padding: 6px;
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item-leading-icon, .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item-leading-chip {
    width: 20px;
    height: 20px;
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item-trailing {
    gap: 6px;
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item-trailing-icon, .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item-trailing-highlighted-icon {
    width: 20px;
    height: 20px;
  }

  .b24-command-palette:is(.b24-command-palette--size-md, :not([class*="b24-command-palette--size-"])) .b24-command-palette__item-trailing-kbds {
    gap: calc(var(--spacing) * .5);
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__input {
    padding-inline: 40px 44px;
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__empty {
    padding-block: calc(var(--spacing) * 7);
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__label, .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-lg);
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item-leading-icon, .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item-leading-chip {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item-trailing {
    gap: calc(var(--spacing) * 2);
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item-trailing-icon, .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item-trailing-highlighted-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-command-palette.b24-command-palette--size-lg .b24-command-palette__item-trailing-kbds {
    gap: calc(var(--spacing) * .5);
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__input {
    padding-inline: 40px 44px;
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__empty {
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--ui-font-size-lg);
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__label, .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-2xl);
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item-leading-icon, .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item-leading-chip {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item-trailing {
    gap: calc(var(--spacing) * 2);
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item-trailing-icon, .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item-trailing-highlighted-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-command-palette.b24-command-palette--size-xl .b24-command-palette__item-trailing-kbds {
    gap: calc(var(--spacing) * .5);
  }

  .b24-command-palette .b24-command-palette__item.b24-command-palette__item--active {
    color: var(--b24ui-typography-label-color);
  }

  .b24-command-palette .b24-command-palette__item.b24-command-palette__item--active:before {
    content: var(--tw-content);
    background-color: var(--ui-color-base-8);
  }

  .b24-command-palette .b24-command-palette__item.b24-command-palette__item--active .b24-command-palette__item-leading-icon {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-command-palette .b24-command-palette__item:not(.b24-command-palette__item--active) {
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .b24-command-palette .b24-command-palette__item:not(.b24-command-palette__item--active):before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .b24-command-palette .b24-command-palette__item:not(.b24-command-palette__item--active)[data-highlighted]:not([data-disabled]) {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-command-palette .b24-command-palette__item:not(.b24-command-palette__item--active)[data-highlighted]:not([data-disabled]):before {
    content: var(--tw-content);
    background-color: var(--ui-color-bg-content-secondary);
  }

  .b24-command-palette .b24-command-palette__item:not(.b24-command-palette__item--active) .b24-command-palette__item-leading-icon {
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .b24-command-palette .b24-command-palette__item:not(.b24-command-palette__item--active) .b24-command-palette__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *):not(:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-disabled] *)) {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-command-palette .b24-command-palette__item.b24-command-palette__item--loading .b24-command-palette__item-leading-icon {
    animation: var(--animate-spin);
  }

  .b24-input-number {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-input-number .b24-input-number__base {
    width: 100%;
    width: var(--width-full);
    appearance: none;
    border-style: var(--tw-border-style);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    padding-block: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
  }

  .b24-input-number .b24-input-number__base::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (hover: hover) {
    .b24-input-number .b24-input-number__base:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-input-number .b24-input-number__base:focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-number .b24-input-number__base:active {
    color: var(--ui-color-base-1);
  }

  .b24-input-number .b24-input-number__base:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-number .b24-input-number__increment, .b24-input-number .b24-input-number__decrement {
    align-items: center;
    display: flex;
    position: absolute;
  }

  .b24-input-number .b24-input-number__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-input-number.b24-input-number--field-group-horizontal {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .b24-input-number.b24-input-number--field-group-horizontal:has(:focus-visible) {
    z-index: 1;
  }

  .b24-input-number.b24-input-number--field-group-horizontal .b24-input-number__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input-number.b24-input-number--field-group-horizontal .b24-input-number__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-number.b24-input-number--field-group-vertical:has(:focus-visible) {
    z-index: 1;
  }

  .b24-input-number.b24-input-number--field-group-vertical .b24-input-number__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input-number.b24-input-number--field-group-vertical .b24-input-number__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-number:not(.b24-input-number--no-split) .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input-number:not(.b24-input-number--no-split) .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-input-number:not(.b24-input-number--no-split) .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-input-number.b24-input-number--size-xss .b24-input-number__base {
    gap: var(--spacing);
    height: 20px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-input-number.b24-input-number--size-xs .b24-input-number__base {
    gap: var(--spacing);
    height: 24px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-input-number.b24-input-number--size-sm .b24-input-number__base {
    gap: calc(var(--spacing) * 1.5);
    height: 28px;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-input-number:is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__base {
    gap: calc(var(--spacing) * 1.5);
    height: 34px;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-number.b24-input-number--size-lg .b24-input-number__base {
    gap: calc(var(--spacing) * 2);
    height: 38px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-number.b24-input-number--size-xl .b24-input-number__base {
    gap: calc(var(--spacing) * 2);
    height: 46px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-input-number.b24-input-number--rounded .b24-input-number__base {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-input-number:not(.b24-input-number--rounded) .b24-input-number__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input-number.b24-input-number--no-border .b24-input-number__base, .b24-input-number.b24-input-number--no-border .b24-input-number__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-number.b24-input-number--underline .b24-input-number__base {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-number.b24-input-number--underline .b24-input-number__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-number.b24-input-number--disabled .b24-input-number__increment, .b24-input-number.b24-input-number--disabled .b24-input-number__decrement {
    cursor: not-allowed;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])) .b24-input-number__base {
    text-align: center;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])) .b24-input-number__increment {
    padding-block: 0;
    padding-inline-end: 0;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])) .b24-input-number__increment > button {
    padding: var(--spacing);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])) .b24-input-number__decrement {
    padding-block: 0;
    padding-inline-start: 0;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])) .b24-input-number__decrement > button {
    padding: var(--spacing);
  }

  .b24-input-number.b24-input-number--orientation-vertical .b24-input-number__increment {
    inset-inline-end: calc(var(--spacing) * 0);
    top: var(--spacing);
    padding-inline-end: var(--spacing);
  }

  .b24-input-number.b24-input-number--orientation-vertical .b24-input-number__increment > button {
    padding: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical .b24-input-number__decrement {
    inset-inline-end: calc(var(--spacing) * 0);
    bottom: var(--spacing);
    padding-inline-end: var(--spacing);
  }

  .b24-input-number.b24-input-number--orientation-vertical .b24-input-number__decrement > button {
    padding: 0;
  }

  .b24-input-number:not(.b24-input-number--highlight):not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-number:not(.b24-input-number--highlight):not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base:hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input-number:not(.b24-input-number--highlight):not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base:focus-visible, .b24-input-number:not(.b24-input-number--highlight):not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base[data-state="open"], .b24-input-number.b24-input-number--highlight:not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-number.b24-input-number--highlight:not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input-number.b24-input-number--highlight:not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base:focus-visible, .b24-input-number.b24-input-number--highlight:not(.b24-input-number--no-border):not(.b24-input-number--underline) .b24-input-number__base[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-input-number:not(.b24-input-number--no-border).b24-input-number--underline .b24-input-number__base:focus-visible {
    border-color: var(--b24ui-border-color);
  }

  .b24-input-number.b24-input-number--highlight:not(.b24-input-number--no-border).b24-input-number--underline .b24-input-number__base {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-number.b24-input-number--highlight.b24-input-number--no-border:not(.b24-input-number--underline) .b24-input-number__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--rounded .b24-input-number__increment > button, .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--rounded .b24-input-number__decrement > button {
    border-radius: var(--radius-3xl);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--no-decrement .b24-input-number__base {
    text-align: start;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xss .b24-input-number__increment {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xss .b24-input-number__increment > button {
    height: 24px;
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xss .b24-input-number__decrement {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xss .b24-input-number__decrement > button {
    height: 24px;
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xs .b24-input-number__increment {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xs .b24-input-number__increment > button {
    height: 24px;
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xs .b24-input-number__decrement {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xs .b24-input-number__decrement > button {
    height: 24px;
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-sm .b24-input-number__increment {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-sm .b24-input-number__increment > button {
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-sm .b24-input-number__decrement {
    --tw-scale-x: 70%;
    --tw-scale-y: 70%;
    --tw-scale-z: 70%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-sm .b24-input-number__decrement > button {
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__increment {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__increment > button {
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__decrement {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__decrement > button {
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-lg .b24-input-number__increment {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-lg .b24-input-number__increment > button {
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-lg .b24-input-number__decrement {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-lg .b24-input-number__decrement > button {
    padding: 2px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xl .b24-input-number__increment {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xl .b24-input-number__increment > button {
    padding: 4px;
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xl .b24-input-number__decrement {
    --tw-scale-x: 60%;
    --tw-scale-y: 60%;
    --tw-scale-z: 60%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number:is(.b24-input-number--orientation-horizontal, :not([class*="b24-input-number--orientation-"])).b24-input-number--size-xl .b24-input-number__decrement > button {
    padding: 4px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xss .b24-input-number__increment {
    --tw-scale-x: 56%;
    --tw-scale-y: 56%;
    --tw-scale-z: 56%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    top: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xss .b24-input-number__increment > button {
    height: 13px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xss .b24-input-number__decrement {
    --tw-scale-x: 56%;
    --tw-scale-y: 56%;
    --tw-scale-z: 56%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    bottom: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xss .b24-input-number__decrement > button {
    height: 13px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xs .b24-input-number__increment {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    top: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xs .b24-input-number__increment > button {
    height: 13px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xs .b24-input-number__decrement {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    bottom: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xs .b24-input-number__decrement > button {
    height: 13px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-sm .b24-input-number__increment {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    top: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-sm .b24-input-number__increment > button {
    height: 15px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-sm .b24-input-number__decrement {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    bottom: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-sm .b24-input-number__decrement > button {
    height: 15px;
  }

  .b24-input-number.b24-input-number--orientation-vertical:is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__increment {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    top: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical:is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__increment > button {
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input-number.b24-input-number--orientation-vertical:is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__decrement {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    bottom: 0;
  }

  .b24-input-number.b24-input-number--orientation-vertical:is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__decrement > button {
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-lg .b24-input-number__increment {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-lg .b24-input-number__increment > button {
    height: 16px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-lg .b24-input-number__decrement {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-lg .b24-input-number__decrement > button {
    height: 16px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xl .b24-input-number__increment {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xl .b24-input-number__increment > button {
    height: 20px;
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xl .b24-input-number__decrement {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-input-number.b24-input-number--orientation-vertical.b24-input-number--size-xl .b24-input-number__decrement > button {
    height: 20px;
  }

  .b24-input-number:not(.b24-input-number--no-decrement).b24-input-number--size-xss .b24-input-number__base, .b24-input-number:not(.b24-input-number--no-decrement).b24-input-number--size-xs .b24-input-number__base {
    padding-inline-start: 24px;
  }

  .b24-input-number:not(.b24-input-number--no-decrement).b24-input-number--size-sm .b24-input-number__base {
    padding-inline-start: 28px;
  }

  .b24-input-number:not(.b24-input-number--no-decrement):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__base, .b24-input-number:not(.b24-input-number--no-decrement).b24-input-number--size-lg .b24-input-number__base {
    padding-inline-start: 30px;
  }

  .b24-input-number:not(.b24-input-number--no-decrement).b24-input-number--size-xl .b24-input-number__base {
    padding-inline-start: 40px;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-xss .b24-input-number__base, .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-xs .b24-input-number__base {
    padding-inline-end: 24px;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-sm .b24-input-number__base {
    padding-inline-end: 30px;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-sm .b24-input-number__increment {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    top: 0;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-sm .b24-input-number__increment > button {
    height: 15px;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-sm .b24-input-number__decrement {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    padding-inline-end: 0;
    bottom: 0;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-sm .b24-input-number__decrement > button {
    height: 15px;
  }

  .b24-input-number:not(.b24-input-number--no-increment):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__base {
    padding-inline-end: 34px;
  }

  .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-lg .b24-input-number__base, .b24-input-number:not(.b24-input-number--no-increment).b24-input-number--size-xl .b24-input-number__base {
    padding-inline-end: 38px;
  }

  .b24-input-number:is(.b24-input-number--field-group-horizontal, .b24-input-number--field-group-vertical):is(.b24-input-number--size-xl, .b24-input-number--size-lg, :is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"]))):not(.b24-input-number--rounded) .b24-input-number__base {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-input-number:is(.b24-input-number--field-group-horizontal, .b24-input-number--field-group-vertical).b24-input-number--size-sm:not(.b24-input-number--rounded) .b24-input-number__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input-number:is(.b24-input-number--field-group-horizontal, .b24-input-number--field-group-vertical).b24-input-number--size-xs:not(.b24-input-number--rounded) .b24-input-number__base {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-input-number:is(.b24-input-number--field-group-horizontal, .b24-input-number--field-group-vertical).b24-input-number--size-xss:not(.b24-input-number--rounded) .b24-input-number__base {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    .b24-input-number:not(.b24-input-number--fixed).b24-input-number--size-xss .b24-input-number__base {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-input-number:not(.b24-input-number--fixed).b24-input-number--size-xs .b24-input-number__base {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-input-number:not(.b24-input-number--fixed).b24-input-number--size-sm .b24-input-number__base {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-input-number:not(.b24-input-number--fixed):is(.b24-input-number--size-md, :not([class*="b24-input-number--size-"])) .b24-input-number__base, .b24-input-number:not(.b24-input-number--fixed).b24-input-number--size-lg .b24-input-number__base {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-pin-input {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: inline-flex;
    position: relative;
  }

  .b24-pin-input .b24-pin-input__base {
    appearance: none;
    border-style: var(--tw-border-style);
    text-align: center;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    padding-block: 0;
    padding-inline: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
  }

  .b24-pin-input .b24-pin-input__base::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (hover: hover) {
    .b24-pin-input .b24-pin-input__base:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-pin-input .b24-pin-input__base:focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-pin-input .b24-pin-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-pin-input .b24-pin-input__base:active {
    color: var(--ui-color-base-1);
  }

  .b24-pin-input .b24-pin-input__base:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-pin-input .b24-pin-input__separator {
    color: var(--ui-color-base-6);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-pin-input.b24-pin-input--size-xss .b24-pin-input__base {
    width: 20px;
    height: 20px;
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-pin-input.b24-pin-input--size-xs .b24-pin-input__base {
    width: 24px;
    height: 24px;
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-pin-input.b24-pin-input--size-sm .b24-pin-input__base {
    width: 28px;
    height: 28px;
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-pin-input:is(.b24-pin-input--size-md, :not([class*="b24-pin-input--size-"])) .b24-pin-input__base {
    width: 34px;
    height: 34px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-pin-input.b24-pin-input--size-lg .b24-pin-input__base {
    width: 38px;
    height: 38px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-pin-input.b24-pin-input--size-xl .b24-pin-input__base {
    width: 46px;
    height: 46px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-pin-input.b24-pin-input--rounded .b24-pin-input__base {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-pin-input:not(.b24-pin-input--rounded) .b24-pin-input__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-pin-input.b24-pin-input--no-border .b24-pin-input__base, .b24-pin-input.b24-pin-input--no-border .b24-pin-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-pin-input.b24-pin-input--underline .b24-pin-input__base {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-pin-input.b24-pin-input--underline .b24-pin-input__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-pin-input.b24-pin-input--highlight .b24-pin-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-pin-input:not(.b24-pin-input--highlight):not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-pin-input:not(.b24-pin-input--highlight):not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base:hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-pin-input:not(.b24-pin-input--highlight):not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base:focus-visible, .b24-pin-input:not(.b24-pin-input--highlight):not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base[data-state="open"], .b24-pin-input.b24-pin-input--highlight:not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-pin-input.b24-pin-input--highlight:not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-pin-input.b24-pin-input--highlight:not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base:focus-visible, .b24-pin-input.b24-pin-input--highlight:not(.b24-pin-input--no-border):not(.b24-pin-input--underline) .b24-pin-input__base[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-pin-input:not(.b24-pin-input--no-border).b24-pin-input--underline .b24-pin-input__base:focus-visible {
    border-color: var(--b24ui-border-color);
  }

  .b24-pin-input.b24-pin-input--highlight:not(.b24-pin-input--no-border).b24-pin-input--underline .b24-pin-input__base {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-pin-input.b24-pin-input--highlight.b24-pin-input--no-border:not(.b24-pin-input--underline) .b24-pin-input__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (min-width: 48rem) {
    .b24-pin-input:not(.b24-pin-input--fixed).b24-pin-input--size-xss .b24-pin-input__base {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-pin-input:not(.b24-pin-input--fixed).b24-pin-input--size-xs .b24-pin-input__base {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-pin-input:not(.b24-pin-input--fixed).b24-pin-input--size-sm .b24-pin-input__base {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-pin-input:not(.b24-pin-input--fixed):is(.b24-pin-input--size-md, :not([class*="b24-pin-input--size-"])) .b24-pin-input__base, .b24-pin-input:not(.b24-pin-input--fixed).b24-pin-input--size-lg .b24-pin-input__base {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-input-rating .b24-input-rating__item {
    cursor: pointer;
    border-radius: var(--radius-sm);
    outline-color: var(--b24ui-border-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
  }

  .b24-input-rating .b24-input-rating__item:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }

  .b24-input-rating .b24-input-rating__indicator {
    z-index: var(--reka-rating-item-step-z-index);
    width: var(--reka-rating-item-step-width);
    color: #0000;
    opacity: var(--reka-rating-item-step-opacity);
    --tw-outline-style: none;
    outline-style: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .b24-input-rating .b24-input-rating__indicator[data-state="active"] {
    color: var(--b24ui-background);
  }

  .b24-input-rating .b24-input-rating__icon {
    display: block;
  }

  .b24-input-rating .b24-input-rating__empty-icon {
    pointer-events: none;
    height: 100%;
    height: var(--height-full);
    width: 100%;
    width: var(--width-full);
    color: var(--b24ui-typography-legend-color);
    display: block;
  }

  .b24-input-rating:is(.b24-input-rating--orientation-horizontal, :not([class*="b24-input-rating--orientation-"])) {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    display: inline-flex;
  }

  .b24-input-rating.b24-input-rating--orientation-vertical {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    flex-direction: column;
    display: inline-flex;
  }

  .b24-input-rating.b24-input-rating--size-xss .b24-input-rating__item, .b24-input-rating.b24-input-rating--size-xss .b24-input-rating__icon {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .b24-input-rating.b24-input-rating--size-xs .b24-input-rating__item, .b24-input-rating.b24-input-rating--size-xs .b24-input-rating__icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-input-rating.b24-input-rating--size-sm .b24-input-rating__item, .b24-input-rating.b24-input-rating--size-sm .b24-input-rating__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-input-rating:is(.b24-input-rating--size-md, :not([class*="b24-input-rating--size-"])) .b24-input-rating__item, .b24-input-rating:is(.b24-input-rating--size-md, :not([class*="b24-input-rating--size-"])) .b24-input-rating__icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-input-rating.b24-input-rating--size-lg .b24-input-rating__item, .b24-input-rating.b24-input-rating--size-lg .b24-input-rating__icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-input-rating.b24-input-rating--size-xl .b24-input-rating__item, .b24-input-rating.b24-input-rating--size-xl .b24-input-rating__icon {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .b24-input-rating.b24-input-rating--readonly, .b24-input-rating.b24-input-rating--readonly .b24-input-rating__item {
    cursor: default;
  }

  .b24-input-rating.b24-input-rating--disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-input-rating.b24-input-rating--disabled .b24-input-rating__item {
    pointer-events: none;
    cursor: not-allowed;
  }

  @media (hover: hover) {
    .b24-input-rating:not(.b24-input-rating--readonly):not(.b24-input-rating--disabled) .b24-input-rating__item:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .b24-range {
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
    position: relative;
  }

  .b24-range .b24-range__track {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--ui-color-base-5);
    flex-grow: 1;
    position: relative;
    overflow: hidden;
  }

  .b24-range .b24-range__range {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--b24ui-background);
    position: absolute;
  }

  .b24-range .b24-range__thumb {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--ui-color-base-white-fixed);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-background);
    outline-color: #0000;
  }

  .b24-range .b24-range__thumb:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-background-hover);
  }

  .b24-range.b24-range--size-xs .b24-range__thumb {
    width: 12px;
    height: 12px;
  }

  .b24-range.b24-range--size-sm .b24-range__thumb {
    width: 14px;
    height: 14px;
  }

  .b24-range:is(.b24-range--size-md, :not([class*="b24-range--size-"])) .b24-range__thumb {
    width: 16px;
    height: 16px;
  }

  .b24-range.b24-range--size-lg .b24-range__thumb {
    width: 20px;
    height: 20px;
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])) {
    width: 100%;
    width: var(--width-full);
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])) .b24-range__range {
    height: 100%;
    height: var(--height-full);
  }

  .b24-range.b24-range--orientation-vertical {
    height: 100%;
    height: var(--height-full);
    flex-direction: column;
  }

  .b24-range.b24-range--orientation-vertical .b24-range__range {
    width: 100%;
    width: var(--width-full);
  }

  .b24-range.b24-range--disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])).b24-range--size-xs .b24-range__track {
    height: 6px;
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])).b24-range--size-sm .b24-range__track {
    height: 7px;
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])):is(.b24-range--size-md, :not([class*="b24-range--size-"])) .b24-range__track {
    height: calc(var(--spacing) * 2);
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])).b24-range--size-lg .b24-range__track {
    height: 9px;
  }

  .b24-range:is(.b24-range--orientation-horizontal, :not([class*="b24-range--orientation-"])).b24-range--size-xl .b24-range__track {
    height: 10px;
  }

  .b24-range.b24-range--orientation-vertical.b24-range--size-xs .b24-range__track {
    width: 6px;
  }

  .b24-range.b24-range--orientation-vertical.b24-range--size-sm .b24-range__track {
    width: 7px;
  }

  .b24-range.b24-range--orientation-vertical:is(.b24-range--size-md, :not([class*="b24-range--size-"])) .b24-range__track {
    width: calc(var(--spacing) * 2);
  }

  .b24-range.b24-range--orientation-vertical.b24-range--size-lg .b24-range__track {
    width: 9px;
  }

  .b24-range.b24-range--orientation-vertical.b24-range--size-xl .b24-range__track {
    width: 10px;
  }

  .b24-listbox {
    border-radius: var(--radius-lg);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    min-width: 0;
    min-height: 0;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    outline-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .b24-listbox:has(:focus-visible) {
    --tw-ring-color: var(--b24ui-border-color);
    outline-style: var(--tw-outline-style);
    outline-width: 3px;
  }

  .b24-listbox .b24-listbox__input {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-design-outline-stroke);
  }

  .b24-listbox .b24-listbox__input:has(:focus-visible) {
    border-color: var(--b24ui-border-color);
  }

  .b24-listbox .b24-listbox__content {
    max-height: calc(var(--spacing) * 60);
    scroll-padding-block: var(--spacing);
    flex: 1;
    position: relative;
    overflow-y: auto;
  }

  .b24-listbox .b24-listbox__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-listbox .b24-listbox__group {
    isolation: isolate;
  }

  .b24-listbox .b24-listbox__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-listbox .b24-listbox__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-listbox .b24-listbox__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-listbox .b24-listbox__separator {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-block: calc(var(--spacing) * 2);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
  }

  .b24-listbox .b24-listbox__empty {
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--popup-window-delimiter-font-size);
    line-height: var(--ui-font-line-height-lg);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
  }

  .b24-listbox .b24-listbox__loading {
    color: var(--ui-color-design-plain-na-content-secondary);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-listbox .b24-listbox__loading-icon {
    flex-shrink: 0;
  }

  .b24-listbox .b24-listbox__item {
    width: 100%;
    width: var(--width-full);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .b24-listbox .b24-listbox__item:before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    z-index: -1;
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: absolute;
    inset: 0;
  }

  .b24-listbox .b24-listbox__item[data-disabled] {
    cursor: not-allowed;
    opacity: .75;
  }

  .b24-listbox .b24-listbox__item[data-highlighted]:not([data-disabled]) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-listbox .b24-listbox__item[data-highlighted]:not([data-disabled]):before {
    content: var(--tw-content);
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-listbox .b24-listbox__item[data-highlighted]:not([data-disabled]):before {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-listbox .b24-listbox__item[data-state="checked"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-listbox .b24-listbox__item:where(.dark, .dark *)[data-highlighted]:not([data-disabled]):before {
    content: var(--tw-content);
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-listbox .b24-listbox__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-listbox .b24-listbox__item-leading-avatar, .b24-listbox .b24-listbox__item-leading-chip {
    flex-shrink: 0;
  }

  .b24-listbox .b24-listbox__item-wrapper {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-listbox .b24-listbox__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-listbox .b24-listbox__item-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-listbox .b24-listbox__item-trailing {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    margin-left: auto;
    display: inline-flex;
  }

  .b24-listbox .b24-listbox__item-trailing:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: auto;
  }

  .b24-listbox .b24-listbox__item-trailing-icon {
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-listbox.b24-listbox--size-xss .b24-listbox__label {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-xss .b24-listbox__empty {
    padding-block: calc(var(--spacing) * 3);
    font-size: 10px;
  }

  .b24-listbox.b24-listbox--size-xss .b24-listbox__loading {
    padding-block: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-xss .b24-listbox__loading-icon {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .b24-listbox.b24-listbox--size-xss .b24-listbox__item {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: 10px;
  }

  .b24-listbox.b24-listbox--size-xss .b24-listbox__item-leading-icon, .b24-listbox.b24-listbox--size-xss .b24-listbox__item-leading-avatar, .b24-listbox.b24-listbox--size-xss .b24-listbox__item-leading-chip, .b24-listbox.b24-listbox--size-xss .b24-listbox__item-trailing-icon {
    margin-top: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__label {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__empty {
    padding-block: calc(var(--spacing) * 3);
    font-size: 12px;
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__loading {
    padding-block: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__loading-icon {
    width: 12px;
    height: 12px;
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__item {
    gap: var(--spacing);
    padding: var(--spacing);
    font-size: 12px;
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__item-leading-icon, .b24-listbox.b24-listbox--size-xs .b24-listbox__item-leading-avatar {
    margin-top: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__item-leading-chip {
    margin-top: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-xs .b24-listbox__item-trailing-icon {
    margin-top: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__label {
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 1.5);
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__empty {
    padding-block: calc(var(--spacing) * 4);
    font-size: 14px;
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__loading {
    padding-block: calc(var(--spacing) * 4);
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__loading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__item {
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 1.5);
    font-size: 14px;
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__item-leading-icon, .b24-listbox.b24-listbox--size-sm .b24-listbox__item-leading-avatar {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__item-leading-chip {
    margin-top: var(--spacing);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-listbox.b24-listbox--size-sm .b24-listbox__item-trailing-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__label {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    font-weight: var(--tw-font-weight, var(--text-xs--font-weight));
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__empty, .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__loading {
    padding-block: calc(var(--spacing) * 6);
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__loading-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__item {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 1.5);
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__item-leading-icon, .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__item-leading-avatar {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__item-leading-chip {
    margin-top: var(--spacing);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-listbox:is(.b24-listbox--size-md, :not([class*="b24-listbox--size-"])) .b24-listbox__item-trailing-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__label {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    font-weight: var(--tw-font-weight, var(--text-xs--font-weight));
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__empty, .b24-listbox.b24-listbox--size-lg .b24-listbox__loading {
    padding-block: calc(var(--spacing) * 7);
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__loading-icon {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__item {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__item-leading-icon, .b24-listbox.b24-listbox--size-lg .b24-listbox__item-leading-avatar {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__item-leading-chip {
    margin-top: var(--spacing);
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-listbox.b24-listbox--size-lg .b24-listbox__item-trailing-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-listbox.b24-listbox--size-xl .b24-listbox__label {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }

  .b24-listbox.b24-listbox--size-xl .b24-listbox__empty, .b24-listbox.b24-listbox--size-xl .b24-listbox__loading {
    padding-block: calc(var(--spacing) * 8);
  }

  .b24-listbox.b24-listbox--size-xl .b24-listbox__loading-icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .b24-listbox.b24-listbox--size-xl .b24-listbox__item {
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }

  .b24-listbox.b24-listbox--size-xl .b24-listbox__item-leading-icon, .b24-listbox.b24-listbox--size-xl .b24-listbox__item-leading-avatar {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .b24-listbox.b24-listbox--size-xl .b24-listbox__item-leading-chip, .b24-listbox.b24-listbox--size-xl .b24-listbox__item-trailing-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .b24-listbox.b24-listbox--virtualize .b24-listbox__content {
    isolation: isolate;
    padding: var(--spacing);
  }

  :where(.b24-listbox:not(.b24-listbox--virtualize) .b24-listbox__content > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-color: var(--ui-color-divider-default);
  }

  .b24-listbox.b24-listbox--disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-listbox.b24-listbox--highlight .b24-listbox__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-select-menu {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-select-menu .b24-select-menu__base {
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    appearance: none;
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    align-items: center;
    padding-block: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
    display: inline-flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-select-menu .b24-select-menu__base:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-select-menu .b24-select-menu__base:focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-select-menu .b24-select-menu__base:active {
    color: var(--ui-color-base-1);
  }

  .b24-select-menu .b24-select-menu__base:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-select-menu .b24-select-menu__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-select-menu .b24-select-menu__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-select-menu .b24-select-menu__leading-avatar {
    flex-shrink: 0;
  }

  .b24-select-menu .b24-select-menu__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-select-menu .b24-select-menu__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-select-menu .b24-select-menu__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-select-menu .b24-select-menu__value {
    pointer-events: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-select-menu .b24-select-menu__placeholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--ui-color-design-plain-na-content-secondary);
    overflow: hidden;
  }

  .b24-select-menu .b24-select-menu__content {
    pointer-events: auto;
    isolation: isolate;
    max-height: min(var(--max-height-popup-list), var(--reka-combobox-content-available-height, 100vh));
    transform-origin: var(--reka-combobox-content-transform-origin);
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .b24-select-menu .b24-select-menu__viewport {
    width: calc(var(--spacing) * 60);
    scroll-padding-block: var(--spacing);
    scrollbar-width: thin;
    flex: 1;
    position: relative;
    overflow: hidden auto;
  }

  .b24-select-menu .b24-select-menu__arrow {
    fill: var(--ui-color-bg-content-primary);
  }

  .b24-select-menu .b24-select-menu__group {
    display: grid;
  }

  .b24-select-menu .b24-select-menu__empty {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--popup-window-delimiter-font-size);
    line-height: var(--ui-font-line-height-lg);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
  }

  .b24-select-menu .b24-select-menu__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-select-menu .b24-select-menu__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-select-menu .b24-select-menu__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-select-menu .b24-select-menu__separator {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-block: calc(var(--spacing) * 2);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
  }

  .b24-select-menu .b24-select-menu__item {
    margin-top: var(--menu-item-block-stack-space);
    width: 100%;
    height: 36px;
    width: var(--width-full);
    cursor: pointer;
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-select-menu .b24-select-menu__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-select-menu .b24-select-menu__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-select-menu .b24-select-menu__item:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-select-menu .b24-select-menu__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select-menu .b24-select-menu__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-select-menu .b24-select-menu__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-select-menu .b24-select-menu__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select-menu .b24-select-menu__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-select-menu .b24-select-menu__item[data-highlighted]:not([data-disabled]), .b24-select-menu .b24-select-menu__item[data-state="checked"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-select-menu .b24-select-menu__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select-menu .b24-select-menu__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-select-menu .b24-select-menu__item[data-state="open"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-select-menu .b24-select-menu__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-select-menu .b24-select-menu__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-select-menu .b24-select-menu__item:where(.dark, .dark *):active, .b24-select-menu .b24-select-menu__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-select-menu .b24-select-menu__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-select-menu .b24-select-menu__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-select-menu .b24-select-menu__item-leading-avatar {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-inline-end: 12px;
  }

  .b24-select-menu .b24-select-menu__item-leading-chip {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .b24-select-menu .b24-select-menu__item-trailing {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    margin-left: auto;
    display: inline-flex;
  }

  .b24-select-menu .b24-select-menu__item-trailing:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: auto;
  }

  .b24-select-menu .b24-select-menu__item-trailing-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-select-menu .b24-select-menu__item-wrapper {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-select-menu .b24-select-menu__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-select-menu .b24-select-menu__item-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-select-menu .b24-select-menu__input {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-vibrant-default);
  }

  .b24-select-menu .b24-select-menu__focus-scope {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .b24-select-menu .b24-select-menu__trailing-clear {
    padding: 0;
  }

  .b24-select-menu.b24-select-menu--field-group-horizontal {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .b24-select-menu.b24-select-menu--field-group-horizontal:has(:focus-visible) {
    z-index: 1;
  }

  .b24-select-menu.b24-select-menu--field-group-horizontal .b24-select-menu__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-select-menu.b24-select-menu--field-group-horizontal .b24-select-menu__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-select-menu.b24-select-menu--field-group-vertical:has(:focus-visible) {
    z-index: 1;
  }

  .b24-select-menu.b24-select-menu--field-group-vertical .b24-select-menu__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-select-menu.b24-select-menu--field-group-vertical .b24-select-menu__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-select-menu:not(.b24-select-menu--no-split) .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-select-menu:not(.b24-select-menu--no-split) .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-select-menu:not(.b24-select-menu--no-split) .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-select-menu.b24-select-menu--size-xss .b24-select-menu__base {
    gap: var(--spacing);
    height: 20px;
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-select-menu.b24-select-menu--size-xss .b24-select-menu__leading, .b24-select-menu.b24-select-menu--size-xss .b24-select-menu__trailing {
    padding-inline: var(--spacing);
  }

  .b24-select-menu.b24-select-menu--size-xss .b24-select-menu__leading-icon, .b24-select-menu.b24-select-menu--size-xss .b24-select-menu__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-select-menu.b24-select-menu--size-xs .b24-select-menu__base {
    gap: var(--spacing);
    height: 24px;
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-select-menu.b24-select-menu--size-xs .b24-select-menu__leading, .b24-select-menu.b24-select-menu--size-xs .b24-select-menu__trailing {
    padding-inline: var(--spacing);
  }

  .b24-select-menu.b24-select-menu--size-xs .b24-select-menu__leading-icon, .b24-select-menu.b24-select-menu--size-xs .b24-select-menu__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-select-menu.b24-select-menu--size-sm .b24-select-menu__base {
    gap: calc(var(--spacing) * 1.5);
    height: 28px;
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-select-menu.b24-select-menu--size-sm .b24-select-menu__leading, .b24-select-menu.b24-select-menu--size-sm .b24-select-menu__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-select-menu.b24-select-menu--size-sm .b24-select-menu__leading-icon, .b24-select-menu.b24-select-menu--size-sm .b24-select-menu__leading-avatar, .b24-select-menu.b24-select-menu--size-sm .b24-select-menu__trailing-icon {
    width: 16px;
    height: 16px;
  }

  .b24-select-menu:is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__base {
    gap: calc(var(--spacing) * 1.5);
    height: 34px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-select-menu:is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__leading, .b24-select-menu:is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-select-menu:is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__leading-icon, .b24-select-menu:is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-select-menu.b24-select-menu--size-lg .b24-select-menu__base {
    gap: calc(var(--spacing) * 2);
    height: 38px;
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-select-menu.b24-select-menu--size-lg .b24-select-menu__leading, .b24-select-menu.b24-select-menu--size-lg .b24-select-menu__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-select-menu.b24-select-menu--size-lg .b24-select-menu__leading-icon, .b24-select-menu.b24-select-menu--size-lg .b24-select-menu__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-select-menu.b24-select-menu--size-xl .b24-select-menu__base {
    gap: calc(var(--spacing) * 2);
    height: 46px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-select-menu.b24-select-menu--size-xl .b24-select-menu__leading, .b24-select-menu.b24-select-menu--size-xl .b24-select-menu__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-select-menu.b24-select-menu--size-xl .b24-select-menu__leading-icon, .b24-select-menu.b24-select-menu--size-xl .b24-select-menu__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-select-menu.b24-select-menu--rounded .b24-select-menu__base {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-select-menu:not(.b24-select-menu--rounded) .b24-select-menu__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-select-menu.b24-select-menu--no-padding .b24-select-menu__base {
    padding-inline: 0;
  }

  .b24-select-menu.b24-select-menu--no-border .b24-select-menu__base, .b24-select-menu.b24-select-menu--no-border .b24-select-menu__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select-menu.b24-select-menu--underline .b24-select-menu__base {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select-menu.b24-select-menu--underline .b24-select-menu__base:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select-menu.b24-select-menu--highlight .b24-select-menu__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-select-menu.b24-select-menu--type-file .b24-select-menu__base::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-select-menu:is(.b24-select-menu--position-popper, :not([class*="b24-select-menu--position-"])) .b24-select-menu__content[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-select-menu:is(.b24-select-menu--position-popper, :not([class*="b24-select-menu--position-"])) .b24-select-menu__content[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-select-menu.b24-select-menu--position-item-aligned .b24-select-menu__viewport {
    width: 100%;
    width: var(--width-full);
  }

  .b24-select-menu.b24-select-menu--virtualize .b24-select-menu__viewport {
    isolation: isolate;
    padding: var(--spacing);
  }

  .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new[data-highlighted]:not([data-disabled]), .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new[data-state="checked"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new .b24-select-menu__item-label {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-flow: row;
    display: flex;
  }

  .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new .b24-select-menu__item-leading-icon {
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-selection-content-icon-secondary);
    width: 20px;
    height: 20px;
    color: var(--ui-color-base-white-fixed);
  }

  .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *):not([data-disabled]), .b24-select-menu .b24-select-menu__item.b24-select-menu__item--add-new .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="checked"] *) {
    background-color: var(--ui-color-design-selection-content-icon);
    color: var(--ui-color-base-white-fixed);
  }

  .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning) {
    color: var(--b24ui-background);
  }

  .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning)[data-highlighted], .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning) .b24-select-menu__item-leading-icon {
    color: var(--b24ui-background);
  }

  .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning) .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *), .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning) .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-hover);
  }

  .b24-select-menu.b24-select-menu--active .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning), .b24-select-menu.b24-select-menu--active .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning) .b24-select-menu__item-leading-icon, .b24-select-menu.b24-select-menu--active .b24-select-menu__item:is(.b24-select-menu__item--color-item-air-primary, .b24-select-menu__item--color-item-air-primary-success, .b24-select-menu__item--color-item-air-primary-alert, .b24-select-menu__item--color-item-air-primary-copilot, .b24-select-menu__item--color-item-air-primary-warning) .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *), .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai) {
    color: var(--b24ui-background-active);
  }

  .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai)[data-highlighted], .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai) .b24-select-menu__item-leading-icon, .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai) .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *), .b24-select-menu:not(.b24-select-menu--active) .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai) .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-icon);
  }

  .b24-select-menu.b24-select-menu--active .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai), .b24-select-menu.b24-select-menu--active .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai) .b24-select-menu__item-leading-icon, .b24-select-menu.b24-select-menu--active .b24-select-menu__item:is(.b24-select-menu__item--color-item-danger, .b24-select-menu__item--color-item-success, .b24-select-menu__item--color-item-warning, .b24-select-menu__item--color-item-primary, .b24-select-menu__item--color-item-secondary, .b24-select-menu__item--color-item-collab, .b24-select-menu__item--color-item-ai) .b24-select-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-active);
  }

  .b24-select-menu:not(.b24-select-menu--highlight):not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-select-menu:not(.b24-select-menu--highlight):not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base:hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-select-menu:not(.b24-select-menu--highlight):not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base:focus-visible, .b24-select-menu:not(.b24-select-menu--highlight):not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base[data-state="open"], .b24-select-menu.b24-select-menu--highlight:not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-select-menu.b24-select-menu--highlight:not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-select-menu.b24-select-menu--highlight:not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base:focus-visible, .b24-select-menu.b24-select-menu--highlight:not(.b24-select-menu--no-border):not(.b24-select-menu--underline) .b24-select-menu__base[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-select-menu:not(.b24-select-menu--no-border).b24-select-menu--underline .b24-select-menu__base:hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  .b24-select-menu:not(.b24-select-menu--no-border).b24-select-menu--underline .b24-select-menu__base:focus-visible, .b24-select-menu:not(.b24-select-menu--no-border).b24-select-menu--underline .b24-select-menu__base[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  .b24-select-menu.b24-select-menu--highlight:not(.b24-select-menu--no-border).b24-select-menu--underline .b24-select-menu__base {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select-menu.b24-select-menu--highlight.b24-select-menu--no-border:not(.b24-select-menu--underline) .b24-select-menu__base {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-select-menu.b24-select-menu--type-file.b24-select-menu--size-xss .b24-select-menu__base {
    padding-block: 2px;
  }

  .b24-select-menu.b24-select-menu--type-file.b24-select-menu--size-xs .b24-select-menu__base {
    padding-block: 4px;
  }

  .b24-select-menu.b24-select-menu--type-file.b24-select-menu--size-sm .b24-select-menu__base {
    padding-block: 5px;
  }

  .b24-select-menu.b24-select-menu--type-file:is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__base {
    padding-block: 7px;
  }

  .b24-select-menu.b24-select-menu--type-file.b24-select-menu--size-lg .b24-select-menu__base {
    padding-block: 9px;
  }

  .b24-select-menu.b24-select-menu--type-file.b24-select-menu--size-xl .b24-select-menu__base {
    padding-block: 11px;
  }

  .b24-select-menu.b24-select-menu--leading:not(.b24-select-menu--no-padding).b24-select-menu--size-xss .b24-select-menu__base {
    padding-inline-start: 20px;
  }

  .b24-select-menu.b24-select-menu--leading:not(.b24-select-menu--no-padding).b24-select-menu--size-xs .b24-select-menu__base {
    padding-inline-start: 22px;
  }

  .b24-select-menu.b24-select-menu--leading:not(.b24-select-menu--no-padding).b24-select-menu--size-sm .b24-select-menu__base {
    padding-inline-start: 28px;
  }

  .b24-select-menu.b24-select-menu--leading:not(.b24-select-menu--no-padding):is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__base, .b24-select-menu.b24-select-menu--leading:not(.b24-select-menu--no-padding).b24-select-menu--size-lg .b24-select-menu__base, .b24-select-menu.b24-select-menu--leading:not(.b24-select-menu--no-padding).b24-select-menu--size-xl .b24-select-menu__base {
    padding-inline-start: 32px;
  }

  .b24-select-menu.b24-select-menu--trailing:not(.b24-select-menu--no-padding).b24-select-menu--size-xss .b24-select-menu__base {
    padding-inline-end: 20px;
  }

  .b24-select-menu.b24-select-menu--trailing:not(.b24-select-menu--no-padding).b24-select-menu--size-xs .b24-select-menu__base {
    padding-inline-end: 22px;
  }

  .b24-select-menu.b24-select-menu--trailing:not(.b24-select-menu--no-padding).b24-select-menu--size-sm .b24-select-menu__base {
    padding-inline-end: 28px;
  }

  .b24-select-menu.b24-select-menu--trailing:not(.b24-select-menu--no-padding):is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__base {
    padding-inline-end: 34px;
  }

  .b24-select-menu.b24-select-menu--trailing:not(.b24-select-menu--no-padding).b24-select-menu--size-lg .b24-select-menu__base, .b24-select-menu.b24-select-menu--trailing:not(.b24-select-menu--no-padding).b24-select-menu--size-xl .b24-select-menu__base {
    padding-inline-end: 38px;
  }

  .b24-select-menu.b24-select-menu--loading.b24-select-menu--leading .b24-select-menu__leading-icon, .b24-select-menu.b24-select-menu--loading:not(.b24-select-menu--leading).b24-select-menu--trailing .b24-select-menu__trailing-icon {
    width: 21px;
    height: 21px;
  }

  .b24-select-menu.b24-select-menu--loading.b24-select-menu--leading.b24-select-menu--no-padding .b24-select-menu__base {
    padding-inline-start: 34px;
  }

  .b24-select-menu.b24-select-menu--loading:not(.b24-select-menu--leading).b24-select-menu--trailing.b24-select-menu--no-padding .b24-select-menu__base {
    padding-inline-end: 34px;
  }

  .b24-select-menu:is(.b24-select-menu--field-group-horizontal, .b24-select-menu--field-group-vertical):is(.b24-select-menu--size-xl, .b24-select-menu--size-lg, :is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"]))):not(.b24-select-menu--rounded) .b24-select-menu__base {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-select-menu:is(.b24-select-menu--field-group-horizontal, .b24-select-menu--field-group-vertical).b24-select-menu--size-sm:not(.b24-select-menu--rounded) .b24-select-menu__base {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-select-menu:is(.b24-select-menu--field-group-horizontal, .b24-select-menu--field-group-vertical).b24-select-menu--size-xs:not(.b24-select-menu--rounded) .b24-select-menu__base {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-select-menu:is(.b24-select-menu--field-group-horizontal, .b24-select-menu--field-group-vertical).b24-select-menu--size-xss:not(.b24-select-menu--rounded) .b24-select-menu__base {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    .b24-select-menu:not(.b24-select-menu--fixed).b24-select-menu--size-xss .b24-select-menu__base {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-select-menu:not(.b24-select-menu--fixed).b24-select-menu--size-xs .b24-select-menu__base {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-select-menu:not(.b24-select-menu--fixed).b24-select-menu--size-sm .b24-select-menu__base {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-select-menu:not(.b24-select-menu--fixed):is(.b24-select-menu--size-md, :not([class*="b24-select-menu--size-"])) .b24-select-menu__base, .b24-select-menu:not(.b24-select-menu--fixed).b24-select-menu--size-lg .b24-select-menu__base {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-input-menu {
    isolation: isolate;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base) {
    width: 100%;
    width: var(--width-full);
    appearance: none;
    border-style: var(--tw-border-style);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    padding-block: 0;
    transition-duration: .3s;
    transition-timing-function: linear;
  }

  :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base)::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (hover: hover) {
    :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base):hover {
      color: var(--ui-color-base-1);
    }
  }

  :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base):focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base):active {
    color: var(--ui-color-base-1);
  }

  :is(.b24-input-menu .b24-input-menu__base, .b24-input-menu.b24-input-menu__base):disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-menu .b24-input-menu__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-input-menu .b24-input-menu__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-menu .b24-input-menu__leading-avatar {
    flex-shrink: 0;
  }

  .b24-input-menu .b24-input-menu__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-input-menu .b24-input-menu__trailing:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-menu .b24-input-menu__trailing:disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-input-menu .b24-input-menu__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-menu .b24-input-menu__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-input-menu .b24-input-menu__trailing-clear {
    padding: 0;
  }

  .b24-input-menu .b24-input-menu__content {
    pointer-events: auto;
    isolation: isolate;
    max-height: min(var(--max-height-popup-list), var(--reka-combobox-content-available-height, 100vh));
    transform-origin: var(--reka-combobox-content-transform-origin);
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-input-menu .b24-input-menu__content[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-input-menu .b24-input-menu__content[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-input-menu .b24-input-menu__viewport {
    width: calc(var(--spacing) * 60);
    scroll-padding-block: var(--spacing);
    scrollbar-width: thin;
    flex: 1;
    position: relative;
    overflow: hidden auto;
  }

  .b24-input-menu .b24-input-menu__arrow {
    fill: var(--ui-color-bg-content-primary);
  }

  .b24-input-menu .b24-input-menu__group {
    display: grid;
  }

  .b24-input-menu .b24-input-menu__empty {
    height: var(--popup-window-delimiter-section-height);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--ui-size-sm);
    line-height: var(--ui-font-line-height-lg);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
  }

  .b24-input-menu .b24-input-menu__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-size-sm);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-input-menu .b24-input-menu__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-input-menu .b24-input-menu__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-input-menu .b24-input-menu__separator {
    margin-inline: calc(var(--spacing) * 4.5);
    margin-block: calc(var(--spacing) * 2);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
  }

  .b24-input-menu .b24-input-menu__item {
    margin-top: var(--menu-item-block-stack-space);
    width: 100%;
    height: 36px;
    width: var(--width-full);
    cursor: pointer;
    min-width: 195px;
    padding-inline: calc(var(--spacing) * 4.5);
    text-align: start;
    font-size: var(--ui-font-size-md);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-input-menu .b24-input-menu__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-input-menu .b24-input-menu__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-input-menu .b24-input-menu__item:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-input-menu .b24-input-menu__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input-menu .b24-input-menu__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-input-menu .b24-input-menu__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-menu .b24-input-menu__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input-menu .b24-input-menu__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-input-menu .b24-input-menu__item[data-highlighted]:not([data-disabled]), .b24-input-menu .b24-input-menu__item[data-state="checked"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-input-menu .b24-input-menu__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input-menu .b24-input-menu__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-input-menu .b24-input-menu__item[data-state="open"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-input-menu .b24-input-menu__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-input-menu .b24-input-menu__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-input-menu .b24-input-menu__item:where(.dark, .dark *):active, .b24-input-menu .b24-input-menu__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-input-menu .b24-input-menu__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-input-menu .b24-input-menu__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-input-menu .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *):not([data-disabled]), .b24-input-menu .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="checked"] *), .b24-input-menu .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--ui-color-accent-main-primary);
  }

  .b24-input-menu .b24-input-menu__item-leading-avatar, .b24-input-menu .b24-input-menu__item-leading-chip {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .b24-input-menu .b24-input-menu__item-trailing {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    margin-left: auto;
    display: inline-flex;
  }

  .b24-input-menu .b24-input-menu__item-trailing:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: 0;
    margin-right: auto;
  }

  .b24-input-menu .b24-input-menu__item-trailing-icon {
    width: 24px;
    height: 24px;
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-input-menu .b24-input-menu__item-wrapper {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .b24-input-menu .b24-input-menu__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-inline-start: 2px;
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-input-menu .b24-input-menu__item-description {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-input-menu .b24-input-menu__tags-item {
    height: var(--main-ui-square-item-height);
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--ui-border-radius-xs);
    background-color: var(--ui-color-design-tinted-bg-alt);
    min-width: 0;
    max-width: 70%;
    font-family: var(--ui-font-family-primary);
    --tw-leading: var(--main-ui-square-item-height);
    line-height: var(--main-ui-square-item-height);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-design-tinted-content);
    padding-inline: 13px 6px;
    display: inline-flex;
  }

  .b24-input-menu .b24-input-menu__tags-item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-menu .b24-input-menu__tags-item-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .b24-input-menu .b24-input-menu__tags-item-delete {
    cursor: pointer;
    color: var(--b24ui-icon-color-secondary);
    flex-shrink: 0;
    align-items: center;
    transition-property: none;
    display: inline-flex;
  }

  @media (hover: hover) {
    .b24-input-menu .b24-input-menu__tags-item-delete:hover {
      color: var(--b24ui-icon-color-secondary-hover);
    }
  }

  .b24-input-menu .b24-input-menu__tags-item-delete:disabled {
    pointer-events: auto;
    cursor: not-allowed;
  }

  .b24-input-menu.b24-input-menu--field-group-horizontal {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .b24-input-menu.b24-input-menu--field-group-horizontal:has(:focus-visible), .b24-input-menu.b24-input-menu--field-group-vertical:has(:focus-visible) {
    z-index: 1;
  }

  :is(.b24-input-menu:not(.b24-input-menu--no-split) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--no-split).b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.b24-input-menu:not(.b24-input-menu--no-split) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--no-split).b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  :is(.b24-input-menu:not(.b24-input-menu--no-split) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--no-split).b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  :is(.b24-input-menu.b24-input-menu--size-xss .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-xss.b24-input-menu__base) {
    gap: var(--spacing);
    height: 20px;
    font-size: var(--ui-font-size-4xs);
    --main-ui-square-item-height: 12px;
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__leading, .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__leading-icon, .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__trailing-icon, .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__item-leading-avatar {
    width: 12px;
    height: 12px;
  }

  .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__tags-input {
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__tags-item {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-menu.b24-input-menu--size-xss .b24-input-menu__tags-item-delete-icon {
    width: 10px;
    height: 10px;
  }

  :is(.b24-input-menu.b24-input-menu--size-xs .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-xs.b24-input-menu__base) {
    gap: var(--spacing);
    height: 24px;
    font-size: var(--ui-font-size-4xs);
    --main-ui-square-item-height: 16px;
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__leading, .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__leading-icon, .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__trailing-icon, .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__item-leading-avatar {
    width: 14px;
    height: 14px;
  }

  .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__tags-input {
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__tags-item {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-menu.b24-input-menu--size-xs .b24-input-menu__tags-item-delete-icon {
    width: 10px;
    height: 10px;
  }

  :is(.b24-input-menu.b24-input-menu--size-sm .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-sm.b24-input-menu__base) {
    gap: calc(var(--spacing) * 1.5);
    height: 28px;
    font-size: var(--ui-font-size-xs);
    --main-ui-square-item-height: 20px;
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__leading, .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__leading-icon, .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__leading-avatar, .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__trailing-icon, .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
  }

  .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__tags-input {
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__tags-item {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-menu.b24-input-menu--size-sm .b24-input-menu__tags-item-delete-icon {
    width: 12px;
    height: 12px;
  }

  :is(.b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu__base) {
    gap: calc(var(--spacing) * 1.5);
    height: 34px;
    font-size: var(--ui-font-size-lg);
    --main-ui-square-item-height: 24px;
    line-height: normal;
  }

  .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__leading, .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__leading-icon, .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__tags-input {
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__tags-item {
    font-size: var(--ui-font-size-sm);
    line-height: var(--main-ui-square-item-height);
    gap: 4px;
  }

  .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__tags-item-delete-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  :is(.b24-input-menu.b24-input-menu--size-lg .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-lg.b24-input-menu__base) {
    gap: calc(var(--spacing) * 2);
    height: 38px;
    font-size: var(--ui-font-size-lg);
    --main-ui-square-item-height: 28px;
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__leading, .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__leading-icon, .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__tags-input {
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__tags-item {
    gap: var(--spacing);
    font-size: var(--ui-font-size-md);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-menu.b24-input-menu--size-lg .b24-input-menu__tags-item-delete-icon {
    width: 22px;
    height: 22px;
  }

  :is(.b24-input-menu.b24-input-menu--size-xl .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-xl.b24-input-menu__base) {
    gap: calc(var(--spacing) * 2);
    height: 46px;
    font-size: var(--ui-font-size-2xl);
    --main-ui-square-item-height: 32px;
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__leading, .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__leading-icon, .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__tags-input {
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__tags-item {
    gap: var(--spacing);
    font-size: var(--ui-font-size-xl);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-menu.b24-input-menu--size-xl .b24-input-menu__tags-item-delete-icon {
    width: 22px;
    height: 22px;
  }

  :is(.b24-input-menu.b24-input-menu--rounded .b24-input-menu__base, .b24-input-menu.b24-input-menu--rounded.b24-input-menu__base) {
    border-radius: var(--ui-border-radius-3xl);
  }

  :is(.b24-input-menu:not(.b24-input-menu--rounded) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--rounded).b24-input-menu__base) {
    border-radius: var(--ui-border-radius-sm);
  }

  :is(.b24-input-menu.b24-input-menu--no-padding .b24-input-menu__base, .b24-input-menu.b24-input-menu--no-padding.b24-input-menu__base) {
    padding-inline: 0;
  }

  :is(.b24-input-menu.b24-input-menu--no-border .b24-input-menu__base, .b24-input-menu.b24-input-menu--no-border.b24-input-menu__base), :is(.b24-input-menu.b24-input-menu--no-border .b24-input-menu__base, .b24-input-menu.b24-input-menu--no-border.b24-input-menu__base):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-menu.b24-input-menu--underline .b24-input-menu__base, .b24-input-menu.b24-input-menu--underline.b24-input-menu__base) {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-menu.b24-input-menu--underline .b24-input-menu__base, .b24-input-menu.b24-input-menu--underline.b24-input-menu__base):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-menu.b24-input-menu--highlight .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight.b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-menu.b24-input-menu--type-file .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file.b24-input-menu__base)::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .b24-input-menu.b24-input-menu--virtualize .b24-input-menu__viewport {
    isolation: isolate;
    padding: var(--spacing);
  }

  .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new[data-highlighted]:not([data-disabled]), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new[data-state="checked"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new .b24-input-menu__item-label {
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    flex-flow: row;
    display: flex;
  }

  .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new .b24-input-menu__item-leading-icon {
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-selection-content-icon-secondary);
    width: 20px;
    height: 20px;
    color: var(--ui-color-base-white-fixed);
  }

  .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *):not([data-disabled]), .b24-input-menu .b24-input-menu__item.b24-input-menu__item--add-new .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="checked"] *) {
    background-color: var(--ui-color-design-selection-content-icon);
    color: var(--ui-color-base-white-fixed);
  }

  .b24-input-menu.b24-input-menu--multiple {
    flex-wrap: wrap;
  }

  :is(.b24-input-menu.b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu__base) {
    padding-block: 6px;
    padding-inline: 6px 39px;
  }

  .b24-input-menu.b24-input-menu--multiple .b24-input-menu__tags-input {
    border-style: var(--tw-border-style);
    background-color: #0000;
    border-width: 0;
    flex: 1;
    padding-block: 0;
    padding-inline: 6px 0;
  }

  .b24-input-menu.b24-input-menu--multiple .b24-input-menu__tags-input::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-input-menu.b24-input-menu--multiple .b24-input-menu__tags-input:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-menu.b24-input-menu--multiple .b24-input-menu__tags-input:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-menu.b24-input-menu--multiple .b24-input-menu__tags-input:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu__base) {
    padding-inline: calc(var(--spacing) * 3);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu__base)::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu__base):focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu__base):disabled {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal.b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-horizontal.b24-input-menu__base):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical.b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical.b24-input-menu__base):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  :is(.b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--multiple).b24-input-menu--field-group-vertical.b24-input-menu__base):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal.b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group\/items).is-field-group *):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group\/items).is-field-group *):not(:only-child):first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal.b24-input-menu__base):is(:where(.group\/items).is-field-group *):not(:only-child):last-child {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-horizontal.b24-input-menu__base):focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical.b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical.b24-input-menu__base):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical.b24-input-menu__base):not(:only-child):first-child {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical.b24-input-menu__base):not(:only-child):last-child {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  :is(.b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical .b24-input-menu__base, .b24-input-menu.b24-input-menu--multiple.b24-input-menu--field-group-vertical.b24-input-menu__base):focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning) {
    color: var(--b24ui-background);
  }

  .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning)[data-highlighted], .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning) .b24-input-menu__item-leading-icon {
    color: var(--b24ui-background);
  }

  .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning) .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *), .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning) .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-hover);
  }

  .b24-input-menu.b24-input-menu--active .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning), .b24-input-menu.b24-input-menu--active .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning) .b24-input-menu__item-leading-icon, .b24-input-menu.b24-input-menu--active .b24-input-menu__item:is(.b24-input-menu__item--color-item-air-primary, .b24-input-menu__item--color-item-air-primary-success, .b24-input-menu__item--color-item-air-primary-alert, .b24-input-menu__item--color-item-air-primary-copilot, .b24-input-menu__item--color-item-air-primary-warning) .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *), .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai) {
    color: var(--b24ui-background-active);
  }

  .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai)[data-highlighted], .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai)[data-state="open"] {
    color: var(--b24ui-background-hover);
  }

  .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai) .b24-input-menu__item-leading-icon, .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai) .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-highlighted] *), .b24-input-menu:not(.b24-input-menu--active) .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai) .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-icon);
  }

  .b24-input-menu.b24-input-menu--active .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai), .b24-input-menu.b24-input-menu--active .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai) .b24-input-menu__item-leading-icon, .b24-input-menu.b24-input-menu--active .b24-input-menu__item:is(.b24-input-menu__item--color-item-danger, .b24-input-menu__item--color-item-success, .b24-input-menu__item--color-item-warning, .b24-input-menu__item--color-item-primary, .b24-input-menu__item--color-item-secondary, .b24-input-menu__item--color-item-collab, .b24-input-menu__item--color-item-ai) .b24-input-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--b24ui-background-active);
  }

  :is(.b24-input-menu.b24-input-menu--size-xss.b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-xss.b24-input-menu--multiple.b24-input-menu__base) {
    height: auto;
    min-height: 20px;
    padding-block: 2px;
    padding-inline-start: 4px;
  }

  :is(.b24-input-menu.b24-input-menu--size-xs.b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-xs.b24-input-menu--multiple.b24-input-menu__base) {
    height: auto;
    min-height: 24px;
    padding-block: 2px;
    padding-inline-start: 4px;
  }

  :is(.b24-input-menu.b24-input-menu--size-sm.b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-sm.b24-input-menu--multiple.b24-input-menu__base) {
    height: auto;
    min-height: 28px;
    padding-block: 4px;
    padding-inline-start: 4px;
  }

  :is(.b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu--multiple.b24-input-menu__base) {
    height: auto;
    min-height: 34px;
    padding-block: 4px;
    padding-inline-start: 4px;
  }

  :is(.b24-input-menu.b24-input-menu--size-lg.b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-lg.b24-input-menu--multiple.b24-input-menu__base) {
    height: auto;
    min-height: 38px;
    padding-block: 4px;
    padding-inline-start: 4px;
  }

  :is(.b24-input-menu.b24-input-menu--size-xl.b24-input-menu--multiple .b24-input-menu__base, .b24-input-menu.b24-input-menu--size-xl.b24-input-menu--multiple.b24-input-menu__base) {
    height: auto;
    min-height: 46px;
  }

  :is(.b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    :is(.b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base):hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  :is(.b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base):focus-visible, :is(.b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--highlight):not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base)[data-state="open"], :is(.b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    :is(.b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base):hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  :is(.b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base):focus-visible, :is(.b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border):not(.b24-input-menu--underline).b24-input-menu__base)[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    :is(.b24-input-menu:not(.b24-input-menu--no-border).b24-input-menu--underline .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--no-border).b24-input-menu--underline.b24-input-menu__base):hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  :is(.b24-input-menu:not(.b24-input-menu--no-border).b24-input-menu--underline .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--no-border).b24-input-menu--underline.b24-input-menu__base):focus-visible, :is(.b24-input-menu:not(.b24-input-menu--no-border).b24-input-menu--underline .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--no-border).b24-input-menu--underline.b24-input-menu__base)[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  :is(.b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border).b24-input-menu--underline .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight:not(.b24-input-menu--no-border).b24-input-menu--underline.b24-input-menu__base) {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-menu.b24-input-menu--highlight.b24-input-menu--no-border:not(.b24-input-menu--underline) .b24-input-menu__base, .b24-input-menu.b24-input-menu--highlight.b24-input-menu--no-border:not(.b24-input-menu--underline).b24-input-menu__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-xss .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-xss.b24-input-menu__base) {
    padding-block: 2px;
  }

  :is(.b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-xs .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-xs.b24-input-menu__base) {
    padding-block: 4px;
  }

  :is(.b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-sm .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-sm.b24-input-menu__base) {
    padding-block: 5px;
  }

  :is(.b24-input-menu.b24-input-menu--type-file:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file:is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu__base) {
    padding-block: 7px;
  }

  :is(.b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-lg .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-lg.b24-input-menu__base) {
    padding-block: 9px;
  }

  :is(.b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-xl .b24-input-menu__base, .b24-input-menu.b24-input-menu--type-file.b24-input-menu--size-xl.b24-input-menu__base) {
    padding-block: 11px;
  }

  :is(.b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-xss .b24-input-menu__base, .b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-xss.b24-input-menu__base) {
    padding-inline-start: 20px;
  }

  :is(.b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-xs .b24-input-menu__base, .b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-xs.b24-input-menu__base) {
    padding-inline-start: 22px;
  }

  :is(.b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-sm .b24-input-menu__base, .b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-sm.b24-input-menu__base) {
    padding-inline-start: 28px;
  }

  :is(.b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding):is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__base, .b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding):is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu__base), :is(.b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-lg .b24-input-menu__base, .b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-lg.b24-input-menu__base), :is(.b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-xl .b24-input-menu__base, .b24-input-menu.b24-input-menu--leading:not(.b24-input-menu--no-padding).b24-input-menu--size-xl.b24-input-menu__base) {
    padding-inline-start: 32px;
  }

  :is(.b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-xss .b24-input-menu__base, .b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-xss.b24-input-menu__base) {
    padding-inline-end: 20px;
  }

  :is(.b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-xs .b24-input-menu__base, .b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-xs.b24-input-menu__base) {
    padding-inline-end: 22px;
  }

  :is(.b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-sm .b24-input-menu__base, .b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-sm.b24-input-menu__base) {
    padding-inline-end: 28px;
  }

  :is(.b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding):is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__base, .b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding):is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu__base) {
    padding-inline-end: 34px;
  }

  :is(.b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-lg .b24-input-menu__base, .b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-lg.b24-input-menu__base), :is(.b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-xl .b24-input-menu__base, .b24-input-menu.b24-input-menu--trailing:not(.b24-input-menu--no-padding).b24-input-menu--size-xl.b24-input-menu__base) {
    padding-inline-end: 38px;
  }

  .b24-input-menu.b24-input-menu--loading.b24-input-menu--leading .b24-input-menu__leading-icon, .b24-input-menu.b24-input-menu--loading:not(.b24-input-menu--leading).b24-input-menu--trailing .b24-input-menu__trailing-icon {
    width: 21px;
    height: 21px;
  }

  :is(.b24-input-menu.b24-input-menu--loading.b24-input-menu--leading.b24-input-menu--no-padding .b24-input-menu__base, .b24-input-menu.b24-input-menu--loading.b24-input-menu--leading.b24-input-menu--no-padding.b24-input-menu__base) {
    padding-inline-start: 34px;
  }

  :is(.b24-input-menu.b24-input-menu--loading:not(.b24-input-menu--leading).b24-input-menu--trailing.b24-input-menu--no-padding .b24-input-menu__base, .b24-input-menu.b24-input-menu--loading:not(.b24-input-menu--leading).b24-input-menu--trailing.b24-input-menu--no-padding.b24-input-menu__base) {
    padding-inline-end: 34px;
  }

  :is(.b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical):is(.b24-input-menu--size-xl, .b24-input-menu--size-lg, :is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"]))):not(.b24-input-menu--rounded) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical):is(.b24-input-menu--size-xl, .b24-input-menu--size-lg, :is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"]))):not(.b24-input-menu--rounded).b24-input-menu__base) {
    border-radius: var(--ui-border-radius-md);
  }

  :is(.b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical).b24-input-menu--size-sm:not(.b24-input-menu--rounded) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical).b24-input-menu--size-sm:not(.b24-input-menu--rounded).b24-input-menu__base) {
    border-radius: var(--ui-border-radius-sm);
  }

  :is(.b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical).b24-input-menu--size-xs:not(.b24-input-menu--rounded) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical).b24-input-menu--size-xs:not(.b24-input-menu--rounded).b24-input-menu__base) {
    border-radius: var(--ui-border-radius-xs);
  }

  :is(.b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical).b24-input-menu--size-xss:not(.b24-input-menu--rounded) .b24-input-menu__base, .b24-input-menu:is(.b24-input-menu--field-group-horizontal, .b24-input-menu--field-group-vertical).b24-input-menu--size-xss:not(.b24-input-menu--rounded).b24-input-menu__base) {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    :is(.b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-xss .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-xss.b24-input-menu__base) {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    :is(.b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-xs .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-xs.b24-input-menu__base) {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    :is(.b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-sm .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-sm.b24-input-menu__base) {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    :is(.b24-input-menu:not(.b24-input-menu--fixed):is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])) .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--fixed):is(.b24-input-menu--size-md, :not([class*="b24-input-menu--size-"])).b24-input-menu__base), :is(.b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-lg .b24-input-menu__base, .b24-input-menu:not(.b24-input-menu--fixed).b24-input-menu--size-lg.b24-input-menu__base) {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-input-date {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-input-date .b24-input-date__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-input-date .b24-input-date__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-date .b24-input-date__leading-avatar {
    flex-shrink: 0;
  }

  .b24-input-date .b24-input-date__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-input-date .b24-input-date__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-date .b24-input-date__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-input-date .b24-input-date__segment {
    border-radius: var(--radius-2xs);
    text-align: center;
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .b24-input-date .b24-input-date__segment {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .b24-input-date .b24-input-date__segment {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-input-date .b24-input-date__segment:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-input-date .b24-input-date__segment:focus {
    background-color: var(--ui-color-bg-content-secondary);
    color: var(--ui-color-base-1);
  }

  .b24-input-date .b24-input-date__segment:active {
    color: var(--ui-color-base-1);
  }

  .b24-input-date .b24-input-date__segment[data-disabled] {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-date .b24-input-date__segment[data-invalid] {
    color: var(--ui-color-accent-main-alert);
  }

  .b24-input-date .b24-input-date__segment[data-placeholder] {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-input-date .b24-input-date__segment[data-segment="literal"] {
    color: var(--ui-color-base-6);
  }

  .b24-input-date .b24-input-date__separator-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--ui-color-base-6);
    flex-shrink: 0;
  }

  .b24-input-date.b24-input-date--field-group-horizontal {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input-date.b24-input-date--field-group-horizontal:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-date.b24-input-date--field-group-vertical {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input-date.b24-input-date--field-group-vertical:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-date:not(.b24-input-date--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input-date:not(.b24-input-date--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-input-date:not(.b24-input-date--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-input-date.b24-input-date--size-xss {
    height: 20px;
    padding-inline: var(--spacing);
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-input-date.b24-input-date--size-xss .b24-input-date__leading, .b24-input-date.b24-input-date--size-xss .b24-input-date__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-date.b24-input-date--size-xss .b24-input-date__leading-icon, .b24-input-date.b24-input-date--size-xss .b24-input-date__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-input-date.b24-input-date--size-xss .b24-input-date__segment[data-segment="day"], .b24-input-date.b24-input-date--size-xss .b24-input-date__segment[data-segment="month"] {
    width: calc(var(--spacing) * 8);
  }

  .b24-input-date.b24-input-date--size-xss .b24-input-date__segment[data-segment="year"] {
    width: calc(var(--spacing) * 10);
  }

  .b24-input-date.b24-input-date--size-xs {
    gap: calc(var(--spacing) * .25);
    height: 24px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-input-date.b24-input-date--size-xs .b24-input-date__leading, .b24-input-date.b24-input-date--size-xs .b24-input-date__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-date.b24-input-date--size-xs .b24-input-date__leading-icon, .b24-input-date.b24-input-date--size-xs .b24-input-date__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-input-date.b24-input-date--size-xs .b24-input-date__segment[data-segment="day"], .b24-input-date.b24-input-date--size-xs .b24-input-date__segment[data-segment="month"] {
    width: calc(var(--spacing) * 8);
  }

  .b24-input-date.b24-input-date--size-xs .b24-input-date__segment[data-segment="year"] {
    width: calc(var(--spacing) * 10);
  }

  .b24-input-date.b24-input-date--size-sm {
    gap: calc(var(--spacing) * .5);
    height: 28px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-input-date.b24-input-date--size-sm .b24-input-date__leading, .b24-input-date.b24-input-date--size-sm .b24-input-date__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-input-date.b24-input-date--size-sm .b24-input-date__leading-icon, .b24-input-date.b24-input-date--size-sm .b24-input-date__leading-avatar, .b24-input-date.b24-input-date--size-sm .b24-input-date__trailing-icon {
    width: 16px;
    height: 16px;
  }

  .b24-input-date.b24-input-date--size-sm .b24-input-date__segment[data-segment="day"], .b24-input-date.b24-input-date--size-sm .b24-input-date__segment[data-segment="month"] {
    width: calc(var(--spacing) * 8);
  }

  .b24-input-date.b24-input-date--size-sm .b24-input-date__segment[data-segment="year"] {
    width: calc(var(--spacing) * 10);
  }

  .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) {
    gap: calc(var(--spacing) * .5);
    height: 34px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__leading, .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__leading-icon, .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__segment[data-segment="day"], .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__segment[data-segment="month"] {
    width: calc(var(--spacing) * 9);
  }

  .b24-input-date:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) .b24-input-date__segment[data-segment="year"] {
    width: calc(var(--spacing) * 11);
  }

  .b24-input-date.b24-input-date--size-lg {
    gap: calc(var(--spacing) * .75);
    height: 38px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-date.b24-input-date--size-lg .b24-input-date__leading, .b24-input-date.b24-input-date--size-lg .b24-input-date__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-date.b24-input-date--size-lg .b24-input-date__leading-icon, .b24-input-date.b24-input-date--size-lg .b24-input-date__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-date.b24-input-date--size-lg .b24-input-date__segment[data-segment="day"], .b24-input-date.b24-input-date--size-lg .b24-input-date__segment[data-segment="month"] {
    width: calc(var(--spacing) * 10);
  }

  .b24-input-date.b24-input-date--size-lg .b24-input-date__segment[data-segment="year"] {
    width: calc(var(--spacing) * 12);
  }

  .b24-input-date.b24-input-date--size-xl {
    gap: calc(var(--spacing) * .75);
    height: 46px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-input-date.b24-input-date--size-xl .b24-input-date__leading, .b24-input-date.b24-input-date--size-xl .b24-input-date__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-date.b24-input-date--size-xl .b24-input-date__leading-icon, .b24-input-date.b24-input-date--size-xl .b24-input-date__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-date.b24-input-date--size-xl .b24-input-date__segment[data-segment="day"], .b24-input-date.b24-input-date--size-xl .b24-input-date__segment[data-segment="month"] {
    width: calc(var(--spacing) * 10);
  }

  .b24-input-date.b24-input-date--size-xl .b24-input-date__segment[data-segment="year"] {
    width: calc(var(--spacing) * 12);
  }

  .b24-input-date.b24-input-date--rounded {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-input-date:not(.b24-input-date--rounded) {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input-date.b24-input-date--no-padding {
    padding-inline: 0;
  }

  .b24-input-date.b24-input-date--no-border, .b24-input-date.b24-input-date--no-border:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-date.b24-input-date--underline {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-date.b24-input-date--underline:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-date.b24-input-date--highlight {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-input-date.b24-input-date--type-file::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .b24-input-date:not(.b24-input-date--highlight):not(.b24-input-date--no-border):not(.b24-input-date--underline) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-date:not(.b24-input-date--highlight):not(.b24-input-date--no-border):not(.b24-input-date--underline):hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input-date:not(.b24-input-date--highlight):not(.b24-input-date--no-border):not(.b24-input-date--underline):focus-visible, .b24-input-date:not(.b24-input-date--highlight):not(.b24-input-date--no-border):not(.b24-input-date--underline)[data-state="open"], .b24-input-date.b24-input-date--highlight:not(.b24-input-date--no-border):not(.b24-input-date--underline) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-date.b24-input-date--highlight:not(.b24-input-date--no-border):not(.b24-input-date--underline):hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input-date.b24-input-date--highlight:not(.b24-input-date--no-border):not(.b24-input-date--underline):focus-visible, .b24-input-date.b24-input-date--highlight:not(.b24-input-date--no-border):not(.b24-input-date--underline)[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-date:not(.b24-input-date--no-border).b24-input-date--underline:hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  .b24-input-date:not(.b24-input-date--no-border).b24-input-date--underline:focus-visible, .b24-input-date:not(.b24-input-date--no-border).b24-input-date--underline[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  .b24-input-date.b24-input-date--highlight:not(.b24-input-date--no-border).b24-input-date--underline {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-date.b24-input-date--highlight.b24-input-date--no-border:not(.b24-input-date--underline) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-date.b24-input-date--type-file.b24-input-date--size-xss {
    padding-block: 2px;
  }

  .b24-input-date.b24-input-date--type-file.b24-input-date--size-xs {
    padding-block: 4px;
  }

  .b24-input-date.b24-input-date--type-file.b24-input-date--size-sm {
    padding-block: 5px;
  }

  .b24-input-date.b24-input-date--type-file:is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) {
    padding-block: 7px;
  }

  .b24-input-date.b24-input-date--type-file.b24-input-date--size-lg {
    padding-block: 9px;
  }

  .b24-input-date.b24-input-date--type-file.b24-input-date--size-xl {
    padding-block: 11px;
  }

  .b24-input-date.b24-input-date--leading:not(.b24-input-date--no-padding).b24-input-date--size-xss {
    padding-inline-start: 20px;
  }

  .b24-input-date.b24-input-date--leading:not(.b24-input-date--no-padding).b24-input-date--size-xs {
    padding-inline-start: 22px;
  }

  .b24-input-date.b24-input-date--leading:not(.b24-input-date--no-padding).b24-input-date--size-sm {
    padding-inline-start: 28px;
  }

  .b24-input-date.b24-input-date--leading:not(.b24-input-date--no-padding):is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])), .b24-input-date.b24-input-date--leading:not(.b24-input-date--no-padding).b24-input-date--size-lg, .b24-input-date.b24-input-date--leading:not(.b24-input-date--no-padding).b24-input-date--size-xl {
    padding-inline-start: 32px;
  }

  .b24-input-date.b24-input-date--trailing:not(.b24-input-date--no-padding).b24-input-date--size-xss {
    padding-inline-end: 20px;
  }

  .b24-input-date.b24-input-date--trailing:not(.b24-input-date--no-padding).b24-input-date--size-xs {
    padding-inline-end: 22px;
  }

  .b24-input-date.b24-input-date--trailing:not(.b24-input-date--no-padding).b24-input-date--size-sm {
    padding-inline-end: 28px;
  }

  .b24-input-date.b24-input-date--trailing:not(.b24-input-date--no-padding):is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])) {
    padding-inline-end: 34px;
  }

  .b24-input-date.b24-input-date--trailing:not(.b24-input-date--no-padding).b24-input-date--size-lg, .b24-input-date.b24-input-date--trailing:not(.b24-input-date--no-padding).b24-input-date--size-xl {
    padding-inline-end: 38px;
  }

  .b24-input-date.b24-input-date--loading.b24-input-date--leading .b24-input-date__leading-icon, .b24-input-date.b24-input-date--loading:not(.b24-input-date--leading).b24-input-date--trailing .b24-input-date__trailing-icon {
    width: 21px;
    height: 21px;
  }

  .b24-input-date.b24-input-date--loading.b24-input-date--leading.b24-input-date--no-padding {
    padding-inline-start: 34px;
  }

  .b24-input-date.b24-input-date--loading:not(.b24-input-date--leading).b24-input-date--trailing.b24-input-date--no-padding {
    padding-inline-end: 34px;
  }

  .b24-input-date:is(.b24-input-date--field-group-horizontal, .b24-input-date--field-group-vertical):is(.b24-input-date--size-xl, .b24-input-date--size-lg, :is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"]))):not(.b24-input-date--rounded) {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-input-date:is(.b24-input-date--field-group-horizontal, .b24-input-date--field-group-vertical).b24-input-date--size-sm:not(.b24-input-date--rounded) {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input-date:is(.b24-input-date--field-group-horizontal, .b24-input-date--field-group-vertical).b24-input-date--size-xs:not(.b24-input-date--rounded) {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-input-date:is(.b24-input-date--field-group-horizontal, .b24-input-date--field-group-vertical).b24-input-date--size-xss:not(.b24-input-date--rounded) {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    .b24-input-date:not(.b24-input-date--fixed).b24-input-date--size-xss {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-input-date:not(.b24-input-date--fixed).b24-input-date--size-xs {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-input-date:not(.b24-input-date--fixed).b24-input-date--size-sm {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-input-date:not(.b24-input-date--fixed):is(.b24-input-date--size-md, :not([class*="b24-input-date--size-"])), .b24-input-date:not(.b24-input-date--fixed).b24-input-date--size-lg {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-input-time {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .b24-input-time .b24-input-time__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-input-time .b24-input-time__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-time .b24-input-time__leading-avatar {
    flex-shrink: 0;
  }

  .b24-input-time .b24-input-time__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-input-time .b24-input-time__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-time .b24-input-time__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-input-time .b24-input-time__segment {
    border-radius: var(--radius-2xs);
    text-align: center;
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .b24-input-time .b24-input-time__segment {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .b24-input-time .b24-input-time__segment {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-input-time .b24-input-time__segment:hover {
      color: var(--ui-color-base-1);
    }
  }

  .b24-input-time .b24-input-time__segment:focus {
    background-color: var(--ui-color-bg-content-secondary);
    color: var(--ui-color-base-1);
  }

  .b24-input-time .b24-input-time__segment:active {
    color: var(--ui-color-base-1);
  }

  .b24-input-time .b24-input-time__segment[data-disabled] {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-time .b24-input-time__segment[data-invalid] {
    color: var(--ui-color-accent-main-alert);
  }

  .b24-input-time .b24-input-time__segment[data-placeholder] {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-input-time .b24-input-time__segment[data-segment="literal"] {
    color: var(--ui-color-base-6);
  }

  .b24-input-time .b24-input-time__separator-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--ui-color-design-plain-na-content-secondary);
    flex-shrink: 0;
  }

  .b24-input-time.b24-input-time--field-group-horizontal {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input-time.b24-input-time--field-group-horizontal:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-time.b24-input-time--field-group-vertical {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  .b24-input-time.b24-input-time--field-group-vertical:focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-time:not(.b24-input-time--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-input-time:not(.b24-input-time--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  .b24-input-time:not(.b24-input-time--no-split):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .b24-input-time.b24-input-time--size-xss {
    height: 20px;
    padding-inline: var(--spacing);
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-input-time.b24-input-time--size-xss .b24-input-time__leading, .b24-input-time.b24-input-time--size-xss .b24-input-time__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-time.b24-input-time--size-xss .b24-input-time__leading-icon, .b24-input-time.b24-input-time--size-xss .b24-input-time__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-input-time.b24-input-time--size-xss .b24-input-time__segment:not([data-segment="literal"]) {
    width: calc(var(--spacing) * 8);
  }

  .b24-input-time.b24-input-time--size-xs {
    gap: calc(var(--spacing) * .25);
    height: 24px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-input-time.b24-input-time--size-xs .b24-input-time__leading, .b24-input-time.b24-input-time--size-xs .b24-input-time__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-time.b24-input-time--size-xs .b24-input-time__leading-icon, .b24-input-time.b24-input-time--size-xs .b24-input-time__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-input-time.b24-input-time--size-xs .b24-input-time__segment:not([data-segment="literal"]) {
    width: calc(var(--spacing) * 8);
  }

  .b24-input-time.b24-input-time--size-sm {
    gap: calc(var(--spacing) * .5);
    height: 28px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-input-time.b24-input-time--size-sm .b24-input-time__leading, .b24-input-time.b24-input-time--size-sm .b24-input-time__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-input-time.b24-input-time--size-sm .b24-input-time__leading-icon, .b24-input-time.b24-input-time--size-sm .b24-input-time__leading-avatar, .b24-input-time.b24-input-time--size-sm .b24-input-time__trailing-icon {
    width: 16px;
    height: 16px;
  }

  .b24-input-time.b24-input-time--size-sm .b24-input-time__segment:not([data-segment="literal"]) {
    width: calc(var(--spacing) * 8);
  }

  .b24-input-time:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) {
    gap: calc(var(--spacing) * .5);
    height: 34px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-time:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) .b24-input-time__leading, .b24-input-time:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) .b24-input-time__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-time:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) .b24-input-time__leading-icon, .b24-input-time:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) .b24-input-time__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input-time:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) .b24-input-time__segment:not([data-segment="literal"]) {
    width: calc(var(--spacing) * 9);
  }

  .b24-input-time.b24-input-time--size-lg {
    gap: calc(var(--spacing) * .75);
    height: 38px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-time.b24-input-time--size-lg .b24-input-time__leading, .b24-input-time.b24-input-time--size-lg .b24-input-time__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-time.b24-input-time--size-lg .b24-input-time__leading-icon, .b24-input-time.b24-input-time--size-lg .b24-input-time__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-time.b24-input-time--size-lg .b24-input-time__segment:not([data-segment="literal"]) {
    width: calc(var(--spacing) * 9);
  }

  .b24-input-time.b24-input-time--size-xl {
    gap: calc(var(--spacing) * .75);
    height: 46px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-input-time.b24-input-time--size-xl .b24-input-time__leading, .b24-input-time.b24-input-time--size-xl .b24-input-time__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-time.b24-input-time--size-xl .b24-input-time__leading-icon, .b24-input-time.b24-input-time--size-xl .b24-input-time__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-time.b24-input-time--size-xl .b24-input-time__segment:not([data-segment="literal"]) {
    width: calc(var(--spacing) * 10);
  }

  .b24-input-time.b24-input-time--rounded {
    border-radius: var(--ui-border-radius-3xl);
  }

  .b24-input-time:not(.b24-input-time--rounded) {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input-time.b24-input-time--no-padding {
    padding-inline: 0;
  }

  .b24-input-time.b24-input-time--no-border, .b24-input-time.b24-input-time--no-border:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-time.b24-input-time--underline {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-time.b24-input-time--underline:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-time.b24-input-time--highlight {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  .b24-input-time.b24-input-time--type-file::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .b24-input-time:not(.b24-input-time--highlight):not(.b24-input-time--no-border):not(.b24-input-time--underline) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-time:not(.b24-input-time--highlight):not(.b24-input-time--no-border):not(.b24-input-time--underline):hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input-time:not(.b24-input-time--highlight):not(.b24-input-time--no-border):not(.b24-input-time--underline):focus-visible, .b24-input-time:not(.b24-input-time--highlight):not(.b24-input-time--no-border):not(.b24-input-time--underline)[data-state="open"], .b24-input-time.b24-input-time--highlight:not(.b24-input-time--no-border):not(.b24-input-time--underline) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-time.b24-input-time--highlight:not(.b24-input-time--no-border):not(.b24-input-time--underline):hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  .b24-input-time.b24-input-time--highlight:not(.b24-input-time--no-border):not(.b24-input-time--underline):focus-visible, .b24-input-time.b24-input-time--highlight:not(.b24-input-time--no-border):not(.b24-input-time--underline)[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    .b24-input-time:not(.b24-input-time--no-border).b24-input-time--underline:hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  .b24-input-time:not(.b24-input-time--no-border).b24-input-time--underline:focus-visible, .b24-input-time:not(.b24-input-time--no-border).b24-input-time--underline[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  .b24-input-time.b24-input-time--highlight:not(.b24-input-time--no-border).b24-input-time--underline {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-time.b24-input-time--highlight.b24-input-time--no-border:not(.b24-input-time--underline) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-time.b24-input-time--type-file.b24-input-time--size-xss {
    padding-block: 2px;
  }

  .b24-input-time.b24-input-time--type-file.b24-input-time--size-xs {
    padding-block: 4px;
  }

  .b24-input-time.b24-input-time--type-file.b24-input-time--size-sm {
    padding-block: 5px;
  }

  .b24-input-time.b24-input-time--type-file:is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) {
    padding-block: 7px;
  }

  .b24-input-time.b24-input-time--type-file.b24-input-time--size-lg {
    padding-block: 9px;
  }

  .b24-input-time.b24-input-time--type-file.b24-input-time--size-xl {
    padding-block: 11px;
  }

  .b24-input-time.b24-input-time--leading:not(.b24-input-time--no-padding).b24-input-time--size-xss {
    padding-inline-start: 20px;
  }

  .b24-input-time.b24-input-time--leading:not(.b24-input-time--no-padding).b24-input-time--size-xs {
    padding-inline-start: 22px;
  }

  .b24-input-time.b24-input-time--leading:not(.b24-input-time--no-padding).b24-input-time--size-sm {
    padding-inline-start: 28px;
  }

  .b24-input-time.b24-input-time--leading:not(.b24-input-time--no-padding):is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])), .b24-input-time.b24-input-time--leading:not(.b24-input-time--no-padding).b24-input-time--size-lg, .b24-input-time.b24-input-time--leading:not(.b24-input-time--no-padding).b24-input-time--size-xl {
    padding-inline-start: 32px;
  }

  .b24-input-time.b24-input-time--trailing:not(.b24-input-time--no-padding).b24-input-time--size-xss {
    padding-inline-end: 20px;
  }

  .b24-input-time.b24-input-time--trailing:not(.b24-input-time--no-padding).b24-input-time--size-xs {
    padding-inline-end: 22px;
  }

  .b24-input-time.b24-input-time--trailing:not(.b24-input-time--no-padding).b24-input-time--size-sm {
    padding-inline-end: 28px;
  }

  .b24-input-time.b24-input-time--trailing:not(.b24-input-time--no-padding):is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])) {
    padding-inline-end: 34px;
  }

  .b24-input-time.b24-input-time--trailing:not(.b24-input-time--no-padding).b24-input-time--size-lg, .b24-input-time.b24-input-time--trailing:not(.b24-input-time--no-padding).b24-input-time--size-xl {
    padding-inline-end: 38px;
  }

  .b24-input-time.b24-input-time--loading.b24-input-time--leading .b24-input-time__leading-icon, .b24-input-time.b24-input-time--loading:not(.b24-input-time--leading).b24-input-time--trailing .b24-input-time__trailing-icon {
    width: 21px;
    height: 21px;
  }

  .b24-input-time.b24-input-time--loading.b24-input-time--leading.b24-input-time--no-padding {
    padding-inline-start: 34px;
  }

  .b24-input-time.b24-input-time--loading:not(.b24-input-time--leading).b24-input-time--trailing.b24-input-time--no-padding {
    padding-inline-end: 34px;
  }

  .b24-input-time:is(.b24-input-time--field-group-horizontal, .b24-input-time--field-group-vertical):is(.b24-input-time--size-xl, .b24-input-time--size-lg, :is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"]))):not(.b24-input-time--rounded) {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-input-time:is(.b24-input-time--field-group-horizontal, .b24-input-time--field-group-vertical).b24-input-time--size-sm:not(.b24-input-time--rounded) {
    border-radius: var(--ui-border-radius-sm);
  }

  .b24-input-time:is(.b24-input-time--field-group-horizontal, .b24-input-time--field-group-vertical).b24-input-time--size-xs:not(.b24-input-time--rounded) {
    border-radius: var(--ui-border-radius-xs);
  }

  .b24-input-time:is(.b24-input-time--field-group-horizontal, .b24-input-time--field-group-vertical).b24-input-time--size-xss:not(.b24-input-time--rounded) {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    .b24-input-time:not(.b24-input-time--fixed).b24-input-time--size-xss {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    .b24-input-time:not(.b24-input-time--fixed).b24-input-time--size-xs {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    .b24-input-time:not(.b24-input-time--fixed).b24-input-time--size-sm {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    .b24-input-time:not(.b24-input-time--fixed):is(.b24-input-time--size-md, :not([class*="b24-input-time--size-"])), .b24-input-time:not(.b24-input-time--fixed).b24-input-time--size-lg {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-date-time-picker {
    padding: 0;
    overflow: hidden;
  }

  .b24-date-time-picker .b24-date-time-picker__body {
    flex-direction: column-reverse;
    display: flex;
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker .b24-date-time-picker__body {
      flex-direction: row;
    }
  }

  .b24-date-time-picker__trigger {
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
  }

  .b24-date-time-picker .b24-date-time-picker__main {
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .b24-date-time-picker .b24-date-time-picker__presets {
    gap: calc(var(--spacing) * 1.5);
    padding: calc(var(--spacing) * 4);
    flex-direction: row;
    display: flex;
    overflow-x: auto;
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker .b24-date-time-picker__presets {
      max-height: var(--max-height-popup-menu);
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: var(--ui-color-divider-default);
      flex-direction: column;
      overflow: visible auto;
    }
  }

  .b24-date-time-picker .b24-date-time-picker__preset {
    min-width: calc(var(--spacing) * 36);
    cursor: pointer;
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-divider-default);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: start;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  @media (hover: hover) {
    .b24-date-time-picker .b24-date-time-picker__preset:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__preset:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-date-time-picker .b24-date-time-picker__preset[data-active="true"] {
    border-color: var(--b24ui-background);
    color: var(--b24ui-background);
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker .b24-date-time-picker__preset {
      padding-block: var(--spacing);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__preset-label {
    font-size: var(--ui-font-size-md);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-label-color);
  }

  .b24-date-time-picker .b24-date-time-picker__preset-hint {
    font-size: var(--ui-font-size-xs);
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-date-time-picker .b24-date-time-picker__time-header {
    align-items: center;
    gap: var(--spacing);
    padding-bottom: calc(var(--spacing) * 3);
    display: flex;
  }

  .b24-date-time-picker .b24-date-time-picker__time-header-back {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    cursor: pointer;
    border-radius: var(--ui-border-radius-circle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .b24-date-time-picker .b24-date-time-picker__time-header-back:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__time-header-back:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker .b24-date-time-picker__time-header-back {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__time-header-back-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-date-time-picker .b24-date-time-picker__time-header-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    padding: calc(var(--spacing) * 1.5);
    text-align: center;
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-legend-color);
    flex: 1;
    display: block;
    overflow: hidden;
  }

  .b24-date-time-picker .b24-date-time-picker__time-body {
    justify-content: center;
    min-width: 252px;
    display: flex;
  }

  .b24-date-time-picker .b24-date-time-picker__time-column {
    gap: var(--spacing);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--ui-color-divider-default);
    padding-inline: calc(var(--spacing) * 3);
    flex-direction: column;
    display: flex;
  }

  .b24-date-time-picker .b24-date-time-picker__time-column:first-child {
    border-left-style: var(--tw-border-style);
    padding-left: var(--spacing);
    border-left-width: 0;
  }

  .b24-date-time-picker .b24-date-time-picker__time-column:last-child {
    padding-right: var(--spacing);
  }

  .b24-date-time-picker .b24-date-time-picker__time-column-title {
    padding-bottom: calc(var(--spacing) * 2);
    text-align: center;
    font-size: var(--ui-font-size-xs);
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-date-time-picker .b24-date-time-picker__time-hours-grid {
    gap: var(--spacing);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
  }

  .b24-date-time-picker .b24-date-time-picker__time-minutes-grid {
    gap: var(--spacing);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    cursor: pointer;
    border-radius: var(--ui-border-radius-circle);
    color: var(--b24ui-typography-label-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .b24-date-time-picker .b24-date-time-picker__time-cell:hover:not([data-selected]) {
      background-color: var(--b24ui-background);
      color: var(--b24ui-color);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-background-hover);
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell[data-selected] {
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell[data-selected]:focus-visible {
    --tw-ring-color: var(--b24ui-background-hover);
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell[data-now] {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
  }

  .b24-date-time-picker .b24-date-time-picker__time-cell[data-now]:not([data-selected]):not(:hover) {
    color: var(--b24ui-background);
  }

  @media not all and (hover: hover) {
    .b24-date-time-picker .b24-date-time-picker__time-cell[data-now]:not([data-selected]) {
      color: var(--b24ui-background);
    }
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker .b24-date-time-picker__time-cell {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__footer {
    margin-top: calc(var(--spacing) * 2);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--ui-border-radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    color: var(--b24ui-background);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    align-self: flex-start;
    display: inline-flex;
  }

  @media (hover: hover) {
    .b24-date-time-picker .b24-date-time-picker__footer:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__footer:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker .b24-date-time-picker__footer {
      padding-block: var(--spacing);
    }
  }

  .b24-date-time-picker .b24-date-time-picker__footer-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }

  .b24-date-time-picker .b24-date-time-picker__footer-value {
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
  }

  .b24-date-time-picker.b24-date-time-picker--size-xs .b24-date-time-picker__time-header-label {
    font-size: var(--ui-font-size-md);
  }

  .b24-date-time-picker.b24-date-time-picker--size-xs .b24-date-time-picker__time-column-title {
    font-size: var(--ui-font-size-4xs);
  }

  .b24-date-time-picker.b24-date-time-picker--size-xs .b24-date-time-picker__time-cell {
    font-size: var(--ui-font-size-sm);
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker.b24-date-time-picker--size-xs .b24-date-time-picker__time-cell {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }

  .b24-date-time-picker.b24-date-time-picker--size-xs .b24-date-time-picker__preset {
    min-width: calc(var(--spacing) * 32);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
  }

  .b24-date-time-picker.b24-date-time-picker--size-sm .b24-date-time-picker__time-header-label {
    font-size: var(--ui-font-size-md);
  }

  .b24-date-time-picker.b24-date-time-picker--size-sm .b24-date-time-picker__time-column-title {
    font-size: var(--ui-font-size-3xs);
  }

  .b24-date-time-picker.b24-date-time-picker--size-sm .b24-date-time-picker__time-cell {
    font-size: var(--ui-font-size-sm);
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker.b24-date-time-picker--size-sm .b24-date-time-picker__time-cell {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }

  .b24-date-time-picker.b24-date-time-picker--size-sm .b24-date-time-picker__preset {
    min-width: calc(var(--spacing) * 34);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
  }

  .b24-date-time-picker:is(.b24-date-time-picker--size-md, :not([class*="b24-date-time-picker--size-"])) .b24-date-time-picker__time-header-label {
    font-size: var(--ui-font-size-lg);
  }

  .b24-date-time-picker:is(.b24-date-time-picker--size-md, :not([class*="b24-date-time-picker--size-"])) .b24-date-time-picker__time-column-title {
    font-size: var(--ui-font-size-xs);
  }

  .b24-date-time-picker:is(.b24-date-time-picker--size-md, :not([class*="b24-date-time-picker--size-"])) .b24-date-time-picker__time-cell {
    font-size: var(--ui-font-size-md);
  }

  .b24-date-time-picker.b24-date-time-picker--size-lg .b24-date-time-picker__time-header-label {
    font-size: var(--ui-font-size-2xl);
  }

  .b24-date-time-picker.b24-date-time-picker--size-lg .b24-date-time-picker__time-column-title {
    font-size: var(--ui-font-size-xs);
  }

  .b24-date-time-picker.b24-date-time-picker--size-lg .b24-date-time-picker__time-cell {
    font-size: var(--ui-font-size-lg);
  }

  @media (min-width: 40rem) {
    .b24-date-time-picker.b24-date-time-picker--size-lg .b24-date-time-picker__time-cell {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }

  .b24-date-time-picker.b24-date-time-picker--size-lg .b24-date-time-picker__preset {
    min-width: calc(var(--spacing) * 40);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
  }

  .b24-field-group {
    position: relative;
  }

  .b24-field-group:is(.b24-field-group--orientation-horizontal, :not([class*="b24-field-group--orientation-"])) {
    flex-direction: row;
    display: flex;
  }

  :where(.b24-field-group:is(.b24-field-group--orientation-horizontal, :not([class*="b24-field-group--orientation-"])) > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
    margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
  }

  .b24-field-group.b24-field-group--orientation-vertical {
    flex-direction: column;
    display: flex;
  }

  :where(.b24-field-group.b24-field-group--orientation-vertical > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(-1px * var(--tw-space-y-reverse));
    margin-block-end: calc(-1px * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-dashboard-navbar {
    height: var(--b24ui-header-height);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    padding-inline-start: calc(var(--spacing) * 2);
    padding-inline-end: calc(var(--spacing) * 4);
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-navbar {
      padding-inline-start: calc(var(--spacing) * 4);
      padding-inline-end: calc(var(--spacing) * 4);
    }
  }

  .b24-dashboard-navbar .b24-dashboard-navbar__left {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    display: flex;
  }

  .b24-dashboard-navbar .b24-dashboard-navbar__icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-self: center;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .b24-dashboard-navbar .b24-dashboard-navbar__title {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 25px;
    font-weight: var(--font-weight-medium);
    color: var(--ui-color-base-1);
    display: flex;
    overflow: hidden;
  }

  .b24-dashboard-navbar .b24-dashboard-navbar__title:where(html[data-platform="bitrix-mobile"] *) {
    font-size: 18px;
  }

  .b24-dashboard-navbar .b24-dashboard-navbar__center {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-navbar .b24-dashboard-navbar__center {
      display: flex;
    }
  }

  .b24-dashboard-navbar .b24-dashboard-navbar__right {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    flex-shrink: 0;
    display: flex;
  }

  .b24-dashboard-panel {
    flex-direction: column;
    flex-shrink: 0;
    min-width: 0;
    min-height: 100svh;
    display: flex;
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-panel:not(:last-child) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 0;
      border-color: var(--ui-color-divider-default);
    }
  }

  .b24-dashboard-panel .b24-dashboard-panel__body {
    scrollbar-width: thin;
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow-y: auto;
  }

  @media (min-width: 40rem) {
    .b24-dashboard-panel .b24-dashboard-panel__body {
      padding: calc(var(--spacing) * 4);
      padding-top: 0;
    }
  }

  .b24-dashboard-panel.b24-dashboard-panel--size {
    width: 100%;
    width: var(--width-full);
  }

  @media (min-width: 64rem) {
    .b24-dashboard-panel.b24-dashboard-panel--size {
      width: var(--width);
    }
  }

  .b24-dashboard-panel:not(.b24-dashboard-panel--size) {
    flex: 1;
  }

  .b24-dashboard-resize-handle {
    cursor: ew-resize;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
    display: none;
    position: relative;
  }

  .b24-dashboard-resize-handle:before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    inset-block: 0;
    right: calc(var(--spacing) * -1.5);
    content: var(--tw-content);
    left: calc(var(--spacing) * -1.5);
    content: var(--tw-content);
    z-index: 1;
    position: absolute;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-resize-handle {
      display: block;
    }
  }

  .b24-dashboard-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    min-height: 49px;
    padding-inline: calc(var(--spacing) * 4);
    border-width: 0;
    flex-shrink: 0;
    display: flex;
    overflow-x: auto;
  }

  .b24-dashboard-toolbar .b24-dashboard-toolbar__left, .b24-dashboard-toolbar .b24-dashboard-toolbar__right {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-dashboard-group {
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
  }

  .b24-dashboard-sidebar {
    min-height: 100svh;
    width: var(--width);
    min-width: calc(var(--spacing) * 16);
    background-color: var(--ui-color-bg-content-primary);
    flex-direction: column;
    flex-shrink: 0;
    display: none;
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-dashboard-sidebar {
      background-color: color-mix(in oklab, var(--ui-color-bg-content-primary) 20%, transparent);
    }
  }

  .b24-dashboard-sidebar {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  @media (min-width: 64rem) {
    .b24-dashboard-sidebar {
      display: flex;
    }
  }

  .b24-dashboard-sidebar:where(.dark, .dark *) {
    background-color: var(--ui-color-bg-content-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-dashboard-sidebar:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--ui-color-bg-content-primary) 70%, transparent);
    }
  }

  .b24-dashboard-sidebar:where(.light, .light *) {
    background-color: #0000;
  }

  .b24-dashboard-sidebar__header {
    height: var(--b24ui-header-height);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    padding-inline-start: calc(var(--spacing) * 4);
    padding-inline-end: calc(var(--spacing) * 4);
    display: flex;
  }

  .b24-dashboard-sidebar__body {
    scrollbar-width: thin;
    gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    flex-direction: column;
    flex: 1;
    padding-inline-start: calc(var(--spacing) * 4);
    padding-inline-end: calc(var(--spacing) * 4);
    display: flex;
    overflow-y: auto;
  }

  @media (min-width: 48rem) {
    .b24-dashboard-sidebar__body {
      padding-inline-end: calc(var(--spacing) * 2);
    }
  }

  .b24-dashboard-sidebar__body:where(.light, .light *) {
    --leftmenu-group-stroke: var(--ui-color-base-30);
  }

  .b24-dashboard-sidebar__footer {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 2);
    flex-shrink: 0;
    padding-inline-start: calc(var(--spacing) * 4);
    padding-inline-end: calc(var(--spacing) * 4);
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-sidebar__footer {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--ui-color-divider-default);
    }

    .b24-dashboard-sidebar__footer:where(.light, .light *) {
      border-color: var(--ui-color-base-30);
    }

    .b24-dashboard-sidebar__content, .b24-dashboard-sidebar__overlay {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .b24-dashboard-sidebar__header.b24-dashboard-sidebar__header--menu, .b24-dashboard-sidebar__body.b24-dashboard-sidebar__body--menu, .b24-dashboard-sidebar__footer.b24-dashboard-sidebar__footer--menu {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .b24-dashboard-sidebar:is(.b24-dashboard-sidebar--side-left, :not([class*="b24-dashboard-sidebar--side-"])) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-color: var(--ui-color-divider-accent);
  }

  .b24-dashboard-sidebar__toggle.b24-dashboard-sidebar__toggle--toggle-side-right {
    margin-inline-start: auto;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-sidebar-toggle {
      display: none;
    }
  }

  .b24-dashboard-sidebar-collapse {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-sidebar-collapse {
      display: flex;
    }
  }

  .b24-dashboard-search-button .b24-dashboard-search-button__trailing {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    margin-inline-start: auto;
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-search-button .b24-dashboard-search-button__trailing {
      display: flex;
    }
  }

  .b24-dashboard-search-button.b24-dashboard-search-button--collapsed .b24-dashboard-search-button__base-line {
    padding-inline: 5px;
  }

  .b24-dashboard-search-button.b24-dashboard-search-button--collapsed .b24-dashboard-search-button__label {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-dashboard-search-button.b24-dashboard-search-button--collapsed .b24-dashboard-search-button__trailing {
      display: none;
    }
  }

  .b24-page-header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-default);
    padding-block: calc(var(--spacing) * 8);
    position: relative;
  }

  .b24-page-header .b24-page-header__wrapper {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-page-header .b24-page-header__wrapper {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
  }

  .b24-page-header .b24-page-header__headline {
    margin-bottom: calc(var(--spacing) * 2.5);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--ui-color-accent-main-primary);
    display: flex;
  }

  .b24-page-header .b24-page-header__title {
    font-size: var(--ui-font-size-3xl);
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    text-wrap: pretty;
    color: var(--b24ui-typography-label-color);
  }

  @media (min-width: 40rem) {
    .b24-page-header .b24-page-header__title {
      font-size: var(--ui-font-size-4xl);
    }
  }

  .b24-page-header .b24-page-header__description {
    font-size: var(--ui-font-size-lg);
    text-wrap: pretty;
    color: var(--b24ui-typography-description-color);
  }

  .b24-page-header .b24-page-header__links {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    display: flex;
  }

  .b24-page-header.b24-page-header--title .b24-page-header__description {
    margin-top: calc(var(--spacing) * 4);
  }

  .b24-page-card {
    border-radius: var(--radius-lg);
    display: flex;
    position: relative;
  }

  .b24-page-card .b24-page-card__container {
    column-gap: calc(var(--spacing) * 8);
    row-gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 4);
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
  }

  @media (min-width: 40rem) {
    .b24-page-card .b24-page-card__container {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .b24-page-card .b24-page-card__container {
      display: grid;
    }
  }

  .b24-page-card .b24-page-card__wrapper {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    display: flex;
  }

  .b24-page-card .b24-page-card__header {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .b24-page-card .b24-page-card__body {
    flex: 1;
  }

  .b24-page-card .b24-page-card__footer {
    padding-top: calc(var(--spacing) * 4);
    margin-top: auto;
  }

  .b24-page-card .b24-page-card__leading {
    margin-bottom: calc(var(--spacing) * 2.5);
    align-items: center;
    display: inline-flex;
  }

  .b24-page-card .b24-page-card__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }

  .b24-page-card .b24-page-card__leading-avatar {
    flex-shrink: 0;
  }

  .b24-page-card .b24-page-card__title {
    font-size: var(--ui-font-size-2xl);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    line-height: normal;
    font-weight: var(--ui-font-weight-semi-bold);
    text-wrap: pretty;
  }

  .b24-page-card .b24-page-card__description {
    font-size: var(--ui-font-size-lg);
    text-wrap: pretty;
    line-height: normal;
  }

  @media (min-width: 64rem) {
    .b24-page-card.b24-page-card--orientation-horizontal .b24-page-card__container {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: center;
    }
  }

  .b24-page-card.b24-page-card--reverse .b24-page-card__wrapper {
    order: 9999;
  }

  .b24-page-card.b24-page-card--variant-filled {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-stroke-weight);
    border-color: var(--ui-color-design-filled-stroke);
    background-color: var(--ui-color-design-filled-bg);
    color: var(--ui-color-design-filled-content);
  }

  .b24-page-card.b24-page-card--variant-filled .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled .b24-page-card__title {
    color: var(--ui-color-design-filled-content);
  }

  .b24-page-card.b24-page-card--variant-filled .b24-page-card__description {
    color: var(--ui-color-design-filled-content-secondary);
  }

  .b24-page-card.b24-page-card--variant-filled-success {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-success-stroke-weight);
    border-color: var(--ui-color-design-filled-success-stroke);
    background-color: var(--ui-color-design-filled-success-bg);
    color: var(--ui-color-design-filled-success-content);
  }

  .b24-page-card.b24-page-card--variant-filled-success .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-success-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled-success .b24-page-card__title, .b24-page-card.b24-page-card--variant-filled-success .b24-page-card__description {
    color: var(--ui-color-design-filled-success-content);
  }

  .b24-page-card.b24-page-card--variant-filled-alert {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-alert-stroke-weight);
    border-color: var(--ui-color-design-filled-alert-stroke);
    background-color: var(--ui-color-design-filled-alert-bg);
    color: var(--ui-color-design-filled-alert-content);
  }

  .b24-page-card.b24-page-card--variant-filled-alert .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-alert-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled-alert .b24-page-card__title {
    color: var(--ui-color-design-filled-alert-content);
  }

  .b24-page-card.b24-page-card--variant-filled-alert .b24-page-card__description {
    color: var(--ui-color-design-filled-alert-content-secondary);
  }

  .b24-page-card.b24-page-card--variant-filled-warning {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-warning-stroke-weight);
    border-color: var(--ui-color-design-filled-warning-stroke);
    background-color: var(--ui-color-design-filled-warning-bg);
    color: var(--ui-color-design-filled-warning-content);
  }

  .b24-page-card.b24-page-card--variant-filled-warning .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-warning-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled-warning .b24-page-card__title, .b24-page-card.b24-page-card--variant-filled-warning .b24-page-card__description {
    color: var(--ui-color-design-filled-warning-content);
  }

  .b24-page-card.b24-page-card--variant-filled-copilot {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-copilot-stroke-weight);
    border-color: var(--ui-color-design-filled-copilot-stroke);
    background-color: var(--ui-color-design-filled-copilot-bg);
    color: var(--ui-color-design-filled-copilot-content);
  }

  .b24-page-card.b24-page-card--variant-filled-copilot .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-copilot-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled-copilot .b24-page-card__title, .b24-page-card.b24-page-card--variant-filled-copilot .b24-page-card__description {
    color: var(--ui-color-design-filled-copilot-content);
  }

  .b24-page-card.b24-page-card--variant-filled-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-na-stroke-weight);
    border-color: var(--ui-color-design-filled-na-stroke);
    background-color: var(--ui-color-design-filled-na-bg);
    color: var(--ui-color-design-filled-na-content);
  }

  .b24-page-card.b24-page-card--variant-filled-no-accent .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-na-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled-no-accent .b24-page-card__title, .b24-page-card.b24-page-card--variant-filled-no-accent .b24-page-card__description {
    color: var(--ui-color-design-filled-na-content);
  }

  .b24-page-card.b24-page-card--variant-filled-black {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-filled-black-stroke-weight);
    border-color: var(--ui-color-design-filled-black-stroke);
    background-color: var(--ui-color-design-filled-black-bg);
    color: var(--ui-color-design-filled-black-content);
  }

  .b24-page-card.b24-page-card--variant-filled-black .b24-page-card__leading-icon {
    color: var(--ui-color-design-filled-black-content-icon);
  }

  .b24-page-card.b24-page-card--variant-filled-black .b24-page-card__title, .b24-page-card.b24-page-card--variant-filled-black .b24-page-card__description {
    color: var(--ui-color-design-filled-black-content);
  }

  .b24-page-card.b24-page-card--variant-tinted {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-stroke-weight);
    border-color: var(--ui-color-design-tinted-stroke);
    background-color: var(--ui-color-design-tinted-bg);
    color: var(--ui-color-design-tinted-content);
  }

  .b24-page-card.b24-page-card--variant-tinted .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted .b24-page-card__description {
    color: var(--ui-color-design-tinted-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-alt {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-stroke-weight);
    border-color: var(--ui-color-design-tinted-stroke);
    background-color: var(--ui-color-design-tinted-bg-alt);
    color: var(--ui-color-design-tinted-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-alt .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted-alt .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted-alt .b24-page-card__description {
    color: var(--ui-color-design-tinted-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-accent-1 {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-a1-stroke-weight);
    border-color: var(--ui-color-design-tinted-a1-stroke);
    background-color: var(--ui-color-design-tinted-a1-bg);
    color: var(--ui-color-design-tinted-a1-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-accent-1 .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-a1-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted-accent-1 .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted-accent-1 .b24-page-card__description {
    color: var(--ui-color-design-tinted-a1-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-success {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-success-stroke-weight);
    border-color: var(--ui-color-design-tinted-success-stroke);
    background-color: var(--ui-color-design-tinted-success-bg);
    color: var(--ui-color-design-tinted-success-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-success .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-success-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted-success .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted-success .b24-page-card__description {
    color: var(--ui-color-design-tinted-success-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-alert {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-alert-stroke-weight);
    border-color: var(--ui-color-design-tinted-alert-stroke);
    background-color: var(--ui-color-design-tinted-alert-bg);
    color: var(--ui-color-design-tinted-alert-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-alert .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-alert-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted-alert .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted-alert .b24-page-card__description {
    color: var(--ui-color-design-tinted-alert-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-warning {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-warning-stroke-weight);
    border-color: var(--ui-color-design-tinted-warning-stroke);
    background-color: var(--ui-color-design-tinted-warning-bg);
    color: var(--ui-color-design-tinted-warning-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-warning .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-warning-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted-warning .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted-warning .b24-page-card__description {
    color: var(--ui-color-design-tinted-warning-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-tinted-na-stroke-weight);
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-design-tinted-na-bg);
    color: var(--ui-color-design-tinted-na-content);
  }

  .b24-page-card.b24-page-card--variant-tinted-no-accent .b24-page-card__leading-icon {
    color: var(--ui-color-design-tinted-na-content-icon);
  }

  .b24-page-card.b24-page-card--variant-tinted-no-accent .b24-page-card__title, .b24-page-card.b24-page-card--variant-tinted-no-accent .b24-page-card__description {
    color: var(--ui-color-design-tinted-na-content);
  }

  .b24-page-card:is(.b24-page-card--variant-outline, :not([class*="b24-page-card--variant-"])) {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-stroke-weight);
    border-color: var(--ui-color-design-outline-stroke);
    background-color: var(--ui-color-design-outline-bg);
    color: var(--ui-color-design-outline-content);
  }

  .b24-page-card:is(.b24-page-card--variant-outline, :not([class*="b24-page-card--variant-"])) .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-content-icon);
  }

  .b24-page-card:is(.b24-page-card--variant-outline, :not([class*="b24-page-card--variant-"])) .b24-page-card__title {
    color: var(--ui-color-design-outline-content);
  }

  .b24-page-card:is(.b24-page-card--variant-outline, :not([class*="b24-page-card--variant-"])) .b24-page-card__description {
    color: var(--ui-color-design-outline-content-secondary);
  }

  .b24-page-card.b24-page-card--variant-outline-alt {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-stroke-weight-alt);
    border-color: var(--ui-color-design-outline-content-divider);
    background-color: var(--ui-color-design-outline-bg-alt);
    color: var(--ui-color-design-outline-content);
  }

  .b24-page-card.b24-page-card--variant-outline-alt .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-alt .b24-page-card__title {
    color: var(--ui-color-design-outline-content);
  }

  .b24-page-card.b24-page-card--variant-outline-alt .b24-page-card__description {
    color: var(--ui-color-design-outline-content-secondary);
  }

  .b24-page-card.b24-page-card--variant-outline-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-a1-stroke-weight);
    border-color: var(--ui-color-design-outline-a1-stroke);
    background-color: var(--ui-color-design-outline-a1-bg);
    color: var(--ui-color-design-outline-a1-content);
  }

  .b24-page-card.b24-page-card--variant-outline-accent .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-a1-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-accent .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-accent .b24-page-card__description {
    color: var(--ui-color-design-outline-a1-content);
  }

  .b24-page-card.b24-page-card--variant-outline-accent-2 {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-a2-stroke-weight);
    border-color: var(--ui-color-design-outline-a2-stroke);
    background-color: var(--ui-color-design-outline-a2-bg);
    color: var(--ui-color-design-outline-a2-content);
  }

  .b24-page-card.b24-page-card--variant-outline-accent-2 .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-a2-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-accent-2 .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-accent-2 .b24-page-card__description {
    color: var(--ui-color-design-outline-a2-content);
  }

  .b24-page-card.b24-page-card--variant-outline-success {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-success-stroke-weight);
    border-color: var(--ui-color-design-outline-success-stroke);
    background-color: var(--ui-color-design-outline-success-bg);
    color: var(--ui-color-design-outline-success-content);
  }

  .b24-page-card.b24-page-card--variant-outline-success .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-success-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-success .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-success .b24-page-card__description {
    color: var(--ui-color-design-outline-success-content);
  }

  .b24-page-card.b24-page-card--variant-outline-alert {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-alert-stroke-weight);
    border-color: var(--ui-color-design-outline-alert-stroke);
    background-color: var(--ui-color-design-outline-alert-bg);
    color: var(--ui-color-design-outline-alert-content);
  }

  .b24-page-card.b24-page-card--variant-outline-alert .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-alert-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-alert .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-alert .b24-page-card__description {
    color: var(--ui-color-design-outline-alert-content);
  }

  .b24-page-card.b24-page-card--variant-outline-warning {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-warning-stroke-weight);
    border-color: var(--ui-color-design-outline-warning-stroke);
    background-color: var(--ui-color-design-outline-warning-bg);
    color: var(--ui-color-design-outline-warning-content);
  }

  .b24-page-card.b24-page-card--variant-outline-warning .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-warning-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-warning .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-warning .b24-page-card__description {
    color: var(--ui-color-design-outline-warning-content);
  }

  .b24-page-card.b24-page-card--variant-outline-copilot {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-copilot-stroke-weight);
    border-color: var(--ui-color-design-outline-copilot-stroke);
    background-color: var(--ui-color-design-outline-copilot-bg);
    color: var(--ui-color-design-outline-copilot-content);
  }

  .b24-page-card.b24-page-card--variant-outline-copilot .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-copilot-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-copilot .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-copilot .b24-page-card__description {
    color: var(--ui-color-design-outline-copilot-content);
  }

  .b24-page-card.b24-page-card--variant-outline-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-na-stroke-weight);
    border-color: var(--ui-color-design-outline-na-stroke);
    background-color: var(--ui-color-design-outline-na-bg);
    color: var(--ui-color-design-outline-na-content);
  }

  .b24-page-card.b24-page-card--variant-outline-no-accent .b24-page-card__leading-icon {
    color: var(--ui-color-design-outline-na-content-icon);
  }

  .b24-page-card.b24-page-card--variant-outline-no-accent .b24-page-card__title, .b24-page-card.b24-page-card--variant-outline-no-accent .b24-page-card__description {
    color: var(--ui-color-design-outline-na-content);
  }

  .b24-page-card.b24-page-card--variant-plain {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-plain-stroke-weight);
    border-color: var(--ui-color-design-plain-stroke);
    background-color: var(--ui-color-design-plain-bg);
    color: var(--ui-color-design-plain-content);
  }

  .b24-page-card.b24-page-card--variant-plain .b24-page-card__leading-icon {
    color: var(--ui-color-design-plain-content-icon);
  }

  .b24-page-card.b24-page-card--variant-plain .b24-page-card__title, .b24-page-card.b24-page-card--variant-plain .b24-page-card__description {
    color: var(--ui-color-design-plain-content);
  }

  .b24-page-card.b24-page-card--variant-plain-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-plain-a-stroke-weight);
    border-color: var(--ui-color-design-plain-a-stroke);
    background-color: var(--ui-color-design-plain-a-bg);
    color: var(--ui-color-design-plain-a-content);
  }

  .b24-page-card.b24-page-card--variant-plain-accent .b24-page-card__leading-icon {
    color: var(--ui-color-design-plain-a-content-icon);
  }

  .b24-page-card.b24-page-card--variant-plain-accent .b24-page-card__title, .b24-page-card.b24-page-card--variant-plain-accent .b24-page-card__description {
    color: var(--ui-color-design-plain-a-content);
  }

  .b24-page-card.b24-page-card--variant-plain-no-accent {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-plain-na-stroke-weight);
    border-color: var(--ui-color-design-plain-na-stroke);
    background-color: var(--ui-color-design-plain-na-bg);
    color: var(--ui-color-design-plain-na-content);
  }

  .b24-page-card.b24-page-card--variant-plain-no-accent .b24-page-card__leading-icon {
    color: var(--ui-color-design-plain-na-content-icon);
  }

  .b24-page-card.b24-page-card--variant-plain-no-accent .b24-page-card__title {
    color: var(--ui-color-design-plain-na-content);
  }

  .b24-page-card.b24-page-card--variant-plain-no-accent .b24-page-card__description {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-page-card.b24-page-card--variant-selection {
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-selection-stroke-weight);
    border-color: var(--ui-color-design-selection-stroke);
    background-color: var(--ui-color-design-selection-bg);
    color: var(--ui-color-design-selection-content);
  }

  .b24-page-card.b24-page-card--variant-selection .b24-page-card__leading-icon {
    color: var(--ui-color-design-selection-content-icon);
  }

  .b24-page-card.b24-page-card--variant-selection .b24-page-card__title, .b24-page-card.b24-page-card--variant-selection .b24-page-card__description {
    color: var(--ui-color-design-selection-content);
  }

  .b24-page-card.b24-page-card--to {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .b24-page-card.b24-page-card--to:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-filled-stroke);
  }

  .b24-page-card.b24-page-card--title .b24-page-card__description {
    margin-top: var(--spacing);
  }

  .b24-page-card.b24-page-card--highlight {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .b24-page-card.b24-page-card--variant-filled.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-filled-success.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-success-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled-success.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-success-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-filled-alert.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-alert-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled-alert.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-alert-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-filled-warning.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-warning-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled-warning.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-warning-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-filled-copilot.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-copilot-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled-copilot.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-copilot-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-filled-no-accent.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-na-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled-no-accent.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-na-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-filled-black.b24-page-card--to:hover {
      background-color: var(--ui-color-design-filled-black-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-filled-black.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-filled-black-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted-alt.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-bg-alt);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted-alt.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-bg-alt) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted-accent-1.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-a1-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted-accent-1.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-a1-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted-success.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-success-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted-success.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-success-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted-alert.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-alert-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted-alert.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-alert-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted-warning.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-warning-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted-warning.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-warning-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-tinted-no-accent.b24-page-card--to:hover {
      background-color: var(--ui-color-design-tinted-na-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-tinted-no-accent.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-tinted-na-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card:is(.b24-page-card--variant-outline, :not([class*="b24-page-card--variant-"])).b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card:is(.b24-page-card--variant-outline, :not([class*="b24-page-card--variant-"])).b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-alt.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-bg-alt);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-alt.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-bg-alt) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-accent.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-a1-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-accent.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-a1-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-accent-2.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-a2-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-accent-2.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-a2-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-success.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-success-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-success.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-success-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-alert.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-alert-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-alert.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-alert-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-warning.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-warning-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-warning.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-warning-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-copilot.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-copilot-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-copilot.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-copilot-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-outline-no-accent.b24-page-card--to:hover {
      background-color: var(--ui-color-design-outline-na-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-outline-no-accent.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-outline-na-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-plain.b24-page-card--to:hover {
      background-color: var(--ui-color-design-plain-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-plain.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-plain-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-plain-accent.b24-page-card--to:hover {
      background-color: var(--ui-color-design-plain-a-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-plain-accent.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-plain-a-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-plain-no-accent.b24-page-card--to:hover {
      background-color: var(--ui-color-design-plain-na-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-plain-no-accent.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-plain-na-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-page-card.b24-page-card--variant-selection.b24-page-card--to:hover {
      background-color: var(--ui-color-design-selection-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-page-card.b24-page-card--variant-selection.b24-page-card--to:hover {
        background-color: color-mix(in srgb, var(--ui-color-design-selection-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }
  }

  .b24-page-card:is(.b24-page-card--highlight-color-air-primary, :not([class*="b24-page-card--highlight-color-"])).b24-page-card--highlight {
    --tw-ring-color: var(--ui-color-design-filled-stroke);
  }

  .b24-page-card.b24-page-card--highlight-color-air-primary-success.b24-page-card--highlight {
    --tw-ring-color: var(--ui-color-design-filled-success-stroke);
  }

  .b24-page-card.b24-page-card--highlight-color-air-primary-alert.b24-page-card--highlight {
    --tw-ring-color: var(--ui-color-design-filled-alert-stroke);
  }

  .b24-page-card.b24-page-card--highlight-color-air-primary-copilot.b24-page-card--highlight {
    --tw-ring-color: var(--ui-color-design-filled-copilot-stroke);
  }

  .b24-page-card.b24-page-card--highlight-color-air-primary-warning.b24-page-card--highlight {
    --tw-ring-color: var(--ui-color-design-filled-warning-stroke);
  }

  .b24-page-grid {
    gap: calc(var(--spacing) * 8);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
    position: relative;
  }

  @media (min-width: 40rem) {
    .b24-page-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .b24-page-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .b24-page-list {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  :is(.b24-page-list.b24-page-list--divide > *):not(:last-child):after {
    inset-inline: var(--spacing);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    height: 1px;
    position: absolute;
    bottom: 0;
  }

  .b24-page-columns {
    gap: calc(var(--spacing) * 8);
    position: relative;
  }

  :where(.b24-page-columns > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :is(.b24-page-columns > *) {
    break-inside: avoid-column;
    will-change: transform;
  }

  @media (min-width: 48rem) {
    .b24-page-columns {
      columns: 2;
    }
  }

  @media (min-width: 64rem) {
    .b24-page-columns {
      columns: 3;
    }
  }

  .b24-user {
    position: relative;
  }

  .b24-user .b24-user__name {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
  }

  .b24-user .b24-user__description {
    color: var(--b24ui-typography-description-color);
  }

  .b24-user .b24-user__avatar {
    flex-shrink: 0;
  }

  .b24-user:is(.b24-user--orientation-horizontal, :not([class*="b24-user--orientation-"])) {
    align-items: center;
    display: flex;
  }

  .b24-user.b24-user--orientation-vertical {
    flex-direction: column;
    display: flex;
  }

  .b24-user.b24-user--to .b24-user__name {
    color: var(--b24ui-typography-label-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-user.b24-user--to .b24-user__name:is(:where(.peer, .b24-sidebar):hover ~ *) {
      color: var(--ui-color-design-selection-content);
    }
  }

  .b24-user.b24-user--to .b24-user__name:is(:where(.peer, .b24-sidebar):focus-visible ~ *) {
    color: var(--ui-color-design-selection-content);
  }

  .b24-user.b24-user--to .b24-user__description {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-user.b24-user--to .b24-user__description:is(:where(.peer, .b24-sidebar):hover ~ *) {
      color: var(--ui-color-design-selection-content);
    }
  }

  .b24-user.b24-user--to .b24-user__description:is(:where(.peer, .b24-sidebar):focus-visible ~ *) {
    color: var(--ui-color-design-selection-content);
  }

  .b24-user.b24-user--to .b24-user__avatar {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  @media (hover: hover) {
    .b24-user.b24-user--to .b24-user__avatar:is(:where(.group\/user, .b24-user):hover *) {
      --tw-scale-x: 115%;
      --tw-scale-y: 115%;
      --tw-scale-z: 115%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .b24-user.b24-user--to .b24-user__avatar:is(:where(.group\/user, .b24-user):has(:focus-visible) *) {
    --tw-scale-x: 115%;
    --tw-scale-y: 115%;
    --tw-scale-z: 115%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-user.b24-user--to .b24-user__avatar {
      transition-property: none;
    }
  }

  .b24-user:not(.b24-user--to) .b24-user__name {
    color: var(--b24ui-typography-label-color);
  }

  .b24-user.b24-user--size-3xs {
    gap: var(--spacing);
  }

  .b24-user.b24-user--size-3xs .b24-user__wrapper {
    align-items: center;
    gap: var(--spacing);
    display: flex;
  }

  .b24-user.b24-user--size-3xs .b24-user__name, .b24-user.b24-user--size-3xs .b24-user__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-user.b24-user--size-2xs {
    gap: calc(var(--spacing) * 1.5);
  }

  .b24-user.b24-user--size-2xs .b24-user__wrapper {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-user.b24-user--size-2xs .b24-user__name, .b24-user.b24-user--size-2xs .b24-user__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-user.b24-user--size-xs {
    gap: calc(var(--spacing) * 1.5);
  }

  .b24-user.b24-user--size-xs .b24-user__wrapper {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-user.b24-user--size-xs .b24-user__name, .b24-user.b24-user--size-xs .b24-user__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-user.b24-user--size-sm {
    gap: calc(var(--spacing) * 2);
  }

  .b24-user.b24-user--size-sm .b24-user__name, .b24-user.b24-user--size-sm .b24-user__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-user:is(.b24-user--size-md, :not([class*="b24-user--size-"])) {
    gap: calc(var(--spacing) * 2);
  }

  .b24-user:is(.b24-user--size-md, :not([class*="b24-user--size-"])) .b24-user__name {
    font-size: var(--ui-font-size-sm);
  }

  .b24-user:is(.b24-user--size-md, :not([class*="b24-user--size-"])) .b24-user__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-user.b24-user--size-lg {
    gap: calc(var(--spacing) * 2.5);
  }

  .b24-user.b24-user--size-lg .b24-user__name, .b24-user.b24-user--size-lg .b24-user__description {
    font-size: var(--ui-font-size-sm);
  }

  .b24-user.b24-user--size-xl {
    gap: calc(var(--spacing) * 2.5);
  }

  .b24-user.b24-user--size-xl .b24-user__name {
    font-size: var(--ui-font-size-md);
  }

  .b24-user.b24-user--size-xl .b24-user__description {
    font-size: var(--ui-font-size-sm);
  }

  .b24-user.b24-user--size-2xl {
    gap: calc(var(--spacing) * 3);
  }

  .b24-user.b24-user--size-2xl .b24-user__name, .b24-user.b24-user--size-2xl .b24-user__description {
    font-size: var(--ui-font-size-md);
  }

  .b24-user.b24-user--size-3xl {
    gap: calc(var(--spacing) * 3);
  }

  .b24-user.b24-user--size-3xl .b24-user__name {
    font-size: var(--ui-font-size-lg);
  }

  .b24-user.b24-user--size-3xl .b24-user__description {
    font-size: var(--ui-font-size-md);
  }

  .b24-page {
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-page {
      gap: calc(var(--spacing) * 10);
      grid-template-columns: repeat(10, minmax(0, 1fr));
      display: grid;
    }

    .b24-page .b24-page__left {
      grid-column: span 2 / span 2;
    }

    .b24-page .b24-page__center {
      grid-column: span 8 / span 8;
    }
  }

  .b24-page .b24-page__right {
    order: -9999;
  }

  @media (min-width: 64rem) {
    .b24-page .b24-page__right {
      order: 9999;
      grid-column: span 2 / span 2;
    }

    .b24-page.b24-page--left.b24-page--right .b24-page__center {
      grid-column: span 6 / span 6;
    }

    .b24-page:not(.b24-page--left):not(.b24-page--right) .b24-page__center {
      grid-column: span 10 / span 10;
    }
  }

  .b24-page-body {
    margin-top: calc(var(--spacing) * 8);
  }

  :where(.b24-page-body > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-page-body {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .b24-page-aside {
    display: none;
    overflow-y: auto;
  }

  @media (min-width: 64rem) {
    .b24-page-aside {
      top: var(--b24ui-header-height);
      max-height: calc(100vh - var(--b24ui-header-height));
      display: block;
      position: sticky;
    }
  }

  .b24-page-aside .b24-page-aside__container {
    position: relative;
  }

  .b24-page-aside .b24-page-aside__top {
    pointer-events: none;
    top: calc(var(--spacing) * -8);
    z-index: 1;
    margin-top: calc(var(--spacing) * -8);
    position: sticky;
  }

  .b24-page-aside .b24-page-aside__top-header {
    margin-inline: calc(var(--spacing) * -4);
    height: calc(var(--spacing) * 8);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: calc(var(--spacing) * 4);
  }

  .b24-page-aside .b24-page-aside__top-body {
    pointer-events: auto;
    margin-inline: calc(var(--spacing) * -4);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .b24-page-aside .b24-page-aside__top-footer {
    margin-inline: calc(var(--spacing) * -4);
    height: calc(var(--spacing) * 8);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--ui-color-bg-content-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding-inline: calc(var(--spacing) * 4);
  }

  .b24-content-surround {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    display: grid;
  }

  @media (min-width: 40rem) {
    .b24-content-surround {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .b24-content-surround .b24-content-surround__link {
    cursor: pointer;
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: var(--ui-design-outline-stroke-weight);
    border-color: var(--ui-color-design-outline-stroke);
    background-color: var(--ui-color-design-outline-bg);
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    padding-block: 32px;
    padding-inline: 24px;
    display: block;
  }

  .b24-content-surround .b24-content-surround__link:focus-visible {
    outline-color: var(--ui-color-accent-main-primary);
  }

  .b24-content-surround .b24-content-surround__link-leading {
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-outline-bg);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ui-design-outline-stroke-weight) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    margin-bottom: 16px;
    padding: 6px;
    display: inline-flex;
  }

  @media (hover: hover) {
    .b24-content-surround .b24-content-surround__link-leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      background-color: var(--ui-color-design-selection-bg);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-content-surround .b24-content-surround__link-leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
        background-color: color-mix(in srgb, var(--ui-color-design-selection-bg) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }

    .b24-content-surround .b24-content-surround__link-leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      --tw-ring-color: var(--ui-color-design-selection-stroke);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-content-surround .b24-content-surround__link-leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
        --tw-ring-color: color-mix(in srgb, var(--ui-color-design-selection-stroke) 100%, var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));
      }
    }
  }

  .b24-content-surround .b24-content-surround__link-leading-icon {
    width: 20px;
    height: 20px;
    color: var(--ui-color-design-outline-content-icon);
    transition-property: color, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-shrink: 0;
  }

  @media (hover: hover) {
    .b24-content-surround .b24-content-surround__link-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--ui-color-design-outline-content-icon-alt);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-content-surround .b24-content-surround__link-leading-icon {
      transition-property: none;
    }
  }

  .b24-content-surround .b24-content-surround__link-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-lg);
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    color: var(--ui-color-design-outline-content);
    margin-bottom: 4px;
    overflow: hidden;
  }

  .b24-content-surround .b24-content-surround__link-description {
    -webkit-line-clamp: 2;
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
    text-wrap: pretty;
    color: var(--ui-color-design-outline-content-secondary);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .b24-content-surround .b24-content-surround__link.b24-content-surround__link--direction-left .b24-content-surround__link-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):active *) {
    --tw-translate-x: calc(var(--spacing) * -.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-content-surround .b24-content-surround__link.b24-content-surround__link--direction-right {
    text-align: end;
  }

  .b24-content-surround .b24-content-surround__link.b24-content-surround__link--direction-right .b24-content-surround__link-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):active *) {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-content-toc {
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-content-toc {
      overflow: hidden;
    }
  }

  .b24-content-toc .b24-content-toc__container {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: var(--ui-border-width-thick);
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--ui-color-divider-vibrant-default);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-content-toc .b24-content-toc__container {
      border-style: var(--tw-border-style);
      border-width: 0;
      min-height: 0;
    }

    .b24-content-toc .b24-content-toc__top {
      flex-shrink: 0;
    }
  }

  .b24-content-toc .b24-content-toc__bottom {
    gap: 24px;
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-content-toc .b24-content-toc__bottom {
      flex-direction: column;
      flex-shrink: 0;
      display: flex;
    }
  }

  .b24-content-toc .b24-content-toc__trigger {
    cursor: pointer;
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-3xs);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-legend-color);
    flex: 1;
    align-items: center;
    gap: 6px;
    padding-bottom: 12px;
    display: flex;
  }

  .b24-content-toc .b24-content-toc__trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--ui-color-accent-main-primary);
    border-radius: 4px;
  }

  @media (min-width: 64rem) {
    .b24-content-toc .b24-content-toc__trigger {
      cursor: text;
      flex-shrink: 0;
    }
  }

  .b24-content-toc .b24-content-toc__title {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  @media (min-width: 64rem) {
    .b24-content-toc .b24-content-toc__title {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }
  }

  .b24-content-toc .b24-content-toc__trailing {
    align-items: center;
    gap: 6px;
    margin-inline-start: auto;
    display: inline-flex;
  }

  .b24-content-toc .b24-content-toc__trailing-icon {
    width: 20px;
    height: 20px;
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
  }

  .b24-content-toc .b24-content-toc__trailing-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-content-toc .b24-content-toc__trailing-icon {
      transition-property: none;
    }
  }

  @media (min-width: 64rem) {
    .b24-content-toc .b24-content-toc__trailing-icon {
      display: none;
    }
  }

  .b24-content-toc .b24-content-toc__content {
    position: relative;
    overflow: hidden;
  }

  .b24-content-toc .b24-content-toc__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-content-toc .b24-content-toc__content[data-state="closed"] {
      animation: collapsible-up .2s var(--ease-out);
    }

    .b24-content-toc .b24-content-toc__content[data-state="open"] {
      animation: collapsible-down .2s var(--ease-out);
    }
  }

  @media (min-width: 64rem) {
    .b24-content-toc .b24-content-toc__content {
      min-height: min(var(--list-height, 8rem), 8rem);
      scrollbar-width: thin;
      overflow-y: auto;
    }
  }

  .b24-content-toc .b24-content-toc__list {
    min-width: 0;
  }

  .b24-content-toc .b24-content-toc__list-with-children {
    margin-inline-start: 12px;
  }

  .b24-content-toc .b24-content-toc__item {
    min-width: 0;
  }

  .b24-content-toc .b24-content-toc__link {
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-3xs);
    color: var(--b24ui-typography-description-color);
    text-underline-offset: 2px;
    align-items: center;
    padding-bottom: 12px;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-content-toc .b24-content-toc__link:hover {
      color: var(--b24ui-typography-label-color);
      text-decoration-line: underline;
    }
  }

  .b24-content-toc .b24-content-toc__link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-accent-main-primary);
    border-radius: 4px;
  }

  .b24-content-toc .b24-content-toc__link-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .b24-content-toc .b24-content-toc__link:not(.b24-content-toc__link--active) {
    color: var(--b24ui-typography-description-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-content-toc .b24-content-toc__link:not(.b24-content-toc__link--active):hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-content-toc.b24-content-toc--body .b24-content-toc__bottom {
    margin-top: calc(var(--spacing) * 6);
  }

  .b24-content-toc .b24-content-toc__link.b24-content-toc__link--active, .b24-content-toc .b24-content-toc__link.b24-content-toc__link--active .b24-content-toc__link-leading-icon {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h3 {
    margin-bottom: calc(var(--spacing) * 2);
    scroll-margin-top: calc(32px + 45px + 24px + var(--topbar-height));
    font-size: var(--ui-font-size-3xl);
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-prose-h3 {
      scroll-margin-top: calc(32px + 22px + 15px + var(--topbar-height));
    }
  }

  .b24-prose-h3 > a:focus-visible {
    outline-color: var(--ui-color-accent-main-primary);
  }

  .b24-prose-h3 > a > code {
    font-size: var(--ui-font-size-2xl);
    line-height: calc(var(--spacing) * 6);
  }

  @media (hover: hover) {
    .b24-prose-h3:hover > a > code {
      background-color: var(--ui-color-design-selection-bg);
      color: var(--ui-color-accent-main-primary-alt-2);
      --tw-ring-color: var(--ui-color-design-selection-stroke);
    }
  }

  .b24-prose-h3 .b24-prose-h3__leading {
    border-radius: var(--ui-border-radius-2xs);
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
    opacity: 0;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--b24ui-border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    margin-inline-start: calc(var(--spacing) * -4.5);
    padding: 1px;
    display: none;
    position: absolute;
    top: 9px;
  }

  @media (hover: hover) {
    .b24-prose-h3 .b24-prose-h3__leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 1;
    }
  }

  .b24-prose-h3 .b24-prose-h3__leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):focus *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .b24-prose-h3 .b24-prose-h3__leading:hover {
      color: var(--ui-color-accent-main-primary-alt-2);
    }
  }

  @media (min-width: 64rem) {
    .b24-prose-h3 .b24-prose-h3__leading {
      display: flex;
    }
  }

  .b24-prose-h3 .b24-prose-h3__leading-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }

  @media (min-width: 64rem) {
    .b24-prose-h3 .b24-prose-h3__link {
      margin-inline-start: calc(var(--spacing) * -2);
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }

  .b24-prose-h3:is(.b24-prose-h3--accent-default, :not([class*="b24-prose-h3--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h3.b24-prose-h3--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-h3.b24-prose-h3--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-h3.b24-prose-h3--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-h3.b24-prose-h3--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-prose-h6 {
    margin-bottom: calc(var(--spacing) * 2);
    scroll-margin-top: calc(24px + 45px + 24px + var(--topbar-height));
    font-size: var(--ui-font-size-md);
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-prose-h6 {
      scroll-margin-top: calc(24px + 22px + 15px + var(--topbar-height));
    }
  }

  .b24-prose-h6:is(.b24-prose-h6--accent-default, :not([class*="b24-prose-h6--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h6.b24-prose-h6--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-h6.b24-prose-h6--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-h6.b24-prose-h6--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-h6.b24-prose-h6--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-dashboard-search {
    padding: 0;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .b24-dashboard-search:not(.b24-dashboard-search--fullscreen) {
    height: 100%;
    height: var(--height-full);
  }

  @media (min-width: 40rem) {
    .b24-dashboard-search:not(.b24-dashboard-search--fullscreen) {
      max-width: 768px;
      height: 436px;
    }
  }

  .b24-content-search {
    padding: 0 0 10px;
  }

  .b24-content-search:not(.b24-content-search--fullscreen) {
    height: 100%;
    height: var(--height-full);
  }

  @media (min-width: 40rem) {
    .b24-content-search:not(.b24-content-search--fullscreen) {
      max-width: 768px;
      height: 436px;
    }
  }

  .b24-content-search-button .b24-content-search-button__trailing {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    margin-inline-start: auto;
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-content-search-button .b24-content-search-button__trailing {
      display: flex;
    }
  }

  .b24-content-search-button:not(.b24-content-search-button--no-collapsed) .b24-content-search-button__base-line {
    padding-inline: 5px;
  }

  .b24-content-search-button:not(.b24-content-search-button--no-collapsed) .b24-content-search-button__label {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-content-search-button:not(.b24-content-search-button--no-collapsed) .b24-content-search-button__trailing {
      display: none;
    }
  }

  .b24-page-card-group {
    gap: calc(var(--spacing) * 8);
    flex-direction: column;
    display: flex;
  }

  .b24-page-card-group .b24-page-card-group__fieldset {
    gap: calc(var(--spacing) * 8);
    border-style: var(--tw-border-style);
    border-width: 0;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .b24-page-card-group .b24-page-card-group__legend {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-2xl);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    line-height: normal;
    font-weight: var(--ui-font-weight-semi-bold);
  }

  .b24-page-card-group .b24-page-card-group__group {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
    display: flex;
  }

  .b24-page-card-group .b24-page-card-group__category-label {
    font-size: var(--ui-font-size-base);
    --tw-font-weight: var(--ui-font-weight-medium);
    line-height: normal;
    font-weight: var(--ui-font-weight-medium);
    color: var(--ui-color-design-outline-content-secondary);
  }

  .b24-page-card-group .b24-page-card-group__grid {
    gap: calc(var(--spacing) * 4);
    display: grid;
  }

  .b24-page-card-group .b24-page-card-group__item {
    cursor: pointer;
    border-radius: var(--radius-lg);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    display: flex;
    position: relative;
  }

  .b24-page-card-group .b24-page-card-group__item[data-disabled] {
    cursor: not-allowed;
  }

  @media (hover: hover) {
    .b24-page-card-group .b24-page-card-group__item:not([data-disabled]):hover {
      --tw-shadow: var(--ui-shadow-bottom-l);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .b24-page-card-group .b24-page-card-group__card {
    flex: 1;
  }

  .b24-page-card-group .b24-page-card-group__card-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-page-card-group .b24-page-card-group__card-leading {
    flex-shrink: 0;
    margin-bottom: 0;
  }

  .b24-page-card-group .b24-page-card-group__card-body {
    flex: 1;
    min-width: 0;
  }

  .b24-page-card-group .b24-page-card-group__badge {
    inset-inline-end: calc(var(--spacing) * -2);
    top: calc(var(--spacing) * -2);
    z-index: 10;
    position: absolute;
  }

  .b24-page-card-group .b24-page-card-group__badge-icon {
    border-radius: var(--radius-full);
  }

  .b24-page-card-group.b24-page-card-group--size-sm .b24-page-card-group__card-wrapper {
    gap: calc(var(--spacing) * 2.5);
  }

  .b24-page-card-group.b24-page-card-group--size-sm .b24-page-card-group__card-title {
    font-size: var(--ui-font-size-base);
    line-height: normal;
  }

  .b24-page-card-group.b24-page-card-group--size-sm .b24-page-card-group__card-description {
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-page-card-group.b24-page-card-group--size-sm .b24-page-card-group__leading-icon {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    flex-shrink: 0;
  }

  .b24-page-card-group:is(.b24-page-card-group--size-md, :not([class*="b24-page-card-group--size-"])) .b24-page-card-group__card-wrapper {
    gap: calc(var(--spacing) * 3);
  }

  .b24-page-card-group:is(.b24-page-card-group--size-md, :not([class*="b24-page-card-group--size-"])) .b24-page-card-group__card-title {
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-page-card-group:is(.b24-page-card-group--size-md, :not([class*="b24-page-card-group--size-"])) .b24-page-card-group__card-description {
    font-size: var(--ui-font-size-base);
    line-height: normal;
  }

  .b24-page-card-group:is(.b24-page-card-group--size-md, :not([class*="b24-page-card-group--size-"])) .b24-page-card-group__leading-icon {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
  }

  .b24-page-card-group.b24-page-card-group--size-lg .b24-page-card-group__card-wrapper {
    gap: calc(var(--spacing) * 4);
  }

  .b24-page-card-group.b24-page-card-group--size-lg .b24-page-card-group__card-title {
    font-size: var(--ui-font-size-xl);
    line-height: normal;
  }

  .b24-page-card-group.b24-page-card-group--size-lg .b24-page-card-group__card-description {
    font-size: var(--ui-font-size-base);
    line-height: normal;
  }

  .b24-page-card-group.b24-page-card-group--size-lg .b24-page-card-group__leading-icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    flex-shrink: 0;
  }

  .b24-page-card-group.b24-page-card-group--columns-1 .b24-page-card-group__grid, .b24-page-card-group.b24-page-card-group--columns-2 .b24-page-card-group__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  @media (min-width: 40rem) {
    .b24-page-card-group.b24-page-card-group--columns-2 .b24-page-card-group__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .b24-page-card-group:is(.b24-page-card-group--columns-3, :not([class*="b24-page-card-group--columns-"])) .b24-page-card-group__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  @media (min-width: 40rem) {
    .b24-page-card-group:is(.b24-page-card-group--columns-3, :not([class*="b24-page-card-group--columns-"])) .b24-page-card-group__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .b24-page-card-group:is(.b24-page-card-group--columns-3, :not([class*="b24-page-card-group--columns-"])) .b24-page-card-group__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .b24-page-card-group.b24-page-card-group--columns-4 .b24-page-card-group__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  @media (min-width: 40rem) {
    .b24-page-card-group.b24-page-card-group--columns-4 .b24-page-card-group__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .b24-page-card-group.b24-page-card-group--columns-4 .b24-page-card-group__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .b24-page-card-group.b24-page-card-group--disabled {
    pointer-events: none;
    opacity: .3;
  }

  .b24-container {
    width: 100%;
    width: var(--width-full);
    max-width: var(--b24ui-container-width);
    padding-inline: calc(var(--spacing) * 4);
    margin-inline: auto;
  }

  @media (min-width: 40rem) {
    .b24-container {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .b24-container {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  .b24-page-section {
    isolation: isolate;
    position: relative;
  }

  .b24-page-section .b24-page-section__container {
    gap: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 16);
    flex-direction: column;
    display: flex;
  }

  @media (min-width: 40rem) {
    .b24-page-section .b24-page-section__container {
      gap: calc(var(--spacing) * 16);
      padding-block: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 64rem) {
    .b24-page-section .b24-page-section__container {
      padding-block: calc(var(--spacing) * 32);
      display: grid;
    }
  }

  .b24-page-section .b24-page-section__leading {
    margin-bottom: calc(var(--spacing) * 6);
    align-items: center;
    display: flex;
  }

  .b24-page-section .b24-page-section__leading-icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-page-section .b24-page-section__headline {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .b24-page-section .b24-page-section__title {
    font-size: var(--ui-font-size-3xl);
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    text-wrap: pretty;
    color: var(--b24ui-typography-label-color);
  }

  @media (min-width: 40rem) {
    .b24-page-section .b24-page-section__title {
      font-size: var(--ui-font-size-4xl);
    }
  }

  @media (min-width: 64rem) {
    .b24-page-section .b24-page-section__title {
      font-size: var(--ui-font-size-5xl);
    }
  }

  .b24-page-section .b24-page-section__description {
    font-size: var(--ui-font-size-md);
    color: var(--b24ui-typography-description-color);
  }

  @media (min-width: 40rem) {
    .b24-page-section .b24-page-section__description {
      font-size: var(--ui-font-size-lg);
    }
  }

  .b24-page-section .b24-page-section__body {
    margin-top: calc(var(--spacing) * 8);
  }

  .b24-page-section .b24-page-section__features {
    display: grid;
  }

  .b24-page-section .b24-page-section__footer {
    margin-top: calc(var(--spacing) * 8);
  }

  .b24-page-section .b24-page-section__links {
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 3);
    flex-wrap: wrap;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-page-section.b24-page-section--orientation-horizontal .b24-page-section__container {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: center;
    }
  }

  .b24-page-section.b24-page-section--orientation-horizontal .b24-page-section__description {
    text-wrap: pretty;
  }

  .b24-page-section.b24-page-section--orientation-horizontal .b24-page-section__features {
    gap: calc(var(--spacing) * 4);
  }

  .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__headline, .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__leading {
    justify-content: center;
  }

  .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__title {
    text-align: center;
  }

  .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__description {
    text-align: center;
    text-wrap: balance;
  }

  .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__links {
    justify-content: center;
  }

  .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__features {
    gap: calc(var(--spacing) * 8);
  }

  @media (min-width: 40rem) {
    .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__features {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])) .b24-page-section__features {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .b24-page-section.b24-page-section--reverse .b24-page-section__wrapper {
    order: 9999;
  }

  .b24-page-section.b24-page-section--headline .b24-page-section__headline {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--ui-color-accent-main-primary);
    display: flex;
  }

  .b24-page-section.b24-page-section--title .b24-page-section__description {
    margin-top: calc(var(--spacing) * 6);
  }

  .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])).b24-page-section--title .b24-page-section__body, .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])).b24-page-section--description .b24-page-section__body, .b24-page-section:is(.b24-page-section--orientation-vertical, :not([class*="b24-page-section--orientation-"])).b24-page-section--body .b24-page-section__footer {
    margin-top: calc(var(--spacing) * 16);
  }

  .b24-page-feature {
    border-radius: var(--radius-sm);
    position: relative;
  }

  .b24-page-feature .b24-page-feature__leading {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .b24-page-feature .b24-page-feature__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    color: var(--ui-color-accent-main-primary);
    flex-shrink: 0;
  }

  .b24-page-feature .b24-page-feature__title {
    font-size: var(--ui-font-size-md);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    text-wrap: pretty;
    color: var(--b24ui-typography-legend-color);
  }

  .b24-page-feature .b24-page-feature__description {
    font-size: var(--ui-font-size-sm);
    text-wrap: pretty;
    color: var(--b24ui-typography-description-color);
  }

  .b24-page-feature:is(.b24-page-feature--orientation-horizontal, :not([class*="b24-page-feature--orientation-"])) {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    display: flex;
  }

  .b24-page-feature:is(.b24-page-feature--orientation-horizontal, :not([class*="b24-page-feature--orientation-"])) .b24-page-feature__leading {
    padding: calc(var(--spacing) * .5);
  }

  .b24-page-feature.b24-page-feature--orientation-vertical .b24-page-feature__leading {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .b24-page-feature.b24-page-feature--to {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .b24-page-feature.b24-page-feature--to:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-page-feature.b24-page-feature--title .b24-page-feature__description {
    margin-top: var(--spacing);
  }

  .b24-page-links {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .b24-page-links .b24-page-links__title {
    font-size: var(--ui-font-size-md);
    --tw-leading: var(--ui-font-line-height-md);
    line-height: var(--ui-font-line-height-md);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-legend-color);
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .b24-page-links .b24-page-links__list {
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    display: flex;
  }

  .b24-page-links .b24-page-links__item {
    position: relative;
  }

  .b24-page-links .b24-page-links__link {
    cursor: pointer;
    text-align: start;
    font-size: var(--ui-font-size-sm);
    color: var(--ui-color-design-selection-content);
    text-underline-offset: 2px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  @media (hover: hover) {
    .b24-page-links .b24-page-links__link:hover {
      color: var(--ui-color-accent-main-primary-alt-2);
      text-decoration-line: underline;
    }
  }

  .b24-page-links .b24-page-links__link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
    border-radius: 4px;
  }

  .b24-page-links .b24-page-links__link-wrapper {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .b24-page-links .b24-page-links__link-leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }

  .b24-page-links .b24-page-links__link-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-page-links .b24-page-links__link-label-external-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    color: var(--ui-color-design-selection-content);
  }

  @media (hover: hover) {
    .b24-page-links .b24-page-links__link-label-external-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--ui-color-accent-main-primary-alt-2);
    }
  }

  .b24-page-links .b24-page-links__link.b24-page-links__link--active, .b24-page-links .b24-page-links__link.b24-page-links__link--active .b24-page-links__link-label-external-icon {
    color: var(--ui-color-accent-main-primary-alt-2);
  }

  .b24-page-links .b24-page-links__link:not(.b24-page-links__link--active) {
    color: var(--ui-color-design-selection-content);
  }

  @media (hover: hover) {
    .b24-page-links .b24-page-links__link:not(.b24-page-links__link--active):hover {
      color: var(--ui-color-accent-main-primary-alt-2);
    }
  }

  .b24-chat-message {
    width: 100%;
    width: var(--width-full);
    position: relative;
  }

  .b24-chat-message .b24-chat-message__header {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-chat-message .b24-chat-message__container {
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .b24-chat-message .b24-chat-message__body {
    min-width: 0;
  }

  .b24-chat-message .b24-chat-message__leading {
    min-height: calc(var(--spacing) * 6);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .b24-chat-message .b24-chat-message__leading-icon {
    color: var(--ui-color-design-plain-content-icon-secondary);
    flex-shrink: 0;
  }

  .b24-chat-message .b24-chat-message__leading-avatar {
    flex-shrink: 0;
  }

  .b24-chat-message .b24-chat-message__files {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-chat-message .b24-chat-message__content {
    border-style: var(--tw-border-style);
    border-width: var(--b24ui-border-width, var(--b24ui-default-border-width));
    border-color: var(--b24ui-border-color, var(--b24ui-default-border-color));
    background-color: var(--b24ui-background, var(--b24ui-default-background));
    text-wrap: pretty;
    overflow-wrap: break-word;
    color: var(--b24ui-color, var(--b24ui-default-color));
    position: relative;
  }

  :is(.b24-chat-message .b24-chat-message__content > *):first-child {
    margin-top: 0;
  }

  :is(.b24-chat-message .b24-chat-message__content > *):last-child {
    margin-bottom: 0;
  }

  .b24-chat-message .b24-chat-message__actions {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 0;
  }

  @media (hover: hover) {
    .b24-chat-message .b24-chat-message__actions:is(:where(.group\/message, .b24-chat-message):hover *) {
      opacity: 1;
    }

    .b24-chat-message .b24-chat-message__actions {
      opacity: 0;
    }
  }

  .b24-chat-message:is(.b24-chat-message--variant-message, :not([class*="b24-chat-message--variant-"])) .b24-chat-message__content {
    --b24ui-default-background: #dff6c1;
    --b24ui-default-border-color: #dff6c1;
    --b24ui-default-border-width: var(--ui-design-tinted-success-stroke-weight);
    --b24ui-default-color: var(--ui-color-palette-black-base);
  }

  .b24-chat-message:is(.b24-chat-message--variant-message, :not([class*="b24-chat-message--variant-"])) .b24-chat-message__content:where(.dark, .dark *) {
    --b24ui-default-background: var(--ui-color-design-tinted-success-bg);
    --b24ui-default-border-color: var(--ui-color-design-tinted-success-stroke);
    --b24ui-default-color: var(--ui-color-design-tinted-success-content);
  }

  .b24-chat-message.b24-chat-message--variant-event .b24-chat-message__content {
    --b24ui-default-background: #ffffff7d;
    --b24ui-default-border-color: var(--ui-color-design-outline-na-stroke);
    --b24ui-default-border-width: var(--ui-design-outline-na-stroke-weight);
    --b24ui-default-color: var(--ui-color-palette-black-base);
  }

  .b24-chat-message.b24-chat-message--variant-system .b24-chat-message__content {
    --b24ui-default-background: #f7f3fd;
    --b24ui-default-border-color: :#f7f3fd;
    --b24ui-default-border-width: 0;
    --b24ui-default-color: var(--ui-color-palette-black-base);
  }

  .b24-chat-message.b24-chat-message--variant-system .b24-chat-message__content:where(.dark, .dark *) {
    --b24ui-default-background: var(--ui-color-accent-soft-violet-2);
    --b24ui-default-border-color: var(--ui-color-accent-soft-violet-2);
    --b24ui-default-color: var(--ui-color-copilot-accent-less-2);
  }

  .b24-chat-message.b24-chat-message--side-right .b24-chat-message__container {
    justify-content: flex-end;
    max-width: 75%;
    margin-inline-start: auto;
  }

  .b24-chat-message.b24-chat-message--side-right .b24-chat-message__header {
    justify-content: flex-end;
  }

  .b24-chat-message.b24-chat-message--side-right .b24-chat-message__actions {
    right: 0;
  }

  .b24-chat-message.b24-chat-message--compact {
    scroll-margin-top: calc(var(--spacing) * 3);
  }

  .b24-chat-message.b24-chat-message--compact .b24-chat-message__container {
    gap: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 3);
  }

  :where(.b24-chat-message.b24-chat-message--compact .b24-chat-message__content > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-chat-message.b24-chat-message--compact .b24-chat-message__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-chat-message:not(.b24-chat-message--compact) {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  @media (min-width: 40rem) {
    .b24-chat-message:not(.b24-chat-message--compact) {
      scroll-margin-top: calc(var(--spacing) * 6);
    }
  }

  .b24-chat-message:not(.b24-chat-message--compact) .b24-chat-message__container {
    gap: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 8);
  }

  :where(.b24-chat-message:not(.b24-chat-message--compact) .b24-chat-message__content > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-chat-message:not(.b24-chat-message--compact) .b24-chat-message__leading-icon {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .b24-chat-message.b24-chat-message--compact.b24-chat-message--actions .b24-chat-message__container {
    padding-bottom: calc(var(--spacing) * 8);
  }

  .b24-chat-message:is(:is(.b24-chat-message--variant-message, :not([class*="b24-chat-message--variant-"])), .b24-chat-message--variant-event, .b24-chat-message--variant-system):not(.b24-chat-message--compact) .b24-chat-message__content {
    min-height: calc(var(--spacing) * 10.5);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }

  .b24-chat-message:is(:is(.b24-chat-message--variant-message, :not([class*="b24-chat-message--variant-"])), .b24-chat-message--variant-event, .b24-chat-message--variant-system):not(.b24-chat-message--compact) .b24-chat-message__leading {
    margin-top: calc(var(--spacing) * 2);
  }

  .b24-chat-message:is(:is(.b24-chat-message--variant-message, :not([class*="b24-chat-message--variant-"])), .b24-chat-message--variant-event, .b24-chat-message--variant-system).b24-chat-message--compact .b24-chat-message__content {
    min-height: calc(var(--spacing) * 8);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }

  .b24-chat-message:is(:is(.b24-chat-message--variant-message, :not([class*="b24-chat-message--variant-"])), .b24-chat-message--variant-event, .b24-chat-message--variant-system).b24-chat-message--compact .b24-chat-message__leading {
    margin-top: var(--spacing);
  }

  .b24-chat-message.b24-chat-message--variant-system:is(.b24-chat-message--side-left, :not([class*="b24-chat-message--side-"])) .b24-chat-message__content {
    width: 100%;
    width: var(--width-full);
  }

  .b24-chat-messages {
    width: 100%;
    width: var(--width-full);
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 2.5);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .b24-chat-messages > article:last-of-type {
    min-height: var(--last-message-height);
  }

  .b24-chat-messages .b24-chat-messages__indicator {
    height: calc(var(--spacing) * 6);
    align-items: center;
    gap: var(--spacing);
    padding-block: calc(var(--spacing) * 3);
    display: flex;
  }

  :is(.b24-chat-messages .b24-chat-messages__indicator > *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-tinted-na-content-icon);
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-chat-messages .b24-chat-messages__indicator > :first-child {
      animation: 1s infinite bounce;
    }

    .b24-chat-messages .b24-chat-messages__indicator > :nth-child(2) {
      animation: 1s .15s infinite bounce;
    }

    .b24-chat-messages .b24-chat-messages__indicator > :nth-child(3) {
      animation: 1s .3s infinite bounce;
    }
  }

  .b24-chat-messages .b24-chat-messages__viewport {
    inset-inline: 0;
    position: absolute;
    top: 78%;
  }

  .b24-chat-messages .b24-chat-messages__viewport[data-state="closed"] {
    animation: fade-out .2s var(--ease-out);
  }

  .b24-chat-messages .b24-chat-messages__viewport[data-state="open"] {
    animation: fade-in .2s var(--ease-out);
  }

  .b24-chat-messages .b24-chat-messages__auto-scroll {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-full);
    position: absolute;
    bottom: 0;
    right: 50%;
  }

  .b24-chat-palette {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .b24-chat-palette .b24-chat-palette__prompt {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-divider-default);
    padding-inline: 0;
  }

  .b24-chat-palette .b24-chat-palette__content {
    padding-block: calc(var(--spacing) * 3);
    flex-direction: column;
    flex: 1;
    display: flex;
    overflow-y: auto;
  }

  .b24-chat-prompt {
    width: 100%;
    width: var(--width-full);
    border-radius: var(--radius-lg);
    padding-block: calc(var(--spacing) * 2);
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding-inline-start: 12px;
    padding-inline-end: calc(var(--spacing) * 2);
    display: flex;
    position: relative;
  }

  .b24-chat-prompt .b24-chat-prompt__header {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .b24-chat-prompt .b24-chat-prompt__body {
    align-items: flex-start;
    padding-block: 4px;
  }

  .b24-chat-prompt .b24-chat-prompt__footer {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    display: flex;
  }

  .b24-chat-prompt .b24-chat-prompt__base {
    padding-top: 1px;
    padding-bottom: 0;
  }

  .b24-chat-prompt:is(.b24-chat-prompt--variant-outline, :not([class*="b24-chat-prompt--variant-"])) {
    background-color: var(--ui-color-design-outline-bg);
    color: var(--ui-color-design-outline-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
  }

  .b24-chat-prompt.b24-chat-prompt--variant-tinted {
    background-color: var(--ui-color-design-tinted-na-bg);
    color: var(--ui-color-design-tinted-na-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ui-design-tinted-na-stroke-weight) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-tinted-na-stroke);
  }

  .b24-chat-prompt.b24-chat-prompt--variant-filled {
    background-color: var(--ui-color-design-filled-na-bg);
    color: var(--ui-color-design-filled-na-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ui-design-filled-na-stroke-weight) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-filled-na-stroke);
  }

  .b24-chat-prompt.b24-chat-prompt--variant-plain {
    background-color: var(--ui-color-design-plain-bg);
    color: var(--ui-color-design-plain-content);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--ui-design-plain-stroke-weight) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-plain-stroke);
  }

  .b24-chat-prompt-submit {
    border-radius: var(--radius-full);
  }

  .b24-chat-reasoning .b24-chat-reasoning__trigger {
    width: 100%;
    width: var(--width-full);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    color: var(--ui-color-design-plain-na-content-secondary);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  .b24-chat-reasoning .b24-chat-reasoning__trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-chat-reasoning .b24-chat-reasoning__trigger:disabled {
    cursor: default;
  }

  @media (hover: hover) {
    .b24-chat-reasoning .b24-chat-reasoning__trigger:disabled:hover {
      color: var(--ui-color-design-plain-na-content-secondary);
    }
  }

  .b24-chat-reasoning .b24-chat-reasoning__leading {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    position: relative;
  }

  .b24-chat-reasoning .b24-chat-reasoning__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }

  .b24-chat-reasoning .b24-chat-reasoning__chevron-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
  }

  .b24-chat-reasoning .b24-chat-reasoning__chevron-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-reasoning .b24-chat-reasoning__chevron-icon {
      transition-property: none;
    }
  }

  .b24-chat-reasoning .b24-chat-reasoning__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-chat-reasoning .b24-chat-reasoning__trailing-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
  }

  .b24-chat-reasoning .b24-chat-reasoning__trailing-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-reasoning .b24-chat-reasoning__trailing-icon {
      transition-property: none;
    }
  }

  .b24-chat-reasoning .b24-chat-reasoning__content {
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-chat-reasoning .b24-chat-reasoning__content[data-state="closed"] {
      animation: collapsible-up .2s var(--ease-out);
    }

    .b24-chat-reasoning .b24-chat-reasoning__content[data-state="open"] {
      animation: collapsible-down .2s var(--ease-out);
    }
  }

  .b24-chat-reasoning .b24-chat-reasoning__body {
    max-height: 200px;
    padding-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    white-space: pre-wrap;
    color: var(--ui-color-base-6);
    overflow-y: auto;
  }

  @media (hover: hover) {
    .b24-chat-reasoning.b24-chat-reasoning--chevron-leading .b24-chat-reasoning__leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 0;
    }
  }

  .b24-chat-reasoning .b24-chat-reasoning__leading-icon:not(.b24-chat-reasoning__leading-icon--alone) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
  }

  .b24-chat-reasoning .b24-chat-reasoning__leading-icon:not(.b24-chat-reasoning__leading-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    opacity: 0;
  }

  .b24-chat-reasoning .b24-chat-reasoning__chevron-icon:not(.b24-chat-reasoning__chevron-icon--alone) {
    opacity: 0;
    transition-property: rotate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
  }

  @media (hover: hover) {
    .b24-chat-reasoning .b24-chat-reasoning__chevron-icon:not(.b24-chat-reasoning__chevron-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 1;
    }
  }

  .b24-chat-reasoning .b24-chat-reasoning__chevron-icon:not(.b24-chat-reasoning__chevron-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-reasoning .b24-chat-reasoning__chevron-icon:not(.b24-chat-reasoning__chevron-icon--alone) {
      transition-property: none;
    }
  }

  .b24-chat-shimmer {
    background-image: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--b24ui-typography-label-color),#0000 calc(50% + var(--spread))),linear-gradient(var(--ui-color-design-plain-na-content-secondary),var(--ui-color-design-plain-na-content-secondary));
    background-size: calc(200% + var(--spread) * 2 + 2px) 100%,auto;
    color: #0000;
    will-change: background-position;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-chat-shimmer {
      animation: shimmer var(--duration) linear infinite;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-shimmer {
      color: var(--ui-color-design-plain-na-content-secondary);
      background-image: none;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-chat-shimmer:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
      animation: shimmer-rtl var(--duration) linear infinite;
    }
  }

  .b24-chat-tool .b24-chat-tool__trigger {
    width: 100%;
    width: var(--width-full);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    color: var(--ui-color-design-plain-na-content-secondary);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
  }

  .b24-chat-tool .b24-chat-tool__trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-chat-tool .b24-chat-tool__trigger:disabled {
    cursor: default;
  }

  @media (hover: hover) {
    .b24-chat-tool .b24-chat-tool__trigger:disabled:hover {
      color: var(--ui-color-design-plain-na-content-secondary);
    }
  }

  .b24-chat-tool .b24-chat-tool__leading {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    position: relative;
  }

  .b24-chat-tool .b24-chat-tool__leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }

  .b24-chat-tool .b24-chat-tool__chevron-icon {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
  }

  .b24-chat-tool .b24-chat-tool__chevron-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-tool .b24-chat-tool__chevron-icon {
      transition-property: none;
    }
  }

  .b24-chat-tool .b24-chat-tool__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-chat-tool .b24-chat-tool__suffix {
    color: var(--ui-color-base-6);
    margin-inline-start: var(--spacing);
  }

  .b24-chat-tool .b24-chat-tool__trailing-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
  }

  .b24-chat-tool .b24-chat-tool__trailing-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-tool .b24-chat-tool__trailing-icon {
      transition-property: none;
    }
  }

  .b24-chat-tool .b24-chat-tool__content {
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-chat-tool .b24-chat-tool__content[data-state="closed"] {
      animation: collapsible-up .2s var(--ease-out);
    }

    .b24-chat-tool .b24-chat-tool__content[data-state="open"] {
      animation: collapsible-down .2s var(--ease-out);
    }
  }

  .b24-chat-tool .b24-chat-tool__body {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    white-space: pre-wrap;
    color: var(--ui-color-base-6);
  }

  .b24-chat-tool .b24-chat-tool__actions {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-chat-tool:is(.b24-chat-tool--variant-inline, :not([class*="b24-chat-tool--variant-"])) .b24-chat-tool__body, .b24-chat-tool:is(.b24-chat-tool--variant-inline, :not([class*="b24-chat-tool--variant-"])) .b24-chat-tool__actions {
    padding-top: calc(var(--spacing) * 2);
  }

  .b24-chat-tool.b24-chat-tool--variant-card {
    border-radius: var(--radius-md);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--leftmenu-group-stroke);
    overflow: hidden;
  }

  .b24-chat-tool.b24-chat-tool--variant-card:where(.light, .light *) {
    --leftmenu-group-stroke: var(--ui-color-base-30);
  }

  .b24-chat-tool.b24-chat-tool--variant-card .b24-chat-tool__trigger {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
  }

  .b24-chat-tool.b24-chat-tool--variant-card .b24-chat-tool__trailing-icon {
    margin-inline-start: auto;
  }

  .b24-chat-tool.b24-chat-tool--variant-card .b24-chat-tool__body {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--leftmenu-group-stroke);
    max-height: 200px;
    padding: calc(var(--spacing) * 2);
    overflow-y: auto;
  }

  .b24-chat-tool.b24-chat-tool--variant-card .b24-chat-tool__actions {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--leftmenu-group-stroke);
    padding: calc(var(--spacing) * 2);
  }

  .b24-chat-tool .b24-chat-tool__leading-icon:not(.b24-chat-tool__leading-icon--alone) {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
  }

  @media (hover: hover) {
    .b24-chat-tool .b24-chat-tool__leading-icon:not(.b24-chat-tool__leading-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 0;
    }
  }

  .b24-chat-tool .b24-chat-tool__leading-icon:not(.b24-chat-tool__leading-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    opacity: 0;
  }

  .b24-chat-tool .b24-chat-tool__chevron-icon:not(.b24-chat-tool__chevron-icon--alone) {
    opacity: 0;
    transition-property: rotate, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
  }

  @media (hover: hover) {
    .b24-chat-tool .b24-chat-tool__chevron-icon:not(.b24-chat-tool__chevron-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 1;
    }
  }

  .b24-chat-tool .b24-chat-tool__chevron-icon:not(.b24-chat-tool__chevron-icon--alone):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-chat-tool .b24-chat-tool__chevron-icon:not(.b24-chat-tool__chevron-icon--alone) {
      transition-property: none;
    }
  }

  .b24-chat-tool.b24-chat-tool--loading:not(.b24-chat-tool--use-wait):not(.b24-chat-tool--use-clock) .b24-chat-tool__leading-icon {
    margin: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    animation: var(--animate-spin);
    stroke-width: 2px;
  }

  .b24-skeleton {
    animation: var(--animate-pulse);
    border-radius: var(--ui-border-radius-md);
  }

  .b24-skeleton:is(.b24-skeleton--accent-default, :not([class*="b24-skeleton--accent-"])) {
    background-color: var(--ui-color-g-glass-grey-bg-1);
  }

  .b24-skeleton:is(.b24-skeleton--accent-default, :not([class*="b24-skeleton--accent-"])):where(.edge-dark, .edge-dark *), .b24-skeleton.b24-skeleton--accent-accent {
    background-color: var(--ui-color-g-glass-grey-bg-3);
  }

  .b24-skeleton.b24-skeleton--accent-accent:where(.light, .light *) {
    background-color: var(--ui-color-g-glass-grey-bg-2);
  }

  .b24-skeleton.b24-skeleton--accent-accent:where(.edge-dark, .edge-dark *) {
    background-color: var(--ui-color-g-glass-grey-bg-1);
  }

  .b24-skeleton.b24-skeleton--accent-less {
    background-color: var(--ui-color-tech-push);
  }

  .b24-skeleton.b24-skeleton--accent-less:where(.dark, .dark *) {
    background-color: var(--ui-color-g-content-grey-3);
  }

  .b24-main {
    min-height: calc(100vh - var(--b24ui-header-height));
  }

  .b24-header {
    z-index: 50;
    height: var(--b24ui-header-height);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-default);
    background-color: var(--ui-color-bg-content-primary);
    position: sticky;
    top: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-header {
      background-color: color-mix(in oklab, var(--ui-color-bg-content-primary) 75%, transparent);
    }
  }

  .b24-header {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .b24-header .b24-header__container {
    height: 100%;
    height: var(--height-full);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .b24-header__left {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-header__left {
      flex: 1;
    }
  }

  .b24-header .b24-header__center {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-header .b24-header__center {
      display: flex;
    }
  }

  .b24-header__right {
    justify-content: flex-end;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-header__right {
      flex: 1;
    }
  }

  .b24-header__title {
    align-items: flex-end;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--b24ui-typography-label-color);
    flex-shrink: 0;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-header__toggle, .b24-header__content, .b24-header__overlay {
      display: none;
    }
  }

  .b24-header__header {
    height: var(--b24ui-header-height);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    flex-shrink: 0;
    display: flex;
  }

  @media (min-width: 40rem) {
    .b24-header__header {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  .b24-header__body {
    padding: calc(var(--spacing) * 4);
    overflow-y: auto;
  }

  @media (min-width: 40rem) {
    .b24-header__body {
      padding: calc(var(--spacing) * 6);
    }
  }

  .b24-header__toggle:is(.b24-header__toggle--toggle-side-left, :not([class*="b24-header__toggle--toggle-side-"])) {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }

  .b24-header__toggle.b24-header__toggle--toggle-side-right {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }

  .b24-footer .b24-footer__top {
    padding-block: calc(var(--spacing) * 8);
  }

  @media (min-width: 64rem) {
    .b24-footer .b24-footer__top {
      padding-block: calc(var(--spacing) * 12);
    }
  }

  .b24-footer .b24-footer__bottom {
    padding-block: calc(var(--spacing) * 8);
  }

  @media (min-width: 64rem) {
    .b24-footer .b24-footer__bottom {
      padding-block: calc(var(--spacing) * 12);
    }
  }

  .b24-footer .b24-footer__container {
    padding-block: calc(var(--spacing) * 8);
  }

  @media (min-width: 64rem) {
    .b24-footer .b24-footer__container {
      justify-content: space-between;
      align-items: center;
      column-gap: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 4);
      display: flex;
    }
  }

  .b24-footer .b24-footer__left {
    margin-top: calc(var(--spacing) * 3);
    justify-content: center;
    align-items: center;
    column-gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-footer .b24-footer__left {
      flex: 1;
      order: 1;
      justify-content: flex-start;
      margin-top: 0;
    }
  }

  .b24-footer .b24-footer__center {
    margin-top: calc(var(--spacing) * 3);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-footer .b24-footer__center {
      order: 2;
      margin-top: 0;
    }
  }

  .b24-footer .b24-footer__right {
    justify-content: center;
    align-items: center;
    column-gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-footer .b24-footer__right {
      flex: 1;
      order: 3;
      justify-content: flex-end;
    }
  }

  @media (min-width: 80rem) {
    .b24-footer-columns {
      gap: calc(var(--spacing) * 8);
      grid-template-columns: repeat(3, minmax(0, 1fr));
      display: grid;
    }
  }

  .b24-footer-columns .b24-footer-columns__left {
    margin-bottom: calc(var(--spacing) * 10);
  }

  @media (min-width: 80rem) {
    .b24-footer-columns .b24-footer-columns__left {
      margin-bottom: 0;
    }
  }

  .b24-footer-columns .b24-footer-columns__center {
    gap: calc(var(--spacing) * 8);
    flex-direction: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-footer-columns .b24-footer-columns__center {
      display: grid;
    }
  }

  @media (min-width: 80rem) {
    .b24-footer-columns .b24-footer-columns__center {
      grid-column: span 2 / span 2;
    }
  }

  .b24-footer-columns .b24-footer-columns__right {
    margin-top: calc(var(--spacing) * 10);
  }

  @media (min-width: 80rem) {
    .b24-footer-columns .b24-footer-columns__right {
      margin-top: 0;
    }
  }

  .b24-footer-columns .b24-footer-columns__label {
    font-size: var(--ui-font-size-lg);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    line-height: normal;
    font-weight: var(--ui-font-weight-semi-bold);
  }

  .b24-footer-columns .b24-footer-columns__list {
    margin-top: calc(var(--spacing) * 6);
  }

  :where(.b24-footer-columns .b24-footer-columns__list > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .b24-footer-columns .b24-footer-columns__item {
    position: relative;
  }

  .b24-footer-columns .b24-footer-columns__link {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    display: flex;
  }

  .b24-footer-columns .b24-footer-columns__link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-footer-columns .b24-footer-columns__link-leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }

  .b24-footer-columns .b24-footer-columns__link-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-footer-columns .b24-footer-columns__link-label-external-icon {
    width: 14px;
    height: 14px;
    color: var(--ui-color-design-plain-content-icon-secondary);
    display: inline-block;
  }

  .b24-footer-columns .b24-footer-columns__link.b24-footer-columns__link--active {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--ui-color-accent-main-primary);
  }

  .b24-footer-columns .b24-footer-columns__link:not(.b24-footer-columns__link--active) {
    color: var(--b24ui-typography-description-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-footer-columns .b24-footer-columns__link:not(.b24-footer-columns__link--active):hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-advice {
    align-items: flex-end;
    display: flex;
  }

  .b24-advice .b24-advice__description-wrapper {
    position: relative;
  }

  .b24-advice .b24-advice__description-border {
    fill: var(--b24ui-border-color);
  }

  .b24-advice .b24-advice__description-bg {
    fill: var(--b24ui-background);
  }

  .b24-advice .b24-advice__description-bg:where(.dark, .dark *) {
    fill: var(--ui-color-base-6);
  }

  .b24-advice .b24-advice__description-angle {
    width: 14px;
    height: 12px;
    position: absolute;
  }

  .b24-advice .b24-advice__description {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
    width: 91.6667%;
    padding-inline: var(--spacing-md2);
    padding-block: calc(var(--spacing) * 3);
    font-family: var(--ui-font-family-secondary);
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-md);
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    color: var(--b24ui-color);
    border-radius: 23px;
    flex-grow: 1;
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .b24-advice .b24-advice__description:where(.dark, .dark *) {
    background-color: var(--ui-color-base-6);
  }

  .b24-advice .b24-advice__leading {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--ui-color-design-plain-content-icon-secondary);
    margin-inline-start: calc(var(--spacing) * 2);
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .b24-advice .b24-advice__leading-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
  }

  .b24-advice .b24-advice__leading-avatar {
    flex-shrink: 0;
  }

  .b24-advice .b24-advice__leading-avatar-icon {
    background-color: var(--ui-color-base-8);
    color: var(--b24ui-typography-label-color);
  }

  .b24-advice.b24-advice--angle-top {
    align-items: flex-start;
  }

  .b24-advice.b24-advice--angle-top .b24-advice__leading {
    margin-top: calc(var(--spacing) * .5);
  }

  .b24-advice.b24-advice--angle-top .b24-advice__description-angle {
    --tw-scale-x: 100%;
    --tw-scale-y: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    inset-inline-start: .8px;
    top: 9px;
  }

  .b24-advice.b24-advice--angle-top .b24-advice__description-angle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-advice:is(.b24-advice--angle-bottom, :not([class*="b24-advice--angle-"])) {
    align-items: flex-end;
  }

  .b24-advice:is(.b24-advice--angle-bottom, :not([class*="b24-advice--angle-"])) .b24-advice__description-angle {
    inset-inline-start: .8px;
    bottom: 9px;
  }

  .b24-advice:is(.b24-advice--angle-bottom, :not([class*="b24-advice--angle-"])) .b24-advice__description-angle:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .b24-splitter .b24-splitter__panel {
    display: flex;
  }

  .b24-splitter .b24-splitter__handle {
    outline-color: #0000;
    flex-shrink: 0;
    position: relative;
  }

  .b24-splitter .b24-splitter__handle:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-splitter .b24-splitter__handle[data-panel-resize-handle-enabled="false"] {
    cursor: default;
  }

  .b24-splitter .b24-splitter__handle:is(.b24-splitter__handle--orientation-horizontal, :not([class*="b24-splitter__handle--orientation-"])) {
    width: calc(var(--spacing) * 2);
    cursor: col-resize;
  }

  .b24-splitter .b24-splitter__handle.b24-splitter__handle--orientation-vertical {
    height: calc(var(--spacing) * 2);
    cursor: row-resize;
  }

  .b24-accordion {
    width: 100%;
    width: var(--width-full);
  }

  .b24-accordion .b24-accordion__item {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--ui-color-divider-vibrant-accent-more);
    color: var(--b24ui-typography-label-color);
  }

  .b24-accordion .b24-accordion__item:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .b24-accordion .b24-accordion__header {
    display: flex;
  }

  .b24-accordion .b24-accordion__trigger {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    font-size: var(--ui-font-size-sm);
    --tw-leading: 20px;
    --tw-font-weight: var(--ui-font-weight-medium);
    line-height: 20px;
    font-weight: var(--ui-font-weight-medium);
    flex: 1;
    padding-block: 12px;
    display: flex;
  }

  .b24-accordion .b24-accordion__trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-accordion .b24-accordion__content {
    overflow: hidden;
  }

  .b24-accordion .b24-accordion__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-accordion .b24-accordion__content[data-state="closed"] {
      animation: accordion-up .2s var(--ease-out);
    }

    .b24-accordion .b24-accordion__content[data-state="open"] {
      animation: accordion-down .2s var(--ease-out);
    }
  }

  .b24-accordion .b24-accordion__body {
    font-size: var(--ui-font-size-sm);
    padding-bottom: 12px;
  }

  .b24-accordion .b24-accordion__leading-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
  }

  .b24-accordion .b24-accordion__trailing-icon {
    width: 20px;
    height: 20px;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    margin-inline-start: auto;
    transition-duration: .2s;
  }

  .b24-accordion .b24-accordion__trailing-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-accordion .b24-accordion__trailing-icon {
      transition-property: none;
    }
  }

  .b24-accordion .b24-accordion__label {
    text-align: start;
    overflow-wrap: break-word;
  }

  .b24-accordion.b24-accordion--disabled .b24-accordion__trigger {
    cursor: not-allowed;
    opacity: .75;
  }

  .b24-scroll-area {
    position: relative;
  }

  .b24-scroll-area .b24-scroll-area__viewport {
    display: flex;
    position: relative;
  }

  .b24-scroll-area:is(.b24-scroll-area--orientation-vertical, :not([class*="b24-scroll-area--orientation-"])) {
    overflow: hidden auto;
  }

  .b24-scroll-area:is(.b24-scroll-area--orientation-vertical, :not([class*="b24-scroll-area--orientation-"])) .b24-scroll-area__viewport {
    flex-direction: column;
  }

  .b24-scroll-area.b24-scroll-area--orientation-horizontal {
    overflow: auto hidden;
  }

  .b24-scroll-area.b24-scroll-area--orientation-horizontal .b24-scroll-area__viewport {
    flex-direction: row;
  }

  .b24-scroll-area.b24-scroll-area--external-scroll {
    overflow: visible;
  }

  .b24-timeline {
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-timeline .b24-timeline__item {
    gap: calc(var(--spacing) * 3);
    flex: 1;
    display: flex;
    position: relative;
  }

  .b24-timeline .b24-timeline__container {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
    position: relative;
  }

  .b24-timeline .b24-timeline__indicator {
    color: var(--b24ui-typography-description-color);
  }

  .b24-timeline .b24-timeline__indicator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="active"] *) {
    background-color: var(--b24ui-background-active);
    color: var(--b24ui-color);
  }

  .b24-timeline .b24-timeline__indicator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="completed"] *) {
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
  }

  .b24-timeline .b24-timeline__separator {
    border-radius: var(--ui-border-radius-circle);
    background-color: var(--ui-color-base-6);
    flex: 1;
  }

  .b24-timeline .b24-timeline__wrapper {
    width: 100%;
    width: var(--width-full);
  }

  .b24-timeline .b24-timeline__date {
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-md);
    color: var(--b24ui-typography-label-color);
  }

  .b24-timeline .b24-timeline__title {
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-legend-color);
  }

  .b24-timeline .b24-timeline__description {
    font-size: var(--ui-font-size-sm);
    text-wrap: wrap;
    color: var(--b24ui-typography-description-color);
  }

  .b24-timeline.b24-timeline--orientation-horizontal {
    width: 100%;
    width: var(--width-full);
    flex-direction: row;
  }

  .b24-timeline.b24-timeline--orientation-horizontal .b24-timeline__item {
    flex-direction: column;
  }

  .b24-timeline.b24-timeline--orientation-horizontal .b24-timeline__separator {
    height: calc(var(--spacing) * .5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])), .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])) .b24-timeline__container {
    flex-direction: column;
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])) .b24-timeline__separator {
    width: calc(var(--spacing) * .5);
  }

  .b24-timeline:not(.b24-timeline--reverse) .b24-timeline__separator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="completed"] *) {
    background-color: var(--b24ui-background-active);
  }

  .b24-timeline.b24-timeline--reverse .b24-timeline__separator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="active"] *), .b24-timeline.b24-timeline--reverse .b24-timeline__separator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="completed"] *) {
    background-color: var(--b24ui-background);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-3xs .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-2xs .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 5);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-xs .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 5.5);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-sm .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 6);
  }

  .b24-timeline.b24-timeline--orientation-horizontal:is(.b24-timeline--size-md, :not([class*="b24-timeline--size-"])) .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 6.5);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-lg .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 7);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-xl .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 7.5);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-2xl .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 8);
  }

  .b24-timeline.b24-timeline--orientation-horizontal.b24-timeline--size-3xl .b24-timeline__wrapper {
    padding-inline-end: calc(var(--spacing) * 8.5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-3xs .b24-timeline__wrapper {
    margin-top: calc(var(--spacing) * -.5);
    padding-bottom: calc(var(--spacing) * 4.5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-2xs .b24-timeline__wrapper {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-xs .b24-timeline__wrapper {
    margin-top: calc(var(--spacing) * .5);
    padding-bottom: calc(var(--spacing) * 5.5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-sm .b24-timeline__wrapper {
    margin-top: var(--spacing);
    padding-bottom: calc(var(--spacing) * 6);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])):is(.b24-timeline--size-md, :not([class*="b24-timeline--size-"])) .b24-timeline__wrapper {
    margin-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 6.5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-lg .b24-timeline__wrapper {
    margin-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 7);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-xl .b24-timeline__wrapper {
    margin-top: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 7.5);
  }

  .b24-timeline:is(.b24-timeline--orientation-vertical, :not([class*="b24-timeline--orientation-"])).b24-timeline--size-2xl .b24-timeline__wrapper {
    margin-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 8);
  }

  .b24-prose-h4 {
    margin-bottom: calc(var(--spacing) * 2);
    scroll-margin-top: calc(24px + 45px + 24px + var(--topbar-height));
    font-size: var(--ui-font-size-2xl);
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-prose-h4 {
      scroll-margin-top: calc(24px + 22px + 15px + var(--topbar-height));
    }
  }

  .b24-prose-h4 > a:focus-visible {
    outline-color: var(--ui-color-accent-main-primary);
  }

  .b24-prose-h4 > a > code {
    font-size: var(--ui-font-size-xl);
    line-height: calc(var(--spacing) * 5);
  }

  @media (hover: hover) {
    .b24-prose-h4:hover > a > code {
      background-color: var(--ui-color-design-selection-bg);
      color: var(--ui-color-accent-main-primary-alt-2);
      --tw-ring-color: var(--ui-color-design-selection-stroke);
    }
  }

  .b24-prose-h4 .b24-prose-h4__leading {
    border-radius: var(--ui-border-radius-2xs);
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
    opacity: 0;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--b24ui-border-width) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    margin-inline-start: calc(var(--spacing) * -4.5);
    padding: 1px;
    display: none;
    position: absolute;
    top: 6px;
  }

  @media (hover: hover) {
    .b24-prose-h4 .b24-prose-h4__leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      opacity: 1;
    }
  }

  .b24-prose-h4 .b24-prose-h4__leading:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):focus *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .b24-prose-h4 .b24-prose-h4__leading:hover {
      color: var(--ui-color-accent-main-primary-alt-2);
    }
  }

  @media (min-width: 64rem) {
    .b24-prose-h4 .b24-prose-h4__leading {
      display: flex;
    }
  }

  .b24-prose-h4 .b24-prose-h4__leading-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
  }

  @media (min-width: 64rem) {
    .b24-prose-h4 .b24-prose-h4__link {
      margin-inline-start: calc(var(--spacing) * -2);
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }

  .b24-prose-h4:is(.b24-prose-h4--accent-default, :not([class*="b24-prose-h4--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h4.b24-prose-h4--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-h4.b24-prose-h4--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-h4.b24-prose-h4--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-h4.b24-prose-h4--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-prose-a {
    cursor: pointer;
    color: var(--ui-color-accent-main-link);
    text-underline-offset: 2px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-prose-a:hover {
      color: var(--ui-color-accent-main-primary-alt);
      text-decoration-line: underline;
    }
  }

  .b24-prose-a:focus-visible {
    outline-color: var(--color-info-text);
  }

  .b24-prose-a:focus-visible:has( > code) {
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }

  .b24-prose-a:where(.dark, .dark *) {
    color: var(--ui-color-blue-40);
  }

  @media (hover: hover) {
    .b24-prose-a:where(.dark, .dark *):hover {
      color: var(--ui-color-blue-50);
    }
  }

  .b24-prose-a > code {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  @media (hover: hover) {
    .b24-prose-a:hover > code {
      background-color: var(--ui-color-design-selection-bg);
      color: var(--ui-color-accent-main-primary-alt-2);
      --tw-ring-color: var(--ui-color-design-selection-stroke);
    }
  }

  .b24-prose-a:focus-visible > code {
    color: var(--ui-color-accent-main-primary-alt-2);
    --tw-ring-color: var(--ui-color-design-selection-stroke);
  }

  .b24-prose-code {
    border-radius: var(--ui-border-radius-md);
    background-color: var(--b24ui-background);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-family: var(--ui-font-family-system-mono);
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-medium);
    line-height: normal;
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
    display: inline-block;
  }

  .b24-banner {
    z-index: 50;
    width: 100%;
    width: var(--width-full);
    background-color: var(--b24ui-background);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: relative;
  }

  .b24-banner .b24-banner__container {
    height: calc(var(--spacing) * 12);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .b24-banner .b24-banner__left {
    display: none;
  }

  @media (min-width: 64rem) {
    .b24-banner .b24-banner__left {
      flex: 1;
      align-items: center;
      display: flex;
    }
  }

  .b24-banner .b24-banner__center {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    display: flex;
  }

  .b24-banner .b24-banner__right {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  @media (min-width: 64rem) {
    .b24-banner .b24-banner__right {
      flex: 1;
    }
  }

  .b24-banner .b24-banner__icon {
    pointer-events: none;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    color: var(--b24ui-color);
    flex-shrink: 0;
  }

  .b24-banner .b24-banner__title {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-color);
    overflow: hidden;
  }

  .b24-banner .b24-banner__actions {
    isolation: isolate;
    gap: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    display: flex;
  }

  .b24-banner .b24-banner__close {
    --ui-btn-color: var(--b24ui-color);
    margin-inline-end: calc(var(--spacing) * -1.5);
  }

  @media (hover: hover) {
    .b24-banner .b24-banner__close:hover {
      background-color: var(--ui-color-base-white-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-banner .b24-banner__close:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-white-fixed) 10%, transparent);
      }
    }
  }

  .b24-banner .b24-banner__close:focus-visible {
    background-color: var(--ui-color-base-white-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-banner .b24-banner__close:focus-visible {
      background-color: color-mix(in oklab, var(--ui-color-base-white-fixed) 10%, transparent);
    }
  }

  @media (min-width: 64rem) {
    .b24-banner .b24-banner__close {
      margin-inline-end: 0;
    }
  }

  @media (hover: hover) {
    .b24-banner.b24-banner--to:hover {
      background-color: var(--b24ui-background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-banner.b24-banner--to:hover {
        background-color: color-mix(in oklab, var(--b24ui-background) 90%, transparent);
      }
    }
  }

  .b24-collapsible .b24-collapsible__content {
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-collapsible .b24-collapsible__content[data-state="closed"] {
      animation: collapsible-up .2s var(--ease-out);
    }

    .b24-collapsible .b24-collapsible__content[data-state="open"] {
      animation: collapsible-down .2s var(--ease-out);
    }
  }

  .b24-countdown {
    color: var(--b24ui-typography-legend-color);
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }

  .b24-countdown .b24-countdown__leading-icon, .b24-countdown .b24-countdown__leading-avatar {
    flex-shrink: 0;
  }

  .b24-countdown .b24-countdown__circle-base {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
  }

  .b24-countdown .b24-countdown__circle-group {
    fill: none;
    stroke: none;
  }

  .b24-countdown .b24-countdown__circle-element {
    stroke: #0000;
    stroke-width: 1px;
  }

  .b24-countdown .b24-countdown__circle-path {
    transform-origin: center;
    stroke: currentColor;
    stroke-width: 7px;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 1s;
    --tw-ease: linear;
    transition-duration: 1s;
    transition-timing-function: linear;
    rotate: 90deg;
  }

  .b24-countdown.b24-countdown--size-xs {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-countdown.b24-countdown--size-xs .b24-countdown__leading-icon {
    width: var(--spacing-sm);
    height: var(--spacing-sm);
  }

  .b24-countdown.b24-countdown--size-sm {
    gap: var(--spacing);
    font-size: var(--ui-font-size-4xs);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-countdown.b24-countdown--size-sm .b24-countdown__leading-icon {
    width: var(--spacing-sm2);
    height: var(--spacing-sm2);
  }

  .b24-countdown:is(.b24-countdown--size-md, :not([class*="b24-countdown--size-"])) {
    gap: var(--spacing);
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-countdown:is(.b24-countdown--size-md, :not([class*="b24-countdown--size-"])) .b24-countdown__leading-icon {
    width: 16px;
    height: 16px;
  }

  .b24-countdown.b24-countdown--size-lg {
    gap: var(--spacing);
    font-size: var(--ui-font-size-lg);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-countdown.b24-countdown--size-lg .b24-countdown__leading-icon {
    width: 22px;
    height: 22px;
  }

  .b24-countdown.b24-countdown--size-xl {
    gap: var(--spacing);
    font-size: var(--ui-font-size-xl);
    line-height: var(--ui-font-line-height-reset);
  }

  .b24-countdown.b24-countdown--size-xl .b24-countdown__leading-icon {
    width: 26px;
    height: 26px;
  }

  .b24-countdown.b24-countdown--use-circle {
    justify-content: center;
  }

  .b24-countdown.b24-countdown--use-circle .b24-countdown__circle-base {
    width: 100%;
    height: 100%;
  }

  .b24-countdown.b24-countdown--size-xs.b24-countdown--use-circle {
    padding: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-7xs);
    line-height: normal;
  }

  .b24-countdown.b24-countdown--size-sm.b24-countdown--use-circle {
    padding: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-6xs);
    line-height: normal;
  }

  .b24-countdown:is(.b24-countdown--size-md, :not([class*="b24-countdown--size-"])).b24-countdown--use-circle {
    padding: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-3xs);
    line-height: normal;
  }

  .b24-countdown.b24-countdown--size-lg.b24-countdown--use-circle {
    padding: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-countdown.b24-countdown--size-xl.b24-countdown--use-circle {
    padding: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-progress-group {
    gap: calc(var(--spacing) * 2);
  }

  .b24-progress-group .b24-progress-group__base {
    border-radius: var(--ui-border-radius-pill);
    background-color: var(--ui-color-base-5);
    display: flex;
    overflow: hidden;
  }

  .b24-progress-group .b24-progress-group__segment {
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-progress-group .b24-progress-group__segment {
      transition-property: none;
    }
  }

  .b24-progress-group .b24-progress-group__indicator {
    background-color: var(--b24ui-background);
    width: 100%;
    height: 100%;
  }

  .b24-progress-group .b24-progress-group__status {
    color: var(--b24ui-typography-legend-color);
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
    justify-content: flex-end;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-progress-group .b24-progress-group__status {
      transition-property: none;
    }
  }

  .b24-progress-group .b24-progress-group__list {
    gap: var(--spacing);
    flex-direction: column;
    display: flex;
  }

  .b24-progress-group .b24-progress-group__item {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    min-width: 0;
    display: flex;
  }

  .b24-progress-group .b24-progress-group__item-leading-icon {
    flex-shrink: 0;
  }

  .b24-progress-group .b24-progress-group__item-leading-dot {
    border-radius: var(--ui-border-radius-pill);
    flex-shrink: 0;
  }

  .b24-progress-group .b24-progress-group__item-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--b24ui-typography-label-color);
    overflow: hidden;
  }

  .b24-progress-group .b24-progress-group__item-trailing {
    color: var(--b24ui-typography-legend-color);
    flex-shrink: 0;
    margin-inline-start: auto;
  }

  .b24-progress-group .b24-progress-group__item-leading-icon:is(.b24-progress-group__item-leading-icon--color-air-primary, :not([class*="b24-progress-group__item-leading-icon--color-"])) {
    color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-dot:is(.b24-progress-group__item-leading-dot--color-air-primary, :not([class*="b24-progress-group__item-leading-dot--color-"])) {
    background-color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-success {
    color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-success {
    background-color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-alert {
    color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-alert {
    background-color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-copilot {
    color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-copilot {
    background-color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-primary-warning {
    color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-primary-warning {
    background-color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-icon.b24-progress-group__item-leading-icon--color-air-secondary {
    color: var(--b24ui-background);
  }

  .b24-progress-group .b24-progress-group__item-leading-dot.b24-progress-group__item-leading-dot--color-air-secondary {
    background-color: var(--b24ui-background);
  }

  .b24-progress-group.b24-progress-group--size-xs .b24-progress-group__status, .b24-progress-group.b24-progress-group--size-xs .b24-progress-group__list {
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-progress-group.b24-progress-group--size-xs .b24-progress-group__item-leading-icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .b24-progress-group.b24-progress-group--size-xs .b24-progress-group__item-leading-dot {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .b24-progress-group.b24-progress-group--size-sm .b24-progress-group__status, .b24-progress-group.b24-progress-group--size-sm .b24-progress-group__list {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-progress-group.b24-progress-group--size-sm .b24-progress-group__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-progress-group.b24-progress-group--size-sm .b24-progress-group__item-leading-dot {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .b24-progress-group:is(.b24-progress-group--size-md, :not([class*="b24-progress-group--size-"])) .b24-progress-group__status, .b24-progress-group:is(.b24-progress-group--size-md, :not([class*="b24-progress-group--size-"])) .b24-progress-group__list {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-progress-group:is(.b24-progress-group--size-md, :not([class*="b24-progress-group--size-"])) .b24-progress-group__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-progress-group:is(.b24-progress-group--size-md, :not([class*="b24-progress-group--size-"])) .b24-progress-group__item-leading-dot {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .b24-progress-group.b24-progress-group--size-lg .b24-progress-group__status, .b24-progress-group.b24-progress-group--size-lg .b24-progress-group__list {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-progress-group.b24-progress-group--size-lg .b24-progress-group__item-leading-icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-progress-group.b24-progress-group--size-lg .b24-progress-group__item-leading-dot {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])) {
    width: 100%;
    width: var(--width-full);
    flex-direction: column;
    display: flex;
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])) .b24-progress-group__base {
    width: 100%;
    width: var(--width-full);
    flex-direction: row;
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])) .b24-progress-group__status {
    width: var(--percent);
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-direction: row;
  }

  .b24-progress-group.b24-progress-group--orientation-vertical {
    height: 100%;
    height: var(--height-full);
    flex-direction: row-reverse;
    display: flex;
  }

  .b24-progress-group.b24-progress-group--orientation-vertical .b24-progress-group__base {
    height: 100%;
    height: var(--height-full);
    flex-direction: column;
  }

  .b24-progress-group.b24-progress-group--orientation-vertical .b24-progress-group__status {
    height: var(--percent);
    min-width: 32px;
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-direction: column;
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])).b24-progress-group--size-xs .b24-progress-group__base {
    height: 2px;
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])).b24-progress-group--size-sm .b24-progress-group__base {
    height: 4px;
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])):is(.b24-progress-group--size-md, :not([class*="b24-progress-group--size-"])) .b24-progress-group__base {
    height: calc(var(--spacing) * 2);
  }

  .b24-progress-group:is(.b24-progress-group--orientation-horizontal, :not([class*="b24-progress-group--orientation-"])).b24-progress-group--size-lg .b24-progress-group__base {
    height: 12px;
  }

  .b24-progress-group.b24-progress-group--orientation-vertical.b24-progress-group--size-xs .b24-progress-group__base {
    width: 2px;
  }

  .b24-progress-group.b24-progress-group--orientation-vertical.b24-progress-group--size-sm .b24-progress-group__base {
    width: 4px;
  }

  .b24-progress-group.b24-progress-group--orientation-vertical:is(.b24-progress-group--size-md, :not([class*="b24-progress-group--size-"])) .b24-progress-group__base {
    width: calc(var(--spacing) * 2);
  }

  .b24-progress-group.b24-progress-group--orientation-vertical.b24-progress-group--size-lg .b24-progress-group__base {
    width: 12px;
  }

  .b24-breadcrumb {
    min-width: 0;
    position: relative;
  }

  .b24-breadcrumb .b24-breadcrumb__list {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .b24-breadcrumb .b24-breadcrumb__item {
    min-width: 0;
    display: flex;
  }

  .b24-breadcrumb .b24-breadcrumb__link {
    min-width: 0;
    font-size: var(--ui-font-size-sm);
    align-items: center;
    gap: 6px;
    margin-top: -1px;
    display: flex;
    position: relative;
  }

  .b24-breadcrumb .b24-breadcrumb__link:focus-visible {
    outline-color: var(--b24ui-border-color);
  }

  .b24-breadcrumb .b24-breadcrumb__link-leading-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
  }

  .b24-breadcrumb .b24-breadcrumb__link-leading-avatar {
    flex-shrink: 0;
  }

  .b24-breadcrumb .b24-breadcrumb__link-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-breadcrumb .b24-breadcrumb__separator {
    display: flex;
  }

  .b24-breadcrumb .b24-breadcrumb__separator-icon {
    width: 20px;
    height: 20px;
    color: var(--ui-color-base-6);
    flex-shrink: 0;
  }

  .b24-breadcrumb .b24-breadcrumb__link.b24-breadcrumb__link--active {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-color);
  }

  @media (hover: hover) {
    .b24-breadcrumb .b24-breadcrumb__link.b24-breadcrumb__link--active:hover {
      text-decoration-line: underline;
    }
  }

  .b24-breadcrumb .b24-breadcrumb__link:not(.b24-breadcrumb__link--active) {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-legend-color);
  }

  .b24-breadcrumb .b24-breadcrumb__link.b24-breadcrumb__link--disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  @media (hover: hover) {
    .b24-breadcrumb .b24-breadcrumb__link:not(.b24-breadcrumb__link--disabled):not(.b24-breadcrumb__link--active).b24-breadcrumb__link--to:hover {
      text-decoration-line: underline;
    }
  }

  .b24-breadcrumb:is(.b24-breadcrumb--color-air-primary, .b24-breadcrumb--color-air-primary-success, .b24-breadcrumb--color-air-primary-alert, .b24-breadcrumb--color-air-primary-copilot, .b24-breadcrumb--color-air-primary-warning, .b24-breadcrumb--color-air-primary-no-accent) .b24-breadcrumb__link.b24-breadcrumb__link--active {
    color: var(--b24ui-background);
  }

  .b24-stepper {
    gap: calc(var(--spacing) * 4);
    display: flex;
  }

  .b24-stepper .b24-stepper__header {
    display: flex;
  }

  .b24-stepper .b24-stepper__item {
    width: 100%;
    width: var(--width-full);
    text-align: center;
    position: relative;
  }

  .b24-stepper .b24-stepper__container {
    position: relative;
  }

  .b24-stepper .b24-stepper__trigger {
    cursor: pointer;
    border-radius: var(--radius-full);
    background-color: var(--ui-color-base-8);
    text-align: center;
    vertical-align: middle;
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-description-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-base-7);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-stepper .b24-stepper__trigger:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="active"] *) {
    background-color: var(--b24ui-background-active);
    color: var(--b24ui-color);
  }

  .b24-stepper .b24-stepper__trigger:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="completed"] *) {
    background-color: var(--b24ui-background);
    color: var(--b24ui-color);
  }

  .b24-stepper .b24-stepper__trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-offset: 2px;
    outline-width: 2px;
    outline-color: var(--b24ui-background-active);
  }

  .b24-stepper .b24-stepper__indicator {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .b24-stepper .b24-stepper__icon {
    flex-shrink: 0;
  }

  .b24-stepper .b24-stepper__separator {
    border-radius: var(--ui-border-radius-circle);
    background-color: var(--ui-color-base-6);
    position: absolute;
  }

  .b24-stepper .b24-stepper__separator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-disabled] *) {
    opacity: .75;
  }

  .b24-stepper .b24-stepper__separator:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="completed"] *) {
    background-color: var(--b24ui-background-active);
  }

  .b24-stepper .b24-stepper__title {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-legend-color);
  }

  .b24-stepper .b24-stepper__description {
    text-wrap: wrap;
    color: var(--b24ui-typography-description-color);
  }

  .b24-stepper .b24-stepper__content {
    width: 100%;
    height: 100%;
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])) {
    flex-direction: column;
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])) .b24-stepper__container {
    justify-content: center;
    display: flex;
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])) .b24-stepper__separator {
    height: calc(var(--spacing) * .5);
    top: calc(50% - 2px);
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])) .b24-stepper__wrapper {
    margin-top: var(--spacing);
  }

  .b24-stepper.b24-stepper--orientation-vertical .b24-stepper__header {
    gap: calc(var(--spacing) * 4);
    flex-direction: column;
  }

  .b24-stepper.b24-stepper--orientation-vertical .b24-stepper__item {
    text-align: start;
    display: flex;
  }

  .b24-stepper.b24-stepper--orientation-vertical .b24-stepper__separator {
    width: calc(var(--spacing) * .5);
    inset-inline-start: calc(50% - 1px);
    bottom: -10px;
  }

  .b24-stepper.b24-stepper--size-xs .b24-stepper__trigger {
    width: 28px;
    height: 28px;
    font-size: var(--ui-font-size-sm);
  }

  .b24-stepper.b24-stepper--size-xs .b24-stepper__icon {
    width: 26px;
    height: 26px;
  }

  .b24-stepper.b24-stepper--size-xs .b24-stepper__title, .b24-stepper.b24-stepper--size-xs .b24-stepper__description {
    font-size: var(--ui-font-size-xs);
  }

  .b24-stepper.b24-stepper--size-xs .b24-stepper__wrapper {
    margin-top: 6px;
  }

  .b24-stepper.b24-stepper--size-sm .b24-stepper__trigger {
    width: 32px;
    height: 32px;
    font-size: var(--ui-font-size-md);
  }

  .b24-stepper.b24-stepper--size-sm .b24-stepper__icon {
    width: 28px;
    height: 28px;
  }

  .b24-stepper.b24-stepper--size-sm .b24-stepper__title, .b24-stepper.b24-stepper--size-sm .b24-stepper__description {
    font-size: var(--ui-font-size-sm);
  }

  .b24-stepper.b24-stepper--size-sm .b24-stepper__wrapper {
    margin-top: calc(var(--spacing) * 2);
  }

  .b24-stepper:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__trigger {
    width: 42px;
    height: 42px;
    font-size: var(--ui-font-size-xl);
  }

  .b24-stepper:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__icon {
    width: 38px;
    height: 38px;
  }

  .b24-stepper:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__title, .b24-stepper:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__description {
    font-size: var(--ui-font-size-md);
  }

  .b24-stepper:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__wrapper {
    margin-top: 10px;
  }

  .b24-stepper.b24-stepper--size-lg .b24-stepper__trigger {
    width: 48px;
    height: 48px;
    font-size: var(--ui-font-size-2xl);
  }

  .b24-stepper.b24-stepper--size-lg .b24-stepper__icon {
    width: 44px;
    height: 44px;
  }

  .b24-stepper.b24-stepper--size-lg .b24-stepper__title, .b24-stepper.b24-stepper--size-lg .b24-stepper__description {
    font-size: var(--ui-font-size-xl);
  }

  .b24-stepper.b24-stepper--size-lg .b24-stepper__wrapper {
    margin-top: 12px;
  }

  .b24-stepper.b24-stepper--size-xl .b24-stepper__trigger {
    width: 60px;
    height: 60px;
    font-size: var(--ui-font-size-3xl);
  }

  .b24-stepper.b24-stepper--size-xl .b24-stepper__icon {
    width: 56px;
    height: 56px;
  }

  .b24-stepper.b24-stepper--size-xl .b24-stepper__title, .b24-stepper.b24-stepper--size-xl .b24-stepper__description {
    font-size: var(--ui-font-size-2xl);
  }

  .b24-stepper.b24-stepper--size-xl .b24-stepper__wrapper {
    margin-top: 14px;
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])).b24-stepper--size-xs .b24-stepper__separator {
    inset-inline: calc(50% + 16px) calc(16px - 50%);
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])).b24-stepper--size-sm .b24-stepper__separator {
    inset-inline: calc(50% + 20px) calc(20px - 50%);
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])):is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__separator {
    inset-inline: calc(50% + 28px) calc(28px - 50%);
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])).b24-stepper--size-lg .b24-stepper__separator {
    inset-inline: calc(50% + 32px) calc(32px - 50%);
  }

  .b24-stepper:is(.b24-stepper--orientation-horizontal, :not([class*="b24-stepper--orientation-"])).b24-stepper--size-xl .b24-stepper__separator {
    inset-inline: calc(50% + 36px) calc(36px - 50%);
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-xs .b24-stepper__separator {
    top: 30px;
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-xs .b24-stepper__item {
    gap: calc(var(--spacing) * 1.5);
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-sm .b24-stepper__separator {
    top: 38px;
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-sm .b24-stepper__item {
    gap: calc(var(--spacing) * 2);
  }

  .b24-stepper.b24-stepper--orientation-vertical:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__separator {
    top: 46px;
  }

  .b24-stepper.b24-stepper--orientation-vertical:is(.b24-stepper--size-md, :not([class*="b24-stepper--size-"])) .b24-stepper__item {
    gap: calc(var(--spacing) * 2.5);
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-lg .b24-stepper__separator {
    top: 54px;
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-lg .b24-stepper__item {
    gap: calc(var(--spacing) * 3);
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-xl .b24-stepper__separator {
    top: 62px;
  }

  .b24-stepper.b24-stepper--orientation-vertical.b24-stepper--size-xl .b24-stepper__item {
    gap: calc(var(--spacing) * 3.5);
  }

  .b24-color-picker[data-disabled] {
    opacity: .3;
  }

  .b24-color-picker .b24-color-picker__picker {
    gap: calc(var(--spacing) * 4);
    display: flex;
  }

  .b24-color-picker .b24-color-picker__selector {
    touch-action: none;
    border-radius: var(--ui-border-radius-md);
  }

  .b24-color-picker .b24-color-picker__selector-background {
    height: 100%;
    height: var(--height-full);
    width: 100%;
    width: var(--width-full);
    border-radius: var(--ui-border-radius-md);
    position: relative;
  }

  .b24-color-picker .b24-color-picker__selector-thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    border-radius: var(--radius-full);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-base-white-fixed);
    position: absolute;
  }

  .b24-color-picker .b24-color-picker__selector-thumb[data-disabled] {
    cursor: not-allowed;
  }

  .b24-color-picker .b24-color-picker__track {
    width: calc(var(--spacing) * 2);
    touch-action: none;
    border-radius: var(--ui-border-radius-md);
    position: relative;
  }

  .b24-color-picker .b24-color-picker__track-thumb {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    --tw-translate-x: calc(4px * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
    cursor: pointer;
    border-radius: var(--radius-full);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-base-white-fixed);
    position: absolute;
  }

  .b24-color-picker .b24-color-picker__track-thumb[data-disabled] {
    cursor: not-allowed;
  }

  .b24-color-picker .b24-color-picker__track-thumb:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: 4px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .b24-color-picker.b24-color-picker--size-xs .b24-color-picker__selector {
    width: 152px;
    height: 152px;
  }

  .b24-color-picker.b24-color-picker--size-xs .b24-color-picker__track {
    height: 152px;
  }

  .b24-color-picker.b24-color-picker--size-sm .b24-color-picker__selector {
    width: 160px;
    height: 160px;
  }

  .b24-color-picker.b24-color-picker--size-sm .b24-color-picker__track {
    height: 160px;
  }

  .b24-color-picker:is(.b24-color-picker--size-md, :not([class*="b24-color-picker--size-"])) .b24-color-picker__selector {
    width: 168px;
    height: 168px;
  }

  .b24-color-picker:is(.b24-color-picker--size-md, :not([class*="b24-color-picker--size-"])) .b24-color-picker__track {
    height: 168px;
  }

  .b24-color-picker.b24-color-picker--size-lg .b24-color-picker__selector {
    width: 176px;
    height: 176px;
  }

  .b24-color-picker.b24-color-picker--size-lg .b24-color-picker__track {
    height: 176px;
  }

  .b24-input-tags {
    isolation: isolate;
    max-width: 100%;
    max-width: var(--max-width-full);
    flex-wrap: wrap;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base) {
    appearance: none;
    border-style: var(--tw-border-style);
    vertical-align: middle;
    font-family: var(--ui-font-family-primary);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-base-1);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: linear;
    border-width: 0;
    padding-inline-end: 39px;
    transition-duration: .3s;
    transition-timing-function: linear;
  }

  :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base)::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  @media (hover: hover) {
    :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base):hover {
      color: var(--ui-color-base-1);
    }
  }

  :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base):focus {
    color: var(--ui-color-base-1);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base):active {
    color: var(--ui-color-base-1);
  }

  :is(.b24-input-tags .b24-input-tags__base, .b24-input-tags.b24-input-tags__base):disabled {
    pointer-events: auto;
    cursor: not-allowed;
    resize: none;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-tags .b24-input-tags__leading {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .b24-input-tags .b24-input-tags__leading-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-tags .b24-input-tags__leading-avatar {
    flex-shrink: 0;
  }

  .b24-input-tags .b24-input-tags__trailing {
    align-items: center;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline-end: calc(var(--spacing) * 0);
  }

  .b24-input-tags .b24-input-tags__trailing-icon {
    color: var(--b24ui-icon-color);
    flex-shrink: 0;
  }

  .b24-input-tags .b24-input-tags__tag {
    pointer-events: none;
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: -7px;
    right: 14px;
  }

  .b24-input-tags .b24-input-tags__item {
    height: var(--main-ui-square-item-height);
    align-items: center;
    gap: var(--spacing);
    border-radius: var(--ui-border-radius-xs);
    background-color: var(--ui-color-design-tinted-bg-alt);
    min-width: 0;
    max-width: 70%;
    font-family: var(--ui-font-family-primary);
    --tw-leading: var(--main-ui-square-item-height);
    line-height: var(--main-ui-square-item-height);
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
    color: var(--ui-color-design-tinted-content);
    padding-inline: 13px 6px;
    display: inline-flex;
  }

  .b24-input-tags .b24-input-tags__item[data-disabled] {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-tags .b24-input-tags__item-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .b24-input-tags .b24-input-tags__item-delete {
    cursor: pointer;
    color: var(--b24ui-icon-color-secondary);
    flex-shrink: 0;
    align-items: center;
    transition-property: none;
    display: inline-flex;
  }

  @media (hover: hover) {
    .b24-input-tags .b24-input-tags__item-delete:hover {
      color: var(--b24ui-icon-color-secondary-hover);
    }
  }

  .b24-input-tags .b24-input-tags__item-delete:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-input-tags .b24-input-tags__item-delete-icon {
    flex-shrink: 0;
  }

  .b24-input-tags .b24-input-tags__input {
    border-style: var(--tw-border-style);
    background-color: #0000;
    border-width: 0;
    flex: 1;
    padding-block: 0;
    padding-inline: 6px 0;
  }

  .b24-input-tags .b24-input-tags__input::placeholder {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-input-tags .b24-input-tags__input:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-input-tags .b24-input-tags__input:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .b24-input-tags .b24-input-tags__input:disabled {
    pointer-events: auto;
    cursor: not-allowed;
    opacity: .3;
    -webkit-user-select: none;
    user-select: none;
  }

  :is(.b24-input-tags.b24-input-tags--field-group-horizontal .b24-input-tags__base, .b24-input-tags.b24-input-tags--field-group-horizontal.b24-input-tags__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-tags.b24-input-tags--field-group-horizontal .b24-input-tags__base, .b24-input-tags.b24-input-tags--field-group-horizontal.b24-input-tags__base):focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-tags.b24-input-tags--field-group-vertical .b24-input-tags__base, .b24-input-tags.b24-input-tags--field-group-vertical.b24-input-tags__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-tags.b24-input-tags--field-group-vertical .b24-input-tags__base, .b24-input-tags.b24-input-tags--field-group-vertical.b24-input-tags__base):focus-visible {
    z-index: 1;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-input-tags:not(.b24-input-tags--no-split) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--no-split).b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    background-color: currentColor;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 6px;
    left: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.b24-input-tags:not(.b24-input-tags--no-split) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--no-split).b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
      background-color: color-mix(in oklab, currentcolor 30%, transparent);
    }
  }

  :is(.b24-input-tags:not(.b24-input-tags--no-split) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--no-split).b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }

  :is(.b24-input-tags.b24-input-tags--size-xss .b24-input-tags__base, .b24-input-tags.b24-input-tags--size-xss.b24-input-tags__base) {
    gap: var(--spacing);
    height: auto;
    min-height: 20px;
    font-size: var(--ui-font-size-4xs);
    --main-ui-square-item-height: 12px;
    padding-block: 2px;
    padding-inline-start: 4px;
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__leading, .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__leading-icon, .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__trailing-icon {
    width: 12px;
    height: 12px;
  }

  .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__input {
    font-size: var(--ui-font-size-4xs);
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__item {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-tags.b24-input-tags--size-xss .b24-input-tags__item-delete-icon {
    width: 10px;
    height: 10px;
  }

  :is(.b24-input-tags.b24-input-tags--size-xs .b24-input-tags__base, .b24-input-tags.b24-input-tags--size-xs.b24-input-tags__base) {
    gap: var(--spacing);
    height: auto;
    min-height: 24px;
    font-size: var(--ui-font-size-xs);
    --main-ui-square-item-height: 16px;
    padding-block: 2px;
    padding-inline-start: 4px;
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__leading, .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__trailing {
    padding-inline: var(--spacing);
  }

  .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__leading-icon, .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__trailing-icon {
    width: 14px;
    height: 14px;
  }

  .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__input {
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__item {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-tags.b24-input-tags--size-xs .b24-input-tags__item-delete-icon {
    width: 10px;
    height: 10px;
  }

  :is(.b24-input-tags.b24-input-tags--size-sm .b24-input-tags__base, .b24-input-tags.b24-input-tags--size-sm.b24-input-tags__base) {
    gap: calc(var(--spacing) * 1.5);
    height: auto;
    min-height: 28px;
    font-size: var(--ui-font-size-sm);
    --main-ui-square-item-height: 20px;
    padding-block: 4px;
    padding-inline-start: 4px;
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__leading, .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__trailing {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__leading-icon, .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__leading-avatar, .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__trailing-icon {
    width: 16px;
    height: 16px;
  }

  .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__input {
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__item {
    gap: calc(var(--spacing) * .5);
    font-size: var(--ui-font-size-5xs);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-tags.b24-input-tags--size-sm .b24-input-tags__item-delete-icon {
    width: 12px;
    height: 12px;
  }

  :is(.b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])).b24-input-tags__base) {
    gap: calc(var(--spacing) * 1.5);
    height: auto;
    min-height: 34px;
    font-size: var(--ui-font-size-lg);
    --main-ui-square-item-height: 24px;
    padding-block: 4px;
    padding-inline-start: 4px;
    line-height: normal;
  }

  .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__leading, .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__leading-icon, .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__trailing-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__input {
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__item {
    font-size: var(--ui-font-size-sm);
    line-height: var(--main-ui-square-item-height);
    gap: 4px;
  }

  .b24-input-tags:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__item-delete-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  :is(.b24-input-tags.b24-input-tags--size-lg .b24-input-tags__base, .b24-input-tags.b24-input-tags--size-lg.b24-input-tags__base) {
    gap: calc(var(--spacing) * 2);
    height: auto;
    min-height: 38px;
    font-size: var(--ui-font-size-lg);
    --main-ui-square-item-height: 28px;
    padding-block: 4px;
    padding-inline-start: 4px;
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__leading, .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__leading-icon, .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__input {
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__item {
    gap: var(--spacing);
    font-size: var(--ui-font-size-md);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-tags.b24-input-tags--size-lg .b24-input-tags__item-delete-icon {
    width: 22px;
    height: 22px;
  }

  :is(.b24-input-tags.b24-input-tags--size-xl .b24-input-tags__base, .b24-input-tags.b24-input-tags--size-xl.b24-input-tags__base) {
    gap: calc(var(--spacing) * 2);
    height: auto;
    min-height: 46px;
    font-size: var(--ui-font-size-2xl);
    --main-ui-square-item-height: 32px;
    padding-block: 6px;
    padding-inline-start: 6px;
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__leading, .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__trailing {
    padding-inline: calc(var(--spacing) * 2);
  }

  .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__leading-icon, .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__trailing-icon {
    width: 22px;
    height: 22px;
  }

  .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__input {
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__item {
    gap: var(--spacing);
    font-size: var(--ui-font-size-xl);
    line-height: var(--main-ui-square-item-height);
  }

  .b24-input-tags.b24-input-tags--size-xl .b24-input-tags__item-delete-icon {
    width: 22px;
    height: 22px;
  }

  :is(.b24-input-tags.b24-input-tags--rounded .b24-input-tags__base, .b24-input-tags.b24-input-tags--rounded.b24-input-tags__base) {
    border-radius: var(--ui-border-radius-3xl);
  }

  :is(.b24-input-tags:not(.b24-input-tags--rounded) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--rounded).b24-input-tags__base) {
    border-radius: var(--ui-border-radius-sm);
  }

  :is(.b24-input-tags.b24-input-tags--no-padding .b24-input-tags__base, .b24-input-tags.b24-input-tags--no-padding.b24-input-tags__base) {
    padding-inline: 0;
  }

  :is(.b24-input-tags.b24-input-tags--no-border .b24-input-tags__base, .b24-input-tags.b24-input-tags--no-border.b24-input-tags__base), :is(.b24-input-tags.b24-input-tags--no-border .b24-input-tags__base, .b24-input-tags.b24-input-tags--no-border.b24-input-tags__base):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-tags.b24-input-tags--underline .b24-input-tags__base, .b24-input-tags.b24-input-tags--underline.b24-input-tags__base) {
    border-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-bottom-color: var(--ui-color-design-outline-stroke);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-tags.b24-input-tags--underline .b24-input-tags__base, .b24-input-tags.b24-input-tags--underline.b24-input-tags__base):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-tags.b24-input-tags--highlight .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight.b24-input-tags__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  :is(.b24-input-tags.b24-input-tags--type-file .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file.b24-input-tags__base)::file-selector-button {
    color: var(--ui-color-design-plain-na-content-secondary);
    --tw-outline-style: none;
    outline-style: none;
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  :is(.b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    :is(.b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base):hover:not(:disabled):not([data-disabled]) {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  :is(.b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base):has(:focus-visible), :is(.b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--highlight):not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base)[data-state="open"], :is(.b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    :is(.b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base):hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      --tw-ring-color: var(--b24ui-border-color);
      --tw-ring-inset: inset;
    }
  }

  :is(.b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base):has(:focus-visible), :is(.b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border):not(.b24-input-tags--underline).b24-input-tags__base)[data-state="open"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--b24ui-border-color);
    --tw-ring-inset: inset;
  }

  @media (hover: hover) {
    :is(.b24-input-tags:not(.b24-input-tags--no-border).b24-input-tags--underline .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--no-border).b24-input-tags--underline.b24-input-tags__base):hover:not(:disabled):not([data-disabled]) {
      border-color: var(--b24ui-border-color);
    }
  }

  :is(.b24-input-tags:not(.b24-input-tags--no-border).b24-input-tags--underline .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--no-border).b24-input-tags--underline.b24-input-tags__base):has(:focus-visible), :is(.b24-input-tags:not(.b24-input-tags--no-border).b24-input-tags--underline .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--no-border).b24-input-tags--underline.b24-input-tags__base)[data-state="open"] {
    border-color: var(--b24ui-border-color);
  }

  :is(.b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border).b24-input-tags--underline .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight:not(.b24-input-tags--no-border).b24-input-tags--underline.b24-input-tags__base) {
    border-bottom-color: var(--b24ui-border-color);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-tags.b24-input-tags--highlight.b24-input-tags--no-border:not(.b24-input-tags--underline) .b24-input-tags__base, .b24-input-tags.b24-input-tags--highlight.b24-input-tags--no-border:not(.b24-input-tags--underline).b24-input-tags__base) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-xss .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-xss.b24-input-tags__base) {
    padding-block: 2px;
  }

  :is(.b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-xs .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-xs.b24-input-tags__base) {
    padding-block: 4px;
  }

  :is(.b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-sm .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-sm.b24-input-tags__base) {
    padding-block: 5px;
  }

  :is(.b24-input-tags.b24-input-tags--type-file:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file:is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])).b24-input-tags__base) {
    padding-block: 7px;
  }

  :is(.b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-lg .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-lg.b24-input-tags__base) {
    padding-block: 9px;
  }

  :is(.b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-xl .b24-input-tags__base, .b24-input-tags.b24-input-tags--type-file.b24-input-tags--size-xl.b24-input-tags__base) {
    padding-block: 11px;
  }

  :is(.b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-xss .b24-input-tags__base, .b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-xss.b24-input-tags__base) {
    padding-inline-start: 20px;
  }

  :is(.b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-xs .b24-input-tags__base, .b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-xs.b24-input-tags__base) {
    padding-inline-start: 22px;
  }

  :is(.b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-sm .b24-input-tags__base, .b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-sm.b24-input-tags__base) {
    padding-inline-start: 28px;
  }

  :is(.b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding):is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__base, .b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding):is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])).b24-input-tags__base), :is(.b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-lg .b24-input-tags__base, .b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-lg.b24-input-tags__base), :is(.b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-xl .b24-input-tags__base, .b24-input-tags.b24-input-tags--leading:not(.b24-input-tags--no-padding).b24-input-tags--size-xl.b24-input-tags__base) {
    padding-inline-start: 32px;
  }

  :is(.b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-xss .b24-input-tags__base, .b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-xss.b24-input-tags__base) {
    padding-inline-end: 20px;
  }

  :is(.b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-xs .b24-input-tags__base, .b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-xs.b24-input-tags__base) {
    padding-inline-end: 22px;
  }

  :is(.b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-sm .b24-input-tags__base, .b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-sm.b24-input-tags__base) {
    padding-inline-end: 28px;
  }

  :is(.b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding):is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__base, .b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding):is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])).b24-input-tags__base) {
    padding-inline-end: 34px;
  }

  :is(.b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-lg .b24-input-tags__base, .b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-lg.b24-input-tags__base), :is(.b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-xl .b24-input-tags__base, .b24-input-tags.b24-input-tags--trailing:not(.b24-input-tags--no-padding).b24-input-tags--size-xl.b24-input-tags__base) {
    padding-inline-end: 38px;
  }

  .b24-input-tags.b24-input-tags--loading.b24-input-tags--leading .b24-input-tags__leading-icon, .b24-input-tags.b24-input-tags--loading:not(.b24-input-tags--leading).b24-input-tags--trailing .b24-input-tags__trailing-icon {
    width: 21px;
    height: 21px;
  }

  :is(.b24-input-tags.b24-input-tags--loading.b24-input-tags--leading.b24-input-tags--no-padding .b24-input-tags__base, .b24-input-tags.b24-input-tags--loading.b24-input-tags--leading.b24-input-tags--no-padding.b24-input-tags__base) {
    padding-inline-start: 34px;
  }

  :is(.b24-input-tags.b24-input-tags--loading:not(.b24-input-tags--leading).b24-input-tags--trailing.b24-input-tags--no-padding .b24-input-tags__base, .b24-input-tags.b24-input-tags--loading:not(.b24-input-tags--leading).b24-input-tags--trailing.b24-input-tags--no-padding.b24-input-tags__base) {
    padding-inline-end: 34px;
  }

  :is(.b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical):is(.b24-input-tags--size-xl, .b24-input-tags--size-lg, :is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"]))):not(.b24-input-tags--rounded) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical):is(.b24-input-tags--size-xl, .b24-input-tags--size-lg, :is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"]))):not(.b24-input-tags--rounded).b24-input-tags__base) {
    border-radius: var(--ui-border-radius-md);
  }

  :is(.b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical).b24-input-tags--size-sm:not(.b24-input-tags--rounded) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical).b24-input-tags--size-sm:not(.b24-input-tags--rounded).b24-input-tags__base) {
    border-radius: var(--ui-border-radius-sm);
  }

  :is(.b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical).b24-input-tags--size-xs:not(.b24-input-tags--rounded) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical).b24-input-tags--size-xs:not(.b24-input-tags--rounded).b24-input-tags__base) {
    border-radius: var(--ui-border-radius-xs);
  }

  :is(.b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical).b24-input-tags--size-xss:not(.b24-input-tags--rounded) .b24-input-tags__base, .b24-input-tags:is(.b24-input-tags--field-group-horizontal, .b24-input-tags--field-group-vertical).b24-input-tags--size-xss:not(.b24-input-tags--rounded).b24-input-tags__base) {
    border-radius: 5px;
  }

  @media (min-width: 48rem) {
    :is(.b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-xss .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-xss.b24-input-tags__base) {
      font-size: var(--ui-font-size-4xs);
      line-height: normal;
    }

    :is(.b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-xs .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-xs.b24-input-tags__base) {
      font-size: var(--ui-font-size-xs);
      line-height: normal;
    }

    :is(.b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-sm .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-sm.b24-input-tags__base) {
      font-size: var(--ui-font-size-sm);
      line-height: normal;
    }

    :is(.b24-input-tags:not(.b24-input-tags--fixed):is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])) .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--fixed):is(.b24-input-tags--size-md, :not([class*="b24-input-tags--size-"])).b24-input-tags__base), :is(.b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-lg .b24-input-tags__base, .b24-input-tags:not(.b24-input-tags--fixed).b24-input-tags--size-lg.b24-input-tags__base) {
      font-size: var(--ui-font-size-lg);
      line-height: normal;
    }
  }

  .b24-file-upload {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .b24-file-upload .b24-file-upload__base {
    width: 100%;
    width: var(--width-full);
    justify-content: center;
    align-items: stretch;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: var(--b24ui-border-width);
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-file-upload .b24-file-upload__base {
      background-color: color-mix(in oklab, var(--b24ui-background) 90%, transparent);
    }
  }

  .b24-file-upload .b24-file-upload__base {
    color: var(--b24ui-color);
    transition-property: background;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .b24-file-upload .b24-file-upload__base:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .b24-file-upload .b24-file-upload__wrapper {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-file-upload .b24-file-upload__icon, .b24-file-upload .b24-file-upload__avatar {
    flex-shrink: 0;
  }

  .b24-file-upload .b24-file-upload__label {
    margin-top: calc(var(--spacing) * 2);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-color);
  }

  .b24-file-upload .b24-file-upload__description {
    margin-top: var(--spacing);
    color: var(--b24ui-typography-description-color);
  }

  .b24-file-upload .b24-file-upload__actions {
    margin-top: calc(var(--spacing) * 4);
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    flex-shrink: 0;
    display: flex;
  }

  .b24-file-upload .b24-file-upload__file {
    position: relative;
  }

  .b24-file-upload .b24-file-upload__file-leading-avatar {
    flex-shrink: 0;
  }

  .b24-file-upload .b24-file-upload__file-wrapper {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .b24-file-upload .b24-file-upload__file-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--b24ui-color);
    overflow: hidden;
  }

  .b24-file-upload .b24-file-upload__file-size {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--b24ui-typography-description-color);
    overflow: hidden;
  }

  .b24-file-upload:is(.b24-file-upload--variant-area, :not([class*="b24-file-upload--variant-"])) .b24-file-upload__wrapper {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }

  .b24-file-upload:is(.b24-file-upload--variant-area, :not([class*="b24-file-upload--variant-"])) .b24-file-upload__base {
    padding: calc(var(--spacing) * 4);
  }

  .b24-file-upload.b24-file-upload--size-xs .b24-file-upload__base {
    font-size: var(--ui-font-size-xs);
  }

  .b24-file-upload.b24-file-upload--size-xs .b24-file-upload__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-file-upload.b24-file-upload--size-xs .b24-file-upload__file {
    gap: var(--spacing);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--ui-font-size-xs);
  }

  .b24-file-upload.b24-file-upload--size-xs .b24-file-upload__file-wrapper {
    gap: var(--spacing);
    flex-direction: row;
  }

  .b24-file-upload.b24-file-upload--size-sm .b24-file-upload__base {
    font-size: var(--ui-font-size-xs);
  }

  .b24-file-upload.b24-file-upload--size-sm .b24-file-upload__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-file-upload.b24-file-upload--size-sm .b24-file-upload__file {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-xs);
  }

  .b24-file-upload.b24-file-upload--size-sm .b24-file-upload__file-wrapper {
    gap: var(--spacing);
    flex-direction: row;
  }

  .b24-file-upload:is(.b24-file-upload--size-md, :not([class*="b24-file-upload--size-"])) .b24-file-upload__base {
    font-size: var(--ui-font-size-sm);
  }

  .b24-file-upload:is(.b24-file-upload--size-md, :not([class*="b24-file-upload--size-"])) .b24-file-upload__icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-file-upload:is(.b24-file-upload--size-md, :not([class*="b24-file-upload--size-"])) .b24-file-upload__file {
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-xs);
  }

  .b24-file-upload.b24-file-upload--size-lg .b24-file-upload__icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .b24-file-upload.b24-file-upload--size-lg .b24-file-upload__file {
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }

  .b24-file-upload.b24-file-upload--layout-list {
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }

  .b24-file-upload.b24-file-upload--layout-list .b24-file-upload__files {
    width: 100%;
    width: var(--width-full);
    gap: calc(var(--spacing) * 2);
    flex-direction: column;
    display: flex;
  }

  .b24-file-upload.b24-file-upload--layout-list .b24-file-upload__file {
    width: 100%;
    width: var(--width-full);
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--b24ui-border-color);
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .b24-file-upload.b24-file-upload--layout-list .b24-file-upload__file-trailing-button {
    margin-inline-start: auto;
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-wrapper {
    display: none;
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-leading-avatar {
    border-radius: var(--radius-lg);
    width: 100%;
    height: 100%;
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button {
    inset-inline-end: calc(var(--spacing) * -1.5);
    top: calc(var(--spacing) * -1.5);
    border-radius: var(--ui-border-radius-pill);
    border-style: var(--tw-border-style);
    border-width: 1px;
    position: absolute;
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.dark, .dark *) {
    --ui-btn-background: var(--ui-color-g-content-grey-1);
    --ui-btn-color: var(--ui-color-g-content-grey-4);
  }

  @media (hover: hover) {
    .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.dark, .dark *):hover {
      background-color: var(--ui-color-g-content-grey-1);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.dark, .dark *):hover {
        background-color: color-mix(in oklab, var(--ui-color-g-content-grey-1) 90%, transparent);
      }
    }
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.edge-dark, .edge-dark *) {
    --ui-btn-background: var(--ui-color-base-white-fixed);
    --ui-btn-color: var(--ui-color-g-content-grey-1);
  }

  @media (hover: hover) {
    .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.edge-dark, .edge-dark *):hover {
      background-color: var(--ui-color-base-white-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.edge-dark, .edge-dark *):hover {
        background-color: color-mix(in oklab, var(--ui-color-base-white-fixed) 90%, transparent);
      }
    }
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])) .b24-file-upload__file-trailing-button:where(.edge-light, .edge-light *) {
    --ui-btn-background: var(--ui-color-base-white-fixed);
  }

  .b24-file-upload:not(.b24-file-upload--no-dropzone) .b24-file-upload__base {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .b24-file-upload:not(.b24-file-upload--no-dropzone) .b24-file-upload__base[data-dragging="true"] {
    background-color: var(--ui-color-accent-soft-grey-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-file-upload:not(.b24-file-upload--no-dropzone) .b24-file-upload__base[data-dragging="true"] {
      background-color: color-mix(in oklab, var(--ui-color-accent-soft-grey-1) 90%, transparent);
    }
  }

  .b24-file-upload.b24-file-upload--disabled .b24-file-upload__base {
    cursor: not-allowed;
    opacity: .75;
  }

  .b24-file-upload .b24-file-upload__base:focus-visible {
    outline-color: var(--ui-color-design-outline-focused-stroke);
  }

  .b24-file-upload.b24-file-upload--size-xs.b24-file-upload--layout-list .b24-file-upload__file-trailing-button {
    margin-inline-end: calc(var(--spacing) * -1);
  }

  .b24-file-upload.b24-file-upload--size-sm.b24-file-upload--layout-list .b24-file-upload__file-trailing-button, .b24-file-upload:is(.b24-file-upload--size-md, :not([class*="b24-file-upload--size-"])).b24-file-upload--layout-list .b24-file-upload__file-trailing-button {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }

  .b24-file-upload.b24-file-upload--size-lg.b24-file-upload--layout-list .b24-file-upload__file-trailing-button {
    margin-inline-end: calc(var(--spacing) * -2);
  }

  .b24-file-upload.b24-file-upload--variant-button.b24-file-upload--size-xs .b24-file-upload__base {
    padding: var(--spacing);
  }

  .b24-file-upload.b24-file-upload--variant-button.b24-file-upload--size-sm .b24-file-upload__base, .b24-file-upload.b24-file-upload--variant-button:is(.b24-file-upload--size-md, :not([class*="b24-file-upload--size-"])) .b24-file-upload__base {
    padding: calc(var(--spacing) * 1.5);
  }

  .b24-file-upload.b24-file-upload--variant-button.b24-file-upload--size-lg .b24-file-upload__base {
    padding: calc(var(--spacing) * 2);
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])).b24-file-upload--multiple .b24-file-upload__files {
    width: 100%;
    width: var(--width-full);
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  @media (min-width: 48rem) {
    .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])).b24-file-upload--multiple .b24-file-upload__files {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])).b24-file-upload--multiple .b24-file-upload__file {
    aspect-ratio: 1;
    padding: 0;
  }

  .b24-file-upload:is(.b24-file-upload--layout-grid, :not([class*="b24-file-upload--layout-"])):not(.b24-file-upload--multiple) .b24-file-upload__file {
    padding: 0;
    position: absolute;
    inset: 0;
  }

  @media (hover: hover) {
    .b24-file-upload:not(.b24-file-upload--no-interactive):not(.b24-file-upload--disabled) .b24-file-upload__base:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-file-upload:not(.b24-file-upload--no-interactive):not(.b24-file-upload--disabled) .b24-file-upload__base:hover {
        background-color: color-mix(in oklab, var(--ui-color-bg-content-secondary) 25%, transparent);
      }
    }
  }

  .b24-error {
    min-height: calc(100vh - var(--topbar-height));
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-error .b24-error__leading {
    margin-bottom: calc(var(--spacing) * 4);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .b24-error .b24-error__leading-icon {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    color: var(--b24ui-typography-legend-color);
    flex-shrink: 0;
  }

  .b24-error .b24-error__leading-avatar {
    flex-shrink: 0;
  }

  .b24-error .b24-error__status-code {
    font-size: var(--ui-font-size-sm);
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-typography-legend-color);
  }

  .b24-error .b24-error__status-message {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--ui-font-size-4xl);
    line-height: var(--ui-font-line-height-md);
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    text-wrap: balance;
    color: var(--b24ui-typography-label-color);
  }

  @media (min-width: 40rem) {
    .b24-error .b24-error__status-message {
      font-size: var(--ui-font-size-5xl);
      line-height: var(--ui-font-line-height-md);
    }
  }

  .b24-error .b24-error__message {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-2xl);
    line-height: var(--ui-font-line-height-md);
    text-wrap: balance;
    color: var(--b24ui-typography-description-color);
  }

  .b24-error .b24-error__links {
    margin-top: calc(var(--spacing) * 8);
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    display: flex;
  }

  .b24-prose-ul {
    margin-inline-start: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--b24ui-typography-label-color);
    padding-inline-start: calc(var(--spacing) * 2);
    list-style-type: disc;
  }

  .b24-prose-ul ::marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ul::marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ul ::-webkit-details-marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ul::-webkit-details-marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ol {
    margin-inline-start: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--b24ui-typography-label-color);
    padding-inline-start: calc(var(--spacing) * 2);
    list-style-type: decimal;
  }

  .b24-prose-ol ::marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ol::marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ol ::-webkit-details-marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-ol::-webkit-details-marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-li {
    margin-block: calc(var(--spacing) * 1.5);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--b24ui-typography-label-color);
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .b24-prose-li > ol, .b24-prose-li > ul {
    margin-block: 0;
  }

  .b24-prose-blockquote {
    margin-bottom: calc(var(--spacing) * 2);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
    border-color: var(--ui-color-accent-soft-element-blue);
    padding-inline-start: calc(var(--spacing) * 4);
    font-style: italic;
  }

  .b24-prose-h5 {
    margin-bottom: calc(var(--spacing) * 2);
    scroll-margin-top: calc(24px + 45px + 24px + var(--topbar-height));
    font-size: var(--ui-font-size-xl);
    position: relative;
  }

  @media (min-width: 64rem) {
    .b24-prose-h5 {
      scroll-margin-top: calc(24px + 22px + 15px + var(--topbar-height));
    }
  }

  .b24-prose-h5:is(.b24-prose-h5--accent-default, :not([class*="b24-prose-h5--accent-"])) {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-h5.b24-prose-h5--accent-accent {
    color: var(--ui-color-accent-brand-blue);
  }

  .b24-prose-h5.b24-prose-h5--accent-accent-more {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-prose-h5.b24-prose-h5--accent-less {
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-h5.b24-prose-h5--accent-less-more {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .b24-prose-hr {
    margin-block: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-divider-default);
  }

  .b24-prose-img {
    border-radius: var(--radius-md);
  }

  .b24-prose-img__overlay {
    background-color: oklab(32.3338% -.0284624 -.0985146 / .2);
    position: fixed;
    inset: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-prose-img__overlay {
      --tw-backdrop-blur: blur(2px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  .b24-prose-img__content {
    cursor: zoom-out;
    padding: calc(var(--spacing) * 4);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .b24-prose-img__content:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (min-width: 40rem) {
    .b24-prose-img__content {
      padding: calc(var(--spacing) * 8);
    }
  }

  .b24-prose-img__zoomed-image {
    width: 100%;
    height: auto;
    max-height: 95vh;
    width: var(--width-full);
    border-radius: var(--radius-md);
    object-fit: contain;
    max-width: 95vw;
  }

  .b24-prose-img:not(.b24-prose-img--no-zoom) {
    will-change: transform;
  }

  .b24-prose-img:not(.b24-prose-img--width) {
    width: 100%;
    width: var(--width-full);
  }

  .b24-prose-img:not(.b24-prose-img--no-zoom):not(.b24-prose-img--open) {
    cursor: zoom-in;
  }

  .b24-prose-table {
    margin-block: calc(var(--spacing) * 4);
    overflow-x: auto;
  }

  .b24-prose-thead {
    background-color: var(--ui-color-design-tinted-na-bg);
    color: var(--ui-color-design-tinted-na-content);
  }

  .b24-prose-th:is(.b24-prose-th--align-left, :not([class*="b24-prose-th--align-"])) {
    text-align: start;
  }

  .b24-prose-th.b24-prose-th--align-center {
    text-align: center;
  }

  .b24-prose-th.b24-prose-th--align-right {
    text-align: end;
  }

  .b24-prose-td code {
    font-size: var(--ui-font-size-xs);
    line-height: calc(var(--spacing) * 5);
  }

  .b24-prose-td li {
    margin-block: calc(var(--spacing) * .5);
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .b24-prose-td ol {
    margin-block: 0;
    padding-inline-start: calc(var(--spacing) * 4.5);
  }

  .b24-prose-td p {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    margin-block: 0;
  }

  .b24-prose-td ul {
    margin-block: 0;
    padding-inline-start: calc(var(--spacing) * 4.5);
  }

  .b24-prose-td:is(.b24-prose-td--align-left, :not([class*="b24-prose-td--align-"])) {
    text-align: start;
  }

  .b24-prose-td.b24-prose-td--align-center {
    text-align: center;
  }

  .b24-prose-td.b24-prose-td--align-right {
    text-align: end;
  }

  .b24-prose-field {
    margin-block: 20px;
  }

  .b24-prose-field .b24-prose-field__container {
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-family: var(--ui-font-family-system-mono);
    font-size: var(--ui-font-size-sm);
    display: flex;
  }

  .b24-prose-field .b24-prose-field__name {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--ui-color-accent-main-primary);
  }

  .b24-prose-field .b24-prose-field__wrapper {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-xs);
    flex: 1;
    display: flex;
  }

  .b24-prose-field .b24-prose-field__required {
    border-radius: var(--ui-border-radius-sm);
    background-color: var(--ui-color-design-outline-alert-content);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-prose-field .b24-prose-field__required {
      background-color: color-mix(in oklab, var(--ui-color-design-outline-alert-content) 10%, transparent);
    }
  }

  .b24-prose-field .b24-prose-field__required {
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    color: var(--ui-color-accent-main-alert);
  }

  .b24-prose-field .b24-prose-field__type {
    border-radius: var(--ui-border-radius-sm);
    background-color: var(--ui-color-design-tinted-na-bg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-field .b24-prose-field__description {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-field .b24-prose-field__description code {
    font-size: var(--ui-font-size-xs);
    line-height: calc(var(--spacing) * 4);
  }

  .b24-prose-field-group {
    margin-block: 20px;
  }

  :where(.b24-prose-field-group > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-color: var(--ui-color-divider-default);
  }

  :is(.b24-prose-field-group > *):not(:last-child) {
    padding-bottom: 20px;
  }

  .b24-prose-callout {
    margin-block: calc(var(--spacing) * 5);
    gap: calc(var(--spacing) * 2);
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: var(--b24ui-border-width);
    border-color: var(--b24ui-border-color);
    background-color: var(--b24ui-background);
    padding-block: var(--spacing-xs);
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-3xs);
    color: var(--b24ui-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    padding-inline-start: var(--spacing-sm);
    padding-inline-end: var(--spacing-xs);
    display: block;
    position: relative;
  }

  .b24-prose-callout:last-child {
    margin-bottom: 0;
  }

  :is(.b24-prose-callout > *):last-child {
    margin-bottom: 0 !important;
  }

  .b24-prose-callout a {
    text-decoration-line: underline;
  }

  .b24-prose-callout code {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-sm);
  }

  .b24-prose-callout li {
    margin-block: calc(var(--spacing) * 1.5);
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-3xs);
    color: var(--b24ui-color);
    padding-inline-start: var(--spacing);
  }

  .b24-prose-callout ol {
    margin-block: calc(var(--spacing) * 2.5);
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .b24-prose-callout ol ::marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ol::marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ol ::-webkit-details-marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ol::-webkit-details-marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ul {
    margin-block: calc(var(--spacing) * 2.5);
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .b24-prose-callout ul ::marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ul::marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ul ::-webkit-details-marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout ul::-webkit-details-marker {
    color: var(--b24ui-color);
  }

  .b24-prose-callout > div {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .b24-prose-callout > h1, .b24-prose-callout > h2, .b24-prose-callout > h3, .b24-prose-callout > h4, .b24-prose-callout > h5, .b24-prose-callout > h6 {
    color: var(--b24ui-color);
  }

  .b24-prose-callout .b24-prose-callout__icon {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    color: var(--b24ui-icon);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    flex-shrink: 0;
    margin-inline-end: calc(var(--spacing) * 2);
    display: inline-block;
  }

  .b24-prose-callout .b24-prose-callout__external-icon {
    pointer-events: none;
    inset-inline-end: calc(var(--spacing) * 2);
    top: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    vertical-align: top;
    color: var(--b24ui-split-divider-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: absolute;
  }

  .b24-prose-callout.b24-prose-callout--to {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  @media (hover: hover) {
    .b24-prose-callout.b24-prose-callout--to:hover {
      border-color: var(--b24ui-border-color-hover);
    }
  }

  .b24-prose-callout.b24-prose-callout--to:has(:focus-visible) {
    border-color: var(--b24ui-border-color-hover);
  }

  @media (hover: hover) {
    .b24-prose-callout.b24-prose-callout--to .b24-prose-callout__external-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--b24ui-icon);
    }
  }

  .b24-prose-callout.b24-prose-callout--color-air-secondary-accent {
    background-color: var(--b24ui-background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-prose-callout.b24-prose-callout--color-air-secondary-accent {
      background-color: color-mix(in oklab, var(--b24ui-background) 20%, transparent);
    }
  }

  .b24-prose-card {
    margin-block: calc(var(--spacing) * 5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--b24ui-background);
    padding: calc(var(--spacing) * 4);
    color: var(--b24ui-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: block;
    position: relative;
  }

  @media (min-width: 40rem) {
    .b24-prose-card {
      padding: calc(var(--spacing) * 6);
    }
  }

  .b24-prose-card .b24-prose-card__icon {
    margin-bottom: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    color: var(--b24ui-icon);
    display: block;
  }

  .b24-prose-card .b24-prose-card__title {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
    color: var(--b24ui-color);
  }

  .b24-prose-card .b24-prose-card__description {
    color: var(--b24ui-color);
    font-size: 15px;
  }

  :is(.b24-prose-card .b24-prose-card__description > *) {
    margin-block: var(--spacing);
  }

  :is(.b24-prose-card .b24-prose-card__description > *):first-child {
    margin-top: 0;
  }

  :is(.b24-prose-card .b24-prose-card__description > *):last-child {
    margin-bottom: 0;
  }

  .b24-prose-card .b24-prose-card__description p {
    color: var(--b24ui-color);
  }

  .b24-prose-card .b24-prose-card__external-icon {
    pointer-events: none;
    inset-inline-end: calc(var(--spacing) * 2);
    top: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    vertical-align: top;
    color: var(--b24ui-split-divider-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    position: absolute;
  }

  .b24-prose-card.b24-prose-card--title .b24-prose-card__description {
    margin-top: var(--spacing);
  }

  @media (hover: hover) {
    .b24-prose-card.b24-prose-card--to:hover {
      border-color: var(--b24ui-border-color-hover);
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-prose-card.b24-prose-card--to:has(:focus-visible) {
    border-color: var(--b24ui-border-color-hover);
  }

  @media (hover: hover) {
    .b24-prose-card.b24-prose-card--to .b24-prose-card__title:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *), .b24-prose-card.b24-prose-card--to .b24-prose-card__description:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *), .b24-prose-card.b24-prose-card--to .b24-prose-card__description p:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--b24ui-border-color);
    }

    .b24-prose-card.b24-prose-card--to .b24-prose-card__external-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--b24ui-icon);
    }

    .b24-prose-card.b24-prose-card--to:is(.b24-prose-card--color-air-secondary, .b24-prose-card--color-air-secondary-alert, .b24-prose-card--color-air-secondary-accent, .b24-prose-card--color-air-secondary-accent-1, .b24-prose-card--color-air-secondary-accent-2, .b24-prose-card--color-air-secondary-no-accent, .b24-prose-card--color-air-tertiary):hover {
      border-color: var(--b24ui-border-color-hover);
      background-color: var(--ui-color-bg-content-secondary);
    }

    .b24-prose-card.b24-prose-card--to:is(.b24-prose-card--color-air-secondary, .b24-prose-card--color-air-secondary-alert, .b24-prose-card--color-air-secondary-accent, .b24-prose-card--color-air-secondary-accent-1, .b24-prose-card--color-air-secondary-accent-2, .b24-prose-card--color-air-secondary-no-accent, .b24-prose-card--color-air-tertiary) .b24-prose-card__title:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *), .b24-prose-card.b24-prose-card--to:is(.b24-prose-card--color-air-secondary, .b24-prose-card--color-air-secondary-alert, .b24-prose-card--color-air-secondary-accent, .b24-prose-card--color-air-secondary-accent-1, .b24-prose-card--color-air-secondary-accent-2, .b24-prose-card--color-air-secondary-no-accent, .b24-prose-card--color-air-tertiary) .b24-prose-card__description:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *), .b24-prose-card.b24-prose-card--to:is(.b24-prose-card--color-air-secondary, .b24-prose-card--color-air-secondary-alert, .b24-prose-card--color-air-secondary-accent, .b24-prose-card--color-air-secondary-accent-1, .b24-prose-card--color-air-secondary-accent-2, .b24-prose-card--color-air-secondary-no-accent, .b24-prose-card--color-air-tertiary) .b24-prose-card__description p:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--b24ui-color);
    }

    .b24-prose-card.b24-prose-card--to:is(.b24-prose-card--color-air-secondary, .b24-prose-card--color-air-secondary-alert, .b24-prose-card--color-air-secondary-accent, .b24-prose-card--color-air-secondary-accent-1, .b24-prose-card--color-air-secondary-accent-2, .b24-prose-card--color-air-secondary-no-accent, .b24-prose-card--color-air-tertiary) .b24-prose-card__external-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--b24ui-icon);
    }
  }

  .b24-prose-card-group {
    margin-block: calc(var(--spacing) * 5);
    gap: calc(var(--spacing) * 5);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid;
  }

  :is(.b24-prose-card-group > *) {
    margin-block: 0;
  }

  @media (min-width: 40rem) {
    .b24-prose-card-group {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  .b24-prose-accordion {
    margin-block: 20px;
  }

  .b24-prose-accordion .b24-prose-accordion__trigger {
    color: var(--b24ui-typography-label-color);
  }

  .b24-prose-accordion-item {
    color: var(--b24ui-typography-description-color);
    padding-bottom: 20px;
  }

  :is(.b24-prose-accordion-item > *) {
    margin-block: 6px;
  }

  :is(.b24-prose-accordion-item > *):first-child {
    margin-top: 0;
  }

  :is(.b24-prose-accordion-item > *):last-child {
    margin-bottom: 0;
  }

  .b24-prose-collapsible {
    margin-block: 20px;
  }

  .b24-prose-collapsible .b24-prose-collapsible__trigger {
    cursor: pointer;
    border-radius: var(--ui-border-radius-md);
    font-size: var(--ui-font-size-3xs);
    --tw-leading: var(--ui-font-line-height-2xs);
    line-height: var(--ui-font-line-height-2xs);
    color: var(--b24ui-typography-description-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    align-items: center;
    gap: 4px;
    display: inline-flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-prose-collapsible .b24-prose-collapsible__trigger:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-prose-collapsible .b24-prose-collapsible__trigger:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-prose-collapsible .b24-prose-collapsible__trigger:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-selection-stroke);
  }

  .b24-prose-collapsible .b24-prose-collapsible__trigger-icon {
    width: 14px;
    height: 14px;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    flex-shrink: 0;
    transition-duration: .2s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-prose-collapsible .b24-prose-collapsible__trigger-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
      rotate: 180deg;
    }
  }

  .b24-prose-collapsible .b24-prose-collapsible__trigger-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  :is(.b24-prose-collapsible .b24-prose-collapsible__content > *) {
    margin-block: calc(var(--spacing) * 1.5);
  }

  :is(.b24-prose-collapsible .b24-prose-collapsible__content > *):first-child {
    margin-top: calc(var(--spacing) * 2.5);
  }

  :is(.b24-prose-collapsible .b24-prose-collapsible__content > *):last-child {
    margin-bottom: 0;
  }

  .b24-prose-steps {
    margin-block: calc(var(--spacing) * 4);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
    border-color: var(--ui-color-design-tinted-na-bg);
    counter-reset: step;
    margin-inline-start: calc(var(--spacing) * 4);
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .b24-prose-steps.b24-prose-steps--level-2 > h2 {
    counter-increment: step;
    position: relative;
  }

  .b24-prose-steps.b24-prose-steps--level-2 > h2:before {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-tinted-na-bg);
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    font-weight: var(--tw-font-weight, var(--text-md--font-weight));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-tinted-na-bg);
    --tw-content: counter(step);
    content: var(--tw-content);
    margin-inline-start: -48.5px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: inline-flex;
    position: absolute;
  }

  .b24-prose-steps.b24-prose-steps--level-2 > h2 > a > span.absolute {
    display: none;
  }

  .b24-prose-steps:is(.b24-prose-steps--level-3, :not([class*="b24-prose-steps--level-"])) > h3 {
    counter-increment: step;
    position: relative;
  }

  .b24-prose-steps:is(.b24-prose-steps--level-3, :not([class*="b24-prose-steps--level-"])) > h3:before {
    inset-inline: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-tinted-na-bg);
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    font-weight: var(--tw-font-weight, var(--text-md--font-weight));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-tinted-na-bg);
    --tw-content: counter(step);
    content: var(--tw-content);
    justify-content: center;
    align-items: center;
    margin-inline-start: -48.5px;
    display: inline-flex;
    position: absolute;
  }

  .b24-prose-steps:is(.b24-prose-steps--level-3, :not([class*="b24-prose-steps--level-"])) > h3 > a > span.absolute {
    display: none;
  }

  .b24-prose-steps.b24-prose-steps--level-4 > h4 {
    counter-increment: step;
    position: relative;
  }

  .b24-prose-steps.b24-prose-steps--level-4 > h4:before {
    inset-inline: calc(var(--spacing) * .5);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: var(--radius-full);
    background-color: var(--ui-color-design-tinted-na-bg);
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    font-weight: var(--tw-font-weight, var(--text-md--font-weight));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-tinted-na-bg);
    --tw-content: counter(step);
    content: var(--tw-content);
    justify-content: center;
    align-items: center;
    margin-inline-start: -48.5px;
    display: inline-flex;
    position: absolute;
  }

  .b24-prose-steps.b24-prose-steps--level-4 > h4 > a > span.absolute {
    display: none;
  }

  .b24-prose-tabs {
    margin-block: calc(var(--spacing) * 5);
    gap: calc(var(--spacing) * 4);
  }

  :is(.b24-prose-tabs-item > *) {
    margin-block: calc(var(--spacing) * 1.5);
  }

  :is(.b24-prose-tabs-item > *):first-child {
    margin-top: 0;
  }

  :is(.b24-prose-tabs-item > *):last-child {
    margin-bottom: 0;
  }

  .b24-prose-pre {
    margin-block: calc(var(--spacing) * 5);
    width: 100%;
    width: var(--width-full);
    position: relative;
  }

  .b24-prose-pre .b24-prose-pre__header {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-base-8);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: var(--ui-color-design-tinted-na-content);
    display: flex;
    position: relative;
  }

  .b24-prose-pre .b24-prose-pre__filename {
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-size-xl);
    color: var(--ui-color-design-tinted-na-content);
  }

  .b24-prose-pre .b24-prose-pre__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 1px;
  }

  .b24-prose-pre .b24-prose-pre__copy {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    inset-inline-end: 11px;
    position: absolute;
    top: 11px;
  }

  @media (min-width: 64rem) {
    .b24-prose-pre .b24-prose-pre__copy {
      opacity: 0;
    }

    @media (hover: hover) {
      .b24-prose-pre .b24-prose-pre__copy:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
        opacity: 1;
      }
    }
  }

  .b24-prose-pre .b24-prose-pre__base {
    border-radius: var(--ui-border-radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-g-plastic-greish-bg);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-family: var(--ui-font-family-system-mono);
    font-size: var(--ui-font-size-md);
    line-height: var(--ui-font-line-height-md);
    text-wrap: pretty;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    color: var(--color-green-350);
    overflow-x: auto;
  }

  .b24-prose-pre .b24-prose-pre__base:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-prose-pre .b24-prose-pre__base *).line {
    display: block;
  }

  :is(.b24-prose-pre .b24-prose-pre__base *).line.highlight {
    margin-inline: calc(var(--spacing) * -4);
    background-color: var(--ui-color-g-plastic-bluish-bg) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.b24-prose-pre .b24-prose-pre__base *).line.highlight {
      background-color: color-mix(in oklab, var(--ui-color-g-plastic-bluish-bg) 30%, transparent) !important;
    }
  }

  :is(.b24-prose-pre .b24-prose-pre__base *).line.highlight {
    padding-inline: calc(var(--spacing) * 4);
  }

  .b24-prose-pre.b24-prose-pre--filename {
    margin-block: calc(var(--spacing) * 5);
  }

  .b24-prose-pre.b24-prose-pre--filename > pre {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
    margin-block: 0;
  }

  .b24-prose-code-group {
    margin-block: calc(var(--spacing) * 5);
    position: relative;
  }

  :is(.b24-prose-code-group > *):not(:first-child) {
    margin-block: 0 !important;
    position: static !important;
  }

  .b24-prose-code-group .b24-prose-code-group__list {
    align-items: center;
    gap: var(--spacing);
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-bg-content-secondary);
    padding: calc(var(--spacing) * 2);
    display: flex;
    position: relative;
    overflow-x: auto;
  }

  .b24-prose-code-group .b24-prose-code-group__indicator {
    inset-block: calc(var(--spacing) * 2);
    width: var(--reka-tabs-indicator-size);
    --tw-translate-x: var(--reka-tabs-indicator-position);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-md);
    background-color: var(--ui-color-design-selection-bg);
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: translate, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    transition-duration: .2s;
    position: absolute;
    left: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .b24-prose-code-group .b24-prose-code-group__indicator {
      transition-property: none;
    }
  }

  .b24-prose-code-group .b24-prose-code-group__trigger {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: inline-flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-prose-code-group .b24-prose-code-group__trigger:hover {
      background-color: var(--ui-color-design-selection-bg);
    }
  }

  .b24-prose-code-group .b24-prose-code-group__trigger:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-prose-code-group .b24-prose-code-group__trigger:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-accent-soft-element-blue);
    --tw-ring-inset: inset;
  }

  .b24-prose-code-group .b24-prose-code-group__trigger:disabled {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-prose-code-group .b24-prose-code-group__trigger[data-state="active"] {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-prose-code-group .b24-prose-code-group__trigger-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }

  .b24-prose-code-group .b24-prose-code-group__trigger-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-prose-code-collapse {
    margin-block: calc(var(--spacing) * 5);
    background-color: var(--ui-color-design-outline-bg);
    position: relative;
  }

  .b24-prose-code-collapse pre {
    max-height: 80vh;
    padding-bottom: 48px;
  }

  .b24-prose-code-collapse > div {
    margin-block: 0;
  }

  .b24-prose-code-collapse .b24-prose-code-collapse__footer {
    border-bottom-right-radius: var(--ui-border-radius-md);
    border-bottom-left-radius: var(--ui-border-radius-md);
    inset-inline: 1px;
    justify-content: center;
    align-items: center;
    height: 64px;
    display: flex;
    position: absolute;
    bottom: 1px;
  }

  .b24-prose-code-collapse .b24-prose-code-collapse__trigger-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  .b24-prose-code-collapse.b24-prose-code-collapse--open {
    border-radius: var(--ui-border-radius-md);
  }

  .b24-prose-code-collapse:not(.b24-prose-code-collapse--open) {
    border-bottom-right-radius: var(--ui-border-radius-md);
    border-bottom-left-radius: var(--ui-border-radius-md);
    max-height: 200px;
    overflow: hidden;
  }

  .b24-prose-code-collapse:not(.b24-prose-code-collapse--open) pre {
    overflow: hidden;
  }

  .b24-prose-code-collapse:not(.b24-prose-code-collapse--open) .b24-prose-code-collapse__footer {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
    border-color: var(--ui-color-design-outline-stroke);
    --tw-gradient-position: to top;
    inset-inline: 0;
    bottom: 0;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .b24-prose-code-collapse:not(.b24-prose-code-collapse--open) .b24-prose-code-collapse__footer {
      --tw-gradient-position: to top in oklab;
    }
  }

  .b24-prose-code-collapse:not(.b24-prose-code-collapse--open) .b24-prose-code-collapse__footer {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--ui-color-g-plastic-greish-bg);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .b24-prose-code-preview {
    margin-block: calc(var(--spacing) * 5);
  }

  .b24-prose-code-preview .b24-prose-code-preview__preview {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
    padding: calc(var(--spacing) * 4);
    justify-content: center;
    display: flex;
    position: relative;
  }

  .b24-prose-code-preview .b24-prose-code-preview__code > div {
    margin-block: 0;
  }

  .b24-prose-code-preview .b24-prose-code-preview__code > div > pre {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-prose-code-preview.b24-prose-code-preview--code .b24-prose-code-preview__preview {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .b24-prose-prompt {
    margin-block: calc(var(--spacing) * 5);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-design-tinted-na-bg);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    flex-wrap: wrap;
    display: flex;
    position: relative;
  }

  .b24-prose-prompt:last-child {
    margin-bottom: 0;
  }

  .b24-prose-prompt .b24-prose-prompt__icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }

  .b24-prose-prompt .b24-prose-prompt__content {
    min-width: 0;
  }

  .b24-prose-prompt .b24-prose-prompt__description {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--b24ui-typography-description-color);
  }

  .b24-prose-prompt .b24-prose-prompt__actions {
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    flex-wrap: wrap;
    margin-inline-start: auto;
    display: flex;
  }

  .b24-editor .b24-editor__content {
    flex: 1;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .b24-editor .b24-editor__base {
    width: 100%;
    width: var(--width-full);
    color: var(--b24ui-typography-label-color);
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.b24-editor .b24-editor__base > *) {
    margin-block: calc(var(--spacing) * 5);
  }

  .b24-editor .b24-editor__base ::selection {
    background-color: var(--ui-color-design-selection-bg);
  }

  .b24-editor .b24-editor__base::selection {
    background-color: var(--ui-color-design-selection-bg);
  }

  :is(.b24-editor .b24-editor__base > *):first-child {
    margin-top: 0;
  }

  :is(.b24-editor .b24-editor__base > *):last-child {
    margin-bottom: 0;
  }

  @media (min-width: 40rem) {
    .b24-editor .b24-editor__base {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  .b24-editor .b24-editor__base .ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper]) {
    background-color: var(--ui-color-design-selection-bg);
  }

  .b24-editor .b24-editor__base .mention {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--ui-color-accent-main-primary);
  }

  .b24-editor .b24-editor__base :is(h1, h2, h3, h4, h5, h6) {
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor .b24-editor__base :is(h1, h2, h3, h4, h5, h6) > code {
    --tw-border-style: dashed;
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
    border-style: dashed;
  }

  .b24-editor .b24-editor__base :is(ul, ol) {
    padding-inline-start: calc(var(--spacing) * 6);
  }

  .b24-editor .b24-editor__base [data-type="horizontalRule"] {
    margin-block: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
  }

  .b24-editor .b24-editor__base a {
    border-bottom-style: var(--tw-border-style);
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--ui-color-accent-main-primary);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: #0000;
    border-bottom-width: 1px;
  }

  @media (hover: hover) {
    .b24-editor .b24-editor__base a:hover {
      border-color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-editor .b24-editor__base a:hover > code {
    border-color: var(--ui-color-accent-soft-element-blue);
    color: var(--ui-color-accent-main-primary);
  }

  .b24-editor .b24-editor__base a > code {
    --tw-border-style: dashed;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-style: dashed;
  }

  .b24-editor .b24-editor__base blockquote {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
    border-color: var(--ui-color-accent-soft-element-blue);
    padding-inline-start: calc(var(--spacing) * 4);
    font-style: italic;
  }

  .b24-editor .b24-editor__base code {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-design-tinted-na-bg);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * .5);
    font-family: var(--ui-font-family-system-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
    color: var(--b24ui-typography-label-color);
    display: inline-block;
  }

  .b24-editor .b24-editor__base h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .b24-editor .b24-editor__base h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .b24-editor .b24-editor__base h2 > code {
    font-size: var(--text-xl);
    line-height: calc(var(--spacing) * 6);
  }

  .b24-editor .b24-editor__base h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .b24-editor .b24-editor__base h3 > code {
    font-size: var(--text-lg);
    line-height: calc(var(--spacing) * 5);
  }

  .b24-editor .b24-editor__base h4 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    font-weight: var(--tw-font-weight, var(--text-lg--font-weight));
  }

  .b24-editor .b24-editor__base h5, .b24-editor .b24-editor__base h6 {
    font-size: var(--text-md);
    line-height: var(--tw-leading, var(--text-md--line-height));
    font-weight: var(--tw-font-weight, var(--text-md--font-weight));
  }

  .b24-editor .b24-editor__base hr {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--ui-color-divider-default);
  }

  .b24-editor .b24-editor__base img {
    max-width: 100%;
    max-width: var(--max-width-full);
    border-radius: var(--radius-md);
    display: block;
  }

  .b24-editor .b24-editor__base img.ProseMirror-selectednode {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-color: var(--ui-color-accent-main-primary);
  }

  .b24-editor .b24-editor__base li {
    margin-block: calc(var(--spacing) * 1.5);
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .b24-editor .b24-editor__base ol {
    list-style-type: decimal;
  }

  .b24-editor .b24-editor__base ol ::marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor .b24-editor__base ol::marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor .b24-editor__base ol ::-webkit-details-marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor .b24-editor__base ol::-webkit-details-marker {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor .b24-editor__base p {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .b24-editor .b24-editor__base pre {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-design-tinted-na-stroke);
    background-color: var(--ui-color-design-tinted-na-bg);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    overflow-x: auto;
  }

  .b24-editor .b24-editor__base pre code {
    border-radius: var(--radius-none);
    border-style: var(--tw-border-style);
    color: inherit;
    background-color: #0000;
    border-width: 0;
    padding: 0;
    display: inline;
  }

  .b24-editor .b24-editor__base ul {
    list-style-type: disc;
  }

  .b24-editor .b24-editor__base ul ::marker {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-editor .b24-editor__base ul::marker {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-editor .b24-editor__base ul ::-webkit-details-marker {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-editor .b24-editor__base ul::-webkit-details-marker {
    color: var(--ui-color-accent-soft-element-blue);
  }

  .b24-editor.b24-editor--placeholder-mode-firstLine .b24-editor__base :is(p, h1, h2, h3, h4, h5, h6).is-editor-empty:first-child:before, .b24-editor:is(.b24-editor--placeholder-mode-everyLine, :not([class*="b24-editor--placeholder-mode-"])) .b24-editor__base :is(p, h1, h2, h3, h4, h5, h6).is-empty:before {
    pointer-events: none;
    float: inline-start;
    height: 0;
    color: var(--b24ui-typography-description-color);
    --tw-content: attr(data-placeholder);
    content: var(--tw-content);
  }

  .b24-editor-toolbar__root:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .b24-editor-toolbar {
    align-items: stretch;
    gap: calc(var(--spacing) * 1.5);
    display: flex;
  }

  .b24-editor-toolbar .b24-editor-toolbar__group {
    align-items: center;
    gap: calc(var(--spacing) * .5);
    display: flex;
  }

  .b24-editor-toolbar .b24-editor-toolbar__separator {
    background-color: var(--ui-color-design-tinted-na-stroke);
    align-self: stretch;
    width: 1px;
  }

  .b24-editor-toolbar.b24-editor-toolbar--layout-bubble, .b24-editor-toolbar.b24-editor-toolbar--layout-floating {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ui-color-divider-default);
    background-color: var(--ui-color-bg-content-primary);
    padding: var(--spacing);
    --tw-backdrop-blur: blur(var(--blur-3xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .b24-editor-drag-handle {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: var(--ease-out);
    transition-duration: .2s;
    transition-timing-function: var(--ease-out);
    justify-content: center;
    align-items: center;
    display: none;
  }

  @media (min-width: 40rem) {
    .b24-editor-drag-handle {
      display: flex;
    }
  }

  .b24-editor-drag-handle .b24-editor-drag-handle__handle {
    cursor: grab;
    padding-inline: var(--spacing);
  }

  .b24-editor-suggestion-menu {
    pointer-events: auto;
    isolation: isolate;
    transform-origin: top;
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-editor-suggestion-menu[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-editor-suggestion-menu[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__viewport {
    max-height: min(var(--max-height-popup-menu), 100vh);
    width: 100%;
    width: var(--width-full);
    max-width: calc(var(--spacing) * 60);
    min-width: calc(var(--spacing) * 48);
    scrollbar-width: thin;
    position: relative;
    overflow: hidden auto;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__group {
    display: grid;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    text-align: start;
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item {
    margin-top: var(--menu-item-block-stack-space);
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    text-align: start;
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-highlighted] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item[data-state="open"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:where(.dark, .dark *):active, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item-leading-avatar {
    flex-shrink: 0;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item-wrapper {
    text-align: start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    margin-inline-start: 4px;
    display: flex;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item-label {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item-description {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    display: inline-block;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xss .b24-editor-suggestion-menu__label {
    font-size: var(--ui-font-size-4xs);
    gap: 14px;
    padding-inline: 14px;
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xss .b24-editor-suggestion-menu__item {
    gap: 14px;
    padding-inline: 14px;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xss .b24-editor-suggestion-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xs .b24-editor-suggestion-menu__label {
    font-size: var(--ui-font-size-4xs);
    gap: 14px;
    padding-inline: 14px;
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xs .b24-editor-suggestion-menu__item {
    gap: 14px;
    padding-inline: 14px;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xs .b24-editor-suggestion-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-sm .b24-editor-suggestion-menu__label {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-sm .b24-editor-suggestion-menu__item {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-sm .b24-editor-suggestion-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-suggestion-menu:is(.b24-editor-suggestion-menu--size-md, :not([class*="b24-editor-suggestion-menu--size-"])) .b24-editor-suggestion-menu__label {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-suggestion-menu:is(.b24-editor-suggestion-menu--size-md, :not([class*="b24-editor-suggestion-menu--size-"])) .b24-editor-suggestion-menu__item {
    gap: calc(var(--spacing) * 4.5);
    height: 36px;
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-suggestion-menu:is(.b24-editor-suggestion-menu--size-md, :not([class*="b24-editor-suggestion-menu--size-"])) .b24-editor-suggestion-menu__item-leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-editor-suggestion-menu:is(.b24-editor-suggestion-menu--size-md, :not([class*="b24-editor-suggestion-menu--size-"])) .b24-editor-suggestion-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-lg .b24-editor-suggestion-menu__label {
    gap: 20px;
    padding-inline: 20px;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-lg .b24-editor-suggestion-menu__item {
    font-size: var(--ui-font-size-sm);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-lg .b24-editor-suggestion-menu__item-leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-lg .b24-editor-suggestion-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xl .b24-editor-suggestion-menu__label {
    font-size: var(--ui-font-size-sm);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xl .b24-editor-suggestion-menu__item {
    font-size: var(--ui-font-size-lg);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xl .b24-editor-suggestion-menu__item-leading-icon {
    width: 20px;
    height: 20px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-editor-suggestion-menu.b24-editor-suggestion-menu--size-xl .b24-editor-suggestion-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item.b24-editor-suggestion-menu__item--active .b24-editor-suggestion-menu__item-leading-icon, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item.b24-editor-suggestion-menu__item--active .b24-editor-suggestion-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--ui-color-accent-main-primary);
  }

  @media (hover: hover) {
    .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item.b24-editor-suggestion-menu__item--active .b24-editor-suggestion-menu__item-leading-icon:hover {
      color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-editor-mention-menu {
    pointer-events: auto;
    isolation: isolate;
    transform-origin: top;
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-editor-mention-menu[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-editor-mention-menu[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__viewport {
    max-height: min(var(--max-height-popup-menu), 100vh);
    width: 100%;
    width: var(--width-full);
    max-width: calc(var(--spacing) * 60);
    min-width: calc(var(--spacing) * 48);
    scrollbar-width: thin;
    position: relative;
    overflow: hidden auto;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__group {
    display: grid;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    text-align: start;
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item {
    margin-top: var(--menu-item-block-stack-space);
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    text-align: start;
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-editor-mention-menu .b24-editor-mention-menu__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-editor-mention-menu .b24-editor-mention-menu__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-editor-mention-menu .b24-editor-mention-menu__item:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-mention-menu .b24-editor-mention-menu__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item[data-highlighted] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-mention-menu .b24-editor-mention-menu__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-mention-menu .b24-editor-mention-menu__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item[data-state="open"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-editor-mention-menu .b24-editor-mention-menu__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item:where(.dark, .dark *):active, .b24-editor-mention-menu .b24-editor-mention-menu__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-editor-mention-menu .b24-editor-mention-menu__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item-leading-avatar {
    flex-shrink: 0;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item-wrapper {
    text-align: start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    margin-inline-start: 4px;
    display: flex;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item-label {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item-description {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    display: inline-block;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xss .b24-editor-mention-menu__label {
    font-size: var(--ui-font-size-4xs);
    gap: 14px;
    padding-inline: 14px;
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xss .b24-editor-mention-menu__item {
    gap: 14px;
    padding-inline: 14px;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xss .b24-editor-mention-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xs .b24-editor-mention-menu__label {
    font-size: var(--ui-font-size-4xs);
    gap: 14px;
    padding-inline: 14px;
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xs .b24-editor-mention-menu__item {
    gap: 14px;
    padding-inline: 14px;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xs .b24-editor-mention-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-sm .b24-editor-mention-menu__label {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-sm .b24-editor-mention-menu__item {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-sm .b24-editor-mention-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-mention-menu:is(.b24-editor-mention-menu--size-md, :not([class*="b24-editor-mention-menu--size-"])) .b24-editor-mention-menu__label {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-mention-menu:is(.b24-editor-mention-menu--size-md, :not([class*="b24-editor-mention-menu--size-"])) .b24-editor-mention-menu__item {
    gap: calc(var(--spacing) * 4.5);
    height: 36px;
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-mention-menu:is(.b24-editor-mention-menu--size-md, :not([class*="b24-editor-mention-menu--size-"])) .b24-editor-mention-menu__item-leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-editor-mention-menu:is(.b24-editor-mention-menu--size-md, :not([class*="b24-editor-mention-menu--size-"])) .b24-editor-mention-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-lg .b24-editor-mention-menu__label {
    gap: 20px;
    padding-inline: 20px;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-lg .b24-editor-mention-menu__item {
    font-size: var(--ui-font-size-sm);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-lg .b24-editor-mention-menu__item-leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-lg .b24-editor-mention-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xl .b24-editor-mention-menu__label {
    font-size: var(--ui-font-size-sm);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xl .b24-editor-mention-menu__item {
    font-size: var(--ui-font-size-lg);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xl .b24-editor-mention-menu__item-leading-icon {
    width: 20px;
    height: 20px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-editor-mention-menu.b24-editor-mention-menu--size-xl .b24-editor-mention-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-mention-menu .b24-editor-mention-menu__item.b24-editor-mention-menu__item--active .b24-editor-mention-menu__item-leading-icon, .b24-editor-mention-menu .b24-editor-mention-menu__item.b24-editor-mention-menu__item--active .b24-editor-mention-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--ui-color-accent-main-primary);
  }

  @media (hover: hover) {
    .b24-editor-mention-menu .b24-editor-mention-menu__item.b24-editor-mention-menu__item--active .b24-editor-mention-menu__item-leading-icon:hover {
      color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-editor-emoji-menu {
    pointer-events: auto;
    isolation: isolate;
    transform-origin: top;
    border-radius: var(--ui-border-radius-xl);
    background-color: var(--ui-color-bg-content-primary);
    padding-inline: 0;
    padding-block: var(--menu-popup-padding);
    font-family: var(--ui-font-family-primary);
    --tw-shadow: var(--popup-window-box-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    will-change: opacity;
    position: relative;
  }

  @media (prefers-reduced-motion: no-preference) {
    .b24-editor-emoji-menu[data-state="closed"] {
      animation: scale-out .1s var(--ease-out);
    }

    .b24-editor-emoji-menu[data-state="open"] {
      animation: scale-in .1s var(--ease-out);
    }
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__viewport {
    max-height: min(var(--max-height-popup-menu), 100vh);
    width: 100%;
    width: var(--width-full);
    max-width: calc(var(--spacing) * 60);
    min-width: calc(var(--spacing) * 48);
    scrollbar-width: thin;
    position: relative;
    overflow: hidden auto;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__group {
    display: grid;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__label {
    margin-top: var(--menu-item-block-stack-space);
    height: var(--popup-window-delimiter-section-height);
    width: 100%;
    width: var(--width-full);
    text-align: start;
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__label:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--ui-color-divider-vibrant-default);
    flex: 1;
    min-width: 15px;
    height: 1px;
    margin-inline-start: 10px;
    display: block;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__label:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item {
    margin-top: var(--menu-item-block-stack-space);
    width: 100%;
    width: var(--width-full);
    cursor: pointer;
    text-align: start;
    white-space: nowrap;
    color: var(--b24ui-typography-legend-color);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    outline-style: none;
    flex-direction: row;
    align-items: center;
    display: flex;
    position: relative;
  }

  @media (hover: hover) {
    .b24-editor-emoji-menu .b24-editor-emoji-menu__item:hover {
      background-color: var(--ui-color-base-black-fixed);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .b24-editor-emoji-menu .b24-editor-emoji-menu__item:hover {
        background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
      }
    }

    .b24-editor-emoji-menu .b24-editor-emoji-menu__item:hover {
      color: var(--b24ui-typography-label-color);
    }
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item:active {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-emoji-menu .b24-editor-emoji-menu__item:active {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-disabled] {
    cursor: not-allowed;
    opacity: .3;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-highlighted] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-highlighted]:not(:active) {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-highlighted]:not(:active) {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 3%, transparent);
    }
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-base-black-fixed) 6%, transparent);
    }
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item[data-state="open"] {
    color: var(--b24ui-typography-label-color);
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
  }

  @media (hover: hover) {
    .b24-editor-emoji-menu .b24-editor-emoji-menu__item:where(.dark, .dark *):hover {
      background-color: var(--ui-color-base-black-fixed);
    }
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item:where(.dark, .dark *):active, .b24-editor-emoji-menu .b24-editor-emoji-menu__item:where(.dark, .dark *)[data-highlighted]:not(:active), .b24-editor-emoji-menu .b24-editor-emoji-menu__item:where(.dark, .dark *)[data-state="open"] {
    background-color: var(--ui-color-base-black-fixed);
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item-leading-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    flex-shrink: 0;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item-leading-avatar {
    flex-shrink: 0;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item-wrapper {
    text-align: start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    margin-inline-start: 4px;
    display: flex;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item-label {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -1px;
    overflow: hidden;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item-description {
    max-width: calc(var(--spacing) * 60);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-description-color);
    margin-top: -6px;
    overflow: hidden;
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item-label-external-icon {
    width: 25px;
    height: 25px;
    color: var(--ui-color-base-5);
    display: inline-block;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xss .b24-editor-emoji-menu__label {
    font-size: var(--ui-font-size-4xs);
    gap: 14px;
    padding-inline: 14px;
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xss .b24-editor-emoji-menu__item {
    gap: 14px;
    padding-inline: 14px;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xss .b24-editor-emoji-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xs .b24-editor-emoji-menu__label {
    font-size: var(--ui-font-size-4xs);
    gap: 14px;
    padding-inline: 14px;
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xs .b24-editor-emoji-menu__item {
    gap: 14px;
    padding-inline: 14px;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xs .b24-editor-emoji-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-sm .b24-editor-emoji-menu__label {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-xs);
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-sm .b24-editor-emoji-menu__item {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-sm .b24-editor-emoji-menu__item-leading-icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-emoji-menu:is(.b24-editor-emoji-menu--size-md, :not([class*="b24-editor-emoji-menu--size-"])) .b24-editor-emoji-menu__label {
    gap: calc(var(--spacing) * 4.5);
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-emoji-menu:is(.b24-editor-emoji-menu--size-md, :not([class*="b24-editor-emoji-menu--size-"])) .b24-editor-emoji-menu__item {
    gap: calc(var(--spacing) * 4.5);
    height: 36px;
    padding-inline: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-sm);
    line-height: normal;
  }

  .b24-editor-emoji-menu:is(.b24-editor-emoji-menu--size-md, :not([class*="b24-editor-emoji-menu--size-"])) .b24-editor-emoji-menu__item-leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-editor-emoji-menu:is(.b24-editor-emoji-menu--size-md, :not([class*="b24-editor-emoji-menu--size-"])) .b24-editor-emoji-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-lg .b24-editor-emoji-menu__label {
    gap: 20px;
    padding-inline: 20px;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-lg .b24-editor-emoji-menu__item {
    font-size: var(--ui-font-size-sm);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-lg .b24-editor-emoji-menu__item-leading-icon {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    font-size: var(--ui-font-size-lg);
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-lg .b24-editor-emoji-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xl .b24-editor-emoji-menu__label {
    font-size: var(--ui-font-size-sm);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xl .b24-editor-emoji-menu__item {
    font-size: var(--ui-font-size-lg);
    gap: 20px;
    padding-inline: 20px;
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xl .b24-editor-emoji-menu__item-leading-icon {
    width: 20px;
    height: 20px;
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .b24-editor-emoji-menu.b24-editor-emoji-menu--size-xl .b24-editor-emoji-menu__item-leading-avatar {
    width: 16px;
    height: 16px;
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .b24-editor-emoji-menu .b24-editor-emoji-menu__item.b24-editor-emoji-menu__item--active .b24-editor-emoji-menu__item-leading-icon, .b24-editor-emoji-menu .b24-editor-emoji-menu__item.b24-editor-emoji-menu__item--active .b24-editor-emoji-menu__item-leading-icon:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    color: var(--ui-color-accent-main-primary);
  }

  @media (hover: hover) {
    .b24-editor-emoji-menu .b24-editor-emoji-menu__item.b24-editor-emoji-menu__item--active .b24-editor-emoji-menu__item-leading-icon:hover {
      color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-btn.b24-btn.b24-btn--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-btn.b24-btn.b24-btn--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-btn.b24-btn.b24-btn--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-btn.b24-btn.b24-btn--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):last-child {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-btn.b24-btn.b24-btn--field-group-vertical:not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-btn.b24-btn.b24-btn--field-group-vertical:not(:only-child):first-child {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-btn.b24-btn.b24-btn--field-group-vertical:not(:only-child):last-child {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-input.b24-input.b24-input--field-group-horizontal .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-input.b24-input.b24-input--field-group-horizontal .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-input.b24-input.b24-input--field-group-horizontal .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-input.b24-input.b24-input--field-group-horizontal .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-input.b24-input.b24-input--field-group-vertical .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-input.b24-input.b24-input--field-group-vertical .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-input.b24-input.b24-input--field-group-vertical .b24-input__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-select.b24-select.b24-select--field-group-horizontal .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-select.b24-select.b24-select--field-group-horizontal .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-select.b24-select.b24-select--field-group-horizontal .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-select.b24-select.b24-select--field-group-horizontal .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-select.b24-select.b24-select--field-group-vertical .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-select.b24-select.b24-select--field-group-vertical .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-select.b24-select.b24-select--field-group-vertical .b24-select__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-horizontal .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-horizontal .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-horizontal .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-horizontal .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-vertical .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-vertical .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-textarea.b24-textarea.b24-textarea--field-group-vertical .b24-textarea__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-badge.b24-badge.b24-badge--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-badge.b24-badge.b24-badge--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-badge.b24-badge.b24-badge--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-badge.b24-badge.b24-badge--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):last-child {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-badge.b24-badge.b24-badge--field-group-vertical:not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-badge.b24-badge.b24-badge--field-group-vertical:not(:only-child):first-child {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-badge.b24-badge.b24-badge--field-group-vertical:not(:only-child):last-child {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-horizontal .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-horizontal .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-horizontal .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-horizontal .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-vertical .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-vertical .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-input-number.b24-input-number.b24-input-number--field-group-vertical .b24-input-number__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-horizontal .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-horizontal .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-horizontal .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-horizontal .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-vertical .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:last-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:first-child) *) {
    border-radius: var(--radius-none);
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-vertical .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):first-child *) {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-select-menu.b24-select-menu.b24-select-menu--field-group-vertical .b24-select-menu__base:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):not(:only-child) *):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):last-child *) {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):last-child {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-vertical:not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-vertical:not(:only-child):first-child {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-input-date.b24-input-date.b24-input-date--field-group-vertical:not(:only-child):last-child {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-horizontal:is(:where(.group\/items).is-field-group *):not(:only-child):last-child {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-vertical:not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-vertical:not(:only-child):first-child {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  .b24-input-time.b24-input-time.b24-input-time--field-group-vertical:not(:only-child):last-child {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal.b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal.b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:only-child):not(:first-child) {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal.b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:only-child):first-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
    border-start-end-radius: var(--radius-none);
    border-end-end-radius: var(--radius-none);
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-horizontal.b24-input-tags__base):is(:where(.group\/items).is-field-group *):not(:only-child):last-child {
    border-start-start-radius: var(--radius-none);
    border-end-start-radius: var(--radius-none);
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-vertical .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-vertical.b24-input-tags__base):not(:last-child):not(:first-child) {
    border-radius: var(--radius-none);
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-vertical .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-vertical.b24-input-tags__base):not(:only-child):first-child {
    border-bottom-right-radius: var(--radius-none);
    border-bottom-left-radius: var(--radius-none);
  }

  :is(.b24-input-tags.b24-input-tags.b24-input-tags--field-group-vertical .b24-input-tags__base, .b24-input-tags.b24-input-tags.b24-input-tags--field-group-vertical.b24-input-tags__base):not(:only-child):last-child {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-emoji-picker {
    box-sizing: border-box;
    flex-direction: column;
    width: 365px;
    height: 440px;
    display: flex;
  }

  .b24-emoji-picker__search {
    padding: 10px 10px 4px;
  }

  .b24-emoji-picker__scroll {
    flex: auto;
    min-height: 0;
    padding: 0 10px 10px;
    position: relative;
    overflow-y: auto;
  }

  .b24-emoji-picker__title {
    color: var(--b24ui-typography-description-color);
    margin: 5px 7px 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
  }

  .b24-emoji-picker__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    display: grid;
  }

  .b24-emoji-picker__item {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    background: none;
    border: 0;
    border-radius: 4px;
    height: 37px;
    margin: 7px;
    padding: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 28px;
    line-height: 37px;
  }

  .b24-emoji-picker__item:hover, .b24-emoji-picker__item:focus-visible {
    background: var(--ui-color-bg-state-hover-default);
    outline: none;
  }

  .b24-emoji-picker__empty {
    text-align: center;
    color: var(--b24ui-typography-description-color);
    font-size: var(--ui-font-size-sm);
    padding: 32px 0;
  }

  .b24-emoji-picker__nav {
    border-top: 1px solid var(--ui-color-design-outline-content-divider);
    flex: none;
    justify-content: space-around;
    align-items: center;
    height: 48px;
    padding: 0 6px;
    display: flex;
  }

  .b24-emoji-picker__tab {
    cursor: pointer;
    opacity: .55;
    background: none;
    border: 0;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    font-size: 20px;
    line-height: 36px;
  }

  .b24-emoji-picker__tab:hover, .b24-emoji-picker__tab.is-active {
    opacity: 1;
    background: var(--ui-color-bg-state-hover-default);
  }

  .b24-date-time-picker__trigger input[type="button"] {
    text-align: start;
  }

  .b24-calendar .b24-calendar__head-cell[data-off], .b24-calendar .b24-calendar__cell-trigger[data-off]:where(:not([data-selected], [data-disabled], [data-unavailable], [data-outside-view], [data-today])) {
    color: var(--ui-color-accent-main-alert);
  }

  .b24-calendar:where(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger[data-outside-view][data-selected]:where(:not([data-disabled], [data-unavailable])) {
    color: var(--b24ui-color);
  }

  .b24-calendar:where(.b24-calendar--view-day, :not([class*="b24-calendar--view-"])) .b24-calendar__cell-trigger[data-outside-view][data-today]:where(:not([data-selected])) {
    color: var(--b24ui-background);
  }

  @media (min-width: 48rem) {
    .b24-dashboard-sidebar__body.b24-dashboard-sidebar__body--menu {
      padding-inline-end: calc(var(--spacing) * 2);
    }
  }

  .b24-dashboard-sidebar[data-collapsed="true"] > .b24-dashboard-sidebar__body {
    scrollbar-width: none;
    scrollbar-gutter: auto;
    padding-inline: 14px 13px;
  }

  .b24-dashboard-sidebar[data-collapsed="true"] > .b24-dashboard-sidebar__header {
    justify-content: center;
  }

  .b24-dashboard-sidebar:not([data-collapsed="true"]) > .b24-dashboard-sidebar__body {
    padding-inline-start: 14px;
  }

  .b24-nav.b24-nav--collapsed.b24-nav--orientation-vertical .b24-nav__link {
    justify-content: center;
  }

  .b24-nav.b24-nav--collapsed.b24-nav--orientation-vertical .b24-nav__link-label-wrapper {
    width: auto;
  }

  .b24-modal:not(.b24-modal--fullscreen) .b24-dashboard-search:not(.b24-dashboard-search--fullscreen) {
    height: 100%;
    height: var(--height-full);
  }

  @media (min-width: 40rem) {
    .b24-modal:not(.b24-modal--fullscreen) .b24-dashboard-search:not(.b24-dashboard-search--fullscreen) {
      max-width: 768px;
      height: 436px;
    }
  }

  .b24-modal:not(.b24-modal--fullscreen) .b24-content-search:not(.b24-content-search--fullscreen) {
    height: 100%;
    height: var(--height-full);
  }

  @media (min-width: 40rem) {
    .b24-modal:not(.b24-modal--fullscreen) .b24-content-search:not(.b24-content-search--fullscreen) {
      max-width: 768px;
      height: 436px;
    }
  }

  .b24-btn.b24-content-search-button:not(.b24-content-search-button--no-collapsed) .b24-btn__base-line.b24-content-search-button__base-line {
    padding-inline: 5px;
  }

  .b24-btn.b24-chat-prompt-submit {
    border-radius: var(--radius-full);
  }

  .b24-link.b24-header__title {
    color: var(--b24ui-typography-label-color);
  }

  .b24-dropdown .b24-avatar.b24-dropdown__item-leading-avatar, .b24-context-menu .b24-avatar.b24-context-menu__item-leading-avatar {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .b24-modal .b24-btn.b24-btn.b24-modal__close {
    --ui-btn-height: 24px;
  }

  .b24-alert .b24-alert__actions.b24-alert__actions--orientation-horizontal {
    align-items: center;
    margin-top: 0;
  }

  .b24-alert .b24-btn.b24-btn.b24-alert__close {
    --ui-btn-color: var(--b24ui-color);
  }

  .b24-prose-code-collapse.b24-prose-code-collapse > div {
    margin-block: 0;
  }

  .b24-prose-code-collapse.b24-prose-code-collapse pre {
    max-height: 80vh;
    padding-bottom: 48px;
  }

  .b24-prose-code-collapse:not(.b24-prose-code-collapse--open) pre.b24-prose-pre__base {
    overflow: hidden;
  }

  .b24-prose-code-preview .b24-prose-code-preview__code.b24-prose-code-preview__code > div {
    margin-block: 0;
  }

  .b24-prose-code-preview .b24-prose-code-preview__code > div > pre.b24-prose-pre__base {
    border-top-left-radius: var(--radius-none);
    border-top-right-radius: var(--radius-none);
  }

  .b24-prose-steps.b24-prose-steps--level-2 > h2 > a > [data-slot="leading"], .b24-prose-steps:not(.b24-prose-steps--level-2, .b24-prose-steps--level-4) > h3 > a > [data-slot="leading"], .b24-prose-steps.b24-prose-steps--level-4 > h4 > a > [data-slot="leading"] {
    display: none;
  }

  .b24-table-grid {
    width: 100%;
    min-width: 0;
    position: relative;
    overflow: clip;
  }

  .b24-table-grid:has( > .b24-table.h-full) {
    height: 100%;
  }

  .b24-table-grid__ear-col {
    z-index: 20;
    pointer-events: none;
    width: 50px;
    position: absolute;
  }

  .b24-table-grid__ear-col--left {
    left: 0;
  }

  .b24-table-grid__ear-col--right {
    right: 0;
  }

  .b24-table-grid__ear {
    opacity: 0;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 42px 81px;
    width: 50px;
    transition: opacity .2s, margin .2s;
    position: absolute;
    top: 0;
    left: 0;
  }

  .b24-table-grid__ear--left {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2042%2081%22%3E%3Cpath%20fill%3D%22%23535c69%22%20opacity%3D%220.3%22%20d%3D%22M0%2C0H1.023A40.977%2C40.977%2C0%2C0%2C1%2C42%2C40.977v0A40.024%2C40.024%2C0%2C0%2C1%2C1.977%2C81H0a0%2C0%2C0%2C0%2C1%2C0%2C0V0A0%2C0%2C0%2C0%2C1%2C0%2C0Z%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20.8%2C49.09l-8.014-8.576L20.8%2C31.939a0.762%2C0.762%2C0%2C0%2C0%2C0-1.026l-1.563-1.673a0.647%2C0.647%2C0%2C0%2C0-.959%2C0l-8.014%2C8.576h0L8.224%2C40a0.762%2C0.762%2C0%2C0%2C0%2C0%2C1.026L18.28%2C51.788a0.647%2C0.647%2C0%2C0%2C0%2C.959%2C0L20.8%2C50.116A0.761%2C0.761%2C0%2C0%2C0%2C20.8%2C49.09Z%22/%3E%3C/svg%3E");
    background-position: 0;
    margin-left: -50px;
  }

  .b24-table-grid__ear--right {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2042%2081%22%3E%3Cpath%20fill%3D%22%23535c69%22%20opacity%3D%220.3%22%20d%3D%22M40.024%2C0H42a0%2C0%2C0%2C0%2C1%2C0%2C0V81a0%2C0%2C0%2C0%2C1%2C0%2C0H40.977A40.977%2C40.977%2C0%2C0%2C1%2C0%2C40.024v0A40.024%2C40.024%2C0%2C0%2C1%2C40.024%2C0Z%22/%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M20.2%2C31.91l8.014%2C8.576L20.2%2C49.061a0.762%2C0.762%2C0%2C0%2C0%2C0%2C1.026l1.563%2C1.672a0.647%2C0.647%2C0%2C0%2C0%2C.958%2C0l8.014-8.576h0L32.776%2C41a0.762%2C0.762%2C0%2C0%2C0%2C0-1.025L22.72%2C29.212a0.647%2C0.647%2C0%2C0%2C0-.958%2C0L20.2%2C30.885A0.762%2C0.762%2C0%2C0%2C0%2C20.2%2C31.91Z%22/%3E%3C/svg%3E");
    background-position: 100%;
    margin-left: 50px;
  }

  .b24-table-grid__ear--show {
    opacity: .6;
    pointer-events: auto;
    margin-left: 0;
  }

  .b24-table-grid__ear--show:hover {
    opacity: .8;
  }

  .dark .b24-table-grid__ear {
    filter: brightness(2.2);
  }

  .b24-table-grid__shadow {
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    width: 10px;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }

  .b24-table-grid__shadow:before {
    content: "";
    border-radius: 80%;
    width: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    box-shadow: 0 0 10px #0003;
  }

  .b24-table-grid__shadow--left {
    left: 0;
  }

  .b24-table-grid__shadow--left:before {
    left: -10px;
  }

  .b24-table-grid__shadow--right {
    right: 0;
  }

  .b24-table-grid__shadow--right:before {
    right: -10px;
  }

  .b24-table-grid__shadow--show {
    opacity: 1;
  }

  .dark .b24-table-grid__shadow:before {
    box-shadow: 0 0 10px #0009;
  }

  .b24-table--pin-header .b24-table__thead > tr > th, .b24-table--pin-header .b24-table__thead > .b24-table__separator {
    z-index: 3;
    transform: translateY(var(--b24-pin-y, 0px));
  }

  .b24-table--pin-header .b24-table__thead > tr > th:not(.b24-table__th--pinned) {
    position: relative;
  }

  .b24-table--pin-header .b24-table__thead[data-pin-css] > tr > th, .b24-table--pin-header .b24-table__thead[data-pin-css] > .b24-table__separator {
    animation: linear both b24-table-pin;
    animation-timeline: var(--b24-pin-tl);
    animation-range: var(--b24-pin-range);
    transform: none;
  }

  @keyframes b24-table-pin {
    from {
      transform: translateY(var(--b24-pin-from, 0px));
    }

    to {
      transform: translateY(var(--b24-pin-to, 0px));
    }
  }

  .b24-table--pin-header .b24-table__thead > tr > th {
    background-color: var(--ui-color-bg-content-primary);
  }

  .b24-table--pin-header .b24-table__thead[data-pinned] > tr > th:after {
    content: "";
    pointer-events: none;
    background: linear-gradient(#00000024, #0000);
    height: 8px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .dark .b24-table--pin-header .b24-table__thead[data-pinned] > tr > th:after {
    background: linear-gradient(#00000080, #0000);
  }

  .b24-table--resizable .b24-table__th {
    position: relative;
  }

  .b24-table--resizable .b24-table__th.b24-table__th--pinned {
    position: sticky;
  }

  .b24-table__resize {
    z-index: 10;
    opacity: 0;
    cursor: col-resize;
    touch-action: none;
    width: 11px;
    transition: opacity .2s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
  }

  .b24-table--resizable .b24-table__th:last-child, .b24-table--resizable .b24-table__td:last-child {
    padding-right: calc(var(--b24-table-last-gap, 16px) * 2) !important;
  }

  .b24-table__th:last-child > .b24-table__resize {
    right: calc(var(--b24-table-last-gap, 16px) - 8px);
  }

  .b24-table__th:last-child > .b24-table__resize:before, .b24-table__th:last-child > .b24-table__resize:after {
    right: 8px;
  }

  .b24-table__th:hover > .b24-table__resize, .b24-table__resize[data-dragging] {
    opacity: 1;
  }

  .b24-table__resize:before {
    content: "";
    background: var(--ui-color-divider-default);
    width: 1px;
    height: 26px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    right: 4px;
  }

  .b24-table__resize:hover:before, .b24-table__resize[data-dragging]:before {
    background: var(--ui-color-design-outline-stroke);
  }

  .b24-table__resize:after {
    content: "";
    background: var(--ui-color-divider-default);
    opacity: 0;
    width: 1px;
    height: 0;
    transition: opacity .2s;
    position: absolute;
    top: 100%;
    right: 4px;
  }

  .b24-table__resize:hover:after, .b24-table__resize[data-dragging]:after {
    opacity: 1;
    height: 50000px;
  }

  .b24-table[data-resizing] {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
  }

  .b24-table__th[data-sized] {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .b24-table__th[data-sized] > :not(.b24-table__resize) {
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
  }

  .b24-table__td[data-sized] {
    white-space: normal;
    overflow: hidden;
  }

  .b24-table--wrap .b24-table__td {
    white-space: normal;
  }

  .b24-table--wrap .b24-table__th:not([data-service]) {
    min-width: 70px;
  }

  .b24-filter {
    flex: 0 240px;
    width: 240px;
    min-width: 0;
    max-width: 748px;
    transition: flex-grow .2s ease-in-out;
    display: flex;
    position: relative;
  }

  .b24-filter[data-filled] {
    flex: 0 auto;
    width: auto;
  }

  .b24-filter[data-filled] .b24-filter__input.b24-filter__input {
    flex: 1 0 183px;
  }

  .b24-filter:focus-within, .b24-filter[data-open] {
    flex-grow: 1;
  }

  .b24-filter .b24-filter__field.b24-filter__field.b24-filter__field {
    cursor: text;
    border-radius: 8px;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: none;
    height: 34px;
    min-height: 34px;
    padding: 0 31px 0 0;
    display: flex;
    overflow: hidden;
  }

  .b24-filter[data-clearable] .b24-filter__field.b24-filter__field.b24-filter__field {
    padding-right: 55px;
  }

  .b24-filter__chips {
    display: contents;
  }

  .b24-filter__chip {
    cursor: default;
    background-color: var(--ui-color-design-tinted-bg-alt);
    min-width: 56px;
    height: 28px;
    color: var(--ui-color-design-tinted-content);
    border-radius: 6px;
    flex: 0 auto;
    margin: 0 3.5px 0 0;
    padding: 0 30px 0 13px;
    font-size: 14px;
    line-height: 28px;
    position: relative;
  }

  .b24-filter__chip:first-child {
    margin-left: 3px;
  }

  .b24-filter__chip--more {
    flex: none;
  }

  .b24-filter__chip[data-selected] {
    box-shadow: inset 0 0 0 2px var(--ui-color-accent-main-primary);
  }

  .b24-filter__chip-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    display: block;
    overflow: hidden;
  }

  .b24-filter__chip-delete {
    cursor: pointer;
    width: 20px;
    height: 28px;
    color: var(--b24ui-icon-color-secondary);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: absolute;
    top: 0;
    right: 5px;
  }

  @media (hover: hover) {
    .b24-filter__chip-delete:hover {
      color: var(--b24ui-icon-color-secondary-hover);
    }
  }

  .b24-filter__chip-delete-icon {
    width: 16px;
    height: 16px;
  }

  .b24-filter .b24-filter__input.b24-filter__input {
    min-width: 60px;
    height: 32px;
    color: inherit;
    flex: 1 1 0;
    padding: 0 0 0 16px;
    font-size: 15px;
    line-height: 32px;
  }

  .b24-filter__icons {
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
  }

  .b24-filter__icon {
    cursor: pointer;
    width: 24px;
    height: 32px;
    color: var(--b24ui-icon-color-secondary);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  @media (hover: hover) {
    .b24-filter__icon:hover {
      color: var(--b24ui-icon-color-secondary-hover);
    }
  }

  .b24-filter__icon[hidden] {
    display: none;
  }

  .b24-filter__icon-svg {
    width: 20px;
    height: 20px;
  }

  .b24-filter .b24-filter__panel.b24-popover {
    border-radius: 18px;
    width: 524px;
    max-width: calc(100vw - 16px);
  }

  .b24-filter__form {
    max-height: var(--b24-filter-max-height, 80vh);
    flex-direction: column;
    display: flex;
  }

  .b24-filter__fields {
    scrollbar-width: thin;
    flex: auto;
    min-height: 0;
    padding: 24px 24px 0;
    overflow-y: auto;
  }

  .b24-filter__row {
    padding: 0 0 15px;
  }

  .b24-filter__label {
    color: var(--b24ui-typography-description-color);
    margin: 0 0 5px 2px;
    font-size: 12px;
    line-height: 15px;
    display: block;
  }

  .b24-filter__controls {
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  .b24-filter__controls > * {
    flex: 1 1 0;
    min-width: 0;
  }

  .b24-filter__controls .b24-input, .b24-filter__controls .b24-input__base, .b24-filter__controls .b24-select-menu__base, .b24-filter__controls .b24-input-menu {
    width: 100%;
  }

  .b24-filter__controls > .b24-filter__mode {
    flex: 0 0 150px;
  }

  .b24-filter__controls > .b24-filter__mode--range {
    flex-basis: 130px;
  }

  .b24-filter__controls > .b24-filter__mode--auto {
    flex: 0 auto;
    min-width: 110px;
  }

  .b24-filter__controls > .b24-filter__mode--full {
    flex: 1 1 0;
  }

  .b24-filter__controls > .b24-filter__dash {
    text-align: center;
    width: 10px;
    color: var(--b24ui-typography-description-color);
    flex: none;
    line-height: 38px;
  }

  .b24-filter__controls .b24-input-menu__content, .b24-filter__controls .b24-select-menu__content {
    min-width: var(--reka-combobox-trigger-width);
  }

  .b24-filter__controls .b24-input-menu__viewport, .b24-filter__controls .b24-select-menu__viewport {
    width: 100%;
  }

  .b24-filter__controls .b24-select-menu__content [data-slot="viewport"] > [data-slot="group"]:first-child > [data-slot="label"]:first-child:after {
    background-color: #0000;
  }

  .b24-filter__controls .b24-input-menu__content.b24-filter__entity {
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-columns: minmax(0, 1fr) auto;
    width: min(640px, 100vw - 24px);
    display: grid;
  }

  .b24-filter__entity > [data-slot="empty"] {
    grid-area: 1 / 1;
  }

  .b24-filter__entity > [data-slot="viewport"] {
    grid-area: 2 / 1;
    width: auto;
  }

  .b24-filter__entity > [data-slot="entityMore"] {
    font-size: var(--ui-font-size-sm);
    color: var(--b24ui-typography-legend-color);
    grid-area: 3 / 1;
    padding: 6px 18px 10px;
  }

  .b24-filter__entity > [data-slot="entityMore"][hidden] {
    display: none;
  }

  .b24-filter__entity > [data-slot="entityTabs"] {
    border-inline-start: 1px solid var(--ui-color-divider-vibrant-default);
    grid-area: 1 / 2 / span 3;
    padding: 10px 12px;
  }

  .b24-filter__entity[data-searching] {
    grid-template-columns: minmax(0, 1fr);
  }

  .b24-filter__entity[data-searching] > [data-slot="entityTabs"] {
    display: none;
  }

  .b24-filter__entity [data-slot="viewport"] > [data-slot="group"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 4px;
  }

  .b24-filter__entity [data-slot="viewport"] > [data-slot="group"] > [data-slot="label"] {
    grid-column: 1 / -1;
  }

  .b24-filter__entity [data-slot="item"] {
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  .b24-filter__entity [data-slot="itemWrapper"] {
    min-width: 0;
    overflow: hidden;
  }

  @media (max-width: 639px) {
    .b24-filter__entity [data-slot="viewport"] > [data-slot="group"] {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  .b24-filter__entity .b24-filter__entity-avatar {
    flex: none;
  }

  .b24-filter__entity [data-slot="itemLabel"], .b24-filter__entity [data-slot="itemDescription"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-filter__controls .b24-select-menu__item.b24-select-menu__item:has([data-slot="itemDescription"]), .b24-filter__controls .b24-input-menu__item.b24-input-menu__item:has([data-slot="itemDescription"]) {
    align-items: flex-start;
    height: auto;
    min-height: 0;
    padding-block: 6px;
  }

  .b24-filter__controls [data-slot="itemWrapper"]:has([data-slot="itemDescription"]) {
    gap: 2px;
  }

  .b24-filter__controls [data-slot="itemWrapper"] > [data-slot="itemLabel"], .b24-filter__controls [data-slot="itemWrapper"] > [data-slot="itemDescription"] {
    line-height: 1.3;
  }

  .b24-filter__controls .b24-input-menu .b24-input-menu__tags-input {
    width: 40px;
    min-width: 40px;
  }

  .b24-filter__controls .b24-input-menu--multiple:has( > [data-slot="tagsItem"]) .b24-input-menu__tags-input::placeholder {
    color: #0000;
  }

  .b24-filter__controls.b24-filter__controls .b24-input-menu.b24-input-menu--multiple:has( > [data-slot="tagsItem"]) {
    padding-inline-end: 68px;
  }

  .b24-filter__controls .b24-input-menu.b24-input-menu--multiple:has( > [data-slot="tagsItem"]) > .b24-input-menu__tags-input:not(:focus) {
    min-width: 0;
  }

  .b24-filter__controls .b24-input-menu.b24-input-menu--multiple {
    gap: 3px;
  }

  .b24-filter__controls .b24-input-menu .b24-input-menu__tags-item {
    height: 30px;
  }

  .b24-filter__item-check {
    pointer-events: none;
    align-items: center;
    margin-inline-end: 8px;
    display: flex;
  }

  .b24-filter .b24-filter__item-tick.b24-filter__item-tick {
    display: none;
  }

  .b24-filter__buttons {
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 80px;
    padding: 0 24px;
    display: flex;
  }

  .b24-filter__row {
    position: relative;
  }

  .b24-filter__row[data-dragging] {
    z-index: 2;
    opacity: .85;
    transition: none;
  }

  .b24-filter__grab {
    cursor: move;
    touch-action: none;
    opacity: 0;
    width: 20px;
    height: 38px;
    color: var(--b24ui-icon-color);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    transition: opacity .3s;
    display: flex;
    position: absolute;
    top: calc(50% - 16.5px);
    left: -22px;
  }

  @media (hover: hover) {
    .b24-filter__grab:hover {
      background-color: var(--ui-color-bg-content-secondary);
      color: var(--b24ui-icon-color-hover);
    }
  }

  .b24-filter__grab-icon {
    pointer-events: none;
    width: 16px;
    height: 16px;
  }

  .b24-filter__field-delete {
    cursor: pointer;
    opacity: 0;
    width: 24px;
    height: 36px;
    color: var(--b24ui-icon-color);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: opacity .3s;
    display: flex;
    position: absolute;
    top: calc(50% - 15.5px);
    right: -24px;
  }

  @media (hover: hover) {
    .b24-filter__field-delete:hover {
      color: var(--b24ui-icon-color-hover);
    }
  }

  .b24-filter__field-delete-icon {
    width: 18px;
    height: 18px;
  }

  .b24-filter__row:hover > .b24-filter__grab, .b24-filter__row:hover > .b24-filter__field-delete, .b24-filter__row[data-dragging] > .b24-filter__grab, .b24-filter__field-delete:focus-visible {
    opacity: 1;
  }

  @media (hover: none) {
    .b24-filter__grab, .b24-filter__field-delete {
      opacity: 1;
    }
  }

  .b24-filter__row[data-more] > .b24-filter__controls {
    margin-right: 42px;
  }

  .b24-filter__more {
    cursor: pointer;
    width: 36px;
    height: 36px;
    color: var(--b24ui-icon-color);
    background: none;
    border: 0;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: absolute;
    top: 21px;
    right: 0;
  }

  @media (hover: hover) {
    .b24-filter__more:hover {
      color: var(--b24ui-icon-color-hover);
    }
  }

  .b24-filter__more[data-state="open"] {
    color: var(--b24ui-icon-color-hover);
  }

  .b24-filter__more-icon {
    width: 24px;
    height: 24px;
  }

  .b24-filter .b24-filter__more-menu {
    min-width: 177px;
  }

  .b24-filter__empty {
    background-color: var(--ui-color-design-outline-bg);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    height: 38px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
    border-radius: 8px;
    align-items: center;
    padding: 0 10px 0 3px;
    display: flex;
  }

  .b24-filter__empty-chip {
    background-color: var(--ui-color-design-tinted-bg-alt);
    max-width: 100%;
    height: 30px;
    color: var(--ui-color-design-tinted-content);
    border-radius: 6px;
    align-items: center;
    padding: 0 30px 0 13px;
    font-size: 15px;
    display: inline-flex;
    position: relative;
  }

  .b24-filter__empty-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .b24-filter__empty-delete {
    cursor: pointer;
    width: 20px;
    height: 30px;
    color: var(--b24ui-icon-color-secondary);
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
    position: absolute;
    top: 0;
    right: 5px;
  }

  @media (hover: hover) {
    .b24-filter__empty-delete:hover {
      color: var(--b24ui-icon-color-secondary-hover);
    }
  }

  .b24-filter__empty-delete-icon {
    width: 16px;
    height: 16px;
  }

  .b24-filter__fields-footer {
    flex-wrap: wrap;
    gap: 4px 16px;
    padding: 0 0 20px;
    display: flex;
  }

  .b24-filter__fields-link {
    cursor: pointer;
    font-size: var(--ui-font-size-xs);
    font-weight: var(--ui-font-weight-medium);
    color: var(--ui-color-accent-main-primary);
    border: 0;
    background: none;
    border-bottom: 1px dashed #0000;
    padding: 0;
    line-height: 16px;
    transition: opacity .2s, border-color .2s;
  }

  .b24-filter__fields-link--muted {
    color: var(--b24ui-typography-legend-color);
  }

  .b24-filter__fields-link:hover {
    opacity: .8;
    border-bottom-color: currentColor;
  }

  .b24-filter__controls .b24-select-menu__viewport > [data-slot="group"], .b24-filter__controls .b24-input-menu__viewport > [data-slot="group"] {
    gap: 0;
  }

  .b24-filter__controls .b24-select-menu__item.b24-select-menu__item, .b24-filter__controls .b24-input-menu__item.b24-input-menu__item {
    height: 33px;
    min-height: 33px;
    margin-block: 0;
    padding-block: 0;
  }

  .b24-filter__controls [data-clear-with-icon] [data-slot="trailing"] {
    align-items: center;
    gap: 2px;
    display: flex;
  }

  .b24-filter__controls [data-clear-with-icon] [data-slot="trailingClear"].b24-btn {
    width: 24px;
    min-width: 24px;
    height: 24px;
    padding: 0;
  }

  .b24-filter__controls [data-slot="trailingClear"].b24-btn, .b24-filter__value-clear {
    opacity: 0;
    transition: opacity .3s;
  }

  .b24-filter__row:hover [data-slot="trailingClear"].b24-btn, .b24-filter__row:hover .b24-filter__value-clear, .b24-filter__controls [data-slot="trailingClear"].b24-btn:focus-visible {
    opacity: 1;
  }

  @media (hover: none) {
    .b24-filter__controls [data-slot="trailingClear"].b24-btn, .b24-filter__value-clear {
      opacity: 1;
    }
  }

  .b24-filter__controls [data-slot="trailingClear"] [data-slot="leadingIcon"] {
    width: 18px;
    height: 18px;
  }

  .b24-filter__controls [data-slot="trailingClear"] svg, .b24-filter__value-clear svg {
    color: var(--ui-color-base-2);
  }

  .b24-filter__clear-circle {
    opacity: .5;
    transition: opacity .3s;
  }

  [data-slot="trailingClear"]:hover .b24-filter__clear-circle, .b24-filter__value-clear:hover .b24-filter__clear-circle {
    opacity: 1;
  }

  .b24-filter__clear-cross {
    fill: var(--ui-color-base-8);
  }

  .b24-filter__controls [data-slot="trailingClear"].b24-btn, .b24-filter__controls [data-slot="trailingClear"].b24-btn:hover {
    background: none;
  }

  .b24-filter__value-clear {
    cursor: pointer;
    pointer-events: auto;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
  }

  .b24-filter__value-clear-icon {
    width: 18px;
    height: 18px;
  }

  .b24-filter__controls .b24-input:has( > input:placeholder-shown) .b24-filter__value-clear {
    display: none;
  }

  .b24-filter__controls .b24-select-menu__trailing-icon, .b24-filter__controls .b24-input-menu__trailing-icon {
    color: var(--ui-color-base-2);
  }

  .b24-filter__controls .b24-input-menu .b24-input-menu__tags-item {
    padding: 0 30px 0 13px;
    font-size: 15px;
    position: relative;
  }

  .b24-filter__controls .b24-input-menu .b24-input-menu__tags-item-text {
    font-size: 15px;
  }

  .b24-filter__controls .b24-input-menu .b24-input-menu__tags-item-delete {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 30px;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
  }

  .b24-filter__controls .b24-input-menu .b24-input-menu__tags-item-delete-icon {
    width: 20px;
    height: 20px;
  }

  .b24-modal .b24-modal__content.b24-filter-settings {
    width: min(800px, 100vw - 32px);
    max-width: none;
    height: auto;
    min-height: 200px;
    max-height: min(803px, 94dvh);
  }

  .b24-filter-settings > [data-slot="contentWrapper"] {
    min-height: 0;
  }

  .b24-filter-settings__body.b24-filter-settings__body {
    flex-direction: column;
    min-height: 0;
    padding-top: 6px;
    padding-bottom: 0;
    display: flex;
  }

  .b24-filter-settings__head {
    flex-wrap: wrap;
    flex: none;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 0 0 14px;
    display: flex;
  }

  .b24-filter-settings__search {
    width: 297px;
    max-width: 100%;
  }

  .b24-filter-settings__sections {
    flex-wrap: wrap;
    gap: 12px;
    display: flex;
  }

  .b24-filter-settings__section-toggle {
    cursor: pointer;
    height: 40px;
    color: var(--ui-color-base-1);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ui-color-design-outline-stroke);
    --tw-ring-inset: inset;
    background: none;
    border-radius: 6px;
    padding: 0 11px;
    font-size: 14px;
    position: relative;
  }

  @media (hover: hover) {
    .b24-filter-settings__section-toggle:hover {
      --tw-ring-color: var(--ui-color-accent-main-primary);
    }
  }

  .b24-filter-settings__section-toggle[aria-pressed="true"] {
    --tw-ring-color: var(--ui-color-accent-main-primary);
  }

  .b24-filter-settings__section-toggle[aria-pressed="true"]:after {
    content: "";
    background: var(--ui-color-accent-main-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20.196 6.432a.7.7 0 0 1-.002.99L9.878 17.695a.7.7 0 0 1-.988 0L4.206 13.03a.7.7 0 0 1 .988-.992l4.19 4.172 9.822-9.781a.7.7 0 0 1 .99.002'/%3E%3C/svg%3E") center / 10px no-repeat;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -6px;
    right: -6px;
  }

  .b24-filter-settings__list {
    scrollbar-width: thin;
    flex: auto;
    min-height: 0;
    padding-bottom: 27px;
    overflow-y: auto;
  }

  .b24-filter-settings__section + .b24-filter-settings__section {
    margin-top: 27px;
  }

  .b24-filter-settings__section[hidden], .b24-filter-settings__item[hidden], .b24-filter-settings__nothing[hidden] {
    display: none;
  }

  .b24-filter-settings__section-title {
    border-bottom: 1px solid;
    border-color: var(--ui-color-base-10);
    color: var(--b24ui-typography-label-color);
    margin: 0 0 20px;
    padding: 0 0 8px;
    font-size: 18px;
    line-height: 22px;
  }

  .b24-filter-settings__section-title:where(.dark, .dark *) {
    border-color: var(--ui-color-divider-vibrant-default);
  }

  .b24-filter-settings__items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px 6px;
    padding: 1px;
    display: grid;
  }

  .b24-filter-settings__item.b24-filter-settings__item {
    cursor: pointer;
    border-radius: 6px;
    align-items: center;
    min-width: 0;
    height: 33px;
    padding: 0 6px;
  }

  @media (hover: hover) {
    .b24-filter-settings__item.b24-filter-settings__item:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }
  }

  .b24-filter-settings__item:has([data-slot="base"][data-state="checked"]) {
    background-color: var(--ui-color-design-selection-bg);
  }

  .b24-filter-settings__item [data-slot="wrapper"], .b24-filter-settings__item [data-slot="label"] {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    min-width: 0;
    overflow: hidden;
  }

  .b24-filter-settings__nothing {
    text-align: center;
    color: var(--b24ui-typography-legend-color);
    padding: 24px 0;
  }

  .b24-filter-settings__footer.b24-filter-settings__footer {
    border-top: 1px solid;
    border-color: var(--ui-color-base-10);
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    padding-top: 15px;
    padding-bottom: 16px;
    display: grid;
  }

  .b24-filter-settings__footer.b24-filter-settings__footer:where(.dark, .dark *) {
    border-color: var(--ui-color-divider-vibrant-default);
  }

  .b24-filter-settings__foot-center {
    gap: 12px;
    display: flex;
  }

  .b24-filter-settings__foot-right {
    justify-self: end;
  }

  .b24-filter-settings__default.b24-filter-settings__default {
    font-size: 13px;
    font-weight: var(--ui-font-weight-normal);
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .b24-filter-settings__default-icon {
    width: 14px;
    height: 14px;
    color: var(--b24ui-icon-color);
    flex: none;
  }

  @media (max-width: 767px) {
    .b24-filter-settings__items {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .b24-filter-settings__footer.b24-filter-settings__footer {
      grid-template-columns: 1fr 1fr;
    }

    .b24-filter-settings__foot-center {
      grid-area: 2 / 1 / auto / -1;
      justify-content: center;
    }
  }

  @media (max-width: 479px) {
    .b24-filter-settings__items {
      grid-template-columns: minmax(0, 1fr);
    }

    .b24-filter-settings__footer.b24-filter-settings__footer {
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
    }

    .b24-filter-settings__foot-right {
      grid-row: 2;
      justify-self: start;
    }

    .b24-filter-settings__foot-center {
      flex-wrap: wrap;
      grid-row: 3;
      justify-content: center;
    }

    .b24-filter-settings__default.b24-filter-settings__default, .b24-filter-settings__all [data-slot="label"] {
      white-space: nowrap;
    }
  }

  @media (max-width: 639px) {
    .b24-filter__controls {
      flex-wrap: wrap;
    }

    .b24-filter__controls > .b24-filter__mode {
      flex: 100%;
    }

    .b24-filter__controls > .b24-filter__dash {
      display: none;
    }
  }

  .b24-access__act {
    padding-inline-start: 24px;
    display: inline-block;
  }

  .b24-table tr.b24-access__zone > td {
    padding-top: 28px;
  }

  .b24-table tbody > tr.b24-access__zone:first-child > td {
    padding-top: 16px;
  }

  .b24-access__zone-title {
    font-size: 18px;
    line-height: 24px;
  }

  .b24-access__cell {
    vertical-align: middle;
    display: inline-flex;
    position: relative;
  }

  .b24-access__mark {
    inset-inline-start: calc(100% + 6px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .b24-access__savebar {
    background-color: var(--ui-color-design-outline-bg);
    z-index: 2;
    justify-content: center;
    gap: 12px;
    padding: 12px 20px;
    display: flex;
    position: relative;
    box-shadow: 0 -2px 4px #00000014;
  }

  .b24-access__savebar[hidden] {
    display: none;
  }

  .b24-access__table .b24-table__th {
    vertical-align: top;
    padding: 0;
  }

  .b24-access__head {
    flex-direction: column;
    display: flex;
  }

  .b24-access__head-top, .b24-access__head-people {
    align-items: center;
    padding-inline: 8px;
    display: flex;
  }

  .b24-access__head-top {
    border-bottom: 1px solid var(--ui-color-divider-default);
    height: 52px;
  }

  .b24-access__head-people {
    gap: 4px;
    height: 48px;
  }

  .b24-access__head--start > div {
    justify-content: flex-start;
    padding-inline: 16px;
  }

  .b24-access__head--center > div {
    justify-content: center;
  }

  .b24-access__role-name {
    color: var(--ui-color-base-1);
    font-weight: var(--ui-font-weight-medium);
    white-space: normal;
    text-align: center;
    line-height: 20px;
  }

  .b24-access__stack {
    display: inline-flex;
    position: relative;
  }

  .b24-access__members {
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 9999px;
    padding: 0;
    display: inline-flex;
  }

  .b24-access__add {
    background: var(--ui-color-design-outline-bg);
    width: 24px;
    height: 24px;
    color: var(--ui-color-base-1);
    cursor: pointer;
    inset-inline-start: calc(100% - 6px);
    border: 0;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 2px 4px #00000024;
  }

  .b24-access__add > svg {
    transition: color .1s;
  }

  .b24-access__add:hover {
    color: var(--ui-color-accent-main-primary);
  }

  .b24-access__people {
    width: 340px;
    max-width: calc(100vw - 32px);
    padding: 4px 10px 6px;
  }

  .b24-access__people-list {
    max-height: 300px;
    padding-block: 8px;
    overflow-y: auto;
  }

  .b24-access__person {
    border-radius: var(--ui-border-radius-sm, 6px);
    align-items: center;
    gap: 10px;
    min-height: 41px;
    padding: 4px 6px;
    transition: background-color .1s;
    display: flex;
  }

  .b24-access__person:hover {
    background-color: var(--ui-color-bg-content-secondary);
  }

  .b24-access__remove {
    color: var(--ui-color-base-1);
    opacity: .5;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0 6px;
    font-size: 13px;
    transition: opacity .1s;
  }

  .b24-access__remove:hover {
    opacity: .8;
  }

  .b24-access__people-foot {
    border-top: 1px solid var(--ui-color-divider-default);
    padding-top: 6px;
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .inset-x-0 {
    inset-inline: 0;
  }

  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }

  .-top-\[10px\] {
    top: -10px;
  }

  .top-\(--b24ui-header-height\) {
    top: var(--b24ui-header-height);
  }

  .top-0 {
    top: 0;
  }

  .right-\[24px\] {
    right: 24px;
  }

  .bottom-0 {
    bottom: 0;
  }

  .bottom-\[13\.5px\] {
    bottom: 13.5px;
  }

  .isolate {
    isolation: isolate;
  }

  .z-1 {
    z-index: 1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .row-span-3 {
    grid-row: span 3 / span 3;
  }

  .float-end {
    float: inline-end;
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5);
  }

  .mx-1 {
    margin-inline: var(--spacing);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -.5);
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-0 {
    margin-block: 0;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-\[4px\] {
    margin-block: 4px;
  }

  .-ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }

  .ms-0 {
    margin-inline-start: 0;
  }

  .ms-1 {
    margin-inline-start: var(--spacing);
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

  .ms-xs2 {
    margin-inline-start: var(--spacing-xs2);
  }

  .-me-1\.5 {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }

  .me-0\.5 {
    margin-inline-end: calc(var(--spacing) * .5);
  }

  .me-1 {
    margin-inline-end: var(--spacing);
  }

  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .mt-0 {
    margin-top: 0;
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-4\.5 {
    margin-top: calc(var(--spacing) * 4.5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mb-0 {
    margin-bottom: 0;
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .aspect-3\/2 {
    aspect-ratio: 3 / 2;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\(--ui-btn-icon-size\) {
    width: var(--ui-btn-icon-size);
    height: var(--ui-btn-icon-size);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-6\.5 {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-48 {
    width: calc(var(--spacing) * 48);
    height: calc(var(--spacing) * 48);
  }

  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }

  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }

  .size-\[40px\] {
    width: 40px;
    height: 40px;
  }

  .size-\[48px\] {
    width: 48px;
    height: 48px;
  }

  .size-\[80px\] {
    width: 80px;
    height: 80px;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--b24ui-header-height\) {
    height: var(--b24ui-header-height);
  }

  .h-0 {
    height: 0;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-80 {
    height: calc(var(--spacing) * 80);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-128 {
    height: calc(var(--spacing) * 128);
  }

  .h-136 {
    height: calc(var(--spacing) * 136);
  }

  .h-140 {
    height: calc(var(--spacing) * 140);
  }

  .h-176 {
    height: calc(var(--spacing) * 176);
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[44px\] {
    height: 44px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[58px\] {
    height: 58px;
  }

  .h-\[64px\] {
    height: 64px;
  }

  .h-\[72px\] {
    height: 72px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[252px\] {
    height: 252px;
  }

  .h-\[290px\] {
    height: 290px;
  }

  .h-\[380px\] {
    height: 380px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[calc\(100\%-var\(--b24ui-header-height\)\)\] {
    height: calc(100% - var(--b24ui-header-height));
  }

  .h-full {
    height: 100%;
    height: var(--height-full);
  }

  .h-screen {
    height: 100vh;
    height: var(--height-screen);
  }

  .h-xs {
    height: var(--height-xs);
  }

  .h-xs2 {
    height: var(--spacing-xs2);
  }

  .max-h-\[62vh\] {
    max-height: 62vh;
  }

  .max-h-\[250px\] {
    max-height: 250px;
  }

  .max-h-\[312px\] {
    max-height: 312px;
  }

  .max-h-\[341px\] {
    max-height: 341px;
  }

  .\!min-h-96 {
    min-height: calc(var(--spacing) * 96) !important;
  }

  .\!min-h-98 {
    min-height: calc(var(--spacing) * 98) !important;
  }

  .min-h-0 {
    min-height: 0;
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-19 {
    min-height: calc(var(--spacing) * 19);
  }

  .min-h-21 {
    min-height: calc(var(--spacing) * 21);
  }

  .min-h-26 {
    min-height: calc(var(--spacing) * 26);
  }

  .min-h-30 {
    min-height: calc(var(--spacing) * 30);
  }

  .min-h-35 {
    min-height: calc(var(--spacing) * 35);
  }

  .min-h-37 {
    min-height: calc(var(--spacing) * 37);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-74 {
    min-height: calc(var(--spacing) * 74);
  }

  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }

  .min-h-113 {
    min-height: calc(var(--spacing) * 113);
  }

  .min-h-\[49px\] {
    min-height: 49px;
  }

  .min-h-\[203px\] {
    min-height: 203px;
  }

  .min-h-full {
    min-height: 100%;
    min-height: var(--min-height-full);
  }

  .w-\(--reka-dropdown-menu-trigger-width\) {
    width: var(--reka-dropdown-menu-trigger-width);
  }

  .w-\(--reka-popover-trigger-width\) {
    width: var(--reka-popover-trigger-width);
  }

  .w-1\/5 {
    width: 20%;
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-38 {
    width: calc(var(--spacing) * 38);
  }

  .w-46 {
    width: calc(var(--spacing) * 46);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-50 {
    width: calc(var(--spacing) * 50);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-65 {
    width: calc(var(--spacing) * 65);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[10px\] {
    width: 10px;
  }

  .w-\[38\%\] {
    width: 38%;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[42\%\] {
    width: 42%;
  }

  .w-\[44px\] {
    width: 44px;
  }

  .w-\[54px\] {
    width: 54px;
  }

  .w-\[62px\] {
    width: 62px;
  }

  .w-\[76\%\] {
    width: 76%;
  }

  .w-\[76px\] {
    width: 76px;
  }

  .w-\[85px\] {
    width: 85px;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[140px\] {
    width: 140px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[270px\] {
    width: 270px;
  }

  .w-\[384px\] {
    width: 384px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
    width: var(--width-fit);
  }

  .w-full {
    width: 100%;
    width: var(--width-full);
  }

  .max-w-2xl {
    max-width: var(--max-width-2xl);
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[384px\] {
    max-width: 384px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[512px\] {
    max-width: 512px;
  }

  .max-w-lg {
    max-width: var(--max-width-lg);
  }

  .max-w-md {
    max-width: var(--max-width-md);
  }

  .max-w-sm {
    max-width: var(--max-width-sm);
  }

  .max-w-xl {
    max-width: var(--max-width-xl);
  }

  .max-w-xs {
    max-width: var(--max-width-xs);
  }

  .min-w-\(--reka-dropdown-menu-trigger-width\) {
    min-width: var(--reka-dropdown-menu-trigger-width);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-96 {
    min-width: calc(var(--spacing) * 96);
  }

  .min-w-\[12ch\] {
    min-width: 12ch;
  }

  .min-w-\[90px\] {
    min-width: 90px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[175px\] {
    min-width: 175px;
  }

  .min-w-\[284px\] {
    min-width: 284px;
  }

  .min-w-\[1200px\] {
    min-width: 1200px;
  }

  .min-w-fit {
    min-width: fit-content;
    min-width: var(--min-width-fit);
  }

  .min-w-full {
    min-width: 100%;
    min-width: var(--min-width-full);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .border-separate {
    border-collapse: separate;
  }

  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }

  .translate-x-\[calc\(50\%-1rem\)\] {
    --tw-translate-x: calc(50% - 1rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize-none {
    resize: none;
  }

  .scrollbar-thin {
    scrollbar-width: thin;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .\!justify-end {
    justify-content: flex-end !important;
  }

  .\!justify-start {
    justify-content: flex-start !important;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .gap-0 {
    gap: 0;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-\[4px\] {
    gap: 4px;
  }

  .gap-\[20px\] {
    gap: 20px;
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-y-0 {
    row-gap: 0;
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }

  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\(--ui-color-divider-accent\) > :not(:last-child)) {
    border-color: var(--ui-color-divider-accent);
  }

  :where(.divide-\(--ui-color-divider-default\) > :not(:last-child)) {
    border-color: var(--ui-color-divider-default);
  }

  :where(.divide-accented > :not(:last-child)) {
    border-color: var(--ui-color-divider-accent);
  }

  :where(.divide-default > :not(:last-child)) {
    border-color: var(--ui-color-divider-default);
  }

  :where(.divide-transparent > :not(:last-child)) {
    border-color: #0000;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded-\(--ui-border-radius-md\) {
    border-radius: var(--ui-border-radius-md);
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-2xs {
    border-radius: var(--radius-2xs);
  }

  .rounded-3xs {
    border-radius: var(--radius-3xs);
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-full {
    border-radius: var(--radius-full);
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: var(--radius-none);
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }

  .border-e, .border-e-1 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-1 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\(--ui-color-accent-main-primary-alt\) {
    border-color: var(--ui-color-accent-main-primary-alt);
  }

  .border-\(--ui-color-design-outline-content-divider\) {
    border-color: var(--ui-color-design-outline-content-divider);
  }

  .border-\(--ui-color-design-outline-na-stroke\) {
    border-color: var(--ui-color-design-outline-na-stroke);
  }

  .border-\(--ui-color-design-outline-stroke\) {
    border-color: var(--ui-color-design-outline-stroke);
  }

  .border-\(--ui-color-design-selection-stroke\) {
    border-color: var(--ui-color-design-selection-stroke);
  }

  .border-\(--ui-color-design-tinted-na-stroke\) {
    border-color: var(--ui-color-design-tinted-na-stroke);
  }

  .border-\(--ui-color-divider-accent\) {
    border-color: var(--ui-color-divider-accent);
  }

  .border-\(--ui-color-divider-default\) {
    border-color: var(--ui-color-divider-default);
  }

  .border-\(--ui-color-divider-vibrant-accent-more\) {
    border-color: var(--ui-color-divider-vibrant-accent-more);
  }

  .border-\(--ui-color-divider-vibrant-default\) {
    border-color: var(--ui-color-divider-vibrant-default);
  }

  .border-default {
    border-color: var(--ui-color-divider-default);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-muted {
    border-color: var(--ui-color-design-tinted-na-stroke);
  }

  .border-t-\(--ui-color-divider-default\) {
    border-top-color: var(--ui-color-divider-default);
  }

  .border-t-gray-100 {
    border-top-color: var(--color-gray-100);
  }

  .bg-\(--ui-color-accent-main-primary-alt-2\) {
    background-color: var(--ui-color-accent-main-primary-alt-2);
  }

  .bg-\(--ui-color-accent-soft-element-violet\)\/40 {
    background-color: var(--ui-color-accent-soft-element-violet);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--ui-color-accent-soft-element-violet\)\/40 {
      background-color: color-mix(in oklab, var(--ui-color-accent-soft-element-violet) 40%, transparent);
    }
  }

  .bg-\(--ui-color-accent-soft-element-violet\)\/60 {
    background-color: var(--ui-color-accent-soft-element-violet);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\(--ui-color-accent-soft-element-violet\)\/60 {
      background-color: color-mix(in oklab, var(--ui-color-accent-soft-element-violet) 60%, transparent);
    }
  }

  .bg-\(--ui-color-base-white-fixed\) {
    background-color: var(--ui-color-base-white-fixed);
  }

  .bg-\(--ui-color-bg-content-primary\) {
    background-color: var(--ui-color-bg-content-primary);
  }

  .bg-\(--ui-color-bg-content-secondary\) {
    background-color: var(--ui-color-bg-content-secondary);
  }

  .bg-\(--ui-color-design-outline-bg\) {
    background-color: var(--ui-color-design-outline-bg);
  }

  .bg-\(--ui-color-design-outline-bg-alt\) {
    background-color: var(--ui-color-design-outline-bg-alt);
  }

  .bg-\(--ui-color-design-selection-bg\) {
    background-color: var(--ui-color-design-selection-bg);
  }

  .bg-\(--ui-color-divider-default\) {
    background-color: var(--ui-color-divider-default);
  }

  .bg-\(--ui-color-g-plastic-greish-bg\) {
    background-color: var(--ui-color-g-plastic-greish-bg);
  }

  .bg-\(--ui-color-gray-02\) {
    background-color: var(--ui-color-gray-02);
  }

  .bg-\(--ui-color-gray-90\) {
    background-color: var(--ui-color-gray-90);
  }

  .bg-\(--ui-color-green-35\) {
    background-color: var(--ui-color-green-35);
  }

  .bg-\(--ui-color-primary\) {
    background-color: var(--ui-color-primary);
  }

  .bg-base-50 {
    background-color: var(--color-base-50);
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-default {
    background-color: var(--ui-color-bg-content-primary);
  }

  .bg-elevated, .bg-elevated\/25 {
    background-color: var(--ui-color-bg-content-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-elevated\/25 {
      background-color: color-mix(in oklab, var(--ui-color-bg-content-secondary) 25%, transparent);
    }
  }

  .bg-elevated\/50 {
    background-color: var(--ui-color-bg-content-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-elevated\/50 {
      background-color: color-mix(in oklab, var(--ui-color-bg-content-secondary) 50%, transparent);
    }
  }

  .bg-gray-20 {
    background-color: var(--color-gray-20);
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-green-350 {
    background-color: var(--color-green-350);
  }

  .bg-orange-600\/10 {
    background-color: #e89b061a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-600\/10 {
      background-color: color-mix(in oklab, var(--color-orange-600) 10%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: #2fc6f61a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }

  .bg-red-600\/10 {
    background-color: #f4433e1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-600\/10 {
      background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
    }
  }

  .bg-red-600\/20 {
    background-color: #f4433e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-600\/20 {
      background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/5 {
    background-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/5 {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .bg-\[radial-gradient\(110\.42\%_110\.42\%_at_-10\.42\%_31\.25\%\,var\(--ui-color-copilot-bg-content-3\)_0\%\,var\(--ui-color-copilot-bg-content-2\)_58\.65\%\,var\(--ui-color-copilot-bg-content-1\)_100\%\)\] {
    background-image: radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-copilot-bg-content-3) 0%,var(--ui-color-copilot-bg-content-2) 58.65%,var(--ui-color-copilot-bg-content-1) 100%);
  }

  .bg-\[radial-gradient\(110\.42\%_110\.42\%_at_-10\.42\%_31\.25\%\,var\(--ui-color-design-filled-boost-bg-gradient-1\)_0\%\,var\(--ui-color-design-filled-boost-bg-gradient-2\)_58\.65\%\,var\(--ui-color-design-filled-boost-bg-gradient-3\)_100\%\)\] {
    background-image: radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);
  }

  .stroke-\(--ui-color-divider-vibrant-accent-more\) {
    stroke: var(--ui-color-divider-vibrant-accent-more);
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: 0 !important;
  }

  .p-0 {
    padding: 0;
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[12px\] {
    padding: 12px;
  }

  .p-lg {
    padding: var(--spacing-lg);
  }

  .p-xl {
    padding: var(--spacing-xl);
  }

  .\!px-0 {
    padding-inline: 0 !important;
  }

  .px-0 {
    padding-inline: 0;
  }

  .px-0\! {
    padding-inline: 0 !important;
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-4\! {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-\[14px\] {
    padding-inline: 14px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-lg {
    padding-inline: var(--spacing-lg);
  }

  .\!py-0 {
    padding-block: 0 !important;
  }

  .py-0 {
    padding-block: 0;
  }

  .py-0\! {
    padding-block: 0 !important;
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-\[14px\] {
    padding-block: 14px;
  }

  .py-\[29px\] {
    padding-block: 29px;
  }

  .py-\[96px\] {
    padding-block: 96px;
  }

  .ps-\(--dial-code-length\) {
    padding-inline-start: var(--dial-code-length);
  }

  .ps-0 {
    padding-inline-start: 0;
  }

  .ps-1 {
    padding-inline-start: var(--spacing);
  }

  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-\[2px\] {
    padding-inline-start: 2px;
  }

  .ps-\[5px\] {
    padding-inline-start: 5px;
  }

  .ps-\[25px\] {
    padding-inline-start: 25px;
  }

  .ps-\[48px\] {
    padding-inline-start: 48px;
  }

  .pe-0\.5 {
    padding-inline-end: calc(var(--spacing) * .5);
  }

  .pe-1 {
    padding-inline-end: var(--spacing);
  }

  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }

  .pe-4\.5 {
    padding-inline-end: calc(var(--spacing) * 4.5);
  }

  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }

  .pe-\[2px\] {
    padding-inline-end: 2px;
  }

  .pe-\[5px\] {
    padding-inline-end: 5px;
  }

  .pe-\[33px\] {
    padding-inline-end: 33px;
  }

  .\!pt-0 {
    padding-top: 0 !important;
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-0\! {
    padding-top: 0 !important;
  }

  .pt-1 {
    padding-top: var(--spacing);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-4\.5 {
    padding-top: calc(var(--spacing) * 4.5);
  }

  .pb-0 {
    padding-bottom: 0;
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\! {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .text-center {
    text-align: center;
  }

  .text-end {
    text-align: end;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-text-top {
    vertical-align: text-top;
  }

  .font-\[family-name\:var\(--ui-font-family-system-mono\)\] {
    font-family: var(--ui-font-family-system-mono);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    font-weight: var(--tw-font-weight, var(--text-lg--font-weight));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    font-weight: var(--tw-font-weight, var(--text-xs--font-weight));
  }

  .text-\(length\:--ui-font-size-2xl\)\/\[normal\] {
    font-size: var(--ui-font-size-2xl);
    line-height: normal;
  }

  .text-\(length\:--ui-font-size-xs\)\/\(--ui-font-line-height-reset\) {
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-reset);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-\[10px\]\/3 {
    font-size: 10px;
    line-height: calc(var(--spacing) * 3);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-\(length\:--ui-font-size-lg\) {
    font-size: var(--ui-font-size-lg);
  }

  .text-\(length\:--ui-font-size-md\) {
    font-size: var(--ui-font-size-md);
  }

  .text-\(length\:--ui-font-size-sm\) {
    font-size: var(--ui-font-size-sm);
  }

  .text-\(length\:--ui-font-size-xs\) {
    font-size: var(--ui-font-size-xs);
  }

  .text-\[length\:22px\] {
    font-size: 22px;
  }

  .leading-\(--ui-font-line-height-xs\) {
    --tw-leading: var(--ui-font-line-height-xs);
    line-height: var(--ui-font-line-height-xs);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-\[29px\] {
    --tw-leading: 29px;
    line-height: 29px;
  }

  .leading-none {
    --tw-leading: var(--leading-none);
    line-height: var(--leading-none);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-\(--ui-font-weight-bold\) {
    --tw-font-weight: var(--ui-font-weight-bold);
    font-weight: var(--ui-font-weight-bold);
  }

  .font-\(--ui-font-weight-light\) {
    --tw-font-weight: var(--ui-font-weight-light);
    font-weight: var(--ui-font-weight-light);
  }

  .font-\(--ui-font-weight-medium\) {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
  }

  .font-\(--ui-font-weight-regular\) {
    --tw-font-weight: var(--ui-font-weight-regular);
    font-weight: var(--ui-font-weight-regular);
  }

  .font-\(--ui-font-weight-semi-bold\) {
    --tw-font-weight: var(--ui-font-weight-semi-bold);
    font-weight: var(--ui-font-weight-semi-bold);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

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

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--b24ui-typography-label-color\) {
    color: var(--b24ui-typography-label-color);
  }

  .text-\(--b24ui-typography-legend-color\) {
    color: var(--b24ui-typography-legend-color);
  }

  .text-\(--ui-btn-color\) {
    color: var(--ui-btn-color);
  }

  .text-\(--ui-color-accent-main-alert\) {
    color: var(--ui-color-accent-main-alert);
  }

  .text-\(--ui-color-accent-main-primary\) {
    color: var(--ui-color-accent-main-primary);
  }

  .text-\(--ui-color-accent-main-success\) {
    color: var(--ui-color-accent-main-success);
  }

  .text-\(--ui-color-accent-main-warning\) {
    color: var(--ui-color-accent-main-warning);
  }

  .text-\(--ui-color-base-1\) {
    color: var(--ui-color-base-1);
  }

  .text-\(--ui-color-copilot-accent-primary\) {
    color: var(--ui-color-copilot-accent-primary);
  }

  .text-\(--ui-color-design-filled-boost-content\) {
    color: var(--ui-color-design-filled-boost-content);
  }

  .text-\(--ui-color-design-outline-content\) {
    color: var(--ui-color-design-outline-content);
  }

  .text-\(--ui-color-design-outline-content-secondary\) {
    color: var(--ui-color-design-outline-content-secondary);
  }

  .text-\(--ui-color-palette-gray-70\) {
    color: var(--ui-color-palette-gray-70);
  }

  .text-\(--ui-color-palette-white-base\) {
    color: var(--ui-color-palette-white-base);
  }

  .text-\(--ui-color-typography-secondary\) {
    color: var(--ui-color-typography-secondary);
  }

  .text-\[\#2fc6f6\] {
    color: #2fc6f6;
  }

  .text-description {
    color: var(--b24ui-typography-description-color);
  }

  .text-dimmed {
    color: var(--ui-color-base-6);
  }

  .text-inherit {
    color: inherit;
  }

  .text-label {
    color: var(--b24ui-typography-label-color);
  }

  .text-legend {
    color: var(--b24ui-typography-legend-color);
  }

  .text-muted {
    color: var(--ui-color-design-plain-na-content-secondary);
  }

  .text-primary {
    color: var(--ui-color-accent-main-primary);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/85 {
    color: #ffffffd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\(--ui-color-g-glass-grey-bg-2\) {
    --tw-ring-color: var(--ui-color-g-glass-grey-bg-2);
  }

  .ring-\(--ui-color-green-55\) {
    --tw-ring-color: var(--ui-color-green-55);
  }

  .ring-ai-250 {
    --tw-ring-color: var(--color-ai-250);
  }

  .ring-primary\/25 {
    --tw-ring-color: #2fc6f640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/25 {
      --tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
    }
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .\[--ui-btn-height\:20px\] {
    --ui-btn-height: 20px;
  }

  .\[--ui-btn-icon-size\:24px\] {
    --ui-btn-icon-size: 24px;
  }

  .\[--ui-btn-icon-size\:32px\] {
    --ui-btn-icon-size: 32px;
  }

  .\[--ui-btn-icon-space\:10px\] {
    --ui-btn-icon-space: 10px;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .not-last\:pb-4:not(:last-child) {
    padding-bottom: calc(var(--spacing) * 4);
  }

  @media (hover: hover) {
    .group-hover\:inline-flex:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      display: inline-flex;
    }

    .group-hover\:translate-x-0:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:text-\(--ui-color-accent-main-primary-alt-2\):is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):hover *) {
      color: var(--ui-color-accent-main-primary-alt-2);
    }
  }

  .group-has-\[td\:not\(\:empty\)\]\:border-b:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item):has(:is(td:not(:empty))) *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group, .b24-input.b24-input--field-group-horizontal, .b24-input.b24-input--field-group-vertical, .b24-select .b24-select__base, .b24-select .b24-select__item, .b24-select.b24-select--field-group-horizontal, .b24-select.b24-select--field-group-vertical, .b24-textarea.b24-textarea--field-group-horizontal, .b24-textarea.b24-textarea--field-group-vertical, .b24-badge.b24-badge--use-link .b24-badge__wrapper, .b24-tabs .b24-tabs__list, .b24-tabs .b24-tabs__trigger, .b24-dropdown .b24-dropdown__item, .b24-context-menu .b24-context-menu__item, .b24-toast, .b24-nav .b24-nav__link, .b24-nav .b24-nav__link-trailing, .b24-nav .b24-nav__child-link, .b24-switch .b24-switch__thumb, .b24-prose-h2 .b24-prose-h2__link, .b24-command-palette .b24-command-palette__item, .b24-input-number.b24-input-number--field-group-horizontal, .b24-input-number.b24-input-number--field-group-vertical, .b24-listbox .b24-listbox__item, .b24-select-menu .b24-select-menu__base, .b24-select-menu .b24-select-menu__item, .b24-select-menu.b24-select-menu--field-group-horizontal, .b24-select-menu.b24-select-menu--field-group-vertical, .b24-input-menu .b24-input-menu__trailing, .b24-input-menu .b24-input-menu__item, .b24-input-menu.b24-input-menu--field-group-horizontal, .b24-input-menu.b24-input-menu--field-group-vertical, .b24-input-date, .b24-input-time, .b24-content-surround .b24-content-surround__link, .b24-content-toc .b24-content-toc__trigger, .b24-content-toc .b24-content-toc__link, .b24-prose-h3 .b24-prose-h3__link, .b24-page-links .b24-page-links__link, .b24-chat-reasoning .b24-chat-reasoning__trigger, .b24-chat-tool .b24-chat-tool__trigger, .b24-footer-columns .b24-footer-columns__link, .b24-splitter .b24-splitter__handle, .b24-accordion .b24-accordion__trigger, .b24-timeline .b24-timeline__item, .b24-prose-h4 .b24-prose-h4__link, .b24-breadcrumb .b24-breadcrumb__link, .b24-stepper .b24-stepper__item, .b24-prose-callout, .b24-prose-card, .b24-prose-collapsible .b24-prose-collapsible__trigger, .b24-prose-pre, .b24-prose-pre .b24-prose-pre__base, .b24-prose-code-group, .b24-prose-code-collapse .b24-prose-code-collapse__trigger, .b24-editor-suggestion-menu .b24-editor-suggestion-menu__item, .b24-editor-mention-menu .b24-editor-mention-menu__item, .b24-editor-emoji-menu .b24-editor-emoji-menu__item)[data-state="open"] *) {
    rotate: 180deg;
  }

  .peer-placeholder-shown\:top-\[10px\]:is(:where(.peer, .b24-sidebar):placeholder-shown ~ *) {
    top: 10px;
  }

  .peer-placeholder-shown\:text-\(length\:--ui-font-size-sm\)\/\(--ui-font-line-height-reset\):is(:where(.peer, .b24-sidebar):placeholder-shown ~ *) {
    font-size: var(--ui-font-size-sm);
    line-height: var(--ui-font-line-height-reset);
  }

  .peer-placeholder-shown\:font-\(--ui-font-weight-normal\):is(:where(.peer, .b24-sidebar):placeholder-shown ~ *) {
    --tw-font-weight: var(--ui-font-weight-normal);
    font-weight: var(--ui-font-weight-normal);
  }

  .peer-placeholder-shown\:text-legend:is(:where(.peer, .b24-sidebar):placeholder-shown ~ *) {
    color: var(--b24ui-typography-legend-color);
  }

  .peer-focus\:-top-\[10px\]:is(:where(.peer, .b24-sidebar):focus ~ *) {
    top: -10px;
  }

  .peer-focus\:text-\(length\:--ui-font-size-xs\)\/\(--ui-font-line-height-reset\):is(:where(.peer, .b24-sidebar):focus ~ *) {
    font-size: var(--ui-font-size-xs);
    line-height: var(--ui-font-line-height-reset);
  }

  .peer-focus\:font-\(--ui-font-weight-medium\):is(:where(.peer, .b24-sidebar):focus ~ *) {
    --tw-font-weight: var(--ui-font-weight-medium);
    font-weight: var(--ui-font-weight-medium);
  }

  .peer-focus\:text-label:is(:where(.peer, .b24-sidebar):focus ~ *) {
    color: var(--b24ui-typography-label-color);
  }

  .peer-data-\[variant\=inset\]\:m-4:is(:where(.peer, .b24-sidebar)[data-variant="inset"] ~ *) {
    margin: calc(var(--spacing) * 4);
  }

  .peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer, .b24-sidebar)[data-variant="inset"] ~ *) {
    border-radius: var(--radius-xl);
  }

  .peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer, .b24-sidebar)[data-variant="inset"] ~ *) {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-data-\[variant\=inset\]\:ring:is(:where(.peer, .b24-sidebar)[data-variant="inset"] ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .peer-data-\[variant\=inset\]\:ring-default:is(:where(.peer, .b24-sidebar)[data-variant="inset"] ~ *) {
    --tw-ring-color: var(--ui-color-divider-default);
  }

  .before\:content-\[open-quote\]:before {
    --tw-content: open-quote;
    content: var(--tw-content);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: 0;
  }

  .after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:transition:after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:content-\[close-quote\]:after {
    --tw-content: close-quote;
    content: var(--tw-content);
  }

  :is(.\*\:first\:mt-0 > *):first-child {
    margin-top: 0;
  }

  .last\:mb-0:last-child {
    margin-bottom: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: 0;
  }

  :is(.\*\:last\:mb-0 > *):last-child {
    margin-bottom: 0;
  }

  .even\:-translate-x-\[calc\(100\%-2rem\)\]:nth-child(2n) {
    --tw-translate-x: calc(calc(100% - 2rem) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .even\:flex-row-reverse:nth-child(2n) {
    flex-direction: row-reverse;
  }

  .even\:text-end:nth-child(2n) {
    text-align: end;
  }

  .empty\:p-0:empty {
    padding: 0;
  }

  @media (hover: hover) {
    .hover\:border-\(--ui-color-design-selection-stroke\):hover {
      border-color: var(--ui-color-design-selection-stroke);
    }

    .hover\:bg-\(--ui-btn-background-hover\):hover {
      background-color: var(--ui-btn-background-hover);
    }

    .hover\:bg-\(--ui-color-accent-soft-element-blue\)\/40:hover {
      background-color: var(--ui-color-accent-soft-element-blue);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\(--ui-color-accent-soft-element-blue\)\/40:hover {
        background-color: color-mix(in oklab, var(--ui-color-accent-soft-element-blue) 40%, transparent);
      }
    }

    .hover\:bg-\(--ui-color-bg-content-secondary\):hover {
      background-color: var(--ui-color-bg-content-secondary);
    }

    .hover\:bg-\(--ui-color-copilot-accent-primary\)\/20:hover {
      background-color: var(--ui-color-copilot-accent-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\(--ui-color-copilot-accent-primary\)\/20:hover {
        background-color: color-mix(in oklab, var(--ui-color-copilot-accent-primary) 20%, transparent);
      }
    }

    .hover\:bg-\(--ui-color-design-selection-bg\):hover {
      background-color: var(--ui-color-design-selection-bg);
    }

    .hover\:bg-elevated\/50:hover {
      background-color: var(--ui-color-bg-content-secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-elevated\/50:hover {
        background-color: color-mix(in oklab, var(--ui-color-bg-content-secondary) 50%, transparent);
      }
    }

    .hover\:text-label:hover {
      color: var(--b24ui-typography-label-color);
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:ring-3:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:ring-ai-350:hover {
      --tw-ring-color: var(--color-ai-350);
    }

    .hover\:ring-ai-500:hover {
      --tw-ring-color: var(--color-ai-500);
    }

    .hover\:ring-blue-500:hover {
      --tw-ring-color: var(--color-blue-500);
    }

    .hover\:ring-collab-500:hover {
      --tw-ring-color: var(--color-collab-500);
    }

    .hover\:after\:bg-\(--ui-color-accent-soft-element-blue\):hover:after {
      content: var(--tw-content);
      background-color: var(--ui-color-accent-soft-element-blue);
    }
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .has-data-\[state\=open\]\:translate-x-0:has([data-state="open"]) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[collapsed\=true\]\:w-\[50px\][data-collapsed="true"] {
    width: 50px;
  }

  .data-\[expanded\=true\]\:bg-\(--ui-color-base-6\)[data-expanded="true"] {
    background-color: var(--ui-color-base-6);
  }

  .data-\[orientation\=horizontal\]\:h-24\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 24.5);
  }

  .data-\[orientation\=horizontal\]\:w-px[data-orientation="horizontal"] {
    width: 1px;
  }

  .data-\[orientation\=vertical\]\:h-96[data-orientation="vertical"] {
    height: calc(var(--spacing) * 96);
  }

  .data-\[orientation\=vertical\]\:h-px[data-orientation="vertical"] {
    height: 1px;
  }

  .data-\[orientation\=vertical\]\:w-\[430px\][data-orientation="vertical"] {
    width: 430px;
  }

  .data-\[state\=drag\]\:bg-\(--ui-color-accent-main-primary\)[data-state="drag"], .data-\[state\=hover\]\:bg-\(--ui-color-accent-main-primary\)[data-state="hover"] {
    background-color: var(--ui-color-accent-main-primary);
  }

  .data-\[state\=open\]\:bg-\(--ui-btn-background-hover\)[data-state="open"] {
    background-color: var(--ui-btn-background-hover);
  }

  .data-\[state\=open\]\:bg-\(--ui-color-accent-soft-element-blue\)\/30[data-state="open"] {
    background-color: var(--ui-color-accent-soft-element-blue);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-\(--ui-color-accent-soft-element-blue\)\/30[data-state="open"] {
      background-color: color-mix(in oklab, var(--ui-color-accent-soft-element-blue) 30%, transparent);
    }
  }

  @media not all and (min-width: 40rem) {
    .max-sm\:max-h-\[250px\] {
      max-height: 250px;
    }

    .max-sm\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-\[275px\] {
      top: 275px;
    }

    .sm\:top-\[300px\] {
      top: 300px;
    }

    .sm\:top-\[375px\] {
      top: 375px;
    }

    .sm\:-bottom-4 {
      bottom: calc(var(--spacing) * -4);
    }

    .sm\:my-1\.5 {
      margin-block: calc(var(--spacing) * 1.5);
    }

    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

    .sm\:ml-3 {
      margin-left: calc(var(--spacing) * 3);
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:inline-flex {
      display: inline-flex;
    }

    .sm\:h-\[448px\] {
      height: 448px;
    }

    .sm\:max-h-\[calc\(100\%-275px\)\] {
      max-height: calc(100% - 275px);
    }

    .sm\:max-h-\[calc\(100\%-300px\)\] {
      max-height: calc(100% - 300px);
    }

    .sm\:max-h-\[calc\(100\%-375px\)\] {
      max-height: calc(100% - 375px);
    }

    .sm\:max-h-max {
      max-height: max-content;
      max-height: var(--max-height-max);
    }

    .sm\:w-\(--reka-navigation-menu-viewport-width\) {
      width: var(--reka-navigation-menu-viewport-width);
    }

    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }

    .sm\:w-38 {
      width: calc(var(--spacing) * 38);
    }

    .sm\:w-\[380px\] {
      width: 380px;
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-80 {
      max-width: calc(var(--spacing) * 80);
    }

    .sm\:max-w-\[470px\] {
      max-width: 470px;
    }

    .sm\:max-w-\[786px\] {
      max-width: 786px;
    }

    .sm\:max-w-\[788px\] {
      max-width: 788px;
    }

    .sm\:max-w-\[965px\] {
      max-width: 965px;
    }

    .sm\:max-w-\[970px\] {
      max-width: 970px;
    }

    .sm\:max-w-full {
      max-width: 100%;
      max-width: var(--max-width-full);
    }

    .sm\:max-w-md {
      max-width: var(--max-width-md);
    }

    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }

    .sm\:rounded-t-3xl {
      border-top-left-radius: var(--radius-3xl);
      border-top-right-radius: var(--radius-3xl);
    }

    .sm\:rounded-t-lg {
      border-top-left-radius: var(--radius-lg);
      border-top-right-radius: var(--radius-lg);
    }

    .sm\:rounded-b-3xl {
      border-bottom-right-radius: var(--radius-3xl);
      border-bottom-left-radius: var(--radius-3xl);
    }

    .sm\:rounded-b-lg {
      border-bottom-right-radius: var(--radius-lg);
      border-bottom-left-radius: var(--radius-lg);
    }

    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .sm\:border-l-2 {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
    }

    .sm\:border-\(--ui-color-divider-default\) {
      border-color: var(--ui-color-divider-default);
    }

    .sm\:p-0 {
      padding: 0;
    }

    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-0 {
      padding-inline: 0;
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .sm\:px-\[14px\] {
      padding-inline: 14px;
    }

    .sm\:px-lg2 {
      padding-inline: var(--spacing-lg2);
    }

    .sm\:py-0 {
      padding-block: 0;
    }

    .sm\:py-1 {
      padding-block: var(--spacing);
    }

    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }

    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .sm\:py-\[14px\] {
      padding-block: 14px;
    }

    .sm\:py-\[128px\] {
      padding-block: 128px;
    }

    .sm\:py-md {
      padding-block: var(--spacing-md);
    }

    .sm\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }

    .sm\:pe-\[9px\] {
      padding-inline-end: 9px;
    }

    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }

    .sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .sm\:pb-2\.5 {
      padding-bottom: calc(var(--spacing) * 2.5);
    }

    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }

    .sm\:text-center {
      text-align: center;
    }

    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }

    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }

    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }

    .sm\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }

    .sm\:first\:border-l-0:first-child {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }

    .sm\:first\:ps-0:first-child {
      padding-inline-start: 0;
    }

    .sm\:last\:pb-0:last-child {
      padding-bottom: 0;
    }

    .data-\[layout\=fixed\]\:sm\:px-8[data-layout="fixed"] {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }

    .md\:max-h-\[230px\] {
      max-height: 230px;
    }

    .md\:w-1\/6 {
      width: 16.6667%;
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .lg\:ms-auto {
      margin-inline-start: auto;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:w-\[500px\] {
      width: 500px;
    }

    .lg\:max-w-\[672px\] {
      max-width: 672px;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,\.75fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, .75fr) minmax(0, 1fr);
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }

    .lg\:rounded-\(--ui-border-radius-md\) {
      border-radius: var(--ui-border-radius-md);
    }

    .lg\:border-1 {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }

    .lg\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }

    .lg\:border-\(--ui-color-divider-default\) {
      border-color: var(--ui-color-divider-default);
    }

    .lg\:bg-transparent {
      background-color: #0000;
    }

    .lg\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:py-\[160px\] {
      padding-block: 160px;
    }

    .lg\:peer-data-\[variant\=floating\]\:my-4:is(:where(.peer, .b24-sidebar)[data-variant="floating"] ~ *) {
      margin-block: calc(var(--spacing) * 4);
    }

    .lg\:peer-data-\[variant\=inset\]\:not-peer-data-\[collapsible\=offcanvas\]\:ms-0:is(:where(.peer, .b24-sidebar)[data-variant="inset"] ~ *):not(:is(:where(.peer, .b24-sidebar)[data-collapsible="offcanvas"] ~ *)) {
      margin-inline-start: 0;
    }
  }

  .rtl\:-translate-x-\[calc\(50\%-1rem\)\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(50% - 1rem) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rtl\:-translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rtl\:even\:translate-x-\[calc\(100\%-2rem\)\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *):nth-child(2n) {
    --tw-translate-x: calc(100% - 2rem);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:block:where(.dark, .dark *) {
    display: block;
  }

  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }

  .dark\:inline-block:where(.dark, .dark *) {
    display: inline-block;
  }

  :where(.dark\:divide-\(--ui-color-divider-default\):where(.dark, .dark *) > :not(:last-child)), .dark\:border-\(--ui-color-divider-default\):where(.dark, .dark *) {
    border-color: var(--ui-color-divider-default);
  }

  .dark\:border-gray-800:where(.dark, .dark *) {
    border-color: var(--color-gray-800);
  }

  .dark\:border-t-gray-900:where(.dark, .dark *) {
    border-top-color: var(--color-gray-900);
  }

  .dark\:bg-\(--ui-color-base-black-fixed\):where(.dark, .dark *) {
    background-color: var(--ui-color-base-black-fixed);
  }

  .dark\:bg-\(--ui-color-bg-content-primary\):where(.dark, .dark *) {
    background-color: var(--ui-color-bg-content-primary);
  }

  .dark\:bg-\(--ui-color-copilot-bg-content-3\)\/40:where(.dark, .dark *) {
    background-color: var(--ui-color-copilot-bg-content-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-\(--ui-color-copilot-bg-content-3\)\/40:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--ui-color-copilot-bg-content-3) 40%, transparent);
    }
  }

  .dark\:bg-base-dark:where(.dark, .dark *) {
    background-color: var(--color-base-dark);
  }

  .dark\:bg-gray-900:where(.dark, .dark *) {
    background-color: var(--color-gray-900);
  }

  .dark\:bg-green-800:where(.dark, .dark *) {
    background-color: var(--color-green-800);
  }

  .dark\:bg-white\/10:where(.dark, .dark *) {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where(.dark, .dark *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:text-\(--b24ui-typography-description-color\):where(.dark, .dark *) {
    color: var(--b24ui-typography-description-color);
  }

  .dark\:text-\(--ui-color-accent-main-warning\):where(.dark, .dark *) {
    color: var(--ui-color-accent-main-warning);
  }

  .dark\:text-\(--ui-color-base-1\):where(.dark, .dark *) {
    color: var(--ui-color-base-1);
  }

  .dark\:text-white:where(.dark, .dark *) {
    color: var(--color-white);
  }

  .dark\:before\:absolute:where(.dark, .dark *):before {
    content: var(--tw-content);
    position: absolute;
  }

  .dark\:before\:inset-0:where(.dark, .dark *):before {
    content: var(--tw-content);
    inset: 0;
  }

  .dark\:before\:bg-black\/50:where(.dark, .dark *):before {
    content: var(--tw-content);
    background-color: #33333380;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:bg-black\/50:where(.dark, .dark *):before {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  @media (min-width: 64rem) {
    .dark\:lg\:bg-transparent:where(.dark, .dark *) {
      background-color: #0000;
    }
  }

  .light\:bg-\(--ui-color-gray-02\):where(.light, .light *) {
    background-color: var(--ui-color-gray-02);
  }

  .edge-dark\:\[--air-theme-bg-attachment\:local\]:where(.edge-dark, .edge-dark *) {
    --air-theme-bg-attachment: local;
  }

  .edge-dark\:\[--air-theme-bg-color\:\#7c235b\]:where(.edge-dark, .edge-dark *) {
    --air-theme-bg-color: #7c235b;
  }

  .edge-dark\:\[--air-theme-bg-image\:url\(https\:\/\/bitrix24\.github\.io\/b24ui\/bg\/edge-dark-v2\.jpg\)\]:where(.edge-dark, .edge-dark *) {
    --air-theme-bg-image: url("https://bitrix24.github.io/b24ui/bg/edge-dark-v2.jpg");
  }

  .edge-dark\:\[--air-theme-bg-position\:0_0\]:where(.edge-dark, .edge-dark *) {
    --air-theme-bg-position: 0 0;
  }

  .edge-dark\:\[--air-theme-bg-repeat\:no-repeat\]:where(.edge-dark, .edge-dark *) {
    --air-theme-bg-repeat: no-repeat;
  }

  .edge-dark\:\[--air-theme-bg-size\:cover\]:where(.edge-dark, .edge-dark *) {
    --air-theme-bg-size: cover;
  }

  .bitrix-mobile\:bottom-0:where(html[data-platform="bitrix-mobile"] *) {
    bottom: 0;
  }

  .bitrix-mobile\:max-h-\[230px\]:where(html[data-platform="bitrix-mobile"] *) {
    max-height: 230px;
  }

  .\[\&_p\]\:leading-5 p {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .\[\&\>input\]\:h-8 > input {
    height: calc(var(--spacing) * 8);
  }

  .\[\&\>input\]\:text-sm > input {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-weight: var(--tw-font-weight, var(--text-sm--font-weight));
  }

  .\[\&\>table\>tbody\>tr\]\:border-\(--ui-color-design-tinted-a1-bg\) > table > tbody > tr {
    border-color: var(--ui-color-design-tinted-a1-bg);
  }

  .\[\&\>table\>tfoot\]\:border-\(--ui-color-design-filled-copilot-stroke\) > table > tfoot, .\[\&\>table\>thead\>tr\]\:border-\(--ui-color-design-filled-copilot-stroke\) > table > thead > tr {
    border-color: var(--ui-color-design-filled-copilot-stroke);
  }

  .\[\&\>tr\]\:last\:\[\&\>td\]\:border-b-0 > tr:last-child > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@keyframes accordion-up {
  0% {
    height: var(--reka-accordion-content-height);
    overflow: hidden;
  }

  to {
    height: 0;
    overflow: hidden;
  }
}

@keyframes accordion-down {
  0% {
    height: 0;
    overflow: hidden;
  }

  to {
    height: var(--reka-accordion-content-height);
    overflow: hidden;
  }
}

@keyframes collapsible-up {
  0% {
    height: var(--reka-collapsible-content-height);
    overflow: hidden;
  }

  to {
    height: 0;
    overflow: hidden;
  }
}

@keyframes collapsible-down {
  0% {
    height: 0;
    overflow: hidden;
  }

  to {
    height: var(--reka-collapsible-content-height);
    overflow: hidden;
  }
}

@keyframes toast-slide-in-from-top {
  0% {
    transform: translateY(-100%);
  }

  to {
    transform: var(--transform);
  }
}

@keyframes toast-slide-in-from-bottom {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: var(--transform);
  }
}

@keyframes toast-slide-up {
  0% {
    transform: translateX(0) translateY(var(--translate));
  }

  to {
    transform: translateX(0) translateY(calc(var(--translate) - 100%));
  }
}

@keyframes toast-slide-down {
  0% {
    transform: translateX(0) translateY(var(--translate));
  }

  to {
    transform: translateX(0) translateY(calc(var(--translate) + 100%));
  }
}

@keyframes toast-pulse-a {
  0%, to {
    scale: 1;
  }

  50% {
    scale: 1.04;
  }
}

@keyframes toast-pulse-b {
  0%, to {
    scale: 1;
  }

  50% {
    scale: 1.04;
  }
}

@keyframes toast-collapsed-closed {
  0% {
    transform: var(--transform);
  }

  to {
    transform: translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale));
  }
}

@keyframes toast-closed {
  0% {
    transform: var(--transform);
  }

  to {
    transform: translateY(calc((var(--offset) - var(--height))*var(--translate-factor)));
  }
}

@keyframes toast-slide-left {
  0% {
    transform: translateX(0) translateY(var(--translate));
  }

  to {
    transform: translateX(-100%) translateY(var(--translate));
  }
}

@keyframes toast-slide-right {
  0% {
    transform: translateX(0) translateY(var(--translate));
  }

  to {
    transform: translateX(100%) translateY(var(--translate));
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

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

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

@keyframes scale-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.95);
  }
}

@keyframes slide-in-from-top {
  0% {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide-out-to-top {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes slide-in-from-right {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slide-out-to-right {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes slide-in-from-bottom {
  0% {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slide-out-to-bottom {
  0% {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

@keyframes slide-in-from-left {
  0% {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slide-out-to-left {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes slide-in-from-top-and-fade {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }

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

@keyframes slide-out-to-top-and-fade {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

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

@keyframes slide-in-from-right-and-fade {
  0% {
    opacity: 0;
    transform: translateX(4px);
  }

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

@keyframes slide-out-to-right-and-fade {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(4px);
  }
}

@keyframes slide-in-from-bottom-and-fade {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }

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

@keyframes slide-out-to-bottom-and-fade {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

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

@keyframes slide-in-from-left-and-fade {
  0% {
    opacity: 0;
    transform: translateX(-4px);
  }

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

@keyframes slide-out-to-left-and-fade {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-4px);
  }
}

@keyframes enter-from-right {
  0% {
    opacity: 0;
    transform: translateX(200px);
  }

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

@keyframes enter-from-left {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }

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

@keyframes exit-to-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(200px);
  }
}

@keyframes exit-to-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-200px);
  }
}

@keyframes carousel {
  0%, to {
    width: 30%;
  }

  0% {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(370%);
  }
}

@keyframes carousel-rtl {
  0%, to {
    width: 30%;
  }

  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-370%);
  }
}

@keyframes carousel-vertical {
  0%, to {
    height: 30%;
  }

  0% {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(370%);
  }
}

@keyframes carousel-inverse {
  0%, to {
    width: 30%;
  }

  0% {
    transform: translateX(370%);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes carousel-inverse-rtl {
  0%, to {
    width: 30%;
  }

  0% {
    transform: translateX(-370%);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes carousel-inverse-vertical {
  0%, to {
    height: 30%;
  }

  0% {
    transform: translateY(370%);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes swing {
  0%, to {
    width: 30%;
  }

  0%, to {
    transform: translateX(-25%);
  }

  50% {
    transform: translateX(275%);
  }
}

@keyframes swing-vertical {
  0%, to {
    height: 30%;
  }

  0%, to {
    transform: translateY(-25%);
  }

  50% {
    transform: translateY(275%);
  }
}

@keyframes elastic {
  0%, to {
    width: 50%;
    margin-left: 25%;
  }

  50% {
    width: 90%;
    margin-left: 5%;
  }
}

@keyframes elastic-vertical {
  0%, to {
    height: 50%;
    margin-top: 25%;
  }

  50% {
    height: 90%;
    margin-top: 5%;
  }
}

@keyframes progressbar-loading {
  0%, to {
    width: 30%;
  }

  0% {
    transform: translateX(-200%);
  }

  50% {
    transform: translateX(350%);
  }

  to {
    transform: translateX(-200%);
  }
}

@keyframes progressbar-loading-vertical {
  0%, to {
    height: 30%;
  }

  0% {
    transform: translateY(-200%);
  }

  50% {
    transform: translateY(350%);
  }

  to {
    transform: translateY(-200%);
  }
}

@keyframes shimmer {
  0% {
    background-position: 100%;
  }

  to {
    background-position: 0;
  }
}

@keyframes shimmer-rtl {
  0% {
    background-position: 0;
  }

  to {
    background-position: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  @keyframes scale-in {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes scale-out {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-top {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-top {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-right {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-right {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-bottom {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-bottom {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-left {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-left {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-top-and-fade {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-top-and-fade {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-right-and-fade {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-right-and-fade {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-bottom-and-fade {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-bottom-and-fade {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes slide-in-from-left-and-fade {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes slide-out-to-left-and-fade {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes enter-from-right {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes enter-from-left {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes exit-to-right {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes exit-to-left {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes toast-slide-in-from-top {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes toast-slide-in-from-bottom {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes toast-closed {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes toast-collapsed-closed {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }
}

.b24-dashboard-navbar.b24-section-navbar {
  align-items: flex-start;
  height: auto;
  padding: 20px 20px 16px;
}

.b24-section-navbar > [data-slot="left"] {
  column-gap: 12px;
}

.b24-section-navbar > [data-slot="left"] > [data-slot="title"] {
  margin-inline-end: 12px;
}

.b24-section-navbar > [data-slot="left"] {
  flex: auto;
}

.b24-section-navbar > [data-slot="left"] > :not(.b24-filter) {
  flex-shrink: 0;
}

.b24-section-navbar > [data-slot="right"] {
  align-items: center;
  min-height: 38px;
}

.b24-dashboard-panel__body.b24-section-body {
  padding: 0 20px 20px;
}

.edge-dark .b24-section-navbar .b24-btn.b24-btn--color-air-primary:not(.b24-filter *) {
  --ui-btn-background: var(--ui-color-design-outline-bg);
  --ui-btn-border-color: var(--ui-color-design-outline-stroke);
  --ui-btn-border-width: var(--ui-design-outline-stroke-weight);
  --ui-btn-color: var(--ui-color-design-outline-content);
  --ui-btn-split-divider-color: var(--ui-color-design-outline-content-divider);
}

.edge-dark .b24-section-navbar .b24-filter__field {
  background-image: none;
  background-color: var(--ui-color-design-outline-bg);
  color: var(--ui-color-design-outline-content);
}

.edge-dark .b24-section-navbar .b24-filter__field:not(:focus-within) {
  box-shadow: none;
}

.edge-dark .b24-section-navbar .b24-filter__icon, .edge-dark .b24-section-navbar .b24-filter__input::placeholder {
  color: var(--ui-color-design-outline-content);
}

.b24-checkbox__base[data-state="unchecked"] .b24-checkbox__indicator, .b24-radio-group__base[data-state="unchecked"] .b24-radio-group__indicator, .b24-tabs__content[hidden] {
  display: none;
}

.b24-dropdown[popover] {
  color: inherit;
  position: fixed;
  inset: auto;
  overflow: visible;
}

:is(.b24-dropdown[popover]:not(:popover-open), .b24-context-menu[popover]:not(:popover-open), .b24-popover[popover]:not(:popover-open)), .b24-dropdown [hidden], .b24-context-menu [hidden] {
  display: none;
}

.b24-popover[popover], .b24-context-menu[popover] {
  color: inherit;
  position: fixed;
  inset: auto;
  overflow: visible;
}

.b24-avatar-group .b24-avatar-group__base:last-child {
  margin-inline-end: 0;
}

.b24-popover.b24-date-time-picker[popover] {
  overflow: hidden;
}

@media (min-width: 40rem) {
  .b24-date-time-picker--size-lg .b24-date-time-picker__preset {
    padding-block: calc(var(--spacing) * 1);
  }
}

.b24-tooltip[popover] {
  position: fixed;
  inset: auto;
  overflow: visible;
}

.b24-tooltip[popover]:not(:popover-open) {
  display: none;
}

.b24-tooltip > [data-slot="arrow"] {
  width: 20px;
  height: 10px;
  position: absolute;
}

.b24-tooltip[data-side="bottom"] > [data-slot="arrow"] {
  top: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
  transform: rotate(180deg);
}

.b24-tooltip[data-side="top"] > [data-slot="arrow"] {
  bottom: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
}

.b24-tooltip[data-side="right"] > [data-slot="arrow"] {
  left: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(90deg);
}

.b24-tooltip[data-side="left"] > [data-slot="arrow"] {
  right: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(-90deg);
}

.b24-nav__viewport[hidden], .b24-nav__viewport-wrapper [data-slot="content"][hidden] {
  display: none;
}

.b24-dropdown > [data-slot="arrow"] {
  width: 20px;
  height: 10px;
  position: absolute;
}

.b24-dropdown[data-side="right"] > [data-slot="arrow"] {
  left: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(90deg);
}

.b24-dropdown[data-side="left"] > [data-slot="arrow"] {
  right: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(-90deg);
}

.b24-dropdown[data-side="bottom"] > [data-slot="arrow"] {
  top: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
  transform: rotate(180deg);
}

.b24-dropdown[data-side="top"] > [data-slot="arrow"] {
  bottom: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
}

.b24-dropdown > [data-slot="arrow"] path {
  fill: inherit;
}

.b24-text--capitalize {
  text-transform: capitalize;
}

.b24-text--legend {
  color: var(--b24ui-typography-legend-color);
}

.b24-text--medium {
  font-weight: var(--ui-font-weight-medium);
}

.b24-text--alert {
  color: var(--ui-color-accent-main-alert);
}

.b24-text--warning {
  color: var(--ui-color-accent-main-warning);
}

.b24-text--success {
  color: var(--ui-color-accent-main-success);
}

.b24-text--primary {
  color: var(--ui-color-accent-main-primary);
}

.b24-text--muted {
  color: var(--ui-color-design-plain-na-content-secondary);
}

.b24-text--mono {
  font-family: var(--ui-font-family-system-mono);
}

.b24-text--nums {
  font-variant-numeric: tabular-nums;
}

.b24-text--end {
  text-align: end;
}

.b24-text--strong {
  font-weight: var(--ui-font-weight-semi-bold, 600);
}

.b24-toaster {
  margin-block: 0;
  padding: 0;
  list-style: none;
}

.b24-toaster:empty {
  display: none;
}

.b24-toaster__base {
  list-style: none;
}

.b24-toaster__base[data-state="closed"] {
  pointer-events: none;
}

.b24-toast--clickable {
  cursor: pointer;
}

.b24-toast > .b24-toast__actions {
  align-items: center;
  margin-top: 0;
}

.b24-toast__title:empty, .b24-toast__description:empty, .b24-nav__content[hidden], .b24-dropdown__item[role="menuitemcheckbox"]:not([data-state="checked"]) [data-indicator], .b24-context-menu__item[role="menuitemcheckbox"]:not([data-state="checked"]) [data-indicator] {
  display: none;
}

a.b24-dropdown__item, a.b24-context-menu__item {
  text-decoration: none;
}

dialog:is(.b24-modal, .b24-slideover, .b24-drawer) {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  color: inherit;
  z-index: 50;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  inset: 0;
  overflow: visible;
}

dialog:is(.b24-modal, .b24-slideover, .b24-drawer)::backdrop {
  background: none;
}

dialog:is(.b24-modal, .b24-slideover, .b24-drawer):not([open]) {
  display: none;
}

dialog:is(.b24-modal, .b24-slideover, .b24-drawer)[data-modal="false"] {
  pointer-events: none;
}

dialog[data-modal="false"] > [data-slot="content"] {
  pointer-events: auto;
}

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

[data-vaul-drawer] {
  touch-action: none;
  will-change: transform;
  transition: transform .5s cubic-bezier(.32, .72, 0, 1);
  animation-duration: .5s;
  animation-timing-function: cubic-bezier(.32, .72, 0, 1);
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="open"] {
  animation-name: slideFromBottom;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="bottom"][data-state="closed"] {
  animation-name: slideToBottom;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="open"] {
  animation-name: slideFromTop;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="top"][data-state="closed"] {
  animation-name: slideToTop;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="open"] {
  animation-name: slideFromLeft;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="left"][data-state="closed"] {
  animation-name: slideToLeft;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="open"] {
  animation-name: slideFromRight;
}

[data-vaul-drawer][data-vaul-snap-points="false"][data-vaul-drawer-direction="right"][data-state="closed"] {
  animation-name: slideToRight;
}

[data-vaul-overlay][data-vaul-snap-points="false"] {
  animation-duration: .5s;
  animation-timing-function: cubic-bezier(.32, .72, 0, 1);
}

[data-vaul-overlay][data-vaul-snap-points="false"][data-state="open"] {
  animation-name: fadeIn;
}

[data-vaul-overlay][data-state="closed"] {
  animation-name: fadeOut;
}

[data-vaul-animate="false"] {
  animation: none !important;
}

[data-vaul-drawer]:not([data-vaul-custom-container="true"]):after {
  content: "";
  background: inherit;
  background-color: inherit;
  position: absolute;
}

[data-vaul-drawer][data-vaul-drawer-direction="top"]:after {
  top: initial;
  height: 200%;
  bottom: 100%;
  left: 0;
  right: 0;
}

[data-vaul-drawer][data-vaul-drawer-direction="bottom"]:after {
  top: 100%;
  bottom: initial;
  height: 200%;
  left: 0;
  right: 0;
}

[data-vaul-drawer][data-vaul-drawer-direction="left"]:after {
  left: initial;
  width: 200%;
  top: 0;
  bottom: 0;
  right: 100%;
}

[data-vaul-drawer][data-vaul-drawer-direction="right"]:after {
  left: 100%;
  right: initial;
  width: 200%;
  top: 0;
  bottom: 0;
}

[data-vaul-handle] {
  opacity: .7;
  touch-action: pan-y;
  background: #e2e2e4;
  border-radius: 1rem;
  width: 32px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

[data-vaul-handle]:hover, [data-vaul-handle]:active {
  opacity: 1;
}

[data-vaul-handle-hitarea] {
  touch-action: inherit;
  width: max(100%, 2.75rem);
  height: max(100%, 2.75rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (hover: hover) and (pointer: fine) {
  [data-vaul-drawer] {
    -webkit-user-select: none;
    user-select: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes slideFromBottom {
  0% {
    transform: translate3d(0,var(--initial-transform, 100%),0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes slideToBottom {
  to {
    transform: translate3d(0,var(--initial-transform, 100%),0);
  }
}

@keyframes slideFromTop {
  0% {
    transform: translate3d(0,calc(var(--initial-transform, 100%) * -1),0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes slideToTop {
  to {
    transform: translate3d(0,calc(var(--initial-transform, 100%) * -1),0);
  }
}

@keyframes slideFromLeft {
  0% {
    transform: translate3d(calc(var(--initial-transform, 100%) * -1),0,0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes slideToLeft {
  to {
    transform: translate3d(calc(var(--initial-transform, 100%) * -1),0,0);
  }
}

@keyframes slideFromRight {
  0% {
    transform: translate3d(var(--initial-transform, 100%),0,0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes slideToRight {
  to {
    transform: translate3d(var(--initial-transform, 100%),0,0);
  }
}

.b24-popover > [data-slot="arrow"] {
  width: 20px;
  height: 10px;
  position: absolute;
}

.b24-popover[data-side="bottom"] > [data-slot="arrow"] {
  top: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
  transform: rotate(180deg);
}

.b24-popover[data-side="top"] > [data-slot="arrow"] {
  bottom: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
}

.b24-popover[data-side="right"] > [data-slot="arrow"] {
  left: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(90deg);
}

.b24-popover[data-side="left"] > [data-slot="arrow"] {
  right: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(-90deg);
}

.b24-select__content[popover] {
  color: inherit;
  border: 0;
  outline: none;
  margin: 0;
  position: fixed;
  inset: auto;
  overflow: visible;
}

.b24-select .b24-select__item[class*="b24-select__item--color-item-"]:is(:hover, [data-state="checked"], [data-highlighted]:not([data-disabled])) {
  color: var(--b24ui-typography-label-color);
}

.b24-select__content[popover]:not(:popover-open) {
  display: none;
}

.b24-select__item:not([data-state="checked"]) [data-slot="itemTrailingIcon"] {
  display: none;
}

.b24-select__viewport[data-reka-select-viewport] {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.b24-select__viewport[data-reka-select-viewport]::-webkit-scrollbar {
  display: none;
}

.b24-select__content > [data-slot="arrow"] {
  width: 20px;
  height: 10px;
  position: absolute;
}

.b24-select__content[data-side="bottom"] > [data-slot="arrow"] {
  top: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
  transform: rotate(180deg);
}

.b24-select__content[data-side="top"] > [data-slot="arrow"] {
  bottom: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
}

.b24-select__content[data-side="right"] > [data-slot="arrow"] {
  left: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(90deg);
}

.b24-select__content[data-side="left"] > [data-slot="arrow"] {
  right: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(-90deg);
}

:is(.b24-select-menu__content, .b24-input-menu__content)[popover] {
  color: inherit;
  border: 0;
  outline: none;
  margin: 0;
  position: fixed;
  inset: auto;
  overflow: visible;
}

:is(.b24-select-menu__content, .b24-input-menu__content)[popover]:not(:popover-open) {
  display: none;
}

:is(.b24-select-menu__content, .b24-input-menu__content) [hidden], :is(.b24-select-menu__item, .b24-input-menu__item):not([data-state="checked"]) [data-slot="itemTrailingIcon"] {
  display: none;
}

.b24-select-menu .b24-select-menu__item[class*="b24-select-menu__item--color-item-"]:is(:hover, [data-state="checked"], [data-highlighted]:not([data-disabled])), .b24-input-menu .b24-input-menu__item[class*="b24-input-menu__item--color-item-"]:is(:hover, [data-state="checked"], [data-highlighted]:not([data-disabled])) {
  color: var(--b24ui-typography-label-color);
}

.b24-input-menu .b24-input-menu__item[class*="b24-input-menu__item--color-item-"]:is([data-highlighted]:not([data-disabled]), [data-state="checked"]) .b24-input-menu__item-leading-icon {
  color: var(--ui-color-accent-main-primary);
}

.b24-input-menu.b24-input-menu--multiple > .b24-input-menu__content {
  font-size: 1rem;
  line-height: 1.5;
}

:is(.b24-select-menu__content, .b24-input-menu__content) > [data-slot="arrow"] {
  width: 20px;
  height: 10px;
  position: absolute;
}

:is(.b24-select-menu__content, .b24-input-menu__content)[data-side="bottom"] > [data-slot="arrow"] {
  top: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
  transform: rotate(180deg);
}

:is(.b24-select-menu__content, .b24-input-menu__content)[data-side="top"] > [data-slot="arrow"] {
  bottom: -10px;
  left: var(--b24-arrow-x, calc(50% - 10px));
}

:is(.b24-select-menu__content, .b24-input-menu__content)[data-side="right"] > [data-slot="arrow"] {
  left: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(90deg);
}

:is(.b24-select-menu__content, .b24-input-menu__content)[data-side="left"] > [data-slot="arrow"] {
  right: -15px;
  top: var(--b24-arrow-y, calc(50% - 5px));
  transform: rotate(-90deg);
}

.b24-listbox__item:not([data-state="checked"]) [data-slot="itemTrailingIcon"], .b24-listbox [hidden] {
  display: none;
}

.b24-listbox:is(.b24-listbox--size-md, .b24-listbox--size-lg, .b24-listbox--size-xl, :not([class*="b24-listbox--size-"])) .b24-listbox__empty, .b24-listbox.b24-listbox--size-xl :is(.b24-listbox__label, .b24-listbox__item-description) {
  color: inherit;
}

[data-color-picker-background] {
  background-image: linear-gradient(0deg, #000 0, #0000), linear-gradient(90deg, #fff 0, #fff0);
}

[data-color-picker-track] {
  background-image: linear-gradient(0deg, red, #f0f 17%, #00f 33%, #0ff 50%, #0f0 67%, #ff0 83%, red);
}

html .shiki span {
  color: var(--shiki-default);
  background: var(--shiki-default-bg);
  font-style: var(--shiki-default-font-style);
  font-weight: var(--shiki-default-font-weight);
  -webkit-text-decoration: var(--shiki-default-text-decoration);
  -webkit-text-decoration: var(--shiki-default-text-decoration);
  text-decoration: var(--shiki-default-text-decoration);
}

html.light .shiki span, html .light .shiki span {
  color: var(--shiki-light);
  background: var(--shiki-light-bg);
  font-style: var(--shiki-light-font-style);
  font-weight: var(--shiki-light-font-weight);
  -webkit-text-decoration: var(--shiki-light-text-decoration);
  -webkit-text-decoration: var(--shiki-light-text-decoration);
  text-decoration: var(--shiki-light-text-decoration);
}

html.dark .shiki span, html .dark .shiki span {
  color: var(--shiki-dark);
  background: var(--shiki-dark-bg);
  font-style: var(--shiki-dark-font-style);
  font-weight: var(--shiki-dark-font-weight);
  -webkit-text-decoration: var(--shiki-dark-text-decoration);
  -webkit-text-decoration: var(--shiki-dark-text-decoration);
  text-decoration: var(--shiki-dark-text-decoration);
}

.b24-prose-img__overlay {
  animation: .2s ease-out b24-fade-in;
}

.b24-prose-img__overlay[data-state="closed"] {
  animation: .2s ease-in forwards b24-fade-out;
}

.b24-prose-img[data-zoom-hidden] {
  visibility: hidden;
}

@keyframes b24-fade-in {
  from {
    opacity: 0;
  }
}

@keyframes b24-fade-out {
  to {
    opacity: 0;
  }
}

.b24-kanban-wrap {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.b24-kanban {
  flex: auto;
  gap: 4px;
  min-height: 0;
  padding-top: 8px;
  display: flex;
  overflow-x: auto;
}

.b24-kanban__col {
  flex: 0 0 var(--b24-kanban-col-w, 340px);
  width: var(--b24-kanban-col-w, 340px);
  flex-direction: column;
  min-height: 0;
  padding-inline-end: 3px;
  display: flex;
}

.b24-kanban__col:not([hidden]) ~ .b24-kanban__col:not([hidden]) {
  border-inline-start: 1px dashed var(--ui-color-base-1);
}

@supports (color: color-mix(in lab, red, red)) {
  .b24-kanban__col:not([hidden]) ~ .b24-kanban__col:not([hidden]) {
    border-inline-start: 1px dashed color-mix(in srgb, var(--ui-color-base-1) 35%, transparent);
  }
}

.b24-kanban__col:not([hidden]) ~ .b24-kanban__col:not([hidden]) {
  padding-inline-start: 3px;
}

.b24-kanban__col[hidden] {
  display: none;
}

.b24-kanban__stage {
  background: var(--b24-kanban-color);
  height: 32px;
  color: var(--b24-kanban-on, #000);
  border-radius: 6px 0 0 6px;
  flex: none;
  align-items: baseline;
  gap: 6px;
  margin-inline-end: 14px;
  padding-block-start: 6.25px;
  padding-inline: 12px 0;
  display: flex;
  position: relative;
}

.b24-kanban__stage:after {
  content: "";
  background: var(--b24-kanban-color);
  width: 28px;
  margin-inline-start: -13px;
  position: absolute;
  inset-block: 0;
  inset-inline-start: 100%;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M0 0H13.5678C17.2056 0 20.5565 1.97557 22.3177 5.15868L26.7072 13.092C27.5151 14.5521 27.5413 16.319 26.7771 17.8024L22.2557 26.5795C20.541 29.9082 17.1103 32 13.3659 32H0V0Z'/%3E%3C/svg%3E") 100% / auto 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M0 0H13.5678C17.2056 0 20.5565 1.97557 22.3177 5.15868L26.7072 13.092C27.5151 14.5521 27.5413 16.319 26.7771 17.8024L22.2557 26.5795C20.541 29.9082 17.1103 32 13.3659 32H0V0Z'/%3E%3C/svg%3E") 100% / auto 100% no-repeat;
}

.b24-kanban__stage-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  font-weight: var(--ui-font-weight-medium);
  line-height: 1.5;
  position: relative;
  overflow: hidden;
}

.b24-kanban__stage-count {
  font-size: var(--ui-font-size-xs);
  opacity: .7;
  position: relative;
}

.b24-kanban__sub {
  flex-direction: column;
  flex: none;
  align-items: stretch;
  gap: 12px;
  padding: 12px 3px 10px 1px;
  display: flex;
}

.b24-kanban__total {
  background: var(--ui-color-design-outline-bg);
  color: var(--ui-color-base-3);
  font-size: var(--ui-font-size-2xl);
  font-variant-numeric: tabular-nums;
  border-radius: 6px;
  align-self: center;
  padding: 0 10px;
}

.b24-kanban__body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  position: relative;
}

.b24-kanban__items {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 1px 1px 6px;
  display: flex;
  overflow-y: auto;
}

.b24-kanban__items > * {
  flex: none;
}

.b24-kanban__scroll {
  z-index: 5;
  pointer-events: none;
  height: 60px;
  display: none;
  position: absolute;
  inset-inline: 1px 4px;
  overflow: hidden;
}

.b24-kanban__scroll--top {
  top: 0;
}

.b24-kanban__scroll--bottom {
  bottom: 0;
}

.b24-kanban__col.is-scroll-top .b24-kanban__scroll--top, .b24-kanban__col.is-scroll-bottom .b24-kanban__scroll--bottom {
  display: block;
}

.b24-kanban.is-dragging .b24-kanban__scroll, .b24-kanban-wrap.is-dragging .b24-kanban__scroll {
  pointer-events: auto;
}

.b24-kanban__scroll:before {
  content: "";
  border-radius: 80%;
  height: 10px;
  position: absolute;
  inset-inline: 0;
  box-shadow: 0 0 10px #0000004d;
}

.b24-kanban__scroll--top:before {
  top: -10px;
}

.b24-kanban__scroll--bottom:before {
  bottom: -10px;
}

.b24-kanban__item {
  padding-bottom: 6px;
}

.b24-kanban__card {
  font-size: var(--ui-font-size-sm);
  color: var(--ui-color-base-1);
  padding: 10px 30px 10px 15px;
  position: relative;
}

.b24-kanban__card:before {
  content: "";
  background: var(--b24-kanban-color);
  opacity: .7;
  width: 3px;
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
}

.b24-kanban__item-check {
  opacity: 0;
  top: 8px;
  transition: opacity .15s;
  position: absolute;
  inset-inline-end: 8px;
}

.b24-kanban__card:hover .b24-kanban__item-check, .b24-kanban__item-check:focus-within, .b24-kanban__item.is-checked .b24-kanban__item-check {
  opacity: 1;
}

.b24-kanban__item.is-checked .b24-kanban__card {
  box-shadow: 0 0 0 1px var(--ui-color-accent-main-primary);
}

.b24-kanban__item.is-checked .b24-kanban__card:before {
  display: none;
}

.b24-kanban__item-title {
  font-weight: var(--ui-font-weight-medium);
  margin-bottom: 4px;
  display: inline-block;
}

.b24-kanban__item-sub {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-color-base-4);
  margin-bottom: 4px;
}

.b24-kanban__item-value {
  font-size: var(--ui-font-size-md);
  color: var(--ui-color-base-2);
  font-variant-numeric: tabular-nums;
  margin-bottom: 4px;
}

.b24-kanban__item-date {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-color-base-4);
  margin-top: 2px;
}

.b24-kanban__item-field {
  margin-top: 8px;
}

.b24-kanban__item-field-label {
  font-size: var(--ui-font-size-xs);
  color: var(--ui-color-base-4);
}

.b24-kanban__item-field-value {
  font-size: var(--ui-font-size-sm);
}

.b24-kanban__target, .b24-kanban__col-target {
  border-radius: var(--ui-border-radius-md);
  box-sizing: border-box;
  background: var(--ui-color-palette-gray-10);
  opacity: 0;
  border: 0 dashed #0000;
  height: 0;
  transition: all .1s;
}

.b24-kanban__item.is-target .b24-kanban__target, .b24-kanban__col-target.is-shown {
  border: 1px dashed var(--ui-color-palette-gray-35);
  opacity: 1;
  margin-bottom: 7px;
}

.b24-kanban-wrap.is-dragging {
  -webkit-user-select: none;
  user-select: none;
}

.b24-kanban__item.is-disabled .b24-kanban__card {
  opacity: .45;
  pointer-events: none;
}

.b24-kanban__ghost, .b24-kanban__ghost-multi {
  z-index: 999999;
  pointer-events: none;
  margin: 0;
  position: fixed;
}

.b24-kanban__ghost {
  transform: rotate(4deg) translate(-30px, -20px);
}

.b24-kanban__ghost > .b24-kanban__card {
  padding: 10px 12px;
  box-shadow: 0 2px 8px #00000026;
}

.b24-kanban__ghost-multi {
  transform: translate(-20px, -20px);
}

.b24-kanban__ghost-multi > .b24-kanban__card {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 3px #0003;
}

.b24-kanban__ghost-multi > .b24-kanban__card:nth-child(2) {
  z-index: 9;
  transform: rotate(4deg) translate(2px);
}

.b24-kanban__ghost-multi > .b24-kanban__card:nth-child(3) {
  z-index: 1;
  transform: rotate(8deg) translate(6px);
  box-shadow: 0 0 5px #0000004d;
}

.b24-kanban__ear-col {
  z-index: 20;
  pointer-events: none;
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.b24-kanban__ear-col--left {
  left: 0;
}

.b24-kanban__ear-col--right {
  right: 0;
}

.b24-kanban__ear {
  cursor: pointer;
  height: 81px;
  top: calc(50% - 40px);
}

.b24-kanban__empty {
  text-align: center;
  font-size: var(--ui-font-size-sm);
  color: var(--ui-color-base-4);
  padding: 16px 0;
}

.b24-kanban__bar {
  flex: none;
}

.b24-work-time {
  grid-template-columns: 40% 20% 40%;
  align-items: start;
  display: grid;
}

.b24-work-time__dash {
  color: var(--ui-color-design-plain-na-content-secondary);
  text-align: center;
  margin-top: 20px;
  font-size: 22px;
  line-height: 40px;
}

.b24-work-dow {
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 6px;
  display: flex;
}

.b24-work-dow__btn {
  border: 2px solid var(--ui-color-design-outline-na-stroke);
  background: var(--ui-color-design-outline-na-bg);
  width: 40px;
  height: 40px;
  color: var(--b24ui-typography-label-color);
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  transition: border-color .15s;
  display: inline-flex;
  position: relative;
  overflow: visible;
}

.b24-work-dow__btn.active {
  border-color: var(--ui-color-accent-main-primary);
}

.b24-work-dow__btn.active:after {
  content: "";
  background: var(--ui-color-accent-main-primary);
  z-index: 1;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -5px;
  right: -5px;
}

.b24-work-dow__btn.active:before {
  content: "";
  border: 2px solid var(--ui-color-base-white-fixed);
  z-index: 2;
  border-top: 0;
  border-right: 0;
  width: 6px;
  height: 3px;
  position: absolute;
  top: -1px;
  right: -2px;
  transform: rotate(-45deg);
}

@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
  }
}