/*! tailwindcss v4.1.18 | 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-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-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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --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-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --ds-math-l: 0px;
      --ds-math-r: 0px;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: "DM Sans Variable", "Minded Hebrew Sans", "Assistant", -apple-system, system-ui, sans-serif;
    --font-serif: "Libre Baskerville Variable", "Minded Hebrew Serif", "Libre Baskerville", Georgia, serif;
    --font-mono: "DM Mono", "SF Mono", ui-monospace, Menlo, monospace;
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-800: oklch(44.4% .177 26.899);
    --color-red-900: oklch(39.6% .141 25.723);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-600: oklch(66.6% .179 58.318);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-amber-800: oklch(47.3% .137 46.201);
    --color-yellow-100: oklch(97.3% .071 103.193);
    --color-yellow-500: oklch(79.5% .184 86.047);
    --color-yellow-800: oklch(47.6% .114 61.907);
    --color-green-50: oklch(98.2% .018 155.826);
    --color-green-100: oklch(96.2% .044 156.743);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-green-700: oklch(52.7% .154 150.069);
    --color-green-800: oklch(44.8% .119 151.328);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-blue-600: oklch(54.6% .245 262.881);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-indigo-50: oklch(96.2% .018 272.314);
    --color-indigo-100: oklch(93% .034 272.788);
    --color-indigo-500: oklch(58.5% .233 277.117);
    --color-indigo-600: oklch(51.1% .262 276.966);
    --color-indigo-700: oklch(45.7% .24 277.023);
    --color-violet-500: oklch(60.6% .25 292.717);
    --color-purple-50: #f1f0ff;
    --color-purple-100: #dbdaff;
    --color-purple-200: oklch(90.2% .063 306.703);
    --color-purple-300: oklch(82.7% .119 306.383);
    --color-purple-400: #8d88fd;
    --color-purple-500: #706afc;
    --color-purple-600: #5a55ca;
    --color-purple-700: oklch(49.6% .265 301.924);
    --color-purple-800: oklch(43.8% .218 303.724);
    --color-purple-900: oklch(38.1% .176 304.987);
    --color-pink-400: oklch(71.8% .202 349.761);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: #f3f5f7;
    --color-slate-200: #dbe0e5;
    --color-slate-300: #bec8d0;
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: #8996a4;
    --color-slate-600: #5b6b79;
    --color-slate-700: #3e4853;
    --color-slate-800: #1d2630;
    --color-slate-900: #131920;
    --color-slate-950: oklch(12.9% .042 264.695);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-gray-950: oklch(13% .028 261.692);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-2xl: 96rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --text-xs: 12px;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: 13px;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 14px;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-xs: 0 1px 2px #1018280d;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --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-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --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);
    --radius: 8px;
    --color-brand-peach: #ffac6f;
    --color-brand-magenta: #e43cff;
    --color-brand-coral: #ff5f34;
    --color-gradient-peach: #ffac6f;
    --color-gradient-coral: #ff5f34;
    --color-gradient-magenta: #e43cff;
    --color-primary-50: #f3f5f7;
    --color-primary-100: #dbe0e5;
    --color-primary-400: #3e4853;
    --color-primary-500: #1d2630;
    --color-primary-600: #131920;
    --color-primary: #404040;
    --color-ink-900: #1d2630;
    --color-ink-800: #404040;
    --color-ink-700: #2e2e2e;
    --color-ink-600: #7d7d7d;
    --color-ink-400: #b6b6b6;
    --color-ink-300: #e5e5e5;
    --color-line: #e7ebee;
    --color-gray-light: #e7ebee;
    --color-line-strong: #dbe0e5;
    --color-line-soft: #00000014;
    --color-surface: #fff;
    --color-surface-muted: #f9fafc;
    --color-surface-muted-2: #f5f7fa;
    --color-surface-page: #f8f9fa;
    --color-surface-hover: #f5f5f5;
    --color-press-grey: #f0f0f0;
    --color-surface-selected: #edeeee;
    --color-surface-selected-hover: #e4e5e6;
    --color-surface-cream: #faf9f5;
    --color-surface-ink: #1d2630;
    --color-highlight-tint: #f1f2f3;
    --color-fg1: #1d2630;
    --color-fg2: #404040;
    --color-fg3: #7d7d7d;
    --color-fg-slate: #5b6b79;
    --color-fg-on-brand: #fff;
    --color-danger-50: #fbe2e2;
    --color-danger-100: #f5bebe;
    --color-danger-400: #e76767;
    --color-danger-500: #e14747;
    --color-danger-600: #c50d0d;
    --color-danger: #e14747;
    --color-warning-100: #f7dcb3;
    --color-warning-400: #edad4d;
    --color-warning-500: #e58a00;
    --color-warning-600: #d35a00;
    --color-warning: #e58a00;
    --color-hazard: #ffd400;
    --color-info-100: #eceff3;
    --color-info-400: #aab6c2;
    --color-info-500: #5b6b79;
    --color-info-800: #3e4853;
    --color-info: #5b6b79;
    --color-success-100: #c0e5d9;
    --color-success-400: #6bc2a5;
    --color-success-500: #2ca87f;
    --color-success-800: #107d4f;
    --color-success: #2ca87f;
    --color-accent-blue: #4c7dfa;
    --color-accent-green: #00b913;
    --color-accent-amber: #f59e0b;
    --radius-control: 8px;
    --radius-chip-sm: 6px;
    --radius-card: 16px;
    --radius-pill: 999px;
    --shadow-button: 0 2px 6px #1d26301a;
    --shadow-square: 0 1px 3px #1d263014;
    --shadow-square-press: 0 1px 2px #1d263024;
    --shadow-elevation: 0 8px 24px #1d263014;
    --shadow-selected: 0 16px 40px #1d263029;
    --shadow-field-focus: 0 6px 16px #1d26301f;
    --shadow-chat-input: 0 8px 10px -5px #1d26301a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --shadow-chat-input: 0 8px 10px -5px color-mix(in srgb, var(--color-ink-900) 10%, transparent);
    }
  }

  :root, :host {
    --shadow-chat-input-focus: 0 6px 10px -6px #ffac6f38;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --shadow-chat-input-focus: 0 6px 10px -6px color-mix(in srgb, var(--color-brand-peach) 22%, transparent);
    }
  }

  :root, :host {
    --shadow-chat-input-hover: 0 10px 20px -6px #ffac6f6b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --shadow-chat-input-hover: 0 10px 20px -6px color-mix(in srgb, var(--color-brand-peach) 42%, transparent);
    }
  }

  :root, :host {
    --shadow-chat-input-blue-focus: 0 6px 10px -6px #e43cff3d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --shadow-chat-input-blue-focus: 0 6px 10px -6px color-mix(in srgb, var(--color-brand-magenta) 24%, transparent);
    }
  }

  :root, :host {
    --shadow-chat-input-blue-hover: 0 10px 20px -6px #e43cff6b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --shadow-chat-input-blue-hover: 0 10px 20px -6px color-mix(in srgb, var(--color-brand-magenta) 42%, transparent);
    }
  }

  :root, :host {
    --text-md: 16px;
    --text-display: 48px;
    --text-display--line-height: 1.08;
    --text-display--letter-spacing: -.02em;
    --text-display--font-weight: 600;
    --text-h1: 38px;
    --text-h1--line-height: 1.21;
    --text-h1--letter-spacing: -.015em;
    --text-h1--font-weight: 600;
    --text-h2: 30px;
    --text-h2--line-height: 1.27;
    --text-h2--letter-spacing: -.01em;
    --text-h2--font-weight: 600;
    --text-h3: 24px;
    --text-h3--line-height: 1.33;
    --text-h3--font-weight: 600;
    --text-h4: 20px;
    --text-h4--line-height: 1.4;
    --text-h4--font-weight: 600;
    --text-page-title: 22px;
    --text-section-head: 16px;
    --text-block-label: 14px;
    --text-block-label-sub: 12px;
    --text-h5: 16px;
    --text-h5--line-height: 1.5;
    --text-h5--font-weight: 600;
    --animate-gradient: gradient 2s ease-in-out infinite;
    --font-dm-sans: var(--font-sans);
    --font-dm-mono: "DM Mono", monospace;
    --color-editor-bg: var(--color-surface-muted-2);
    --color-grayBackgroundHover: var(--color-surface-hover);
    --color-grayBackground: var(--color-surface-muted);
    --color-pageBackground: var(--color-surface-page);
    --color-black-muted: var(--color-ink-300);
    --color-black-light: var(--color-ink-800);
    --color-black-mid: var(--color-ink-700);
    --color-black-dark: var(--color-ink-900);
    --color-gray-medium: var(--color-ink-600);
    --color-gray-soft: var(--color-ink-400);
    --color-gray-muted: var(--color-slate-500);
    --color-slate-text: var(--color-slate-600);
    --color-charcoal: #464545;
    --color-gray-blue: #64748b;
    --color-gray-hover-bg: #4040400d;
    --color-gray-selected-bg: #4040401a;
    --color-red-light: #fdf6f6;
    --color-red: #e14747;
    --color-orange: #f59e0b;
    --color-cream: #faf9f5;
    --color-chat-input-blue-border: #e43cff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-chat-input-blue-border: color-mix(in srgb, var(--color-gradient-magenta) 40%, transparent);
    }
  }

  :root, :host {
    --color-whatsapp: #1dab61;
    --color-switch-on-green: #2ca87f;
    --color-select-hover-bg: #f9fafc;
    --color-select-border: #dbe0e5;
    --color-select-border-open: #1d2630;
    --animate-trusted-by-logo-marquee: trusted-by-logo-marquee 50s linear infinite;
    --animate-testimonial-progress: testimonial-progress 8s linear forwards;
    --animate-slack-typing: slack-typing 1.1s infinite ease-in-out;
    --animate-slack-message-in: slack-message-in .5s ease-out both;
    --animate-code-shake: code-shake .4s ease;
  }
}

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

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

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

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

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

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

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -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 {
    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;
  }

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

@layer components {
  @keyframes ds-shimmer {
    0% {
      background-position: var(--ds-shimmer-from, 180% 0);
    }

    100% {
      background-position: var(--ds-shimmer-to, -120% 0);
    }
  }

  @keyframes ds-shimmer-mask {
    0% {
      -webkit-mask-position: var(--ds-shimmer-from, 180% 0);
      -webkit-mask-position: var(--ds-shimmer-from, 180% 0);
      -webkit-mask-position: var(--ds-shimmer-from, 180% 0);
      mask-position: var(--ds-shimmer-from, 180% 0);
    }

    100% {
      -webkit-mask-position: var(--ds-shimmer-to, -120% 0);
      -webkit-mask-position: var(--ds-shimmer-to, -120% 0);
      -webkit-mask-position: var(--ds-shimmer-to, -120% 0);
      mask-position: var(--ds-shimmer-to, -120% 0);
    }
  }

  .ds-shimmer-glyph {
    --ds-sweep-o: var(--ds-sweep-ico, 0px);
    --ds-shimmer-from: calc(-1 * var(--ds-sweep-o)) 0;
    --ds-shimmer-to: calc(var(--ds-sweep-p, 240px)  - var(--ds-sweep-o)) 0;
    -webkit-mask-image: linear-gradient(100deg, #000 35%, rgba(0, 0, 0, var(--ds-sweep-floor, .55)) 50%, #000 65%);
    -webkit-mask-image: linear-gradient(100deg, #000 35%, rgba(0, 0, 0, var(--ds-sweep-floor, .55)) 50%, #000 65%);
    -webkit-mask-image: linear-gradient(100deg, #000 35%, rgba(0, 0, 0, var(--ds-sweep-floor, .55)) 50%, #000 65%);
    mask-image: linear-gradient(100deg, #000 35%, rgba(0, 0, 0, var(--ds-sweep-floor, .55)) 50%, #000 65%);
    -webkit-mask-size: var(--ds-sweep-p, 240px) 100%;
    -webkit-mask-size: var(--ds-sweep-p, 240px) 100%;
    -webkit-mask-size: var(--ds-sweep-p, 240px) 100%;
    mask-size: var(--ds-sweep-p, 240px) 100%;
    animation: ds-shimmer-mask var(--ds-sweep-d, 1.133s) linear infinite;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-shimmer-glyph {
      animation: none;
      -webkit-mask-image: none;
      mask-image: none;
    }
  }

  @keyframes ds-wordwash {
    from {
      opacity: 0;
      filter: blur(5px);
    }

    to {
      opacity: 1;
      filter: blur();
    }
  }

  .ds-wordwash {
    white-space: pre-wrap;
    max-width: 100%;
    display: inline-block;
  }

  .ds-wordwash, .ds-mdx-view--stream [data-variable-path] {
    animation: ds-wordwash var(--ds-wordwash-d, .32s) ease-out both;
  }

  .ds-mdx-view.md--reply [data-variable-path] {
    --ds-ichip-max: 20ch;
    unicode-bidi: isolate;
  }

  .ds-wordwash--stagger {
    animation-delay: calc(var(--wi, 0) * var(--ds-wash-step, 50ms));
  }

  .ds-wordwash--block {
    white-space: normal;
    display: block;
  }

  .ds-wordwash--flex {
    white-space: normal;
    display: flex;
  }

  .ds-wordwash--iflex {
    white-space: normal;
    display: inline-flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-wordwash, .ds-mdx-view--stream [data-variable-path] {
      animation: none;
    }
  }

  .t-display {
    font-family: var(--font-sans);
    font-size: var(--text-display);
    line-height: var(--tw-leading, var(--text-display--line-height));
    letter-spacing: var(--tw-tracking, var(--text-display--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-display--font-weight));
    color: var(--color-fg1);
  }

  .t-h1 {
    font-family: var(--font-sans);
    font-size: var(--text-h1);
    line-height: var(--tw-leading, var(--text-h1--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
    color: var(--color-fg1);
  }

  .t-h2 {
    font-family: var(--font-sans);
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
    color: var(--color-fg1);
  }

  .t-h3 {
    font-family: var(--font-sans);
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
    color: var(--color-fg1);
  }

  .t-h4 {
    font-family: var(--font-sans);
    font-size: var(--text-h4);
    line-height: var(--tw-leading, var(--text-h4--line-height));
    font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
    color: var(--color-fg1);
  }

  .t-h5 {
    font-family: var(--font-sans);
    font-size: var(--text-h5);
    line-height: var(--tw-leading, var(--text-h5--line-height));
    font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
    color: var(--color-fg1);
  }

  .t-serif {
    font-family: var(--font-serif);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg1);
    font-size: 16px;
    line-height: 1.55;
  }

  .t-serif-lead {
    font-family: var(--font-serif);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg1);
    font-size: 22px;
    line-height: 1.45;
  }

  .t-serif-heading {
    font-family: var(--font-serif);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-fg1);
    font-size: 20px;
    line-height: 1.3;
  }

  .t-body {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg2);
    font-size: 14px;
    line-height: 1.57;
  }

  .t-body-lg {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg2);
    font-size: 16px;
    line-height: 1.55;
  }

  .t-label {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg1);
    font-size: 14px;
    line-height: 1.4;
  }

  .t-ui {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg-slate);
    font-size: 13px;
    line-height: 1.5;
  }

  .t-caption {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg3);
    font-size: 12px;
    line-height: 1.66;
  }

  .t-body-subtle {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg3);
    font-size: 14px;
    line-height: 1.5;
  }

  .t-overline {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-fg3);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 12px;
    line-height: 1.66;
  }

  .t-mono {
    font-family: var(--font-mono);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg1);
    font-size: 14px;
    line-height: 1.5;
  }

  .t-wordmark {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-fg1);
    letter-spacing: -.02em;
  }

  .t-link {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-900);
    text-underline-offset: 3px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: var(--color-slate-300);
    -webkit-text-decoration-color: var(--color-slate-300);
    text-decoration-color: var(--color-slate-300);
    transition: text-decoration-color var(--ds-ease-hover);
  }

  button.t-link {
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    font-weight: 500;
  }

  .t-link:hover {
    -webkit-text-decoration-color: var(--color-ink-900);
    -webkit-text-decoration-color: var(--color-ink-900);
    text-decoration-color: var(--color-ink-900);
  }

  .ds-url-link {
    vertical-align: middle;
    align-items: center;
    gap: 4px;
    max-width: 100%;
    text-decoration-line: none;
    display: inline-flex;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-url-link {
      position: relative;
    }

    .ds-url-link:after {
      content: "";
      position: absolute;
      inset: -3px 0;
    }
  }

  .ds-url-link__mark {
    flex: none;
    width: 14px;
    height: 14px;
    position: relative;
  }

  .ds-url-link__site, .ds-url-link__open {
    inset: calc(var(--spacing) * 0);
    justify-content: center;
    align-items: center;
    transition: opacity .2s, transform .2s cubic-bezier(.2, 0, 0, 1);
    display: inline-flex;
    position: absolute;
  }

  .ds-url-link__open {
    color: var(--color-ink-900);
    opacity: 0;
    transform: translate(-2px, 2px);
  }

  .ds-url-link:hover .ds-url-link__site, .ds-url-link:focus-visible .ds-url-link__site {
    opacity: 0;
    transform: translate(2px, -2px);
  }

  .ds-url-link:hover .ds-url-link__open, .ds-url-link:focus-visible .ds-url-link__open {
    opacity: 1;
    transform: none;
  }

  .ds-url-link__label {
    max-width: var(--ds-url-link-max, 32ch);
  }

  .ds-url-link:hover .ds-url-link__label {
    -webkit-text-decoration-color: var(--color-ink-900);
    -webkit-text-decoration-color: var(--color-ink-900);
    text-decoration-color: var(--color-ink-900);
  }

  .ds-tooltip.ds-url-link__tip {
    max-width: min(340px, 100vw - 16px);
  }

  .ds-url-link__tip .ds-tooltip__meta {
    overflow-wrap: anywhere;
    font-variant-numeric: normal;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-url-link__site, .ds-url-link__open {
      transition: none;
    }
  }

  .ds-ichip {
    box-sizing: border-box;
    cursor: pointer;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-strong);
    vertical-align: middle;
    white-space: nowrap;
    color: var(--color-ink-900);
    font: inherit;
    height: max(24px, 1em + 8px);
    transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover);
    background: none;
    justify-self: start;
    align-items: center;
    gap: 5px;
    padding: 0 8px 0 4px;
    line-height: 1;
    text-decoration-line: none;
    display: inline-flex;
  }

  .ds-ichip:hover {
    background: var(--color-surface-hover);
  }

  .ds-ichip.sel {
    border-color: #1d263061;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-ichip.sel {
      border-color: color-mix(in srgb, var(--color-ink-900) 38%, transparent);
    }
  }

  .ds-ichip.sel {
    background: #4040400d;
  }

  .ds-ichip__label {
    max-width: var(--ds-ichip-max, 32ch);
  }

  .ds-ichip__label, .ds-chip__label, .ds-tag__label {
    align-items: center;
    gap: inherit;
    display: inline-flex;
  }

  .ds-chip__tip {
    overflow-wrap: anywhere;
  }

  .ds-ichip__lead {
    flex: none;
    width: 16px;
    height: 16px;
    position: relative;
  }

  .ds-ichip__ic {
    inset: calc(var(--spacing) * 0);
    color: var(--color-white);
    transition: opacity var(--ds-ease-hover);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    font-weight: 700;
    display: inline-flex;
    position: absolute;
  }

  .ds-ichip__ic img {
    width: 16px;
    height: 16px;
    display: block;
  }

  .ds-ichip__ic svg {
    width: 14px;
    height: 14px;
    color: var(--color-slate-600);
  }

  .ds-ichip__rm {
    inset: calc(var(--spacing) * 0);
    color: var(--color-ink-900);
    opacity: 0;
    transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover);
    background: #4040401a;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
  }

  .ds-ichip__rm:hover {
    background: #40404029;
  }

  .ds-ichip__rm svg {
    width: 12px;
    height: 12px;
  }

  .ds-ichip--removable:hover .ds-ichip__ic {
    opacity: 0;
  }

  .ds-ichip--removable:hover .ds-ichip__rm {
    opacity: 1;
  }

  .ds-ichip.is-hover {
    background: var(--color-surface-hover);
  }

  .ds-ichip--removable.is-hover .ds-ichip__ic {
    opacity: 0;
  }

  .ds-ichip--removable.is-hover .ds-ichip__rm {
    opacity: 1;
  }

  .ds-ichip--removable:focus-within .ds-ichip__ic {
    opacity: 0;
  }

  .ds-ichip--removable:focus-within .ds-ichip__rm, .ds-ichip__rm:focus-visible {
    opacity: 1;
  }

  .ds-ichip-menu-trigger:focus-visible {
    outline: 2px solid var(--color-ink-900);
    outline-offset: 2px;
  }

  @media (hover: none) {
    .ds-ichip--removable .ds-ichip__rm {
      pointer-events: none;
    }

    .ds-ichip--removable:is(:hover, .is-hover, :focus-within) .ds-ichip__rm {
      pointer-events: auto;
    }
  }

  .ds-ichip__dot {
    background: currentColor;
    border-radius: 3.40282e38px;
    flex: none;
    width: 6px;
    height: 6px;
  }

  .ds-ichip__glyph {
    flex: none;
    justify-content: center;
    align-items: center;
    margin-left: 3px;
    display: inline-flex;
  }

  .ds-ichip--caption {
    height: 20px;
    color: var(--color-slate-600);
    border-radius: var(--radius-chip-sm);
    gap: 4px;
    padding: 0 6px 0 3px;
    font-size: 11.5px;
    font-weight: 400;
  }

  .ds-ichip--caption .ds-ichip__lead {
    width: 14px;
    height: 14px;
  }

  .ds-ichip--caption .ds-ichip__ic {
    border-radius: 3px;
    font-size: 8px;
  }

  .ds-ichip--caption .ds-ichip__ic img {
    width: 14px;
    height: 14px;
  }

  .ds-ichip--caption:hover {
    color: var(--color-ink-900);
  }

  .ds-ichip__glyph svg {
    width: 13px;
    height: 13px;
  }

  .ds-ichip--static {
    cursor: default;
    background-color: var(--color-surface);
    line-height: 1.4;
  }

  .ds-ichip--static:hover {
    background: var(--color-surface);
  }

  .ds-stopped-chip {
    box-shadow: none;
  }

  .ds-stopped-chip:hover {
    color: var(--color-fg3);
  }

  .ds-stopped-chip--in {
    animation: .34s cubic-bezier(.22, .61, .36, 1) both ds-rtrace-row-in;
  }

  .ds-stopped-reply > :has( + .ds-stopped-chip), .ds-stopped-reply > :has( + .ds-stopped-chip) > p:last-child {
    display: inline;
  }

  .ds-ichip--text-only {
    padding: 0 9px;
  }

  .ds-ichip--secret {
    max-width: 100%;
  }

  .ds-ichip--secret .ds-ichip__label {
    max-width: var(--ds-secret-chip-max, 24ch);
  }

  .ds-ichip--secret-value {
    transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover), padding .24s cubic-bezier(.22, 1, .36, 1);
    position: relative;
  }

  .ds-ichip--secret-value .ds-secret-chip__text {
    position: relative;
  }

  .ds-secret-chip__run {
    white-space: nowrap;
    display: inline-block;
  }

  .ds-ichip--secret-value.is-revealed {
    padding-inline-end: 25px;
  }

  .ds-ichip--secret-value .ds-ichip__lead {
    transition: width .24s cubic-bezier(.22, 1, .36, 1), opacity .2s, margin .24s cubic-bezier(.22, 1, .36, 1);
  }

  .ds-ichip--secret-value.is-plain {
    cursor: text;
    background: none;
    border-color: #0000;
    gap: 0;
    padding-inline: 0;
    font-weight: 400;
  }

  .ds-ichip--secret-value.is-plain .ds-ichip__lead {
    opacity: 0;
    width: 0;
  }

  .ds-ichip--secret-value.is-plain .ds-secret-chip__eye {
    display: none;
  }

  @keyframes ds-wordwash-out {
    from {
      opacity: 1;
      filter: blur();
    }

    to {
      opacity: 0;
      filter: blur(5px);
    }
  }

  .ds-secret-chip__ch {
    white-space: pre;
    display: inline-block;
  }

  .ds-ichip--secret-value:not(.is-plain) .ds-secret-chip__run--plain .ds-secret-chip__ch {
    animation: .28s both ds-wordwash-out;
    animation-delay: calc(var(--wi, 0) * 12ms);
  }

  .ds-secret-chip__run--washin .ds-secret-chip__ch {
    animation: .32s both ds-wordwash;
    animation-delay: calc(var(--wi, 0) * 16ms + .14s);
  }

  .ds-ichip--secret-value.is-washing {
    transition: background .4s, border-color .4s, padding .5s cubic-bezier(.22, 1, .36, 1);
  }

  .ds-ichip--secret-value.is-washing .ds-ichip__lead {
    transition-duration: .5s, .4s, .5s;
    transition-delay: 0s, .12s, 0s;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-secret-chip__ch {
      animation: none !important;
    }
  }

  .ds-ichip--secret-norev.is-revealed {
    padding-inline-end: 8px;
  }

  .ds-secret-chip__swap, .ds-secret-chip__eye {
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-secret-chip__swap {
    width: 14px;
    height: 14px;
    position: relative;
  }

  .ds-secret-chip__swap svg, .ds-secret-chip__eye svg {
    transition: opacity var(--ds-ease-hover), transform .24s cubic-bezier(.2, .8, .2, 1);
    position: absolute;
  }

  .ds-secret-chip__swap svg:not(:first-child), .ds-ichip--secret:is(.is-revealed, .is-copied) .ds-secret-chip__swap svg:first-child, .ds-ichip--secret.is-copied .ds-secret-chip__swap svg:nth-child(2), .ds-secret-chip__eye svg:last-child, .ds-ichip--secret.is-revealed .ds-secret-chip__eye svg:first-child {
    opacity: 0;
    transform: scale(.4)rotate(-40deg);
  }

  .ds-ichip--secret.is-revealed:not(.is-copied) .ds-secret-chip__swap svg:nth-child(2), .ds-ichip--secret.is-copied .ds-secret-chip__swap svg:last-child, .ds-ichip--secret.is-revealed .ds-secret-chip__eye svg:last-child {
    opacity: 1;
    transform: none;
  }

  .ds-ichip--secret.is-copied .ds-ichip__ic {
    opacity: 1;
  }

  .ds-ichip--secret.is-copied .ds-ichip__rm {
    opacity: 0;
  }

  .ds-secret-chip__tip {
    justify-items: center;
    display: inline-grid;
  }

  .ds-secret-chip__tip > span {
    grid-area: 1 / 1;
    align-items: center;
    gap: 5px;
    transition: opacity .16s;
    display: inline-flex;
  }

  .ds-secret-chip__tip > span:last-child, .ds-secret-chip__tip.is-copied > span:first-child {
    opacity: 0;
  }

  .ds-secret-chip__tip.is-copied > span:last-child {
    opacity: 1;
  }

  .ds-secret-chip__eye {
    width: 16px;
    height: 16px;
    color: var(--color-ink-900);
    opacity: 0;
    transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover);
    inset-inline-end: 4px;
    background: #4040401a;
    border-radius: 4px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
  }

  .ds-secret-chip__eye:hover {
    background: #40404029;
  }

  .ds-secret-chip__eye svg {
    width: 12px;
    height: 12px;
  }

  .ds-ichip--secret-value:hover .ds-secret-chip__eye, .ds-ichip--secret-value.is-hover .ds-secret-chip__eye, .ds-ichip--secret-value:focus-within .ds-secret-chip__eye, .ds-ichip--secret-value.is-revealed .ds-secret-chip__eye {
    opacity: 1;
  }

  .ds-ichip--secret-value:not(.is-revealed):is(:hover, .is-hover, :focus-within) .ds-ichip__label {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
    mask-image: linear-gradient(90deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
  }

  [dir="rtl"] .ds-ichip--secret-value:not(.is-revealed):is(:hover, .is-hover, :focus-within) .ds-ichip__label {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
    mask-image: linear-gradient(270deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-ichip--secret-value .ds-secret-chip__eye {
      opacity: 1;
    }

    .ds-ichip--secret-value:not(.is-revealed):has( > .ds-secret-chip__eye) .ds-ichip__label {
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
      mask-image: linear-gradient(90deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
    }

    [dir="rtl"] .ds-ichip--secret-value:not(.is-revealed):has( > .ds-secret-chip__eye) .ds-ichip__label {
      -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
      mask-image: linear-gradient(270deg, #000 calc(100% - 24px), #000000f5 calc(100% - 21.6px), #000000e0 calc(100% - 19.8px), #000000bf calc(100% - 18px), #00000093 calc(100% - 16.2px), #00000070 calc(100% - 15px), #0000004b calc(100% - 13.92px), #00000027 calc(100% - 12.96px), #0000 calc(100% - 12px));
    }
  }

  .ds-secret-note {
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    align-items: center;
    gap: 5px;
    font-size: 12px;
    line-height: 1.5;
    display: inline-flex;
  }

  .ds-secret-note svg {
    width: 14px;
    height: 14px;
    color: var(--color-slate-600);
    flex: none;
  }

  .ds-secret-note--door {
    cursor: pointer;
    transition: background-color var(--ds-ease-hover);
    background: none;
    border: 0;
    border-radius: 4px;
    margin: -4px;
    padding: 4px;
    text-decoration: none;
  }

  .ds-secret-note--door:hover, .ds-secret-note--door:focus-visible {
    background: var(--color-surface-hover);
  }

  .ds-secret-note__mark {
    flex: none;
    width: 14px;
    height: 14px;
    display: inline-flex;
    position: relative;
  }

  .ds-secret-note__mark svg {
    transition: opacity .2s, transform .2s cubic-bezier(.2, 0, 0, 1);
    position: absolute;
    inset: 0;
  }

  .ds-secret-note__mark svg:last-child {
    opacity: 0;
    transform: translate(-2px, 2px);
  }

  .ds-secret-note--door:hover .ds-secret-note__mark svg:first-child, .ds-secret-note--door:focus-visible .ds-secret-note__mark svg:first-child {
    opacity: 0;
    transform: translate(2px, -2px);
  }

  .ds-secret-note--door:hover .ds-secret-note__mark svg:last-child, .ds-secret-note--door:focus-visible .ds-secret-note__mark svg:last-child {
    opacity: 1;
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-secret-note--door, .ds-secret-note__mark svg {
      transition: none;
    }
  }

  .ds-ichip--running, .ds-ichip--scheduled {
    color: var(--color-fg2);
  }

  .ds-ichip--completed {
    color: var(--color-success-800);
  }

  .ds-ichip--failed {
    color: var(--color-danger-600);
  }

  .ds-ichip--review {
    color: var(--color-accent-blue);
  }

  .ds-ichip--neutral {
    color: var(--color-fg3);
  }

  .ds-ichip--connected {
    color: var(--color-success-800);
  }

  .ds-ichip--skipped {
    color: var(--color-slate-500);
  }

  .ds-ichip--attention {
    color: var(--color-warning-600);
  }

  .ds-ichip--new {
    color: var(--color-accent-blue);
  }

  .ds-ichip--completed .ds-ichip__glyph, .ds-ichip--connected .ds-ichip__glyph {
    color: var(--color-success-500);
  }

  .ds-ichip--failed .ds-ichip__glyph {
    color: var(--color-danger-500);
  }

  .ds-ichip--scheduled .ds-ichip__glyph {
    color: var(--color-fg3);
  }

  .ds-ichip--outline {
    border-color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-ichip--outline {
      border-color: color-mix(in srgb, currentColor 30%, transparent);
    }
  }

  .ds-user-message .ds-att-strip {
    transition: opacity .2s;
  }

  .ds-user-message__send-fold {
    margin: -4px 0;
  }

  .ds-user-message__send-fold:empty {
    display: none;
  }

  .ds-user-message__send {
    min-height: 34px;
    font-family: var(--font-sans);
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 4px 10px;
    padding: 2px 2px 4px;
    font-size: 12.5px;
    line-height: 1.4;
    display: flex;
  }

  .ds-user-message__send-note {
    color: var(--color-fg3);
  }

  .ds-user-message__send {
    cursor: default;
  }

  :is(.ds-extpanel-thread, .ds-extpanel-thread__col, .ds-call-drawer-body__thread) > :is([data-trace], :has( > [data-trace]:only-child)) {
    margin: 0 0 8px;
  }

  .ds-user-message__actions--undo ~ * {
    translate: 0 .5px;
  }

  .ds-user-message__bubble--sm {
    --ds-user-message-pad-r: 14px;
    max-width: 88%;
    padding: 11px 14px;
    font-size: 14px;
    line-height: 1.7;
  }

  .ds-user-message__col {
    max-width: 100%;
  }

  .ds-user-message__parts {
    display: block;
  }

  .ds-user-message__parts > .ds-ichip {
    vertical-align: middle;
    margin: 2px 0;
  }

  .ds-user-message__question {
    font-family: var(--font-serif);
    color: var(--color-fg3);
    margin-bottom: 8px;
    font-size: 13.5px;
    line-height: 1.5;
  }

  .ds-msg-atts {
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
    display: flex;
  }

  .ds-att-strip {
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    position: relative;
  }

  .ds-att-strip__track {
    scroll-behavior: smooth;
    scrollbar-width: none;
    gap: 8px;
    padding: 2px 1px;
    display: flex;
    overflow-x: auto;
  }

  .ds-att-strip__track::-webkit-scrollbar {
    display: none;
  }

  .ds-att-strip__track > * {
    flex: none;
  }

  .ds-att-strip__arrow.ds-edge-arrow--prev {
    left: -6px;
  }

  .ds-att-strip__arrow.ds-edge-arrow--next {
    right: -6px;
  }

  .ds-assistant-atts {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    display: flex;
    container-type: inline-size;
  }

  .ds-assistant-atts .ds-att-strip__track > * {
    --ds-image-att-thumb-w: min(316px, 100cqi - 2px);
    --ds-image-att-thumb-h: calc(min(316px, 100cqi - 2px) * 112 / 158);
  }

  .ds-assistant-atts .ds-att-strip__track > :only-child {
    --ds-image-att-thumb-w: min(528px, 100cqi - 2px);
    --ds-image-att-thumb-h: calc(min(528px, 100cqi - 2px) * 172 / 264);
  }

  .ds-assistant-atts .ds-att-strip__track > .ds-image-att {
    width: var(--ds-image-att-thumb-w);
    --ds-image-att-h: var(--ds-image-att-thumb-h);
  }

  .ds-assistant-posts {
    font-family: var(--font-sans);
    margin-top: 14px;
  }

  .ds-user-message__text {
    white-space: pre-wrap;
    overflow-wrap: break-word;
  }

  .ds-user-message__attachments {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    max-width: 600px;
    display: flex;
  }

  .ds-user-message__attachments > :only-child {
    --ds-image-att-thumb-w: 264px;
    --ds-image-att-thumb-h: 172px;
  }

  .ds-clamp {
    transition: height .22s cubic-bezier(.32, .72, 0, 1);
    position: relative;
    overflow: hidden;
  }

  .ds-clamp--expanded {
    transition-duration: .3s;
  }

  .ds-clamp--scrollable {
    margin-right: calc(-1 * var(--ds-clamp-pad-r, 0px));
  }

  .ds-clamp__scroll {
    height: 100%;
    padding-right: var(--ds-clamp-pad-r, 0px);
  }

  .ds-clamp__scroll.ds-scroll:hover > .ds-scroll__thumb {
    opacity: 0;
  }

  .ds-clamp__scroll.ds-scroll.is-scrolling > .ds-scroll__thumb {
    opacity: 1;
  }

  .ds-clamp__fade {
    height: var(--ds-clamp-fade-h, 44px);
    background: linear-gradient(180deg, rgb(from var(--ds-clamp-bg, #fff) r g b / 0), var(--ds-clamp-bg, #fff));
    pointer-events: none;
    opacity: 1;
    transition: opacity .16s ease, background var(--ds-ease-hover);
    inset-inline: 0;
    position: absolute;
    bottom: 0;
  }

  .ds-clamp__fade--hidden {
    opacity: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-user-message__bubble, .ds-clamp, .ds-clamp__fade {
      transition: none;
    }
  }

  .ds-clamp__more {
    font-family: var(--font-sans);
    color: var(--color-fg3);
    cursor: pointer;
    transition: color var(--ds-ease-hover);
    background: none;
    border: none;
    margin-top: 1px;
    padding: 0;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.4;
    display: block;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-clamp__more {
      position: relative;
    }

    .ds-clamp__more:after {
      content: "";
      position: absolute;
      inset: 0 -6px -8px;
    }
  }

  .ds-clamp__more:hover, .ds-clamp__more:focus-visible {
    color: var(--color-fg1);
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .ds-clamp__more:focus-visible {
    outline: none;
  }

  .ds-clamp__foot {
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    display: flex;
  }

  .ds-clamp__foot .ds-clamp__more {
    margin: 0;
    margin-inline-end: auto;
  }

  .ds-user-message__bubble {
    --ds-clamp-bg: var(--ds-user-message-bg, var(--color-surface-muted));
    --ds-clamp-pad-r: var(--ds-user-message-pad-r, 16px);
  }

  .ds-image-att {
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface-muted);
    width: 264px;
    box-shadow: var(--shadow-button);
    cursor: pointer;
    border-radius: 12px;
    padding: 0;
    transition: box-shadow .2s, border-color .2s;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .ds-image-att--thumb {
    width: var(--ds-image-att-thumb-w, 158px);
    --ds-image-att-h: var(--ds-image-att-thumb-h, 112px);
  }

  .ds-sent-image {
    vertical-align: top;
    display: inline-block;
    position: relative;
  }

  .ds-sent-image__thumb {
    opacity: 0;
    transition: opacity .3s, box-shadow .2s, border-color .2s;
  }

  .ds-sent-image__thumb.is-loaded {
    opacity: 1;
  }

  .ds-sent-image__thumb:disabled {
    cursor: default;
  }

  .ds-sent-image__skeleton {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

  .ds-sent-image__error {
    height: var(--ds-image-att-h);
    color: var(--color-fg3);
    cursor: default;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-sent-image__thumb {
      transition: none;
    }
  }

  .ds-sent-image__pending {
    height: var(--ds-image-att-h);
    cursor: default;
    place-items: center;
    display: grid;
  }

  .ds-sent-image__pending-fill {
    position: absolute;
    inset: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-sent-image__pending {
      animation: .22s ease-out ds-fade-in;
    }
  }

  .ds-sent-image__words {
    font: 400 13px / 1.4 var(--font-sans);
    color: var(--color-fg3);
    text-align: center;
    padding: 0 12px;
    line-height: 1.4;
    position: relative;
  }

  .ds-sent-image__pending .ds-sent-image__words {
    color: var(--color-ink-700);
  }

  .ds-image-att:disabled, .ds-image-att:disabled:hover {
    cursor: default;
    box-shadow: var(--shadow-button);
  }

  .ds-image-att:disabled:after, .ds-image-att:disabled .ds-image-att__expand {
    display: none;
  }

  .ds-chip.ds-sent-attachment {
    max-width: 240px;
  }

  span.ds-sent-attachment:not(.ds-chip) {
    vertical-align: top;
    display: inline-block;
    position: relative;
  }

  .ds-sent-attachment:hover .ds-sent-attachment__rm, .ds-sent-attachment__rm:focus-visible {
    opacity: 1;
  }

  .ds-image-att:hover, .ds-image-att--hover {
    box-shadow: var(--shadow-elevation);
  }

  .ds-image-att--open {
    border-color: #1d263061;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-image-att--open {
      border-color: color-mix(in srgb, var(--color-ink-900) 38%, transparent);
    }
  }

  .ds-image-att__img {
    width: 100%;
    height: var(--ds-image-att-h, 172px);
    object-fit: cover;
    display: block;
  }

  .ds-image-att__expand {
    color: #fff;
    filter: drop-shadow(0 1px 3px #000000d9) drop-shadow(0 0 6px #0000008c);
    opacity: 0;
    place-items: center;
    transition: opacity .2s, transform .2s;
    display: grid;
    position: absolute;
    bottom: 9px;
    right: 12px;
    transform: translateY(2px);
  }

  .ds-image-att:hover .ds-image-att__expand, .ds-image-att:focus-visible .ds-image-att__expand, .ds-image-att--hover .ds-image-att__expand {
    opacity: 1;
    transform: none;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-image-att__expand {
      opacity: 1;
      transform: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-image-att, .ds-image-att__expand {
      transition: none;
    }

    .ds-image-att__expand {
      transform: none;
    }
  }

  .ds-journey--thread {
    border: 1px solid var(--color-line);
    box-shadow: var(--shadow-button);
    background: #fff;
    border-radius: 14px;
    max-width: 460px;
  }

  .ds-rec-card__hd {
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 11px 12px;
    display: flex;
  }

  .ds-rec-card__hdrow {
    align-items: center;
    display: flex;
  }

  .ds-rec-card__hdrow .ds-rec-card__hd {
    min-width: 0;
  }

  .ds-rec-card__act {
    border-left: 1px solid var(--color-line);
    flex: none;
    align-self: stretch;
    align-items: center;
    padding: 0 12px 0 11px;
    display: flex;
  }

  .ds-rec-card__thumbbtn {
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    align-items: flex-start;
    padding: 11px 11px 11px 12px;
    display: flex;
  }

  .ds-rec-card__hdrow--play .ds-rec-card__hd {
    padding-left: 0;
  }

  .ds-rec-card--corners .ds-rec-card__hdrow {
    grid-template-columns: auto 1fr auto 16px;
    align-items: center;
    gap: 12px 6px;
    padding: 14px;
    display: grid;
  }

  .ds-rec-card--corners .ds-rec-card__hd {
    gap: inherit;
    grid-area: 1 / 1 / 3 / 5;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    align-self: stretch;
    align-items: center;
    padding: 0;
    display: grid;
  }

  .ds-rec-card--corners .ds-rec-card__hd:has(.ds-rec-card__film) {
    grid-row-end: 4;
  }

  .ds-rec-card--corners .ds-rec-card__tt {
    display: contents;
  }

  .ds-rec-card--corners .ds-rec-card__hd:focus-visible {
    outline: none;
  }

  .ds-rec-card--corners .ds-rec-card__hdrow:has(.ds-rec-card__hd:focus-visible) {
    border-radius: 10px;
  }

  .ds-rec-card--corners .ds-rec-card__act {
    border-left: 0;
    grid-area: 1 / 1;
    align-self: center;
    padding-left: 0;
  }

  .ds-rec-card--corners .ds-rec-card__meta {
    grid-area: 1 / 3;
    place-self: center end;
  }

  .ds-rec-card--corners .ds-rec-card__title {
    grid-area: 2 / 1 / 3 / 5;
  }

  .ds-rec-card--corners .ds-rec-card__film {
    grid-area: 3 / 1 / 4 / 5;
    margin-top: 0;
  }

  .ds-rec-card--corners .ds-rec-card__chev {
    grid-area: 1 / 4;
    justify-self: end;
    margin-left: 0;
  }

  .ds-rec-card__scrub {
    cursor: pointer;
    align-items: center;
    padding: 2px 12px 9px;
    display: flex;
  }

  .ds-rec-card__scrub:focus-visible {
    outline: none;
  }

  .ds-rec-card__scrub--live, .ds-rec-card__scrub--live .ds-rec-card__scrub-ev {
    cursor: default;
  }

  .ds-rec-card__scrub:focus-visible .ds-rec-card__wavetl {
    opacity: .8;
  }

  .ds-rec-card__wavetl {
    flex: 1;
    justify-content: space-between;
    align-items: flex-end;
    height: 34px;
    padding-bottom: 11px;
    display: flex;
    position: relative;
  }

  .ds-rec-card__wavetl:after {
    content: "";
    background: var(--color-line);
    height: 1px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
  }

  .ds-rec-card__wbar {
    background: var(--color-line-strong);
    border-radius: 2px;
    flex: none;
    width: 2px;
    transition: background .38s ease-out;
  }

  .ds-rec-card__wbar--played {
    background: var(--color-ink-900);
  }

  .ds-rec-card__evtip {
    z-index: 2;
    position: absolute;
    bottom: 10px;
    translate: -50% 50%;
  }

  .ds-rec-card__scrub-ev--past {
    background: var(--color-surface);
    color: var(--color-ink-900);
  }

  .ds-rec-card__scrub-ev:hover {
    transform: scale(1.25);
  }

  .ds-rec-card__scrub-ev img {
    border-radius: 999px;
  }

  .ds-rec-card__thumbbtn:hover .ds-rec-card__play, .ds-rec-card__thumbbtn:focus-visible .ds-rec-card__play {
    transform: translate(-50%, -50%)scale(1.08);
  }

  .ds-rec-card__thumb {
    aspect-ratio: 16 / 9;
    background: var(--color-surface-muted);
    width: 96px;
    box-shadow: inset 0 0 0 1px var(--color-line), 0 2px 3px #0000001c;
    border-radius: 10px;
    flex: none;
    align-self: flex-start;
    position: relative;
    overflow: hidden;
  }

  .ds-rec-card__thumbimg {
    object-fit: cover;
    object-position: left top;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
  }

  .ds-rec-card__hd:hover .ds-rec-card__play {
    background: #fff;
    transform: translate(-50%, -50%)scale(1.06);
  }

  .ds-rec-card__tt {
    flex-direction: column;
    flex: 1;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-rec-card__title {
    font: 600 12.5px var(--font-sans);
    color: var(--color-fg1);
  }

  .ds-rec-card__title--serif {
    font: 400 var(--text-base) / 20px var(--font-serif);
  }

  .ds-rec-card__meta {
    font: 400 11px var(--font-sans);
    color: var(--color-fg3);
  }

  .ds-rec-card__film {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 3px;
    margin-top: 4px;
    display: flex;
  }

  .ds-rec-card__fseg {
    align-items: center;
    display: inline-flex;
  }

  .ds-rec-card__fic {
    width: 17px;
    height: 17px;
    color: var(--color-slate-500);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-rec-card__fln {
    background: var(--color-line);
    flex: none;
    width: 10px;
    height: 1px;
  }

  .ds-rec-card__chev {
    color: var(--color-slate-500);
    flex: none;
    transition: transform .18s;
  }

  .ds-rec-card__hd[aria-expanded="true"] .ds-rec-card__chev {
    transform: rotate(90deg);
  }

  .ds-rec-card__body {
    padding: 2px 14px 12px;
  }

  .ds-rec-card--corners .ds-rec-card__body {
    padding-bottom: 14px;
  }

  .ds-rec-rows {
    flex-direction: column;
    display: flex;
  }

  .ds-rec-row {
    align-items: baseline;
    gap: 8px;
    padding: 0 0 14px 30px;
    display: flex;
    position: relative;
  }

  .ds-rec-row:last-child {
    padding-bottom: 0;
  }

  .ds-rec-row__ic {
    width: 20px;
    height: 20px;
    color: var(--color-slate-500);
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
  }

  .ds-rec-row:not(:last-child):after {
    content: "";
    background: var(--color-line);
    width: 1px;
    position: absolute;
    top: 24px;
    bottom: 2px;
    left: 9.5px;
  }

  .ds-rec-row__main {
    flex-direction: column;
    flex: 1;
    gap: 9px;
    min-width: 0;
    display: flex;
  }

  .ds-rec-row__line {
    align-items: baseline;
    gap: 8px;
    display: flex;
  }

  .ds-rec-row__tx {
    min-width: 0;
    font: 500 12px var(--font-sans);
    color: var(--color-fg1);
    flex: 1;
    line-height: 20px;
  }

  .ds-rec-row__at {
    font: 500 10.5px var(--font-mono);
    font-variant-numeric: tabular-nums;
    color: var(--color-fg3);
    flex: none;
  }

  .ds-rec-row--quote .ds-rec-row__ic {
    color: var(--color-fg2);
  }

  .ds-rec-row--quote .ds-rec-row__tx {
    color: var(--color-fg2);
    font-weight: 400;
  }

  .ds-rec-shot {
    max-width: 300px;
    height: 86px;
    box-shadow: inset 0 0 0 1px var(--color-line), 0 2px 3px #0000001c;
    background: #fff;
    border-radius: 9px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .ds-rec-shot__bg {
    object-fit: cover;
    object-position: left top;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
  }

  .ds-rec-shot__click {
    position: absolute;
  }

  .ds-rec-shot__ring {
    background: linear-gradient(228deg, #df73b42e, #ff6a522e, #ecb4782e);
    border-radius: 999px;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -5px;
    left: -5px;
  }

  .ds-rec-shot__click svg {
    filter: drop-shadow(0 1px 2px #00000040);
    display: block;
    position: relative;
  }

  @media (max-width: 480px) {
    .ds-rec-card {
      max-width: 100%;
    }
  }

  .ds-chat-error__hd {
    text-align: left;
    width: 100%;
    font: inherit;
    background: none;
    border: 0;
    align-items: center;
    gap: 7px;
    padding: 11px 12px;
    display: flex;
  }

  button.ds-chat-error__hd {
    cursor: pointer;
    appearance: none;
  }

  .ds-chat-error__glyph {
    color: var(--color-danger-500);
    flex: none;
    display: inline-flex;
  }

  .ds-chat-error__title {
    color: var(--color-danger-600);
    flex: 1;
    min-width: 0;
    font-size: 13.5px;
    font-weight: 600;
  }

  .ds-chat-error__chev {
    color: var(--color-slate-500);
    flex: none;
    transition: transform .18s;
  }

  .ds-chat-error__hd[aria-expanded="true"] .ds-chat-error__chev {
    transform: rotate(90deg);
  }

  .ds-chat-error__body {
    flex-direction: column;
    padding: 0 12px 12px 34px;
    display: flex;
  }

  .ds-chat-error__detail {
    color: var(--color-slate-600);
    font-size: 12.5px;
    line-height: 1.45;
  }

  .ds-chat-error__acts {
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    display: flex;
  }

  .ds-chat-error__done {
    color: var(--color-success-500);
    flex: none;
    display: inline-flex;
  }

  .ds-chat-error__residue-text {
    flex: 1;
    min-width: 0;
  }

  .ds-chat-error__residue-acts {
    flex: none;
    gap: 8px;
    display: flex;
  }

  .ds-rec-card--failed .ds-rec-card__title {
    color: var(--color-danger-600);
    align-items: center;
    gap: 5px;
    display: inline-flex;
  }

  .ds-rec-card--failed .ds-rec-card__title svg {
    color: var(--color-danger-500);
    flex: none;
  }

  .ds-chat-error--bare .ds-chat-error__card {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
  }

  .ds-chat-error--bare .ds-chat-error__hd {
    padding: 0;
  }

  .ds-chat-error--bare .ds-chat-error__body {
    padding: 3px 0 0 22px;
  }

  .ds-chat-error--bare .ds-chat-error__residue {
    padding: 0;
  }

  .ds-notice--danger .ds-notice__glyph {
    color: var(--color-danger-500);
  }

  .ds-notice__lead {
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .ds-notice__lead img, .ds-notice__lead svg {
    width: 20px;
    height: 20px;
    display: block;
  }

  .ds-notice__txt {
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-notice__sub {
    color: var(--color-slate-600);
    font-size: 12.5px;
    line-height: 1.4;
  }

  .ds-notice__acts {
    flex: none;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
    display: flex;
  }

  .ds-docked-notice {
    margin: -6px -6px 0;
    padding: 6px 6px 0;
    overflow: hidden;
  }

  .ds-meter-card {
    background: var(--color-surface);
    width: 340px;
    max-width: 100%;
    box-shadow: inset 0 0 0 1px var(--color-line), var(--shadow-elevation);
    box-sizing: border-box;
    border-radius: 16px;
    padding: 18px;
  }

  .ds-meter-card__title {
    color: var(--color-ink-900);
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
  }

  .ds-meter-card__title svg {
    flex: none;
  }

  .ds-meter-card__bar {
    background: var(--color-line);
    border-radius: 20px;
    height: 10px;
    margin: 11px 0;
    overflow: hidden;
  }

  .ds-meter-card__bar:last-child {
    margin-bottom: 0;
  }

  .ds-meter-card__fill {
    min-width: 20px;
    height: 100%;
    transition: width .3s;
    display: block;
  }

  .ds-meter-card__fill--ink {
    background: var(--color-ink-900);
  }

  .ds-meter-card__fill--warning {
    background: var(--color-warning-500);
  }

  .ds-meter-card__fill--danger {
    background: var(--color-danger-500);
  }

  .ds-meter-card__detail {
    color: var(--color-slate-600);
    font-size: 13px;
  }

  .ds-meter-card__detail--flush {
    margin-top: 6px;
  }

  .ds-meter-card__seat {
    border-top: 1px solid var(--color-line);
    margin-top: 10px;
    padding-top: 10px;
  }

  .ds-meter-card__seat .ds-ichip {
    max-width: 100%;
    height: auto;
    min-height: 24px;
  }

  .ds-meter-card__seat .ds-ichip .ds-ichip__label {
    white-space: normal;
    max-width: none;
    margin-block: 0;
    padding-block: 3px;
    line-height: 18px;
  }

  .ds-meter-card--error .ds-meter-card__title, .ds-meter-card--error .ds-meter-card__detail {
    color: var(--color-danger-600);
  }

  .ds-meter-card--error .ds-meter-card__bar {
    background: var(--color-danger-50);
  }

  .ds-meter-card--flat {
    width: auto;
    box-shadow: none;
    background: none;
    border-radius: 0;
    padding: 0;
  }

  .ds-meter-card--flat .ds-meter-card__seat {
    border-top: 0;
    padding-top: 0;
  }

  @container ds-subshell (max-width: 768px) {
    .ds-meter-card {
      width: 100%;
    }
  }

  .ds-msg-host {
    position: relative;
  }

  .ds-msg-actions__spend {
    margin-right: calc(-1 * var(--ds-msg-actions-gap));
    align-self: stretch;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-msg-actions__spend-in {
    padding: 0 calc(6px + var(--ds-msg-actions-gap)) 0 8px;
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    white-space: nowrap;
    align-items: center;
    font-size: 11px;
    display: inline-flex;
  }

  .ds-interrupted-meta {
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  .ds-severed-reply__unsaid {
    color: var(--color-fg-slate);
    transition: opacity .22s ease-out;
  }

  .ds-severed-reply__unsaid--held {
    opacity: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-severed-reply__unsaid {
      transition: none;
    }
  }

  .ds-msg-actions__btn.is-spun svg {
    animation: .48s cubic-bezier(.3, 0, .2, 1) ds-msg-spin-ccw;
  }

  .ds-msg-actions__btn.is-spun[data-spin="cw"] svg {
    animation-name: ds-msg-spin-cw;
  }

  @keyframes ds-msg-spin-ccw {
    to {
      transform: rotate(-360deg);
    }
  }

  @keyframes ds-msg-spin-cw {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes ds-msg-pop {
    0% {
      opacity: .3;
      transform: scale(.55);
    }

    60% {
      transform: scale(1.18);
    }

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

  .ds-msg-spend {
    font-variant-numeric: tabular-nums;
    cursor: default;
    text-underline-offset: 3px;
    transition: color var(--ds-ease-hover, .15s ease), text-decoration-color var(--ds-ease-hover, .15s ease);
    border-radius: 4px;
    -webkit-text-decoration: underline dotted #0000;
    text-decoration: underline dotted #0000;
  }

  .ds-msg-spend:is(:hover, :focus-visible, [data-open]) {
    color: var(--color-slate-700);
    -webkit-text-decoration-color: var(--color-slate-300);
    -webkit-text-decoration-color: var(--color-slate-300);
    text-decoration-color: var(--color-slate-300);
  }

  @media (hover: none), (pointer: coarse) {
    .ds-msg-spend:hover:not(:focus-visible) {
      color: inherit;
      text-decoration-color: #0000;
    }

    .ds-msg-spend {
      -webkit-user-select: none;
      user-select: none;
    }
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-msg-spend[data-open]:not(:hover):not(:focus-visible) {
      color: inherit;
      text-decoration-color: #0000;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-msg-spend {
      transition: none;
    }
  }

  .ds-msg-spend:focus-visible {
    outline: 2px solid var(--color-ink-900);
    outline-offset: 2px;
  }

  .ds-tooltip.ds-msg-spend-tip {
    max-width: min(280px, 100vw - 16px);
    padding: 10px 13px;
    font-weight: 400;
  }

  .ds-msg-spend-tip__body {
    flex-direction: column;
    gap: 5px;
    min-width: 200px;
    display: flex;
  }

  .ds-msg-spend-tip__head {
    color: var(--color-fg1);
    margin-bottom: 2px;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
  }

  .ds-msg-spend-tip__row {
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    font-size: 12px;
    line-height: 1.4;
    display: flex;
  }

  .ds-msg-spend-tip__usage {
    color: var(--color-fg2);
  }

  .ds-msg-spend-tip__val {
    font-variant-numeric: tabular-nums;
  }

  .ds-msg-spend-tip__row--total {
    border-top: 1px solid var(--color-line);
    margin-top: 2px;
    padding-top: 6px;
    font-weight: 600;
  }

  .ds-review-tl {
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .ds-review-tl__item {
    width: 100%;
    padding: var(--tl-gap, 0px) 0 0;
    text-align: left;
    background: none;
    border: 0;
    gap: 10px;
    display: flex;
    position: relative;
  }

  .ds-review-tl__slot + .ds-review-tl__slot > .ds-review-tl__item {
    --tl-gap: 13px;
  }

  .ds-review-tl__item:before {
    content: "";
    left: 10px;
    top: calc(var(--tl-gap, 0px)  + 23px);
    background: var(--color-line);
    width: 1.5px;
    position: absolute;
    bottom: -14px;
  }

  .ds-review-tl__slot:last-child .ds-review-tl__item:before {
    display: none;
  }

  .ds-review-tl__dot {
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 21px;
    display: inline-flex;
    position: relative;
  }

  .ds-review-tl__dot--flag {
    border: 1px solid #e58a006b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--flag {
      border: 1px solid color-mix(in srgb, var(--color-warning-500) 42%, transparent);
    }
  }

  .ds-review-tl__dot--flag {
    background: #fcf3e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--flag {
      background: color-mix(in srgb, var(--color-warning-500) 10%, var(--color-surface));
    }
  }

  .ds-review-tl__dot--flag {
    color: #ad6e0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--flag {
      color: color-mix(in srgb, var(--color-warning-500) 72%, var(--color-ink-900));
    }
  }

  .ds-review-tl__dot--done {
    border: 1px solid #2ca87f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--done {
      border: 1px solid color-mix(in srgb, var(--color-success-500) 40%, transparent);
    }
  }

  .ds-review-tl__dot--done {
    background: #eaf6f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--done {
      background: color-mix(in srgb, var(--color-success-500) 10%, var(--color-surface));
    }
  }

  .ds-review-tl__dot--done {
    color: #298e6f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--done {
      color: color-mix(in srgb, var(--color-success-500) 80%, var(--color-ink-900));
    }
  }

  .ds-review-tl__dot--brand {
    background: var(--brand-gradient-cta);
    color: #fff;
  }

  .ds-review-tl__dot--muted {
    background: var(--color-surface-muted);
    color: var(--color-slate-500);
  }

  .ds-review-tl__dot--failed {
    border: 1px solid #e1474766;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--failed {
      border: 1px solid color-mix(in srgb, var(--color-danger-500) 40%, transparent);
    }
  }

  .ds-review-tl__dot--failed {
    background: #fceded;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--failed {
      background: color-mix(in srgb, var(--color-danger-500) 10%, var(--color-surface));
    }
  }

  .ds-review-tl__dot--failed {
    color: #ba4042;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-tl__dot--failed {
      color: color-mix(in srgb, var(--color-danger-500) 80%, var(--color-ink-900));
    }
  }

  .ds-review-tl__act {
    margin-top: 6px;
    display: flex;
  }

  .ds-review-tl__who {
    background: var(--color-surface-muted);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-review-tl__who img {
    object-fit: cover;
    border-radius: 999px;
    width: 100%;
    height: 100%;
  }

  .ds-review-tl__who--ai {
    color: var(--color-ink-900);
    background: none;
  }

  .ds-review-tl__body {
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-review-tl__meta {
    font-family: var(--font-sans);
    color: var(--color-slate-400);
    align-items: center;
    gap: 6px;
    margin-top: 3px;
    font-size: 10.5px;
    font-weight: 500;
    display: flex;
  }

  .ds-review-tl__ago {
    flex: none;
    margin-left: auto;
    padding-left: 8px;
  }

  .ds-review-tl__text {
    font-family: var(--font-sans);
    color: var(--color-ink-800);
    transition: color var(--ds-ease-hover);
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    display: block;
  }

  .ds-review-tl__text b {
    color: var(--color-ink-900);
    font-weight: 650;
  }

  button.ds-review-tl__item {
    cursor: pointer;
  }

  button.ds-review-tl__item:hover .ds-review-tl__text {
    color: var(--color-ink-900);
  }

  .ds-review-tl__jump {
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    width: 100%;
    padding: 0;
    display: block;
  }

  .ds-review-tl__jump:hover .ds-review-tl__text {
    color: var(--color-ink-900);
  }

  .ds-review-tl__acts {
    margin: -11px -4px -11px auto;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-review-tl__acts .ds-btn--icon:after {
      height: 32px;
    }
  }

  .ds-review-tl__acts + .ds-review-tl__ago {
    margin-left: 0;
    padding-left: 4px;
  }

  .ds-review-tl__body {
    flex: 1;
  }

  .ds-review-tl__item.is-resolved .ds-review-tl__text {
    color: var(--color-slate-500);
  }

  .ds-review-tl__dot--muted {
    background: var(--color-surface-muted);
    color: var(--color-slate-500);
    border: 0;
  }

  .ds-review-tl__dot--pending {
    background: var(--color-surface);
    border: 1px dashed var(--color-line-strong, var(--color-line));
  }

  .ds-review-tl__item--fix.is-pending .ds-review-tl__text, .ds-review-tl__item--fix.is-pending .ds-review-tl__text b {
    color: var(--color-slate-500);
  }

  .ds-review-tl__item--fix.is-active .ds-review-tl__text b {
    color: var(--color-ink-900);
  }

  .ds-review-acts {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-review-slot {
    flex: none;
    min-width: 0;
    display: flex;
  }

  .ds-review-slot--out {
    z-index: 1;
    position: relative;
  }

  .ds-review-claim {
    flex: none;
    place-items: center end;
    min-width: 0;
    margin-left: auto;
    display: grid;
  }

  .ds-review-claim:empty {
    display: none;
  }

  .ds-review-claim > .ds-review-slot {
    grid-area: 1 / 1;
  }

  .ds-review-slot__swap {
    white-space: nowrap;
    align-items: center;
    gap: 7px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-review-slot > .ds-btn {
    white-space: nowrap;
    flex: none;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
  }

  .ds-social-badged {
    margin-top: 6px;
    display: inline-flex;
    position: relative;
  }

  .ds-social-badged[data-block] {
    width: 100%;
    display: flex;
  }

  .ds-social-badged[data-block] > .ds-btn {
    flex: auto;
  }

  .ds-social-badge {
    border-radius: var(--radius-md);
    background: var(--brand-gradient-cta);
    color: #fff;
    font: 700 11.5px / 16px var(--font-sans);
    letter-spacing: .02em;
    white-space: nowrap;
    box-shadow: var(--shadow-button);
    pointer-events: none;
    padding: 3px 12px;
    position: absolute;
    top: 0;
    right: 12px;
    transform: translateY(-50%);
  }

  .ds-btn.ds-review-apply:not(.ds-review-apply--ai) {
    background: var(--color-success-500);
    border-color: var(--color-success-500);
    color: #fff;
  }

  .ds-btn.ds-review-apply:not(.ds-review-apply--ai):hover:not(:disabled) {
    background: var(--color-success-800);
    border-color: var(--color-success-800);
    color: #fff;
  }

  .ds-btn.ds-review-apply:not(.ds-review-apply--ai) svg {
    color: #fff;
  }

  .ds-btn.ds-review-apply:not(.ds-review-apply--ai):disabled, .ds-btn.ds-review-apply:not(.ds-review-apply--ai)[disabled] {
    background: var(--color-success-500);
    border-color: var(--color-success-500);
    color: #fff;
    opacity: .9;
  }

  .ds-btn.ds-review-apply:not(.ds-review-apply--ai):disabled svg, .ds-btn.ds-review-apply:not(.ds-review-apply--ai)[disabled] svg {
    color: #fff;
  }

  .ds-btn.ds-review-apply.ds-review-apply--waits:disabled {
    opacity: .5;
  }

  .ds-btn.ds-review-apply.ds-review-apply--busy:disabled, .ds-btn.ds-review-apply.ds-review-apply--busy[disabled] {
    background: #e1f3ed;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn.ds-review-apply.ds-review-apply--busy:disabled, .ds-btn.ds-review-apply.ds-review-apply--busy[disabled] {
      background: color-mix(in srgb, var(--color-success-500) 14%, var(--color-surface));
    }
  }

  .ds-btn.ds-review-apply.ds-review-apply--busy:disabled, .ds-btn.ds-review-apply.ds-review-apply--busy[disabled] {
    border-color: #e1f3ed;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn.ds-review-apply.ds-review-apply--busy:disabled, .ds-btn.ds-review-apply.ds-review-apply--busy[disabled] {
      border-color: color-mix(in srgb, var(--color-success-500) 14%, var(--color-surface));
    }
  }

  .ds-btn.ds-review-apply.ds-review-apply--busy:disabled, .ds-btn.ds-review-apply.ds-review-apply--busy[disabled] {
    color: var(--color-success-800);
    box-shadow: none;
    opacity: 1;
  }

  .ds-btn.ds-review-out {
    color: var(--color-slate-600);
  }

  .ds-btn.ds-review-out svg {
    color: var(--color-slate-500);
  }

  .ds-review-acts--compact {
    flex-wrap: nowrap;
    gap: 5px;
  }

  .ds-review-acts--compact .ds-btn {
    --ds-btn-pl: 10px;
    --ds-btn-pr: 10px;
    height: 30px;
    font-size: 12px;
  }

  .ds-review-fix {
    border: 1px solid var(--color-line);
    background: var(--color-surface);
    box-shadow: var(--shadow-button);
    border-radius: 14px;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 13px;
    transition: border-color .25s, background .25s;
    display: flex;
  }

  .ds-review-fix.is-applied {
    border-color: #2ca87f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-fix.is-applied {
      border-color: color-mix(in srgb, var(--color-success-500) 40%, transparent);
    }
  }

  .ds-review-fix.is-applied {
    background: #f4fbf9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-fix.is-applied {
      background: color-mix(in srgb, var(--color-success-500) 5%, var(--color-surface));
    }
  }

  .ds-review-fix__ic {
    height: 16px;
    color: var(--color-slate-600);
    flex: none;
    place-items: center;
    display: grid;
  }

  .ds-review-fix__body, .ds-review-fix__words {
    flex-direction: column;
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  .ds-review-fix__hd {
    align-items: center;
    gap: 8px;
    min-height: 16px;
    display: flex;
  }

  .ds-review-fix__busy {
    font-family: var(--font-sans);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }

  .ds-review-fix__words {
    transition: opacity .25s;
  }

  .ds-review-fix.is-busy .ds-review-fix__words {
    opacity: .4;
  }

  .ds-review-fix.is-busy .ds-review-fix__words[aria-hidden] {
    opacity: 1;
  }

  .ds-review-fix__type {
    font-family: var(--font-sans);
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--color-slate-500);
    font-size: 10px;
    font-weight: 700;
  }

  .ds-review-fix__title {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 13.5px;
    font-weight: 650;
  }

  .ds-review-fix__detail {
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    font-size: 12.5px;
    line-height: 1.5;
  }

  .ds-review-fix__target {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
  }

  .ds-review-fix__applied {
    font-family: var(--font-sans);
    color: var(--color-success-800);
    background: #e6f5f0;
    border-radius: 999px;
    flex: none;
    align-items: center;
    gap: 4px;
    margin: -3px 0 -3px auto;
    padding: 2px 8px;
    font-size: 10.5px;
    font-weight: 600;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-fix__applied {
      background: color-mix(in srgb, var(--color-success-500) 12%, var(--color-surface));
    }
  }

  .ds-review-nostatus {
    height: 24px;
    color: var(--color-slate-400);
    align-items: center;
    display: inline-flex;
  }

  .ds-review-score {
    flex: none;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    display: inline-flex;
  }

  .ds-review-score__ring {
    flex: none;
    overflow: visible;
    transform: rotate(-90deg);
  }

  .ds-review-score__num {
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    font-size: 15px;
    font-weight: 700;
  }

  .ds-review-agent.ds-card {
    cursor: pointer;
    transition: border-color var(--ds-ease-hover);
    flex: none;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
  }

  .ds-review-agent .ds-card__icon, .ds-review-agent .ds-card__actions {
    margin-top: 1px;
  }

  .ds-review-agent.ds-card:hover {
    border-color: #00000038;
  }

  .ds-review-agent.ds-card:focus-visible {
    outline: 2px solid var(--color-ink-900);
    outline-offset: 2px;
  }

  .ds-review-agent .ds-card__title {
    font-size: 14px;
    line-height: 19px;
  }

  .ds-review-agent .ds-card__subtitle {
    font-size: 12px;
    line-height: 16px;
  }

  .ds-review-agent__go {
    color: var(--color-ink-900);
    opacity: 0;
    transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover);
    flex: none;
    transform: translate(-3px, 3px);
  }

  .ds-review-agent:hover .ds-review-agent__go, .ds-review-agent:focus-visible .ds-review-agent__go {
    opacity: 1;
    transform: none;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-review-agent__go {
      opacity: 1;
      transform: none;
    }
  }

  @container ds-drawer-host (max-width: 767px) {
    .ds-review-agent__go {
      opacity: 1;
      transform: none;
    }
  }

  .ds-review-pill {
    border: 1px solid var(--color-line-strong, var(--color-line));
    background: var(--color-surface);
    max-width: 100%;
    height: 44px;
    box-shadow: var(--shadow-button);
    border-radius: 12px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    transition: border-color .25s, background .25s;
    display: inline-flex;
  }

  .ds-review-pill:hover {
    border-color: var(--color-ink-900);
  }

  .ds-review-pill.is-event {
    border-color: #e58a0073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-pill.is-event {
      border-color: color-mix(in srgb, var(--color-warning-500) 45%, transparent);
    }
  }

  .ds-review-pill.is-event {
    background: #fef9f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-pill.is-event {
      background: color-mix(in srgb, var(--color-warning-500) 5%, var(--color-surface));
    }
  }

  .ds-review-pill__sum {
    cursor: pointer;
    background: none;
    border: 0;
    flex: 0 auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 0;
    display: inline-flex;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-review-pill__sum {
      position: relative;
    }

    .ds-review-pill__sum:after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
    }
  }

  .ds-review-pill__sum > :not(.ds-review-pill__peek) {
    flex: none;
  }

  .ds-review-pill__score {
    font-family: var(--font-serif);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    font-size: 14.5px;
    font-weight: 700;
  }

  .ds-review-pill__count {
    border: 1px solid #e58a006b;
    border-radius: 999px;
    align-items: center;
    gap: 3px;
    padding: 2px 7px;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-pill__count {
      border: 1px solid color-mix(in srgb, var(--color-warning-500) 42%, transparent);
    }
  }

  .ds-review-pill__count {
    background: #fdf6eb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-pill__count {
      background: color-mix(in srgb, var(--color-warning-500) 8%, var(--color-surface));
    }
  }

  .ds-review-pill__count {
    font-family: var(--font-sans);
    color: #ad6e0d;
    font-size: 10.5px;
    font-weight: 600;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-pill__count {
      color: color-mix(in srgb, var(--color-warning-500) 72%, var(--color-ink-900));
    }
  }

  .ds-review-pill__peek {
    white-space: nowrap;
    min-width: 0;
    max-width: 190px;
    font-family: var(--font-sans);
    color: #ad6e0d;
    flex: 0 auto;
    font-size: 11.5px;
    font-weight: 500;
    display: inline-flex;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-review-pill__peek {
      color: color-mix(in srgb, var(--color-warning-500) 72%, var(--color-ink-900));
    }
  }

  .ds-review-pill__peek svg {
    flex: none;
  }

  .ds-review-pill__div {
    background: var(--color-line);
    flex: none;
    width: 1px;
    height: 18px;
  }

  .ds-review-pill .ds-review-acts {
    flex: auto;
    min-width: 0;
    max-width: 232px;
  }

  .ds-review-pill .ds-review-acts .ds-btn {
    --ds-btn-pl: 9px;
    --ds-btn-pr: 9px;
  }

  .ds-review-panel__body {
    gap: 16px;
  }

  .ds-review-panel__sec {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  .ds-review-tile {
    box-sizing: border-box;
    opacity: 0;
    width: 0;
    min-width: 0;
    transition: width var(--sd-dur, .45s) cubic-bezier(.32, .72, .3, 1), opacity .28s ease;
    flex: none;
    justify-content: center;
    align-items: flex-start;
    padding-top: 12px;
    display: flex;
    overflow: hidden;
  }

  .ds-review-tile.is-shown {
    opacity: 1;
    width: 62px;
    overflow: visible;
  }

  .ds-review-tile__btn {
    color: var(--color-slate-600);
    flex: none;
    padding: 0;
  }

  .ds-review-tile__btn:focus-visible {
    outline: 2px solid var(--color-ink-900);
    outline-offset: 2px;
  }

  @container ds-drawer-host (max-width: 767px) {
    .ds-review-tile {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-review-tile {
      transition: none;
    }
  }

  .ds-review-turn {
    transition: background var(--ds-ease-hover);
    border-radius: 14px;
    margin: -8px -12px;
    padding: 8px 44px 8px 12px;
    position: relative;
  }

  .ds-review-turn__body, .ds-review-turn__msg {
    min-width: 0;
  }

  .ds-btn.ds-review-turn__flag {
    opacity: 0;
    transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover), background var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), color var(--ds-ease-hover);
    transform: scale(.9);
  }

  .ds-review-turn:hover .ds-review-turn__flag, .ds-review-turn__flag:focus-visible {
    opacity: 1;
    transform: scale(1);
  }

  @media (hover: none), (max-width: 767px), (pointer: coarse) {
    .ds-btn.ds-review-turn__flag {
      opacity: 1;
      transform: none;
    }
  }

  .ds-btn.ds-review-turn__mark--flag svg, .ds-btn.ds-review-turn__mark--flag:hover:not(:disabled) svg {
    color: #ad6e0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn.ds-review-turn__mark--flag svg, .ds-btn.ds-review-turn__mark--flag:hover:not(:disabled) svg {
      color: color-mix(in srgb, var(--color-warning-500) 72%, var(--color-ink-900));
    }
  }

  .ds-review-turn__mark img {
    border-radius: 999px;
  }

  .ds-review-turn__gutter {
    z-index: 2;
    pointer-events: none;
    width: 32px;
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 6px;
  }

  @media (max-width: 767px) {
    .ds-review-turn {
      margin-right: -16px;
    }

    .ds-review-turn__gutter {
      right: 0;
    }
  }

  .ds-review-turn__stick {
    pointer-events: auto;
    flex-direction: column;
    align-items: flex-end;
    display: flex;
    position: sticky;
    top: 24px;
  }

  .ds-review-spot > * {
    transition: opacity .2s;
  }

  .ds-review-spot:has(.ds-review-turn--selected) > :not(.ds-review-turn--selected) {
    opacity: .35;
  }

  .ds-review-turn--selected .ds-review-turn__flag {
    opacity: 1;
    background: var(--color-surface-muted);
    color: var(--color-ink-900);
    transform: scale(1);
  }

  @keyframes ds-review-flash {
    0% {
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-warning-500) 65%, transparent);
    }

    100% {
      box-shadow: 0 0 0 2px #0000;
    }
  }

  .ds-review-turn--flash {
    animation: .9s ease-out ds-review-flash;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-review-turn--flash {
      animation: none;
    }
  }

  .ds-drawer-hd:has( > .ds-review-chip) > .ds-panel__hd-title {
    flex: 1 0 auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-feedback-note {
    border: 1px solid #e58a004d;
    align-self: flex-start;
    max-width: 440px;
    margin-top: -4px;
    padding: 8px 12px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-feedback-note {
      border: 1px solid color-mix(in srgb, var(--color-warning-500) 30%, transparent);
    }
  }

  .ds-feedback-note {
    background: #fdf8f0;
    border-radius: 4px 12px 12px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-feedback-note {
      background: color-mix(in srgb, var(--color-warning-500) 6%, var(--color-surface));
    }
  }

  .ds-feedback-note {
    font-family: var(--font-sans);
    transition: background .3s, border-color .3s;
  }

  .ds-feedback-note--editing {
    width: 100%;
  }

  .ds-feedback-note--resolved {
    border-color: var(--color-line);
    background: #fcfcfd;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-feedback-note--resolved {
      background: color-mix(in srgb, var(--color-surface-muted) 55%, var(--color-surface));
    }
  }

  .ds-feedback-note__head {
    color: #ad6e0d;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-feedback-note__head {
      color: color-mix(in srgb, var(--color-warning-500) 72%, var(--color-ink-900));
    }
  }

  .ds-feedback-note__head {
    transition: color .3s;
  }

  .ds-feedback-note__text {
    color: var(--color-slate-600);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    transition: color .3s;
  }

  .ds-feedback-note--resolved .ds-feedback-note__head, .ds-feedback-note--resolved .ds-feedback-note__text {
    color: var(--color-slate-500);
  }

  .ds-feedback-note__meta {
    color: var(--color-slate-500);
    align-items: center;
    gap: 6px;
    margin-top: 9px;
    font-size: 11px;
    display: flex;
  }

  .ds-feedback-note__meta img {
    border-radius: 999px;
  }

  .ds-feedback-note__resolved {
    color: var(--color-success-800);
    background: #e6f5f0;
    border-radius: 999px;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding: 1px 8px;
    font-size: 10.5px;
    font-weight: 600;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-feedback-note__resolved {
      background: color-mix(in srgb, var(--color-success-500) 12%, var(--color-surface));
    }
  }

  .ds-feedback-note__actions {
    align-items: center;
    gap: 10px;
    margin-left: auto;
    display: inline-flex;
  }

  .ds-feedback-note__action {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    opacity: 0;
    cursor: pointer;
    transition: opacity var(--ds-ease-hover), color var(--ds-ease-hover);
    background: none;
    border: 0;
    align-items: center;
    gap: 4px;
    padding: 0 2px;
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
  }

  .ds-feedback-turn:hover .ds-feedback-note__action, .ds-feedback-turn:focus-within .ds-feedback-note__action, .ds-feedback-note__action:focus-visible {
    opacity: 1;
  }

  .ds-feedback-note__action:hover {
    color: var(--color-ink-900);
    text-decoration: underline;
  }

  @media (hover: none), (max-width: 767px), (pointer: coarse) {
    .ds-feedback-note__action {
      opacity: 1;
    }

    .ds-feedback-note__action-label {
      display: none;
    }
  }

  .ds-feedback-note__body, .ds-feedback-note__foot, .ds-feedback-note__composer {
    overflow-clip-margin: 4px;
    overflow: clip;
  }

  .ds-feedback-note__composer-in {
    flex-direction: column;
    gap: 8px;
    padding-top: 4px;
    padding-bottom: 6px;
    display: flex;
  }

  .ds-feedback-note__x {
    margin: -9px -8px -9px auto;
  }

  .ds-question.ds-feedback-seat {
    gap: 12px;
    padding: 14px 0;
  }

  .ds-feedback-seat__head {
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 0 16px 0 18px;
    display: flex;
  }

  .ds-feedback-seat__head > :first-child {
    flex: none;
  }

  .ds-feedback-seat__who {
    white-space: nowrap;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    flex: none;
    font-size: 13.5px;
    font-weight: 600;
  }

  .ds-feedback-seat__state {
    white-space: nowrap;
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    font-size: 12.5px;
    font-weight: 500;
    overflow: hidden;
  }

  .ds-feedback-seat__state:before {
    content: "·";
    margin-right: 8px;
  }

  .ds-feedback-seat__head .ds-feedback-seat__x {
    margin-left: auto;
  }

  .ds-feedback-seat .ds-feedback-note__composer-in {
    padding-left: 18px;
    padding-right: 16px;
  }

  .ds-question.ds-feedback-seat--compact {
    padding: 12px 0;
  }

  .ds-feedback-seat--compact .ds-feedback-seat__head {
    padding: 0 12px 0 16px;
  }

  .ds-feedback-seat--compact .ds-feedback-note__composer-in {
    padding-left: 16px;
    padding-right: 12px;
  }

  .ds-feedback-note__foot {
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .ds-feedback-note__foot .ds-btn {
    --ds-btn-pl: 14px;
    --ds-btn-pr: 14px;
  }

  .ds-btn.ds-feedback-note__delete:hover:not(:disabled) {
    color: var(--color-danger-600);
    background: #fdf4f4;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn.ds-feedback-note__delete:hover:not(:disabled) {
      background: color-mix(in srgb, var(--color-danger-500) 6%, var(--color-surface));
    }
  }

  .ds-btn.ds-feedback-note__delete:hover:not(:disabled) svg {
    color: var(--color-danger-600);
  }

  .ds-feedback-note__saved {
    margin-left: auto;
    padding-right: 4px;
  }

  .ds-save-status {
    font-family: var(--font-sans);
    white-space: nowrap;
    color: var(--color-ink-500);
    opacity: 0;
    align-items: center;
    gap: 4px;
    font-size: 12.5px;
    font-weight: 500;
    transition: opacity .2s, color .2s;
    display: inline-flex;
  }

  .ds-save-status.is-shown {
    opacity: 1;
  }

  .ds-save-status[data-state="saved"] {
    color: var(--color-success-800);
  }

  .ds-page-titlebar__actions:has( > .ds-save-status) {
    position: relative;
  }

  .ds-page-titlebar__actions > .ds-save-status {
    pointer-events: none;
    background: linear-gradient(to right, transparent, var(--color-surface) 14px);
    padding-left: 16px;
    position: absolute;
    top: 50%;
    right: calc(100% + 8px);
    translate: 0 -50%;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-save-status {
      transition: none;
    }
  }

  .ds-thread-sticky:hover, .ds-thread-sticky:focus-visible {
    background: var(--color-surface-hover);
    box-shadow: 0 8px 22px #1d263021;
  }

  .ds-thread-sticky__text {
    overflow-wrap: anywhere;
    text-align: start;
    flex: 1;
    min-width: 0;
    line-height: 1.4;
  }

  .ds-thread-sticky__icon {
    color: var(--color-fg3);
    flex-shrink: 0;
  }

  .ds-thread-scroll:focus {
    outline: none;
  }

  .ds-thread-scroll, .ds-thread-tail {
    padding-top: 8px;
    padding-bottom: 16px;
  }

  :has(.ds-thread-scroll) + .ds-composer-seat {
    padding-top: 0;
  }

  :has( + .ds-composer-seat) :is(.ds-thread-scroll, .ds-thread-tail) {
    padding-bottom: 26px;
  }

  :has( + :is(.ds-composer-seat--tablet, .ds-composer-seat--mobile)) :is(.ds-thread-scroll, .ds-thread-tail) {
    padding-bottom: 24px;
  }

  :has( + .ds-composer-seat) .ds-thread-latest {
    bottom: 22px;
  }

  :has( + :is(.ds-composer-seat--tablet, .ds-composer-seat--mobile)) .ds-thread-latest {
    bottom: 20px;
  }

  .ds-thread-scroll {
    transition: padding-bottom .24s cubic-bezier(.22, 1, .36, 1);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-thread-scroll {
      transition: none;
    }
  }

  .ds-lit-turn {
    scroll-margin-top: 96px;
  }

  .ds-thread-scroll:has( > .ds-lit-turn:not(.ds-lit-turn--off)) > :not(.ds-lit-turn) {
    animation: 3s ease-in-out both ds-lit-dim;
  }

  .ds-thread-scroll:has( > .ds-lit-turn--held) > :not(.ds-lit-turn) {
    animation: none;
    opacity: .35 !important;
  }

  @keyframes ds-lit-dim {
    0% {
      opacity: 1;
    }

    12% {
      opacity: .35;
    }

    28% {
      opacity: .6;
    }

    44% {
      opacity: .35;
    }

    60% {
      opacity: .6;
    }

    74% {
      opacity: .35;
    }

    100% {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-thread-scroll:has( > .ds-lit-turn:not(.ds-lit-turn--off)) > :not(.ds-lit-turn) {
      animation: none;
      opacity: .35 !important;
    }
  }

  .ds-thread-latest {
    z-index: 4;
    position: absolute;
    bottom: 12px;
    left: 50%;
    translate: -50%;
  }

  .ds-thread-tail {
    z-index: 1;
    pointer-events: none;
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    inset: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#0000 0, #000 20px);
    mask-image: linear-gradient(#0000 0, #000 20px);
  }

  .ds-thread-skel {
    flex: none;
  }

  .ds-thread-skel__u {
    width: 100%;
    max-width: var(--ds-thread-measure, 720px);
    justify-content: flex-end;
    margin: 10px auto 28px;
    display: flex;
  }

  .ds-thread-skel__a {
    max-width: var(--ds-thread-measure, 720px);
    margin: 0 auto 28px;
  }

  .ds-thread-skel--compact .ds-thread-skel__a {
    max-width: none;
    margin: 2px 0 20px;
  }

  .ds-earlier-cue {
    z-index: 5;
    pointer-events: none;
    justify-content: center;
    display: flex;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
  }

  .ds-earlier-cue > * {
    pointer-events: auto;
  }

  .ds-chat-load-failed {
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 24px 16px;
    display: flex;
  }

  .ds-thread-sticky-host {
    z-index: 20;
    height: 0;
    margin-bottom: -14px;
    position: sticky;
    top: 0;
  }

  .ds-thread-sticky-host .ds-thread-sticky {
    right: 0;
  }

  .ds-evcap--press {
    cursor: pointer;
  }

  .ds-evcap--press:hover {
    border-color: var(--color-line-strong);
  }

  .ds-evcap--press .ds-evcap__payload, .ds-evcap--press .ds-evcap__schema {
    cursor: auto;
  }

  .ds-evcap__glyph {
    width: 34px;
    height: 34px;
    color: var(--color-slate-600);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-evcap__body {
    flex-direction: column;
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  .ds-evcap__title {
    font-family: var(--font-sans);
    color: var(--color-fg1);
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 600;
    transition: color .3s;
    display: flex;
  }

  .ds-evcap__sub {
    font-family: var(--font-sans);
    color: var(--color-fg3);
    font-variant-numeric: tabular-nums;
    font-size: 12px;
  }

  .ds-evcap__event {
    color: var(--color-fg2);
    font-weight: 500;
  }

  .ds-evcap__title--failed {
    color: var(--color-danger-600);
    gap: 5px;
  }

  .ds-evcap__title--failed svg {
    color: var(--color-danger-500);
    flex: none;
    animation: .18s ds-evcap-glyph-in;
  }

  @keyframes ds-evcap-glyph-in {
    from {
      opacity: 0;
      transform: scale(.82);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-evcap__title--failed svg {
      animation: none;
    }
  }

  .ds-evcap__chev {
    transition: transform .2s;
  }

  .ds-evcap__chev.is-open {
    transform: rotate(90deg);
  }

  .ds-evcap__payload {
    font-family: var(--font-mono);
    color: var(--color-fg2);
    background: var(--color-surface-muted);
    border-radius: 10px;
    margin: 10px 0 0;
    padding: 10px 12px;
    font-size: 11.5px;
    line-height: 1.6;
    overflow-x: auto;
  }

  .ds-card {
    box-sizing: border-box;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line);
    background-color: var(--color-surface);
    color: var(--color-ink-900);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-elevation);
    flex-direction: column;
    gap: 12px;
    padding: 18px;
    display: flex;
    position: relative;
  }

  .ds-card--white {
    border-color: var(--color-line);
    background-color: var(--color-surface);
    box-shadow: var(--shadow-elevation);
  }

  .ds-card--grey {
    background-color: var(--color-surface-muted);
    box-shadow: var(--shadow-button);
    border-color: #0000000f;
  }

  .ds-card--glass {
    -webkit-backdrop-filter: blur(22px) saturate(1.5);
    backdrop-filter: blur(22px) saturate(1.5);
    background: #ffffff8c;
    border-color: #ffffffb3;
    box-shadow: 0 12px 34px #1d263024, inset 0 1px #ffffff80;
  }

  .ds-card__head {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-card__title {
    margin: calc(var(--spacing) * 0);
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-900);
    letter-spacing: -.01em;
    font-size: 16px;
    line-height: 1.35;
  }

  .ds-card__subtitle {
    margin: calc(var(--spacing) * 0);
    text-align: left;
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg3);
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-card__icon {
    color: var(--color-slate-600);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-card__icon svg {
    width: 18px;
    height: 18px;
  }

  .ds-card__actions {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-btn.ds-card__cta {
    --ds-btn-pl: 16px;
    --ds-btn-pr: 16px;
    align-self: flex-start;
    max-width: none;
    font-weight: 400;
  }

  .ds-panel {
    background-color: var(--color-surface);
    border: 1px solid #1d263012;
    border-radius: 20px;
    padding: 16px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 6px 24px #1d263012;
  }

  .ds-panel--glass {
    -webkit-backdrop-filter: blur(22px) saturate(1.4);
    backdrop-filter: blur(22px) saturate(1.4);
    background: #ffffff9e;
    border-color: #ffffffb3;
    padding: 18px;
  }

  .ds-panel--glass72 {
    -webkit-backdrop-filter: blur(22px) saturate(1.4);
    backdrop-filter: blur(22px) saturate(1.4);
    background: #ffffffb8;
    border-color: #ffffffb3;
  }

  .ds-panel--solid-line {
    border-color: var(--color-line);
  }

  .ds-panel--solid-08 {
    border-color: #1d263014;
  }

  .ds-panel--r12 {
    border-radius: 12px;
  }

  .ds-panel--r16 {
    border-radius: 16px;
  }

  .ds-panel--shadow-button {
    box-shadow: var(--shadow-button);
  }

  .ds-panel--shadow-mcard {
    box-shadow: 0 8px 28px #1d263029;
  }

  .ds-panel--shadow-wsp {
    box-shadow: 0 2px 12px #1d263012;
  }

  .ds-panel--shadow-elevation {
    box-shadow: var(--shadow-elevation);
  }

  .ds-panel--shadow-none {
    box-shadow: none;
  }

  .ds-panel--pad0 {
    padding: 0;
  }

  .ds-panel--pad13 {
    padding: 13px;
  }

  .ds-panel--pad18 {
    padding: 18px;
  }

  .ds-glass-pill {
    -webkit-backdrop-filter: blur(22px) saturate(1.4);
    backdrop-filter: blur(22px) saturate(1.4);
    cursor: pointer;
    height: 44px;
    transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), transform var(--ds-ease-hover);
    background: #ffffffb8;
    border: 1px solid #ffffffb3;
    border-radius: 14px;
    align-items: center;
    display: inline-flex;
    box-shadow: 0 4px 14px #1d263029;
  }

  @media (hover: hover) and (pointer: fine) {
    .ds-glass-pill:not(.ds-glass-pill--static):hover {
      background: #fff;
      transform: translateY(-1px);
      box-shadow: 0 8px 24px #1d263047;
    }
  }

  .ds-dock-pointer:active:not(:has(.ds-dock-pointer__pass:active)), .ds-glass-pill:not(.ds-glass-pill--static):active {
    transform: scale(.97);
  }

  .ds-glass-pill--static {
    cursor: default;
  }

  .ds-glass-pill--open {
    background: #fff;
    border-color: #1d263029;
    box-shadow: 0 6px 20px #1d263033;
  }

  .ds-glass-pill__core:focus-visible {
    outline: none;
  }

  .ds-glass-pill__core {
    width: 44px;
    height: 44px;
    color: var(--color-fg1);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-glass-pill__ok {
    color: var(--color-success-600, #2e9960);
    display: inline-flex;
  }

  .ds-panel__hd {
    align-items: center;
    gap: 9px;
    display: flex;
  }

  .ds-panel__hd-icon {
    color: var(--color-slate-600);
    flex-shrink: 0;
    display: inline-flex;
  }

  .ds-panel__hd-icon svg {
    width: 17px;
    height: 17px;
  }

  .ds-panel__hd-icon img {
    object-fit: contain;
    width: 17px;
    height: 17px;
    display: block;
  }

  .ds-panel__hd-title {
    min-width: 0;
    font-family: var(--font-serif);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    flex: 1;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
  }

  .ds-panel__hd-file {
    min-width: 0;
    font-family: var(--font-mono);
    color: var(--color-ink-900);
    white-space: nowrap;
    font-size: 15.5px;
    font-weight: 500;
    line-height: 1.2;
    overflow: hidden;
  }

  .ds-panel__hd-title--mono {
    font-family: var(--font-mono);
    font-size: 15.5px;
    font-weight: 500;
  }

  .ds-panel__hd-title--file {
    font-family: var(--font-sans);
    font-size: 17px;
    font-weight: 500;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-panel__hd-act {
      position: relative;
    }

    .ds-panel__hd-act:after {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .ds-panel__hd-act {
    width: 32px;
    height: 32px;
    color: var(--color-slate-500);
    cursor: pointer;
    transition: background var(--ds-ease-hover), color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    background: none;
    border: 0;
    border-radius: 9px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-panel__hd-act--dot {
    position: relative;
  }

  .ds-panel__hd-dot {
    box-sizing: border-box;
    background: var(--color-accent-blue);
    pointer-events: none;
    top: 5px;
    border: 1.5px solid #fff;
    border-radius: 999px;
    width: 9px;
    height: 9px;
    position: absolute;
    inset-inline-end: 5px;
  }

  .ds-drawer-hd :is(.ds-panel__hd-act, :has( > .ds-panel__hd-act)) + :is(.ds-panel__hd-act, :has( > .ds-panel__hd-act)), .ds-card-drawer__hd :is(.ds-card-drawer__collapse, :has( > .ds-panel__hd-act)) + :is(.ds-card-drawer__collapse, :has( > .ds-panel__hd-act)), .ds-drawer-hd .ds-panel__hd-act + .ds-panel__hd-act, .ds-att-preview__hd :is(.ds-att-preview__act, .ds-panel__hd-act, :has( > .ds-panel__hd-act)) + :is(.ds-att-preview__act, .ds-panel__hd-act, :has( > .ds-panel__hd-act)) {
    margin-left: -7px;
  }

  .ds-drawer-hd .ds-panel__hd-title:has( + .ds-panel__hd-act), .ds-att-preview__hd .ds-panel__hd-title:has( + :is(.ds-att-preview__act, .ds-panel__hd-act, :has( > .ds-panel__hd-act))) {
    margin-inline-end: -9px;
  }

  .ds-drawer-hd__field {
    flex: 1;
    min-width: 0;
    position: relative;
  }

  .ds-drawer-hd__field > .ds-edit-box {
    margin: -7px 6px -7px -5px;
    padding: 6px 11px 6px 4px;
  }

  .ds-panel__hd-act:hover, .ds-att-preview__act:hover, .ds-journey__act:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-panel__hd-act[aria-pressed="false"] {
    box-shadow: inset 0 0 0 1px #0000, 0 1px 2px #0000, 0 2px 6px #0000;
  }

  .ds-panel__hd-act[aria-pressed="true"] {
    background: var(--color-surface);
    color: var(--color-ink-900);
    box-shadow: 0 0 0 1px #0000000f, var(--shadow-square);
  }

  .ds-panel__hd-act[aria-pressed="true"]:hover {
    background: var(--color-surface);
    box-shadow: inset 0 0 0 1px #00000038, 0 1px 2px #1018280f, 0 2px 6px #1d263014;
  }

  .ds-panel__hd-back {
    flex: none;
    margin-inline: -8px -4px;
  }

  .ds-website {
    border: 1px solid var(--color-line);
    background: var(--color-surface);
    border-radius: 12px;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ds-website__scroll {
    flex: 1;
    min-width: 0;
  }

  .ds-website__page {
    background: var(--color-surface);
    min-height: 100%;
  }

  .ds-website__shot {
    position: relative;
  }

  .ds-website__shot img {
    width: 100%;
    height: auto;
    display: block;
  }

  .ds-website {
    container: ds-website / inline-size;
  }

  @container ds-website (max-width: 640px) {
    .ds-website__page {
      height: 100%;
    }

    .ds-website__shot {
      width: max-content;
      height: 100%;
    }

    .ds-website__shot img {
      width: auto;
      max-width: none;
      height: 100%;
    }
  }

  .ds-website__parts {
    cursor: crosshair;
    position: absolute;
    inset: 0;
  }

  .ds-website__part {
    border-radius: 8px;
    outline: 1px dashed #4c7dfa73;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-website__part {
      outline: 1px dashed color-mix(in srgb, var(--color-accent-blue) 45%, transparent);
    }
  }

  .ds-website__part {
    outline-offset: 2px;
  }

  .ds-website__part.is-pointed, .ds-website__parts--picked .ds-website__part {
    outline: 0;
  }

  .ds-website__phone {
    background: var(--color-slate-50);
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    padding: 20px;
    display: flex;
    overflow: hidden;
  }

  .ds-website__bezel {
    border: 8px solid var(--color-ink-900, #15191c);
    background: #fff;
    border-radius: 32px;
    width: 300px;
    height: 100%;
    max-height: 620px;
    overflow: hidden;
  }

  .ds-website__bezel img {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 100%;
    display: block;
  }

  .ds-website > .ds-empty-state {
    min-width: 0;
  }

  .ds-website-sheet {
    flex-direction: column;
    flex: auto;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .ds-website-sheet__bar {
    flex: none;
    align-items: center;
    gap: 4px;
    height: 36px;
    padding: 0 12px;
    display: flex;
  }

  .ds-website-sheet__bar .ds-website-publish .ds-btn {
    border-radius: 9px;
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  .ds-website-sheet__body {
    flex: auto;
    min-width: 0;
    min-height: 0;
    padding: 8px;
    display: flex;
    position: relative;
  }

  .ds-website-sheet__body > .ds-website {
    flex: 1;
  }

  .ds-website-address {
    align-items: center;
    gap: 4px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-website-address__page {
    align-items: center;
    gap: 2px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-website-address__box {
    width: 168px;
    font-family: var(--font-sans);
  }

  .ds-website-address__open {
    opacity: 0;
    transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover), color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
  }

  .ds-website-address__page:is(:hover, :focus-within) .ds-website-address__open {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-website-address__open {
      opacity: 1;
    }
  }

  .ds-website-sheet__bar .ds-website-address, .ds-website-sheet__bar .ds-website-address__page {
    flex: 1;
    min-width: 0;
  }

  .ds-website-sheet__bar .ds-website-address__box {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .ds-website-more {
    --ds-menu-sub-w: 288px;
    width: 240px;
  }

  .ds-subnav {
    --ds-subnav-w: 320px;
    --ds-subnav-gutter: 12px;
    --ds-subnav-shadow: 0 14px 36px #1d26301f, 0 3px 8px #1d26300f;
    --ds-subnav-folded: 0;
    --ds-subnav-open: calc(1 - var(--ds-subnav-folded));
    z-index: 1;
    box-sizing: border-box;
    background: var(--color-surface);
    height: calc(100% - var(--ds-subnav-gutter) * 2);
    margin-top: var(--ds-subnav-gutter);
    margin-bottom: var(--ds-subnav-gutter);
    width: calc(var(--ds-subnav-w) * var(--ds-subnav-open));
    margin-left: calc(var(--ds-subnav-gutter) * var(--ds-subnav-open));
    margin-right: calc(var(--ds-subnav-gutter) * var(--ds-subnav-open));
    opacity: var(--ds-subnav-open);
    transform: translateX(calc(-16px * var(--ds-subnav-folded)));
    border: solid var(--color-line);
    border-width: calc(1px * var(--ds-subnav-open));
    box-shadow: var(--ds-subnav-shadow);
    border-radius: 16px;
    flex-direction: column;
    flex: none;
    padding: 15px 0 8px;
    transition: width .22s cubic-bezier(.4, 0, .2, 1), margin .22s cubic-bezier(.4, 0, .2, 1), opacity .16s cubic-bezier(.4, 0, .2, 1), transform .22s cubic-bezier(.4, 0, .2, 1), border-width .22s cubic-bezier(.4, 0, .2, 1), box-shadow .22s cubic-bezier(.4, 0, .2, 1), visibility .22s;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ds-subnav--collapsed {
    --ds-subnav-folded: 1;
    pointer-events: none;
    visibility: hidden;
    box-shadow: none;
  }

  .ds-subshell {
    container: ds-subshell / inline-size;
  }

  @container ds-subshell (max-width: 1000px) {
    .ds-subshell:not(:has(.mm-rail--collapsed)) .ds-subnav {
      --ds-subnav-fold-cause: width;
      --ds-subnav-folded: 1;
      pointer-events: none;
      visibility: hidden;
      box-shadow: none;
    }
  }

  @container ds-subshell (max-width: 900px) {
    .ds-subshell:has(.mm-rail--collapsed) .ds-subnav {
      --ds-subnav-fold-cause: width;
      --ds-subnav-folded: 1;
      pointer-events: none;
      visibility: hidden;
      box-shadow: none;
    }
  }

  .ds-subshell:where([data-ds-room="short"]:has(:is(.ds-side-drawer--over, .ds-side-drawer--page).ds-side-drawer--open)) .ds-subnav {
    --ds-subnav-fold-cause: drawer;
    --ds-subnav-folded: 1;
    pointer-events: none;
    visibility: hidden;
    box-shadow: none;
  }

  @container ds-subshell (min-width: 1025px) and (max-width: 1599px) {
    .ds-subshell:where(:has(.ds-side-drawer--left.ds-side-drawer--open)) .ds-subnav {
      --ds-subnav-fold-cause: chat;
      --ds-subnav-folded: 1;
      pointer-events: none;
      visibility: hidden;
      box-shadow: none;
    }
  }

  .ds-subshell:has(.ds-side-drawer--left:is(.ds-side-drawer--open, .ds-side-drawer--carrying)) .ds-subnav {
    transition-duration: var(--sd-dur, .45s);
    transition-timing-function: cubic-bezier(.32, .72, .3, 1);
  }

  @container ds-subshell (min-width: 1600px) {
    .ds-subshell:where(:has(.ds-subnav:not(.ds-subnav--collapsed))) .ds-side-drawer--left.ds-side-drawer--open {
      margin-left: 0;
    }

    .ds-subshell:where(:has(.ds-subnav:not(.ds-subnav--collapsed))) .ds-page-layout__row > .ds-side-drawer--left.ds-side-drawer--open {
      margin-left: calc(var(--page-gutter, 28px)  - var(--ds-subnav-gutter, 12px));
    }
  }

  .ds-subshell .ds-subnav.ds-subnav--unfolded {
    --ds-subnav-folded: 0;
    pointer-events: auto;
    visibility: visible;
    box-shadow: var(--ds-subnav-shadow);
  }

  .ds-subnav__hd {
    align-items: center;
    gap: 10px;
    padding: 0 16px 14px;
    display: flex;
  }

  .ds-subnav__ttl {
    white-space: nowrap;
    min-width: 0;
    font-family: var(--font-serif);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
  }

  .ds-subnav__search {
    align-items: center;
    padding: 0 12px 12px;
    display: flex;
  }

  .ds-subnav__search > .ds-search-field {
    flex: auto;
  }

  .ds-subnav__items {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    min-height: 0;
    padding: 0 10px;
    display: flex;
    overflow-y: auto;
  }

  .ds-subnav__hd + .ds-subnav__items {
    margin-top: calc(-14px * var(--ds-subnav-open, 1));
    padding-top: calc(14px * var(--ds-subnav-open, 1));
  }

  .ds-subnav__items:last-child {
    margin-bottom: calc(-8px * var(--ds-subnav-open, 1));
    padding-bottom: calc(8px * var(--ds-subnav-open, 1));
  }

  .ds-subnav__item {
    width: 100%;
    height: 40px;
    font: inherit;
    color: var(--color-ink-700);
    text-align: left;
    cursor: pointer;
    transition: background var(--ds-ease-hover), color var(--ds-ease-hover);
    background: none;
    border: 0;
    border-radius: 10px;
    flex: none;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    display: flex;
  }

  .ds-subnav__item svg {
    color: var(--color-slate-600);
    flex: none;
  }

  .ds-subnav__empty {
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    text-align: center;
    padding: 20px 12px;
    font-size: 13px;
  }

  .ds-subnav__item {
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    height: 40px;
    font-family: var(--font-sans);
    color: var(--color-ink-700);
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--ds-ease-hover), color var(--ds-ease-hover);
    background: none;
    border: 0;
    border-radius: 10px;
    flex: none;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
  }

  .ds-subnav__item:hover {
    background: #4040400d;
  }

  .ds-subnav__item--sel, .ds-subnav__item--sel:hover {
    color: var(--color-ink-900);
    background: #4040401a;
    font-weight: 500;
  }

  .ds-subnav__item--root {
    cursor: default;
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-subnav__item--l1 {
    height: 35px;
    padding-left: 32px;
  }

  .ds-subnav__item--compact {
    height: 32px;
  }

  @media (pointer: coarse) {
    .ds-subnav__item--compact {
      height: 44px;
    }
  }

  .ds-subnav__item--sk {
    pointer-events: none;
  }

  .ds-subnav__item-ic {
    width: 18px;
    height: 18px;
    color: var(--color-slate-600);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-subnav__item--sel .ds-subnav__item-ic {
    color: var(--color-ink-900);
  }

  .ds-subnav__item-lbl {
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .ds-subnav__item-meta {
    color: var(--color-slate-500);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .ds-subnav__item-fold {
    color: var(--color-slate-600);
    transition: background-color var(--ds-ease-hover);
    border-radius: 6px;
    flex: none;
    margin-right: -4px;
    padding: 4px;
    display: inline-flex;
  }

  .ds-subnav__item--sel .ds-subnav__item-fold {
    color: var(--color-ink-900);
  }

  .ds-subnav__item-fold:hover, .ds-subnav__item-fold:focus-visible {
    background: #40404014;
    outline: none;
  }

  .ds-subnav__item-fold svg {
    transition: transform .18s;
  }

  .ds-subnav__item-fold[aria-expanded="true"] svg {
    transform: rotate(90deg);
  }

  .ds-subnav__label {
    font-family: var(--font-sans);
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--color-ink-400);
    padding: 10px 10px 4px;
    font-size: 11px;
    font-weight: 600;
  }

  .ds-subnav__label--l1 {
    padding-left: 32px;
  }

  .ds-subnav__label--act {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    padding-right: 4px;
    display: flex;
  }

  .ds-subnav__label-text {
    min-width: 0;
  }

  .ds-subnav__label-act {
    flex: none;
    display: inline-flex;
  }

  .ds-subnav__item--drop, .ds-subnav__item--drop:hover {
    background: var(--primary-tint-2);
    box-shadow: inset 0 0 0 2px var(--color-ink-900);
    color: var(--color-ink-900);
  }

  .ds-context-rail {
    background: var(--color-surface);
    flex-direction: column;
    flex: none;
    gap: 16px;
    width: 320px;
    min-height: 0;
    max-height: 100%;
    padding: 18px;
    display: flex;
    overflow-y: auto;
  }

  .ds-context-rail__stack {
    align-items: start;
    gap: inherit;
    display: grid;
  }

  .ds-context-rail__stack > * {
    grid-area: 1 / 1;
    min-width: 0;
  }

  .ds-context-rail__panels {
    gap: inherit;
    flex-direction: column;
    display: flex;
  }

  .ds-rail-card {
    flex-direction: column;
    display: flex;
  }

  .ds-rail-card__hd {
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    display: flex;
  }

  .ds-rail-card__hd:last-child {
    margin-bottom: 0;
  }

  .ds-rail-card__icon {
    color: var(--color-slate-600);
    flex: none;
    display: inline-flex;
  }

  .ds-rail-card__title {
    margin: calc(var(--spacing) * 0);
    font-family: var(--font-serif);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-ink-900, var(--color-fg1));
    flex: 1;
    font-size: 16px;
    line-height: 1.2;
  }

  .ds-rail-card__act {
    cursor: pointer;
    color: var(--color-slate-500);
    background: none;
    border: 0;
    flex: none;
    padding: 0;
    display: inline-flex;
  }

  .ds-rail-card__act:hover {
    color: var(--color-fg1);
  }

  .ds-rail-card__illus-top {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .ds-rail-card__illus-top img {
    object-fit: contain;
    width: 70%;
    height: auto;
    display: block;
  }

  .ds-rail-card__tile {
    z-index: 1;
    color: var(--color-slate-600);
    opacity: 0;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    transition: opacity .2s;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-rail-card__tile-letter {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
  }

  .ds-rail-card--foldable {
    transition: border-radius .45s cubic-bezier(.32, .72, .3, 1), background-color .45s cubic-bezier(.32, .72, .3, 1), box-shadow .45s cubic-bezier(.32, .72, .3, 1);
  }

  @keyframes ds-rail-unfold {
    from {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-rail-card--foldable {
      transition: none;
    }
  }

  .ds-panel-dock {
    --ds-dock-ease: cubic-bezier(.32, .72, .3, 1);
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .ds-panel-dock__status {
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .ds-panel-dock__box {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    position: relative;
  }

  .ds-panel-dock__card {
    transform-origin: var(--ds-dock-origin, 100%) 100%;
    flex-direction: column;
    padding-bottom: 8px;
    display: flex;
  }

  .ds-panel-dock[data-lone] .ds-panel-dock__card, .ds-panel-dock[data-fill] .ds-panel-dock__card {
    padding-bottom: 0;
  }

  .ds-panel-dock[data-fill] .ds-panel-dock__card .ds-rail-card > .ds-scroll {
    flex: auto;
    min-height: 0;
    max-height: none !important;
  }

  @keyframes ds-panel-dock-card-in {
    from {
      opacity: 0;
      transform: translateY(8px)scale(.14);
    }
  }

  @keyframes ds-panel-dock-card-out {
    to {
      opacity: 0;
      transform: translateY(8px)scale(.14);
    }
  }

  @keyframes ds-panel-dock-fade-in {
    from {
      opacity: 0;
    }
  }

  @keyframes ds-panel-dock-fade-out {
    to {
      opacity: 0;
    }
  }

  .ds-panel-dock__card[data-motion="grow"] {
    animation: ds-panel-dock-card-in .28s var(--ds-dock-ease) backwards;
  }

  .ds-panel-dock__card[data-motion="shrink"] {
    animation: ds-panel-dock-card-out .24s var(--ds-dock-ease) forwards;
    pointer-events: none;
  }

  .ds-panel-dock__card[data-motion="fade"][data-phase="in"] {
    animation: .24s backwards ds-panel-dock-fade-in;
  }

  .ds-panel-dock__card[data-motion="fade"][data-phase="out"] {
    pointer-events: none;
    inset-inline: 0;
    animation: .2s forwards ds-panel-dock-fade-out;
    position: absolute;
    bottom: 0;
  }

  .ds-panel-dock .ds-scroll {
    overscroll-behavior: contain;
  }

  .ds-mindly-chat__panel-dock {
    transition: padding-bottom .28s cubic-bezier(.32, .72, .3, 1);
  }

  .ds-mindly-chat__panel-dock:has(.ds-panel-dock__line-row[data-show], .ds-panel-dock__card) {
    padding-bottom: 2px;
  }

  .ds-panel-dock-sheet {
    flex: auto;
    min-height: 0;
  }

  .ds-panel-dock-sheet__in {
    padding: 12px 12px 24px;
  }

  .ds-panel-dock__card .ds-scroll {
    transition: max-height .28s cubic-bezier(.32, .72, .3, 1);
  }

  .ds-panel-dock__line-row {
    min-width: 0;
    transition: grid-template-rows .28s var(--ds-dock-ease);
    grid-template-rows: 0fr;
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .ds-panel-dock__line-row[data-show] {
    grid-template-rows: 1fr;
  }

  .ds-panel-dock__line-in {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
  }

  .ds-panel-dock__line-row[data-settled] > .ds-panel-dock__line-in {
    overflow: visible;
  }

  .ds-panel-dock__line {
    --ds-dock-gutter: 14px;
    padding: 16px var(--ds-dock-gutter);
    margin: -16px calc(-1 * var(--ds-dock-gutter));
    overscroll-behavior: contain;
    touch-action: pan-x;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-panel-dock__line.ds-scroll--x.ds-scroll--fade {
    -webkit-mask-image: linear-gradient(to right, transparent min(var(--ds-fade-l), var(--ds-dock-gutter)), #000 calc(min(var(--ds-fade-l), var(--ds-dock-gutter))  + var(--ds-fade-l)), #000 calc(100% - var(--ds-fade-r)  - min(var(--ds-fade-r), var(--ds-dock-gutter))), transparent calc(100% - min(var(--ds-fade-r), var(--ds-dock-gutter))));
    -webkit-mask-image: linear-gradient(to right, transparent min(var(--ds-fade-l), var(--ds-dock-gutter)), #000 calc(min(var(--ds-fade-l), var(--ds-dock-gutter))  + var(--ds-fade-l)), #000 calc(100% - var(--ds-fade-r)  - min(var(--ds-fade-r), var(--ds-dock-gutter))), transparent calc(100% - min(var(--ds-fade-r), var(--ds-dock-gutter))));
    -webkit-mask-image: linear-gradient(to right, transparent min(var(--ds-fade-l), var(--ds-dock-gutter)), #000 calc(min(var(--ds-fade-l), var(--ds-dock-gutter))  + var(--ds-fade-l)), #000 calc(100% - var(--ds-fade-r)  - min(var(--ds-fade-r), var(--ds-dock-gutter))), transparent calc(100% - min(var(--ds-fade-r), var(--ds-dock-gutter))));
    mask-image: linear-gradient(to right, transparent min(var(--ds-fade-l), var(--ds-dock-gutter)), #000 calc(min(var(--ds-fade-l), var(--ds-dock-gutter))  + var(--ds-fade-l)), #000 calc(100% - var(--ds-fade-r)  - min(var(--ds-fade-r), var(--ds-dock-gutter))), transparent calc(100% - min(var(--ds-fade-r), var(--ds-dock-gutter))));
  }

  .ds-panel-dock__slot {
    flex: none;
    display: flex;
  }

  .ds-panel-dock__slot:first-child {
    margin-inline-start: auto;
  }

  .ds-panel-dock__slot[data-moving] {
    overflow: hidden;
  }

  .ds-panel-dock__pill {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), transform var(--ds-ease-hover), opacity .15s ease .3s;
    flex: none;
    padding: 0;
    position: relative;
    overflow: hidden;
  }

  .ds-panel-dock__pill[data-hidden], .ds-panel-dock__pill[data-covered] {
    opacity: 0;
    transition-delay: 0s;
  }

  .ds-panel-dock__pill:focus-visible {
    background: #fff;
    outline: none;
    box-shadow: 0 8px 24px #1d263047;
  }

  .ds-panel-dock__pill .ds-glass-pill__core, .ds-panel-dock__tray .ds-glass-pill__core {
    z-index: 1;
    width: 42px;
    height: 42px;
    position: relative;
  }

  .ds-panel-dock__letter {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
  }

  .ds-panel-dock__work {
    z-index: 1;
    opacity: 0;
    grid-template-columns: 0fr;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .ds-panel-dock__work[data-open] {
    opacity: 1;
    grid-template-columns: 1fr;
  }

  .ds-panel-dock__work-in {
    align-items: center;
    min-width: 0;
    max-width: 168px;
    display: flex;
    overflow: hidden;
  }

  .ds-panel-dock__work-text {
    min-width: 0;
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    flex: 0 auto;
    margin-inline: 11px 2px;
    font-size: 13.5px;
  }

  .ds-panel-dock__work-text--file {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 500;
  }

  .ds-panel-dock__work-text--mono {
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 500;
  }

  .ds-panel-dock__tray-change--mono {
    font-family: var(--font-mono);
    font-size: 13px;
  }

  .ds-panel-dock__tray-change--serif {
    font-family: var(--font-serif);
    font-size: 13.5px;
  }

  .ds-panel-dock__work-mark {
    flex: none;
    align-items: center;
    margin-inline-start: 12px;
    display: inline-flex;
  }

  .ds-panel-dock__work-in:has( > .ds-panel-dock__work-mark) .ds-panel-dock__work-text {
    margin-inline-start: 6px;
  }

  .ds-panel-dock__dot {
    box-sizing: border-box;
    background: var(--color-accent-blue);
    top: 8px;
    border: 1.5px solid #fff;
    border-radius: 999px;
    width: 9px;
    height: 9px;
    position: absolute;
    inset-inline-end: 8px;
  }

  @property --ds-tray-p {
    syntax: "<number>"; inherits: false; initial-value: 0;
  }

  @property --ds-tray-wmax {
    syntax: "<length>"; inherits: false; initial-value: 44px;
  }

  .ds-panel-dock__tray {
    z-index: 3;
    box-sizing: border-box;
    --ds-tray-p: 0;
    width: calc(var(--ds-tray-w0, 44px)  + (var(--ds-tray-wmax, 44px)  - var(--ds-tray-w0, 44px)) * var(--ds-tray-p));
    visibility: hidden;
    pointer-events: none;
    transition: --ds-tray-p .45s var(--ds-dock-ease), --ds-tray-wmax .45s var(--ds-dock-ease), box-shadow .2s ease, visibility 0s linear .45s;
    direction: ltr;
    background: #fff;
    flex-direction: row;
    justify-content: flex-end;
    display: flex;
    position: absolute;
    overflow: hidden;
  }

  .ds-panel-dock__tray[data-open] {
    --ds-tray-p: 1;
    z-index: 4;
    visibility: visible;
    pointer-events: auto;
    cursor: pointer;
    transition: --ds-tray-p .45s var(--ds-dock-ease), --ds-tray-wmax .45s var(--ds-dock-ease), box-shadow .2s ease, visibility 0s;
    box-shadow: 0 6px 20px #1d263033;
  }

  .ds-panel-dock__tray:is([data-track], [data-fresh]) {
    transition: --ds-tray-p .45s var(--ds-dock-ease), box-shadow .2s ease, visibility 0s linear .45s;
  }

  .ds-panel-dock__tray[data-open]:is([data-track], [data-fresh]) {
    transition: --ds-tray-p .45s var(--ds-dock-ease), box-shadow .2s ease, visibility 0s;
  }

  .ds-panel-dock__tray[data-off] {
    display: none;
  }

  .ds-panel-dock__tray-text {
    z-index: 1;
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    opacity: 0;
    unicode-bidi: plaintext;
    flex: 0 auto;
    align-items: center;
    gap: 6px;
    padding-inline: 13px 2px;
    font-size: 14px;
    transition: opacity .2s;
    display: flex;
    position: relative;
  }

  .ds-panel-dock__tray[data-open] .ds-panel-dock__tray-text {
    opacity: 1;
    transition-delay: 50ms;
  }

  .ds-panel-dock__tray-text:has( > .ds-panel-dock__tray-mark) {
    padding-inline-start: 12px;
  }

  .ds-panel-dock__tray-mark {
    flex: none;
    display: inline-flex;
  }

  .ds-panel-dock__tray-change {
    flex: 0 auto;
    min-width: 0;
  }

  .ds-panel-dock__tray-chip {
    flex: none;
  }

  .ds-rail-card__fold {
    flex: none;
    margin-block: -6.4px;
  }

  .ds-rail-card--dock .ds-plan__foot-in img {
    width: 38%;
    margin-bottom: 0;
  }

  .ds-rail-card--dock .ds-plan__foot {
    margin-bottom: 0;
  }

  .ds-rail-card--dock:has(.ds-plan__foot) {
    transition: padding-bottom .28s cubic-bezier(.4, 0, .2, 1);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-panel-dock__line-row, .ds-panel-dock__tray, .ds-panel-dock__tray:is([data-open], [data-track], [data-fresh]), .ds-panel-dock__tray[data-open]:is([data-track], [data-fresh]), .ds-panel-dock__tray-text, .ds-panel-dock__pill, .ds-panel-dock__card .ds-scroll, .ds-mindly-chat__panel-dock {
      transition: none;
    }

    .ds-panel-dock__card[data-phase="in"] {
      animation: .15s backwards ds-panel-dock-fade-in;
    }

    .ds-panel-dock__card[data-phase="out"] {
      animation: .15s forwards ds-panel-dock-fade-out;
    }
  }

  .ds-rotate-back {
    box-sizing: border-box;
    background: var(--color-surface);
    width: 100%;
    min-height: 100dvh;
  }

  .ds-plan__list {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  .ds-plan__sk {
    flex-direction: column;
    gap: 9px;
    display: flex;
  }

  .ds-ptask {
    font-family: var(--font-sans);
    border: 1px solid var(--color-line);
    color: var(--color-fg1);
    background: #fffc;
    border-radius: 12px;
    align-items: center;
    gap: 11px;
    padding: 9px 12px;
    font-size: 15px;
    display: flex;
  }

  .ds-ptask.is-todo .ds-ptask__lbl {
    color: var(--color-ink-800, var(--color-fg1));
  }

  .ds-ptask {
    transition: background .28s, border-color .28s;
  }

  .ds-ptask__badge {
    transition: background .28s, border-color .28s, color .28s;
  }

  .ds-ptask__lbl {
    transition: color .28s;
  }

  .ds-ptask.is-done .ds-ptask__lbl {
    color: var(--color-ink-400, var(--color-fg3));
  }

  .ds-ptask.is-doing {
    background: #f5f7fa;
    border-color: #0000;
  }

  .ds-ptask.is-failed {
    border-color: #e5484d66;
  }

  .ds-ptask__badge {
    font-family: var(--font-serif);
    width: 28px;
    height: 28px;
    color: var(--color-fg3);
    border: 1px solid var(--color-line);
    background: #fff;
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    display: inline-flex;
  }

  .ds-ptask.is-done .ds-ptask__badge {
    color: var(--color-slate-500);
    background: none;
    border: none;
  }

  .ds-ptask__badge--mark {
    border-radius: 5px;
    width: 18px;
    height: 18px;
    font-size: 11.5px;
    line-height: 1;
  }

  .ds-ptask.is-doing .ds-ptask__badge {
    border-color: var(--color-line);
    color: var(--color-fg1);
    background: #fff;
  }

  .ds-ptask.is-failed .ds-ptask__badge {
    color: var(--color-danger-500, #e5484d);
    background: none;
    border-color: #0000;
  }

  .ds-ptask__lbl {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }

  .ds-ptask__lbltext {
    position: relative;
  }

  .ds-ptask__strike {
    transform-origin: 0;
    pointer-events: none;
    background: currentColor;
    border-radius: 1px;
    width: 100%;
    height: 1.5px;
    position: absolute;
    top: 54%;
    left: 0;
  }

  .ds-plan__fold, .ds-plan__progress, .ds-plan__foot {
    transition: grid-template-rows .28s cubic-bezier(.4, 0, .2, 1), margin .28s cubic-bezier(.4, 0, .2, 1);
    display: grid;
  }

  .ds-plan__fold {
    grid-template-rows: 1fr;
  }

  .ds-plan__fold.is-folded {
    grid-template-rows: 0fr;
  }

  .ds-plan__fold-in {
    min-height: 0;
    overflow: hidden;
  }

  .ds-plan__fold.is-folded > .ds-plan__fold-in {
    visibility: hidden;
    transition: visibility 0s linear .28s;
  }

  .ds-plan__progress {
    grid-template-rows: 0fr;
  }

  .ds-plan__progress.is-folded {
    grid-template-rows: 1fr;
  }

  .ds-plan__progress-in {
    visibility: hidden;
    min-height: 0;
    transition: visibility 0s linear .28s;
    overflow: hidden;
  }

  .ds-plan__progress.is-folded > .ds-plan__progress-in {
    visibility: visible;
    transition-delay: 0s;
  }

  .ds-plan__progress-text {
    color: var(--color-slate-600);
    font-variant-numeric: tabular-nums;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .ds-plan__foot {
    grid-template-rows: 1fr;
    margin: 10px -16px -19px;
  }

  .ds-plan__foot-in {
    justify-content: center;
    align-items: flex-start;
    min-height: 0;
    padding-bottom: 0;
    transition: padding .28s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    overflow: hidden;
  }

  .ds-plan__foot-in img {
    object-fit: contain;
    width: 72%;
    height: auto;
    margin-bottom: 0;
    display: block;
  }

  .ds-plan__foot.is-folded {
    grid-template-rows: 0fr;
    margin: 0 -16px;
  }

  .ds-plan__foot.is-folded > .ds-plan__foot-in {
    padding-bottom: 0;
  }

  .ds-btn.ds-plan__fold-btn svg {
    transition: transform .28s cubic-bezier(.4, 0, .2, 1), color var(--ds-ease-hover);
  }

  .ds-btn.ds-plan__fold-btn.is-folded svg {
    transform: rotate(180deg);
  }

  .ds-btn.ds-plan__fold-btn {
    margin-block: -6.4px;
  }

  .ds-plan__scroll {
    box-sizing: border-box;
    max-height: calc(var(--ds-plan-rows) * 56px);
  }

  .ds-plan__fold-in > .ds-plan__scroll {
    padding-block: 14px 18px;
  }

  .ds-rail-card--dock .ds-plan__fold-in > .ds-plan__scroll {
    padding-bottom: 13px;
  }

  .ds-plan__fold:has( + .ds-plan__foot) > .ds-plan__fold-in > .ds-plan__scroll {
    padding-bottom: 10px;
  }

  .ds-plan__fold:not(.is-folded):has( > .ds-plan__fold-in > .ds-plan__scroll) {
    margin-block: -14px -18px;
  }

  .ds-rail-card--dock .ds-plan__fold:not(.is-folded):has( > .ds-plan__fold-in > .ds-plan__scroll) {
    margin-bottom: -13px;
  }

  .ds-plan__fold:not(.is-folded):has( > .ds-plan__fold-in > .ds-plan__scroll):has( + .ds-plan__foot) {
    margin-bottom: -10px;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-plan__fold, .ds-plan__progress, .ds-plan__foot, .ds-plan__foot-in, .ds-btn.ds-plan__fold-btn svg {
      transition: none;
    }
  }

  .ds-integ-list {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-rail-card > :is(.ds-integ-list, .ds-ws-list, .ds-scroll) {
      animation: .22s ease-out ds-fade-in;
    }
  }

  .ds-integ-list > .ds-integ-overline {
    margin: 2px 2px -2px;
  }

  .ds-integ-row {
    font-family: var(--font-sans);
    border: 1px solid var(--color-line);
    color: var(--color-fg1);
    background: #ffffffb3;
    border-radius: 12px;
    align-items: center;
    gap: 11px;
    padding: 11px 14px;
    font-size: 15px;
    display: flex;
  }

  .ds-integ-row.is-suggested {
    background: none;
    border-style: dashed;
  }

  .ds-integ-row__name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }

  .ds-integ-skills {
    flex-direction: column;
    gap: 8px;
    display: flex;
  }

  .ds-integ-skills > .ds-block-label {
    margin: 2px 2px 0;
  }

  .ds-integ-skills__chips {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .ds-ws-scroll {
    box-sizing: content-box;
    margin-inline: -7px;
    padding-inline: 7px;
  }

  .ds-rail-card__hd:has( + .ds-scroll--fade) {
    z-index: 1;
    position: relative;
  }

  .ds-rail-card__hd + .ds-scroll--fade {
    margin-top: -14px;
    padding-top: 14px;
  }

  .ds-rail-card > .ds-scroll--fade:last-child {
    margin-bottom: -18px;
    padding-bottom: 18px;
  }

  .ds-rail-card--dock > .ds-scroll--fade:last-child {
    margin-bottom: -13px;
    padding-bottom: 13px;
  }

  .ds-ws-hd {
    flex: 1;
    align-items: center;
    gap: 9px;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .ds-ws-hd__id {
    flex: 1;
    align-items: center;
    gap: 9px;
    min-width: 0;
    transition: opacity .2s;
    display: flex;
  }

  .ds-ws-hd__field {
    opacity: 0;
    visibility: hidden;
    align-items: center;
    transition: opacity .2s, visibility 0s linear .2s;
    display: flex;
    position: absolute;
    inset: 0 41px 0 0;
  }

  .ds-ws-hd__field .ds-search-field {
    width: 100%;
  }

  .ds-ws-hd__square {
    flex: none;
    margin-block: -6.4px;
  }

  .ds-ws-hd__square[aria-pressed="true"] svg {
    color: var(--color-ink-900);
  }

  .ds-ws-hd.is-searching .ds-ws-hd__field {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }

  .ds-ws-hd.is-searching .ds-ws-hd__id {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility 0s linear .2s;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-ws-hd__id, .ds-ws-hd__field, .ds-ws-hd.is-searching .ds-ws-hd__id {
      transition: none;
    }
  }

  .ds-ws-notice {
    color: var(--color-slate-600);
    background: #1d26300a;
    border-radius: 12px;
    margin: 0 0 8px;
    padding: 8px 12px;
    font-size: 13px;
    line-height: 1.45;
  }

  .ds-file-row {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    box-sizing: border-box;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.3;
    display: flex;
  }

  .ds-file-row--flat {
    padding: 8px 2px;
  }

  .ds-ws-list .ds-file-row--flat {
    padding: 6px 2px;
  }

  .ds-file-row--flat.ds-file-row--clickable:hover {
    background: #4040400d;
  }

  button.ds-file-row--btn {
    cursor: pointer;
  }

  button.ds-file-row--btn:hover {
    background: #4040400d;
  }

  .ds-file-row--sel {
    color: var(--color-ink-900);
    background: #4040401a;
    border-radius: 10px;
    font-weight: 500;
  }

  .ds-file-row__icon {
    width: 20px;
    height: 20px;
    color: var(--color-slate-600, #475569);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-file-row__icon img {
    width: 20px;
    height: 20px;
    display: block;
  }

  .ds-file-row__icon--fold {
    color: var(--color-slate-500);
  }

  .ds-file-row__name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }

  .ds-file-row__meta {
    color: var(--color-ink-400);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    flex: none;
    margin-left: auto;
    font-size: 12px;
  }

  .ds-file-row__new + .ds-file-row__meta {
    margin-left: 10px;
  }

  .ds-file-row__cv {
    color: var(--color-slate-500);
    flex: none;
    margin-left: 4px;
    transition: transform .22s;
    display: inline-flex;
  }

  .ds-file-row__cv--open {
    transform: rotate(90deg);
  }

  .ds-file-row-fx {
    isolation: isolate;
    margin-top: calc(var(--ds-row-gap, 0px) * var(--ds-fx, 0) * -1);
    position: relative;
  }

  .ds-file-row__wash {
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    background: #ffac6f29;
    border-radius: 10px;
    position: absolute;
    inset: 0;
  }

  .ds-file-row__wash.is-run {
    animation: 1.4s ds-file-row-wash;
  }

  @keyframes ds-file-row-wash {
    from {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  .ds-file-row-wrap--dl {
    position: relative;
  }

  .ds-file-row-wrap--dl > .ds-file-row__dl {
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ds-ease-hover);
    margin-top: -16px;
    position: absolute;
    top: 50%;
    right: 0;
  }

  .ds-file-row-wrap--dl:is(:hover, :focus-within, .is-actions) > .ds-file-row__dl {
    opacity: 1;
    pointer-events: auto;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-file-row-wrap--dl > .ds-file-row__dl {
      opacity: 1;
      pointer-events: auto;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-file-row-wrap--dl > .ds-file-row__dl {
      transition: none;
    }
  }

  .ds-file-tree--compact {
    gap: 0;
  }

  .ds-file-row-wrap--act {
    transition: background var(--ds-ease-hover);
    border-radius: 10px;
    align-items: center;
    display: flex;
  }

  .ds-file-row-wrap--act:hover {
    background: #4040400d;
  }

  .ds-file-row__act {
    flex: none;
    padding-right: 4px;
    display: inline-flex;
  }

  .ds-file-row-wrap:has( > .ds-file-row__cv-end) > .ds-file-row__act {
    padding-right: 0;
  }

  .ds-file-row__cv-end {
    cursor: pointer;
    flex: none;
    align-self: stretch;
    align-items: center;
    padding: 0 10px 0 2px;
    display: inline-flex;
  }

  .ds-question-wrap {
    box-sizing: border-box;
    width: 100%;
  }

  .ds-question {
    box-sizing: border-box;
    border: 1px solid var(--color-line);
    background: #fff;
    border-radius: 20px;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 16px 0;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0000001a;
    container: ds-question / inline-size;
  }

  .ds-question__head {
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 0 24px;
    display: flex;
  }

  .ds-question__qwrap {
    --ds-clamp-fade-h: 16px;
    flex-direction: column;
    flex: 1;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .ds-question__qwrap .ds-clamp__more {
    margin-top: -5px;
  }

  .ds-question__qsub {
    font-family: var(--font-serif);
    color: var(--color-ink-600);
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 20px;
  }

  .ds-question__fold {
    --ds-clamp-bg: var(--ds-question-opt-bg, #fff);
    --ds-clamp-fade-h: 18px;
    display: block;
  }

  .ds-question__fold .ds-clamp__more {
    font-size: 12px;
  }

  .ds-question__qwrap .ds-clamp__more, .ds-question__fold .ds-clamp__more {
    text-align: start;
    align-self: flex-start;
  }

  .ds-question__htools {
    flex: none;
    align-items: center;
    gap: 14px;
    padding-top: 2px;
    display: flex;
  }

  .ds-question__pager {
    font-family: var(--font-sans);
    color: #bebebe;
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
  }

  .ds-question__pg {
    color: #bebebe;
    cursor: pointer;
    display: inline-flex;
  }

  .ds-question__pg--dis {
    opacity: .45;
    cursor: default;
  }

  .ds-question__xclose {
    margin: -6px;
  }

  .ds-question__xclose.ds-feedback-seat__x {
    margin-block: -8px;
    margin-right: -8px;
  }

  .ds-question__opt--else .ds-question__num {
    background: #f9fafc;
  }

  .ds-question__opt--else .ds-question__lbl {
    color: var(--color-ink-600);
  }

  .ds-question__opt--secret {
    cursor: text;
  }

  .ds-question__opt--secret:focus-within {
    box-shadow: var(--shadow-field-focus);
  }

  .ds-question__opt--secret .ds-input input:placeholder-shown {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  }

  .ds-question__opt--secret .ds-input input:placeholder-shown:dir(rtl) {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  }

  .ds-question--touch .ds-question__opt--secret .ds-input__action, .ds-question--mobile .ds-question__opt--secret .ds-input__action {
    position: relative;
  }

  .ds-question--touch .ds-question__opt--secret .ds-input__action:after, .ds-question--mobile .ds-question__opt--secret .ds-input__action:after {
    content: "";
    position: absolute;
    inset: -11px;
  }

  .ds-question__body {
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    display: flex;
  }

  .ds-question--mobile .ds-question__body {
    gap: 12px;
  }

  .ds-question--compact .ds-question__body {
    gap: 10px;
  }

  .ds-question__txt {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  .ds-question__opt--sel .ds-question__desc {
    color: var(--color-ink-700);
  }

  .ds-question__swap {
    flex: 1;
    min-width: 0;
    display: grid;
  }

  .ds-question__swap > * {
    grid-area: 1 / 1;
  }

  .ds-question .ds-question__in > .ds-edit-box.ds-edit-box--standing {
    --ds-field-pad: 7px;
    --ds-fade-size: 10px;
    min-width: 0;
    box-shadow: none;
    font: 400 16px / 24px var(--font-sans);
    color: var(--color-ink-900);
    background: none;
    border: 0;
    border-radius: 0;
    flex: 1;
    padding: 0;
    translate: none;
  }

  .ds-question .ds-question__in > .ds-edit-box.ds-edit-box--standing textarea.ds-textarea.ds-textarea--inline {
    max-height: calc(48px + 6px + 2 * var(--ds-field-pad));
    padding: calc(3px + var(--ds-field-pad)) 0;
    margin-block: calc(var(--ds-field-pad) * -1);
    overflow-wrap: anywhere;
  }

  .ds-question .ds-question__in > .ds-edit-box.ds-edit-box--standing .ds-input.ds-input--inline {
    min-height: 30px;
    margin: 0;
    padding: 0;
  }

  .ds-question__files {
    --ds-ichip-max: 120px;
    --ds-chip-max: 120px;
    flex: none;
    align-items: center;
    gap: 4px;
    min-height: 30px;
    margin-left: 8px;
    display: flex;
  }

  .ds-question--busy .ds-question__opts, .ds-question--busy .ds-question__foot, .ds-question--busy .ds-question__htools {
    pointer-events: none;
  }

  .ds-question--busy .ds-question__opt {
    cursor: default;
  }

  .ds-question__opt--sel .ds-question__num {
    border-color: var(--color-line);
    color: var(--color-ink-900);
    background: #fff;
  }

  .ds-question__opt--sel .ds-question__lbl {
    color: var(--color-ink-900);
  }

  .ds-question__foot--sent {
    pointer-events: none;
  }

  .ds-question__foot {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    display: flex;
  }

  @container ds-question (max-width: 460px) {
    .ds-question__foot--approve .ds-btn {
      --ds-btn-pl: 12px;
      --ds-btn-pr: 12px;
    }
  }

  .ds-question__foot--approve > .ds-btn {
    flex: none;
  }

  .ds-question__foot:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-question__ctas--end:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-chat-error__acts:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-trigger-editor__savebar:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-suggestion-card__actions:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-delegation-opened__foot:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-delegation-sheet__foot:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-drawer-ft:has( > .ds-btn:first-child + .ds-btn:last-child) {
    justify-content: space-between;
  }

  .ds-question__kc {
    font-family: var(--font-mono);
    color: var(--color-ink-400);
    font-size: 14px;
    line-height: 17px;
  }

  .ds-next-steps {
    flex-direction: column;
    align-items: flex-start;
    max-width: calc(100% + 10px);
    margin-left: -10px;
    display: flex;
  }

  .ds-next-steps__label {
    font-family: var(--font-serif);
    color: var(--color-ink-600);
    margin: 0;
    padding-left: 10px;
    font-size: 15px;
    line-height: 1.8;
  }

  .ds-next-steps__row.ds-btn {
    border-radius: var(--radius);
    max-width: 100%;
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    transition: color var(--ds-ease-hover), background-color var(--ds-ease-hover);
    justify-content: flex-start;
    gap: 10px;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
  }

  .ds-next-steps__row.ds-btn:hover:not(:disabled), .ds-next-steps__row.ds-btn:focus-visible {
    color: var(--color-ink-900);
    background: var(--color-surface-hover);
  }

  .ds-next-steps__text {
    min-width: 0;
  }

  .ds-question__action {
    border: 1px solid var(--color-line);
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    display: flex;
  }

  .ds-question__ac-title {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
  }

  .ds-question__ac-head {
    text-align: start;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 0;
    display: flex;
  }

  .ds-question__ac-head:disabled {
    cursor: default;
  }

  .ds-question__ac-head .ds-question__ac-title {
    flex: 1;
    min-width: 0;
  }

  .ds-question__ac-toggle {
    color: var(--color-ink-600);
    flex: none;
    transition: transform .18s;
    display: inline-flex;
    transform: rotate(-90deg);
  }

  .ds-question__ac-toggle.is-open {
    transform: rotate(0);
  }

  .ds-question__ac-body {
    overflow: hidden;
  }

  .ds-question__ac-body > * + * {
    margin-top: 10px;
  }

  .ds-question__ac-tio {
    flex-direction: column;
    gap: 6px;
    display: flex;
  }

  .ds-question__ac-gl {
    margin: 0;
  }

  .ds-question__ac-params {
    flex-direction: column;
    gap: 4px;
    display: flex;
  }

  .ds-question__ac-prow {
    align-items: baseline;
    gap: 10px;
    display: flex;
  }

  .ds-question__ac-pk {
    font-family: var(--font-mono);
    color: var(--color-fg3);
    flex: none;
    font-size: 12px;
  }

  .ds-question__ac-pv {
    font-family: var(--font-mono);
    color: var(--color-ink-900);
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 12px;
  }

  .ds-question__ac-tree {
    flex-direction: column;
    flex: 1;
    gap: 3px;
    min-width: 0;
    display: flex;
  }

  .ds-question__ac-leaf {
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  .ds-question__ac-branch {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .ds-question__ac-grow {
    min-width: 0;
    display: block;
    overflow: hidden;
  }

  .ds-question__ac-grow > .ds-question__ac-tree {
    border-inline-start: 1px solid var(--color-line);
    margin-inline-start: 6px;
    margin-top: 3px;
    padding-inline-start: 12px;
  }

  .ds-question__ac-fold {
    cursor: pointer;
    color: var(--color-fg3);
    font-family: var(--font-mono);
    background: none;
    border: 0;
    align-items: center;
    gap: 6px;
    margin-inline-start: -2px;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    display: inline-flex;
  }

  .ds-question__ac-fold svg {
    transition: color var(--ds-ease-hover);
  }

  .ds-question__ac-fold:hover svg {
    color: var(--color-ink-900);
  }

  .ds-question__ac-peek {
    min-width: 0;
    color: var(--color-fg3);
    font-family: var(--font-mono);
    text-align: start;
    flex: 1;
    font-size: 12px;
  }

  .ds-question__ac-fold {
    width: 100%;
    min-width: 0;
  }

  .ds-question__ac-glrow {
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    display: flex;
  }

  .ds-question__ac-all {
    cursor: pointer;
    font-family: var(--font-sans);
    color: var(--color-fg3);
    transition: color var(--ds-ease-hover);
    background: none;
    border: 0;
    padding: 0;
    font-size: 12px;
  }

  .ds-question__ac-all:hover {
    color: var(--color-ink-900);
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .ds-question__ac-scroll {
    max-height: 240px;
  }

  .ds-question__ac-more:hover {
    color: var(--color-ink-900);
  }

  .ds-question__approve-end {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-question__scopewrap {
    display: inline-flex;
    position: relative;
  }

  .ds-question__scopemenu {
    z-index: 20;
    bottom: calc(100% + 8px);
    min-width: 248px;
    position: absolute;
    inset-inline-end: 0;
  }

  .ds-question__privacy {
    text-align: center;
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
  }

  .ds-question__pv-lead {
    color: var(--color-ink-400);
    align-items: center;
    gap: 6px;
    font-weight: 600;
    display: inline-flex;
  }

  .ds-question__opts--scroll {
    --ds-question-row-h: 46px;
    --ds-question-row-gap: 8px;
    max-height: calc(var(--ds-question-max-rows, 4) * var(--ds-question-row-h)  + (var(--ds-question-max-rows, 4)  - 1) * var(--ds-question-row-gap)  + var(--ds-question-row-h) / 2);
  }

  .ds-question--compact .ds-question__opts--scroll {
    --ds-question-row-h: 38px;
    --ds-question-row-gap: 6px;
  }

  .ds-question--touch .ds-question__opts--scroll, .ds-question--mobile .ds-question__opts--scroll {
    --ds-question-row-h: 52px;
  }

  :is([dir="rtl"], [data-rtl]) .ds-question__foot .ds-btn:not(.ds-btn--caret) svg {
    transform: scaleX(-1);
  }

  .ds-question--mobile {
    gap: 12px;
  }

  .ds-question--mobile .ds-question__head {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
  }

  .ds-question--mobile .ds-question__head:has(.ds-question__pager) .ds-question__htools {
    order: -1;
    width: 100%;
    padding-top: 0;
  }

  .ds-question--mobile .ds-question__xclose {
    margin-inline-start: auto;
  }

  .ds-question--mobile .ds-question__head:has(.ds-question__pager) .ds-question__q {
    flex: 100%;
  }

  .ds-question--mobile .ds-question__in > .ds-edit-box.ds-edit-box--standing, .ds-question--touch .ds-question__in > .ds-edit-box.ds-edit-box--standing {
    --ds-field-pad: 10px;
  }

  .ds-question--touch .ds-question__enter {
    display: none;
  }

  .ds-question--compact {
    gap: 10px;
    padding: 12px;
  }

  .ds-question--compact .ds-question__head {
    align-items: center;
    gap: 10px;
    padding: 0;
  }

  .ds-question--compact .ds-question__htools {
    padding-top: 0;
  }

  .ds-question--compact .ds-question__xclose {
    margin: -4px;
  }

  .ds-question--compact .ds-question__q {
    font-size: 13px;
    line-height: 19px;
  }

  .ds-question--compact .ds-question__foot {
    padding: 0;
  }

  .ds-question--compact .ds-question__in > .ds-edit-box.ds-edit-box--standing {
    --ds-field-pad: 6px;
    font-size: 13px;
    line-height: 18px;
  }

  .ds-question--compact .ds-question__in > .ds-edit-box.ds-edit-box--standing :is(textarea.ds-textarea.ds-textarea--inline, .ds-input.ds-input--inline input) {
    font-size: 13px;
  }

  .ds-question--compact .ds-question__in > .ds-edit-box.ds-edit-box--standing textarea.ds-textarea.ds-textarea--inline {
    max-height: calc(36px + 6px + 2 * var(--ds-field-pad));
  }

  .ds-question--compact .ds-question__in > .ds-edit-box.ds-edit-box--standing .ds-input.ds-input--inline {
    min-height: 24px;
  }

  .ds-question--compact .ds-question__lead {
    gap: 10px;
  }

  .ds-question--compact .ds-question__num {
    border-radius: 6px;
    width: 24px;
    height: 24px;
    font-size: 15px;
  }

  .ds-question--compact .ds-question__lbl {
    font-size: 13px;
  }

  .ds-question--compact .ds-question__action {
    border-radius: 10px;
    gap: 8px;
    padding: 10px 12px;
  }

  .ds-question .ds-question__opt--secret {
    gap: 8px;
    padding-inline: 12px;
  }

  .ds-question__secret-ico {
    align-self: center;
  }

  .ds-question__ctas {
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px;
    display: flex;
  }

  .ds-question__ctas .ds-btn:not(.ds-question__cta-kbd) {
    --ds-btn-pr: var(--ds-btn-pl);
  }

  .ds-question--compact .ds-question__ctas {
    padding: 0;
  }

  .ds-question__ctas--end {
    justify-content: flex-end;
    padding: 0 14px;
  }

  .ds-question-wrap--thread {
    max-width: 460px;
  }

  .ds-question.ds-question--thread {
    box-shadow: var(--shadow-button);
    border-radius: 14px;
    gap: 0;
    padding: 16px;
    transition: background-color .22s, box-shadow .22s, padding .22s;
  }

  .ds-question.ds-question--thread .ds-question__q {
    font-size: inherit;
    line-height: 1.55;
  }

  .ds-question__foldin {
    flex-direction: column;
    gap: 10px;
    padding-top: 4px;
    display: flex;
  }

  .ds-question__chev {
    color: var(--color-slate-500);
    flex: none;
    transition: transform .18s;
    display: block;
  }

  .ds-question__chev.is-open {
    transform: rotate(90deg);
  }

  .ds-question__mark {
    vertical-align: -3px;
    color: var(--color-ink-600);
    margin-inline-end: 8px;
    display: inline-block;
  }

  .ds-question__outcome {
    color: var(--color-ink-600);
  }

  .ds-question.ds-question--thread.ds-question--readonly {
    background: var(--color-surface-muted-2);
    box-shadow: var(--shadow-xs);
    padding: 11px 12px;
  }

  .ds-question.ds-question--thread.ds-question--readonly .ds-question__q {
    font-family: var(--font-serif);
    letter-spacing: 0;
    color: var(--color-fg3);
    transition: color var(--ds-ease-hover);
    font-size: 12.5px;
    line-height: 20px;
  }

  .ds-question--thread.ds-question--readonly .ds-question__outcome {
    color: inherit;
  }

  .ds-question--thread.ds-question--readonly .ds-question__mark {
    vertical-align: -4px;
    width: 17px;
    height: 17px;
    color: var(--color-fg3);
    stroke-width: 1.7px;
    margin-inline-end: 8px;
  }

  .ds-question.ds-question--goes:hover {
    box-shadow: var(--shadow-button);
  }

  .ds-question.ds-question--goes:hover .ds-question__q {
    color: var(--color-ink-900);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-question__chev {
      transition: none;
    }
  }

  .ds-shared-with {
    flex-direction: column;
    display: flex;
  }

  .ds-recent-usage__action {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-recent-usage__endpoint {
    font-family: var(--font-mono);
    color: var(--color-ink-900);
    overflow-wrap: anywhere;
    font-size: 12.5px;
    font-weight: 500;
  }

  .ds-recent-usage__by {
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  .ds-recent-usage__chat {
    color: inherit;
    transition: color var(--ds-ease-hover), text-decoration-color var(--ds-ease-hover);
    -webkit-text-decoration: underline #0000;
    text-decoration: underline #0000;
  }

  .ds-recent-usage__chat:hover {
    color: var(--color-ink-900);
    text-decoration-color: currentColor;
  }

  .ds-recent-usage__more {
    justify-content: flex-end;
    margin-top: 8px;
    font-size: 13px;
    display: flex;
  }

  .ds-recent-usage__more .t-link {
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  .ds-agent-triggers {
    flex-direction: column;
    display: flex;
  }

  .ds-agent-triggers__name {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-agent-channels {
    flex-direction: column;
    display: flex;
  }

  .ds-agent-channels__name {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-agent-triggers__muted, .ds-agent-triggers__word {
    color: var(--color-slate-600);
    font-size: 13px;
  }

  .ds-agent-triggers__switch {
    display: inline-flex;
  }

  .ds-agent-triggers__on-cell {
    align-items: center;
    gap: 8px;
    min-width: 5.9em;
    display: inline-flex;
    position: relative;
  }

  .ds-agent-triggers--pausable .ds-agent-triggers__on-cell {
    min-width: calc(46px + 5.9em);
  }

  .ds-agent-triggers__on {
    display: inline-flex;
  }

  .ds-agent-triggers__paused-line {
    padding-top: 2px;
    display: block;
  }

  @container (max-width: 600px) {
    .ds-agent-triggers__on-cell, .ds-agent-triggers--pausable .ds-agent-triggers__on-cell {
      gap: 6px;
      min-width: 0;
    }
  }

  .ds-agent-triggers__rows .ds-dt__lead-glyph > svg {
    color: var(--color-slate-600);
  }

  .ds-agent-triggers__when-sub {
    display: none;
  }

  @container (max-width: 600px) {
    .ds-agent-triggers__when-sub {
      display: inline;
    }
  }

  .ds-agent-triggers__counts-sub {
    display: none;
  }

  @container (max-width: 420px) {
    .ds-agent-triggers__counts-sub {
      display: block;
    }
  }

  .ds-task-fields__name {
    color: var(--color-ink-900);
    font-weight: 600;
  }

  .ds-task-fields__muted {
    color: var(--color-slate-600);
    font-size: 13px;
  }

  .ds-task-fields__yes {
    color: var(--color-ink-900);
    display: inline-flex;
  }

  .ds-task-fields__hint {
    color: var(--color-slate-600);
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 18px;
  }

  .ds-trigger-cell {
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .ds-trigger-cell__mark {
    color: var(--color-slate-600);
    flex: none;
    display: inline-flex;
  }

  .ds-trigger-cell__words {
    min-width: 0;
  }

  .ds-trigger-cell__more {
    flex: none;
  }

  .ds-agent-apps {
    container-type: inline-size;
  }

  .ds-agent-apps__access-sub {
    display: none;
  }

  @container (max-width: 440px) {
    .ds-agent-apps__access-sub {
      display: inline;
    }
  }

  .ds-field--setting.ds-logins-field {
    max-width: none;
  }

  .ds-logins {
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
    display: flex;
    container-type: inline-size;
  }

  @container (min-width: 521px) {
    .ds-dt__sub:has(.ds-logins__fold) {
      display: none;
    }
  }

  .ds-logins__default {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    display: flex;
  }

  .ds-flag {
    justify-content: center;
    width: 16px;
    font: 15px / 1 Minded Flags, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
    display: inline-flex;
  }

  .ds-agent-tools {
    flex-direction: column;
    display: flex;
  }

  .ds-agent-tools__name {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-agent-tools__muted {
    color: var(--color-slate-600);
    font-size: 13px;
  }

  .ds-agent-tools__rows .ds-dt__lead-glyph > svg {
    color: var(--color-slate-600);
  }

  .ds-agent-tools__when-sub {
    display: none;
  }

  @container (max-width: 380px) {
    .ds-agent-tools__when-sub {
      display: inline;
    }
  }

  .ds-tlc {
    flex-direction: column;
    gap: 10px;
    padding: 14px 15px 15px;
    display: flex;
  }

  .ds-tlc__hd {
    align-items: center;
    gap: 8px;
    min-height: 24px;
    display: flex;
  }

  .ds-tlc__mark {
    color: var(--color-slate-600);
    flex: none;
    display: inline-flex;
  }

  .ds-tlc__name {
    min-width: 0;
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    flex: auto;
    font-size: 16px;
    line-height: 24px;
  }

  .ds-tlc__says {
    color: var(--color-slate-600);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-tlc__events {
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .ds-tlc__event {
    color: var(--color-slate-600);
    grid-template-columns: 14px minmax(0, 1fr);
    align-items: baseline;
    gap: 1px 8px;
    font-size: 13px;
    line-height: 1.45;
    display: grid;
  }

  .ds-tlc__event > svg {
    grid-row: 1;
    margin-top: 3px;
  }

  .ds-tlc__label {
    color: var(--color-ink-900);
    overflow-wrap: anywhere;
    grid-column: 2;
  }

  .ds-tlc__why {
    grid-column: 2;
    font-size: 12.5px;
  }

  .ds-tlc__event.is-match > svg {
    color: var(--color-success-500);
  }

  .ds-tlc__event.is-match .ds-tlc__why {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-tlc__foot {
    justify-content: flex-end;
    display: flex;
  }

  .ds-schedule-field {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }

  .ds-schedule-field__row {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    display: flex;
  }

  .ds-schedule-field__word {
    color: var(--color-slate-700);
    font-weight: 500;
  }

  .ds-schedule-field__colon {
    color: var(--color-slate-700);
    margin: 0 -2px;
    font-weight: 500;
  }

  .ds-schedule-field__time {
    white-space: nowrap;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .ds-schedule-field__pick {
    min-width: 64px;
  }

  .ds-schedule-field__pick--unit {
    min-width: 96px;
  }

  .ds-schedule-field__pick--days {
    min-width: 120px;
  }

  .ds-edit-box.ds-schedule-field__cron {
    font-family: var(--font-mono);
    font-size: 12px;
  }

  .ds-schedule-field.ds-schedules {
    gap: 12px;
  }

  .ds-schedules__list {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .ds-schedules__item {
    align-items: flex-start;
    gap: 8px;
    display: flex;
  }

  .ds-schedules__item + .ds-schedules__item {
    border-top: 1px solid var(--color-line);
    padding-top: 12px;
  }

  .ds-schedules__sentence {
    flex: auto;
    min-width: 0;
  }

  .ds-schedules__remove {
    flex: none;
  }

  .ds-schedules__add {
    align-self: flex-start;
  }

  .ds-webhook-config {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }

  .ds-webhook-config__secret {
    flex-direction: column;
    gap: 7px;
    display: flex;
  }

  .ds-webhook-config__secret-hd {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 24px;
    display: flex;
  }

  .ds-webhook-config__req {
    color: var(--color-slate-600);
    cursor: pointer;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    display: inline-flex;
  }

  .ds-webhook-config__hint {
    color: var(--color-slate-600);
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
  }

  .ds-webhook-config__mono, .ds-webhook-config .ds-webhook-config__field {
    font-family: var(--font-mono);
    font-size: 12px;
  }

  .ds-trigger-config {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }

  .ds-trigger-config__ctl {
    padding-top: 2px;
  }

  .ds-trigger-config__mono {
    font-family: var(--font-mono);
  }

  .ds-edit-box.ds-trigger-config__num {
    width: 148px;
    max-width: 100%;
  }

  .ds-trigger-config__json {
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 16px;
  }

  .ds-trigger-config__code-field {
    position: relative;
  }

  .ds-trigger-config__code-field > :is(.t-label, .ds-field__head) {
    padding-right: 84px;
  }

  .ds-trigger-config__code-save {
    position: absolute;
    top: -4px;
    right: 0;
  }

  .ds-shared-with__who {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .ds-shared-with__name {
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }

  .ds-shared-with__mark {
    margin-top: 4px;
    display: flex;
  }

  .ds-shared-with__type, .ds-members__status-sub {
    margin-top: 4px;
    display: none;
  }

  @container not (min-width: 478.5px) {
    .ds-members__status-sub {
      display: block;
    }
  }

  @container not (min-width: 358.5px) {
    .ds-shared-with--fold .ds-shared-with__type {
      display: block;
    }
  }

  .ds-share-picker {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .ds-share-picker__h {
    color: var(--color-slate-600);
    margin: 2px 0 -8px;
    font-size: 12px;
    font-weight: 500;
  }

  .ds-shared-cell {
    display: inline-flex;
    position: relative;
  }

  .ds-shared-cell__in {
    white-space: nowrap;
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  .ds-shared-cell__more {
    display: inline-flex;
  }

  .ds-share-mark {
    background: var(--color-slate-100);
    color: var(--color-slate-600);
    border-radius: 999px;
    flex: none;
    place-items: center;
    display: inline-grid;
  }

  .ds-save-login {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .ds-save-login__mark {
    flex: none;
    display: inline-grid;
    position: relative;
  }

  .ds-save-login__key {
    background: var(--color-ink-900);
    color: #fff;
    border-radius: 999px;
    place-items: center;
    width: 18px;
    height: 18px;
    display: grid;
    position: absolute;
    bottom: -4px;
    right: -5px;
    box-shadow: 0 0 0 2px #fff;
  }

  .ds-vault-none {
    color: var(--color-slate-400);
  }

  .ds-vault-name {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-vault-code__ring {
    color: var(--color-ink-900);
    flex: none;
  }

  .ds-vault-val {
    align-items: center;
    gap: 2px;
    max-width: 134px;
    display: inline-flex;
  }

  .ds-vault-val__text {
    white-space: nowrap;
    width: 62px;
    color: var(--color-ink-900);
    flex: none;
    font-size: 13.5px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 16px), #000000f5 calc(100% - 12.8px), #000000e0 calc(100% - 10.4px), #000000bf calc(100% - 8px), #00000093 calc(100% - 5.6px), #00000070 calc(100% - 4px), #0000004b calc(100% - 2.56px), #00000027 calc(100% - 1.28px), #0000 100%);
    mask-image: linear-gradient(90deg, #000 calc(100% - 16px), #000000f5 calc(100% - 12.8px), #000000e0 calc(100% - 10.4px), #000000bf calc(100% - 8px), #00000093 calc(100% - 5.6px), #00000070 calc(100% - 4px), #0000004b calc(100% - 2.56px), #00000027 calc(100% - 1.28px), #0000 100%);
  }

  .ds-vault-val__text--masked {
    letter-spacing: 1px;
    color: var(--color-slate-600);
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-vault-val__acts {
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
    flex: none;
    align-items: center;
    gap: 2px;
    display: inline-flex;
  }

  .ds-vault-val:focus-within .ds-vault-val__acts, .ds-vault-val.is-shown .ds-vault-val__acts {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-vault-val__acts {
      opacity: 1;
    }
  }

  .ds-vault-hidden {
    color: var(--color-slate-500);
    white-space: nowrap;
    cursor: default;
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .ds-vault-failed {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
  }

  .ds-vault-failed__cap {
    color: var(--color-slate-600);
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.3;
  }

  .ds-empty-state.ds-vault-empty {
    padding: 40px 24px;
  }

  .ds-vault-kebab {
    display: inline-flex;
  }

  .ds-vault-dswap {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
  }

  .ds-section-head.ds-vault-dhead {
    margin-bottom: 2px;
  }

  .ds-vault-dmfa {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    display: inline-flex;
  }

  .ds-vault-mfa {
    align-items: center;
    gap: 4px;
    width: 100%;
    display: flex;
  }

  .ds-vault-mfa__remove {
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
    flex: none;
  }

  .ds-vault-mfa:hover .ds-vault-mfa__remove, .ds-vault-mfa:focus-within .ds-vault-mfa__remove {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-vault-mfa__remove {
      opacity: 1;
    }
  }

  .ds-vault-mfa__ring {
    color: var(--color-fg2);
    margin-inline-start: 2px;
    display: inline-flex;
  }

  .ds-vault-box {
    min-width: 0;
  }

  .ds-edit-box.ds-vault-led {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-vault-led > .ds-input {
    flex: auto;
    width: auto;
    min-width: 0;
  }

  .ds-vault-dfoot {
    flex: none;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 16px 16px;
    display: flex;
  }

  .ds-vault-dfields {
    flex-direction: column;
    margin-bottom: 4px;
    display: flex;
  }

  .ds-vault-dfields .ds-field--setting {
    max-width: none;
  }

  .ds-vault-dfields {
    --ds-vault-field-w: min(100%, 300px);
  }

  .ds-vault-dfields .ds-field--setting > .ds-vault-box {
    width: var(--ds-vault-field-w);
    box-sizing: border-box;
    flex: none;
    max-width: 100%;
  }

  .ds-vault-dfields .ds-vault-mfa .ds-edit-box {
    box-sizing: border-box;
    flex: none;
    width: min(300px, 100% - 36px);
  }

  .ds-vault-dfields .ds-vault-mfa .ds-edit-box--quiet {
    width: calc(min(300px, 100% - 36px) + 13px);
    margin-inline: -13px 0;
  }

  .ds-vault-mfa__add {
    flex: none;
  }

  .ds-vault-dfields .ds-vault-grow {
    width: calc(var(--ds-vault-field-w)  + 8px);
    box-sizing: border-box;
    max-width: calc(100% + 8px);
  }

  .ds-vault-dfields .ds-vault-setup, .ds-vault-dfields .ds-vault-setup .ds-vault-box {
    width: 100%;
  }

  .ds-side-drawer[data-tier="takeover"] .ds-vault-dfields .ds-vault-mfa .ds-edit-box {
    width: calc(100% - 36px);
  }

  .ds-side-drawer[data-tier="takeover"] .ds-vault-dfields .ds-vault-mfa .ds-edit-box--quiet {
    width: calc(100% - 23px);
  }

  .ds-save-hold:focus {
    outline: none;
  }

  .ds-edit-lift {
    cursor: text;
    z-index: 0;
    transition: background-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    position: relative;
  }

  .ds-edit-lift:is(:hover, .is-hover) {
    z-index: 1;
    box-shadow: 0 8px 10px -5px #191f341a, inset 0 0 0 1px var(--color-line);
    background: #fff;
  }

  .ds-edit-lift:focus-visible {
    z-index: 1;
    box-shadow: 0 8px 10px -5px #191f341a, inset 0 0 0 1px var(--color-slate-400);
    background: #fff;
    outline: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-edit-lift {
      transition: none;
    }
  }

  .ds-edit-words {
    box-sizing: border-box;
    border-radius: var(--ds-edit-radius, 10px);
    font: inherit;
    color: inherit;
    text-align: left;
    border: 0;
    padding: 4px 8px;
    display: block;
  }

  .ds-edit-box--fit {
    width: fit-content;
    max-width: 100%;
  }

  .ds-edit-box--fit input {
    field-sizing: content;
    min-width: 6ch;
    max-width: 100%;
  }

  .ds-edit-box {
    box-sizing: border-box;
    border-radius: var(--ds-edit-radius, 10px);
    background: var(--color-surface);
    transition: background-color var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow .2s ease, translate .2s ease;
    border: 1px solid #e5e7eb;
    padding: 10px 14px;
    box-shadow: 0 8px 10px -5px #191f341a;
  }

  @keyframes ds-edit-box-in {
    from {
      box-shadow: none;
      background-color: #0000;
      border-color: #0000;
    }
  }

  .ds-edit-box {
    animation: .16s ease-out ds-edit-box-in;
  }

  @keyframes ds-edit-box-out {
    to {
      box-shadow: none;
      background-color: #0000;
      border-color: #0000;
    }
  }

  .ds-edit-box.is-closing {
    pointer-events: none;
    animation: .16s ease-in forwards ds-edit-box-out;
  }

  .ds-edit-box.is-error {
    border-color: var(--color-danger-500);
  }

  .ds-edit-box.is-saving {
    background: var(--color-surface-muted);
    border-color: #0000000f;
    translate: 0 -1px;
    box-shadow: 0 12px 20px -10px #191f3438;
  }

  .ds-edit-box--bar {
    padding-bottom: 0;
  }

  .ds-edit-box--bar > .ds-composer__bar {
    margin: 0 -7px;
  }

  .ds-edit-box--standing {
    --ds-edit-h: 32px;
    cursor: text;
    font: 400 14px / 20px var(--font-sans);
    color: var(--color-ink-900);
    padding: calc((var(--ds-edit-h)  - 22px) / 2) 12px;
    border-radius: var(--ds-edit-radius, 12px);
    animation: none;
    position: relative;
  }

  .ds-edit-box--standing:not(:focus-within, .is-focus, .is-saving, .is-error) {
    border-color: var(--color-line-strong);
    box-shadow: var(--shadow-button);
  }

  .ds-edit-box--standing.is-readonly:not(:focus-within, .is-focus, .is-saving, .is-error) {
    box-shadow: none;
  }

  .ds-edit-box--quiet {
    width: calc(100% + 26px);
    transition: background-color var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow .2s ease, translate .2s ease;
    margin-inline: -13px;
  }

  .ds-edit-box.ds-edit-box--quiet:not(:hover, :focus-within, .is-hover, .is-focus, .is-saving, .is-error, .is-blank) {
    box-shadow: none;
    background-color: #0000;
    border-color: #0000;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-edit-box--quiet {
      transition: none;
    }
  }

  .ds-edit-box--sm {
    --ds-edit-h: 28px;
  }

  .ds-edit-box--lg {
    --ds-edit-h: 44px;
  }

  .ds-edit-box--standing .ds-input__action {
    margin-block: -1px;
  }

  .ds-edit-box--capped textarea.ds-textarea--inline {
    max-height: calc(var(--ds-edit-rows-max, 6) * 1.5em);
    max-height: calc(var(--ds-edit-rows-max, 6) * 1lh);
  }

  .ds-edit-box.is-readonly {
    background: var(--color-surface-muted);
  }

  .ds-edit-box--num {
    min-height: var(--ds-edit-h, 32px);
    padding: 0;
    overflow: hidden;
  }

  .ds-edit-box--send {
    padding-right: 44px;
    position: relative;
  }

  .ds-edit-box .ds-edit-box__send {
    position: absolute;
    bottom: 3px;
    right: 4px;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-edit-box.ds-edit-box--num {
      overflow: visible;
    }
  }

  .ds-edit-float {
    position: relative;
  }

  :is(.ds-drawer-hd__field, .ds-page-titlebar__title, .ds-edit-float) > .ds-edit-box__error {
    z-index: 1;
    white-space: nowrap;
    margin-top: 13px;
    position: absolute;
    top: 100%;
    left: 0;
    overflow: visible;
  }

  .ds-edit-box__error {
    margin-top: var(--ds-edit-error-gap, 6px);
    font-family: var(--font-sans);
    letter-spacing: normal;
    color: var(--color-danger-600);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
  }

  .ds-edit-box__error--note {
    color: var(--color-fg3);
  }

  @keyframes ds-edit-box-grow {
    from {
      opacity: 0;
      max-height: 0;
      margin-top: 0;
    }

    to {
      opacity: 1;
      max-height: 48px;
      margin-top: var(--ds-edit-error-gap, 6px);
    }
  }

  @keyframes ds-edit-box-ungrow {
    from {
      opacity: 1;
      max-height: 48px;
      margin-top: var(--ds-edit-error-gap, 6px);
    }

    to {
      opacity: 0;
      max-height: 0;
      margin-top: 0;
    }
  }

  @keyframes ds-edit-box-say {
    from {
      opacity: 0;
      translate: 0 -3px;
    }
  }

  @keyframes ds-edit-box-unsay {
    to {
      opacity: 0;
      translate: 0 -3px;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-edit-box__error {
      animation: .18s ease-out ds-edit-box-grow;
    }

    .ds-edit-box__error.is-leaving {
      pointer-events: none;
      animation: .15s ease-in forwards ds-edit-box-ungrow;
    }

    :is(.ds-drawer-hd__field, .ds-page-titlebar__title, .ds-edit-float) > .ds-edit-box__error {
      animation: .18s ease-out ds-edit-box-say;
    }

    :is(.ds-drawer-hd__field, .ds-page-titlebar__title, .ds-edit-float) > .ds-edit-box__error.is-leaving {
      animation: .15s ease-in forwards ds-edit-box-unsay;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-edit-box, .ds-edit-box.is-closing {
      transition: none;
      animation: none;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-edit-box.is-saving .ds-mdx__content {
      background-image: linear-gradient(100deg, var(--color-ink-900, #1d2630) 35%, var(--color-slate-400, #8996a4) 50%, var(--color-ink-900, #1d2630) 65%);
      background-size: var(--ds-sweep-p, 240px) 100%;
      -webkit-text-fill-color: transparent;
      --ds-shimmer-from: 0px 0;
      --ds-shimmer-to: var(--ds-sweep-p, 240px) 0;
      animation: ds-shimmer var(--ds-sweep-d, 1.133s) linear infinite;
      -webkit-background-clip: text;
      background-clip: text;
    }
  }

  .ds-edit-box__wait--text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  .ds-edit-box:has(.ds-mdx__content > *, .ds-mdx--fallback) .ds-edit-box__wait {
    display: none;
  }

  .ds-edit-box__scroll {
    max-height: var(--ds-edit-box-max, 244px);
    margin: -2px;
    padding: 2px;
  }

  .ds-edit-box :is(.ds-input.ds-input--inline, .ds-textarea.ds-textarea--inline), .ds-edit-box :is(.ds-input.ds-input--inline, .ds-textarea.ds-textarea--inline):is(:hover, :focus, :focus-within, .is-focus, .ds-input--error) {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .ds-edit-box--tokens {
    padding-block: calc((var(--ds-edit-h, 32px)  - 26px) / 2);
  }

  .ds-edit-box__tokens {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    min-width: 0;
    min-height: 24px;
    display: flex;
  }

  .ds-edit-box__tokens .ds-input.ds-input--inline {
    flex: 96px;
    width: auto;
    min-width: 96px;
  }

  .ds-edit-box__tokens .ds-chip {
    cursor: default;
    --ds-chip-max: 180px;
    border-radius: 8px;
    gap: 4px;
    height: 24px;
    padding: 0 4px 0 9px;
    font-size: 12.5px;
  }

  .ds-edit-box__tokens .ds-chip:hover:not(:disabled) {
    background: var(--color-surface);
  }

  .ds-edit-box__tokens .ds-chip__rm {
    width: 16px;
    height: 16px;
    box-shadow: none;
    opacity: 1;
    color: var(--color-slate-500);
    background: none;
    border: 0;
    flex: none;
    position: relative;
    top: auto;
    right: auto;
  }

  .ds-edit-box__tokens .ds-chip__rm:hover {
    background: var(--color-surface-muted-2);
    color: var(--color-ink-900);
  }

  .ds-edit-box__tokens .ds-chip__rm svg {
    width: 10px;
    height: 10px;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-edit-box__tokens .ds-chip__rm:after {
      content: "";
      position: absolute;
      inset: -10px;
    }
  }

  .ds-edit-box__none {
    color: var(--color-ink-400);
    font-size: 13px;
  }

  .ds-edit-box__add:disabled {
    opacity: .4;
    cursor: default;
    pointer-events: none;
  }

  .ds-edit-box__choices {
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 8px;
    display: flex;
  }

  .ds-edit-box__choice {
    cursor: pointer;
    border: 1px dashed var(--color-line-strong);
    height: 30px;
    color: var(--color-slate-600);
    font-family: var(--font-sans);
    transition: color var(--ds-ease-hover), background-color var(--ds-ease-hover), border-color var(--ds-ease-hover);
    background: #fff;
    border-radius: 9px;
    align-items: center;
    gap: 5px;
    padding: 0 11px 0 8px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-edit-box__choice:hover:not(:disabled) {
    color: var(--color-ink-900);
    border-color: var(--color-slate-400);
    background: var(--color-surface-hover);
  }

  .ds-edit-box__choice:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .ds-edit-box__suggest {
    margin-top: 6px;
  }

  @keyframes ds-edit-box-suggest-in {
    from {
      opacity: 0;
      translate: 0 -4px;
    }
  }

  @keyframes ds-edit-box-suggest-out {
    to {
      opacity: 0;
      translate: 0 -4px;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-edit-box__suggest {
      animation: .14s ease-out ds-edit-box-suggest-in;
    }

    .ds-edit-box__suggest.is-leaving {
      pointer-events: none;
      animation: .14s ease-in forwards ds-edit-box-suggest-out;
    }
  }

  .ds-vault-dfact, .ds-field-fact {
    color: var(--color-ink-900);
    cursor: default;
    font-size: 13.5px;
  }

  .ds-modal-body.ds-vault-mbody > * {
    flex: none;
  }

  .ds-empty-state.ds-apikeys-empty {
    padding: 40px 24px;
  }

  .ds-apikeys-access {
    flex-wrap: nowrap;
    gap: 4px;
    display: inline-flex;
  }

  .ds-modal-body.ds-apikeys-mbody > * {
    flex: none;
  }

  .ds-apikeys-pick__area {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 500;
  }

  .ds-apikeys-made input {
    font-family: var(--font-mono);
    font-size: 13px;
  }

  .ds-apikeys-created {
    color: var(--color-slate-500);
    white-space: nowrap;
    font-size: 12.5px;
  }

  .ds-apikeys-revoke__next {
    color: var(--color-slate-600);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-apikeys-dswap {
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
  }

  .ds-apikeys-dfoot {
    flex: none;
    gap: 8px;
    padding: 10px 16px 16px;
    display: flex;
  }

  .ds-modal-body.ds-vault-mbody--confirm {
    gap: 8px;
  }

  .ds-vault-break {
    color: var(--color-ink-900);
    margin: 0;
    font-size: 13.5px;
    line-height: 1.55;
  }

  .ds-vault-locked {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  .ds-vault-mbody .ds-seg {
    align-self: flex-start;
  }

  .ds-vault-grow {
    margin: -14px -4px 0;
    padding: 14px 4px 0;
    overflow: hidden;
  }

  .ds-vault-sitemark {
    flex: none;
    display: inline-grid;
    position: relative;
  }

  .ds-vault-sitemark__face {
    grid-area: 1 / 1;
    place-items: center;
    display: grid;
  }

  .ds-modal-ft > .ds-question__privacy {
    text-align: start;
    align-items: flex-start;
    margin: 0 auto 0 0;
  }

  @container ds-subshell (max-width: 560px) {
    .ds-modal-ft:has( > .ds-question__privacy) {
      flex-wrap: wrap;
      row-gap: 12px;
    }

    .ds-modal-ft:has( > .ds-question__privacy) > .ds-btn {
      flex: 100%;
    }

    .ds-modal-ft > .ds-question__privacy {
      text-align: center;
      flex: 100%;
      order: 1;
      align-items: center;
      margin: 0;
    }
  }

  @media (max-width: 560px) {
    .ds-modal-ft:has( > .ds-question__privacy) {
      flex-wrap: wrap;
      row-gap: 12px;
    }

    .ds-modal-ft:has( > .ds-question__privacy) > .ds-btn {
      flex: 100%;
    }

    .ds-modal-ft > .ds-question__privacy {
      text-align: center;
      flex: 100%;
      order: 1;
      align-items: center;
      margin: 0;
    }
  }

  .ds-vault-delete__next {
    color: var(--color-slate-600);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-vault-setup {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .ds-vault-setup__top {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .ds-vault-addmfa {
    align-items: flex-start;
  }

  .ds-vault-qr {
    border-radius: var(--radius-md);
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface);
    text-align: left;
    width: 100%;
    color: var(--color-ink-900);
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: flex;
  }

  .ds-vault-qr--empty {
    cursor: pointer;
    transition: background-color var(--ds-ease-hover), border-color var(--ds-ease-hover);
    border-style: dashed;
  }

  .ds-vault-qr--empty:hover {
    background: var(--color-surface-hover);
    border-color: var(--color-ink-900);
  }

  .ds-vault-qr--empty:disabled {
    cursor: default;
    opacity: .6;
  }

  .ds-vault-qr__img {
    color: var(--color-ink-900);
    border-radius: 4px;
    flex: none;
  }

  .ds-vault-qr__said {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .ds-vault-qr__ok {
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-vault-qr__sub {
    color: var(--color-slate-600);
    font-size: 12px;
    line-height: 1.4;
  }

  .ds-vault-qr--over {
    border-style: solid;
    border-color: var(--color-ink-900);
    background: var(--color-surface-hover);
  }

  .ds-vault-qr__sub--refused {
    color: var(--color-danger-500);
  }

  .ds-vault-qr__pic {
    object-fit: cover;
    width: 56px;
    height: 56px;
  }

  .ds-question__kb {
    justify-content: center;
    align-items: center;
    gap: 26px;
    margin-top: 10px;
    display: flex;
  }

  .ds-question__kb-grp {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .ds-question__keys {
    gap: 6px;
    display: flex;
  }

  .ds-question__key {
    border: 1px solid var(--color-line-strong);
    min-width: 40px;
    height: 24px;
    color: var(--color-ink-900);
    background: #fff;
    border-radius: 36px;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    display: inline-flex;
  }

  .ds-question__key--esc {
    font-family: var(--font-mono);
    opacity: .75;
    font-size: 12px;
  }

  .ds-question__kb-txt {
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    font-size: 12px;
  }

  .ds-composer-seat {
    --ds-seat-b: var(--ds-dock-inset);
    box-sizing: border-box;
    width: 100%;
    max-width: calc(var(--ds-composer-max)  + 48px);
    padding: 10px 24px var(--ds-seat-b);
    margin-inline: auto;
  }

  .ds-composer-seat--tablet {
    max-width: 700px;
    padding: 8px 16px var(--ds-seat-b);
  }

  .ds-composer-seat--mobile {
    max-width: 700px;
    padding: 8px 12px 14px;
  }

  .ds-composer-seat .ds-composer, .ds-composer-seat .ds-pq {
    max-width: none;
  }

  .ds-composer-seat {
    transition: padding-top .24s cubic-bezier(.22, 1, .36, 1);
  }

  .ds-composer-seat:has(.ds-docked-notice) {
    padding-top: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-composer-seat {
      transition: none;
    }
  }

  .ds-chat-col {
    --ds-thread-measure: none;
    --ds-turn-gap: 24px;
    gap: var(--ds-turn-gap);
    flex-direction: column;
    max-width: 700px;
    margin: 0 auto;
    padding: 8px 24px 40px;
    display: flex;
  }

  @media (min-width: 1600px) {
    .ds-chat-col {
      max-width: 816px;
    }
  }

  .ds-chat-col--tablet {
    max-width: 700px;
    padding: 8px 16px 30px;
  }

  .ds-chat-col--mobile {
    width: 100%;
    max-width: 700px;
    padding: 8px 16px 20px;
  }

  .ds-chat-col .ds-chat-col__turn + .ds-chat-col__turn, .ds-chat-col .ds-chat-col__turn + .ds-injected-message--plain, .ds-chat-col .ds-injected-message--plain + .ds-chat-col__turn {
    margin-top: calc(14px - var(--ds-turn-gap));
  }

  .ds-composer {
    background-color: var(--color-surface);
    --ds-composer-pad-t: 14px;
    padding: var(--ds-composer-pad-t) 0 0;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    max-width: 720px;
    transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
    position: relative;
    box-shadow: 0 8px 10px -5px #191f341a;
    container: ds-composer / inline-size;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-composer, .ds-composer__swap-slot {
      transition: none;
    }
  }

  .ds-composer[data-disabled] svg {
    filter: grayscale();
  }

  .ds-composer[data-disabled] {
    opacity: .55;
    pointer-events: none;
  }

  .ds-composer__field {
    max-height: calc(var(--ds-composer-lines, 6) * 1.5 * var(--text-base)  + var(--ds-field-t, 0px)  + var(--ds-field-b, 0px));
    margin-top: calc(var(--ds-field-t, 0px) * -1);
    padding-top: var(--ds-field-t, 0px);
    margin-bottom: calc(var(--ds-field-b, 0px) * -1);
    padding-bottom: var(--ds-field-b, 0px);
    scroll-padding-block: 14px;
  }

  .ds-composer__field.ds-scroll--fade {
    --ds-fade-size: 14px;
  }

  .ds-composer__input {
    display: flow-root;
  }

  .ds-composer__input:first-child {
    --ds-field-t: var(--ds-composer-pad-t, 14px);
  }

  .ds-composer__input:not([data-draft]) {
    --ds-field-b: 7px;
    padding-bottom: 7px;
  }

  .ds-composer__tools {
    align-items: center;
    gap: 2px;
    display: flex;
  }

  .ds-composer__plus-fallback {
    align-items: center;
    display: inline-flex;
  }

  .ds-composer__swap {
    flex: none;
    display: grid;
  }

  .ds-composer__swap[data-empty] {
    display: none;
  }

  .ds-composer__swap-slot {
    grid-area: 1 / 1;
    transition: opacity .18s, transform .2s cubic-bezier(.22, 1, .36, 1), visibility linear;
    display: inline-flex;
  }

  .ds-composer__swap-slot[data-off] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-delay: 0s, 0s, .2s;
    transform: scale(.7);
  }

  .ds-composer__queue {
    flex: none;
    align-items: center;
    margin: -12px -14px;
    padding: 12px 14px;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-composer__swap--touch .ds-btn {
    position: relative;
    overflow: visible;
  }

  .ds-composer__swap--touch .ds-btn:after {
    content: "";
    border-radius: 16px;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  @container ds-composer (max-width: 400px) {
    .ds-composer__tools {
      display: none;
    }
  }

  .ds-composer--docked {
    max-width: none;
    box-shadow: 0 -6px 18px #191f340f;
  }

  .ds-chat-input-wrap {
    width: 100%;
    max-width: 48rem;
    position: relative;
  }

  .ds-chat-input-glow {
    pointer-events: none;
    filter: blur(24px);
    opacity: 0;
    background: linear-gradient(to right, #e43cff33, #ff5f3433, #ffac6f33);
    border-radius: 24px;
    transition: opacity .3s;
    position: absolute;
    inset: -8px;
  }

  .ds-chat-input-glow-spot {
    pointer-events: none;
    filter: blur(32px);
    opacity: 0;
    inset-inline: 48px;
    background: #a855f71a;
    border-radius: 999px;
    height: 40px;
    transition: opacity .3s;
    position: absolute;
    bottom: -20px;
  }

  .ds-chat-input-glow.is-active, .ds-chat-input-glow-spot.is-active {
    opacity: 1;
  }

  .ds-chat-input {
    border: 1px solid var(--color-gray-light, var(--color-line));
    width: 100%;
    box-shadow: var(--shadow-chat-input);
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    padding-top: 12px;
    transition: border-color .2s, box-shadow .2s, background-color .2s, opacity .2s;
    display: flex;
    position: relative;
  }

  .ds-chat-input.is-disabled {
    pointer-events: none;
    opacity: .6;
    background: #f9fafb;
    border-color: #e5e7eb;
  }

  .ds-chat-input__textarea {
    resize: none;
    scrollbar-width: none;
    width: 100%;
    min-height: 24px;
    color: var(--color-ink-900);
    font-family: var(--font-sans);
    background: none;
    border: 0;
    outline: 0;
    padding: 0 14px;
    font-size: 14px;
    line-height: 24px;
    overflow-y: auto;
  }

  .ds-chat-input__textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .ds-chat-input__textarea::placeholder {
    color: var(--color-slate-500);
  }

  .ds-chat-input__actions {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 14px 8px;
    display: flex;
  }

  .ds-chat-input__tool.ds-btn--ghost {
    background: none;
    border-radius: 8px;
  }

  .ds-chat-input__send--pressed {
    transform: scale(.9);
  }

  .ds-chat-input__dropzone {
    z-index: -10;
    pointer-events: none;
    color: var(--color-slate-600);
    font-family: var(--font-sans);
    opacity: 0;
    background: #fffffff2;
    border: 2px dashed #3b82f6;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    transition: opacity .2s;
    display: flex;
    position: absolute;
    inset: -1px;
  }

  .ds-chat-input__dropzone.is-active {
    z-index: 10;
    opacity: 1;
    pointer-events: auto;
  }

  .ds-chat-input__drop-orb {
    color: #1976d2;
    display: inline-flex;
  }

  .ds-chat-input__actions-left, .ds-chat-input__actions-right {
    align-items: center;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .ds-chat-input__actions-right {
    gap: 4px;
    margin-left: auto;
  }

  .ds-chat-input__send svg {
    opacity: .55;
    transition: opacity .15s;
  }

  .ds-chat-input__send:hover:not(:disabled) svg, .ds-chat-input__send:focus-visible svg {
    opacity: 1;
  }

  .ds-chat-input__stop {
    background: linear-gradient(to bottom right, var(--color-gradient-peach), var(--color-gradient-coral), var(--color-gradient-magenta));
    border-radius: 2px;
    width: 12px;
    height: 12px;
    display: block;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-chat-input, .ds-chat-input-glow, .ds-chat-input-glow-spot, .ds-chat-input__send svg {
      transition: none;
    }
  }

  .ds-composer__plusmenu {
    border: 1px solid var(--color-line);
    width: 196px;
    box-shadow: var(--shadow-selected);
    z-index: 40;
    background: #fff;
    border-radius: 16px;
    padding: 6px;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
  }

  .ds-composer__permmenu {
    width: 264px;
  }

  .ds-composer__perm-check {
    color: var(--color-ink-900);
    opacity: 0;
  }

  .ds-composer__perm-row.is-current .ds-composer__perm-check {
    opacity: 1;
  }

  .ds-composer__plusmenu--space {
    width: 248px;
  }

  .ds-composer__space-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    flex: auto;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
  }

  .ds-composer__space-sub {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 72px;
    max-width: 50%;
    color: var(--color-slate-500);
    flex: 0 auto;
    margin-left: auto;
    font-size: 13px;
    overflow: hidden;
  }

  .ds-composer__space-faces {
    flex: none;
    justify-content: flex-start;
    width: 72px;
    margin-left: auto;
    display: inline-flex;
  }

  .ds-composer__arrive {
    z-index: 2;
    pointer-events: none;
    margin-top: -16px;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
  }

  .ds-composer__plus--rang {
    animation: .64s cubic-bezier(.22, 1, .36, 1) ds-plus-ring;
  }

  @keyframes ds-plus-ring {
    0% {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-ink-900) 22%, transparent);
    }

    100% {
      box-shadow: 0 0 0 8px color-mix(in srgb, var(--color-ink-900) 0%, transparent);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-composer__plus--rang {
      animation: none;
    }
  }

  .ds-composer__plus-row {
    cursor: pointer;
    width: 100%;
    font: inherit;
    text-align: left;
    background: none;
    border: none;
    border-radius: 10px;
    align-items: center;
    gap: 11px;
    padding: 9px 10px;
    display: flex;
  }

  .ds-composer button:disabled, .ds-composer button[disabled] {
    filter: grayscale();
  }

  .ds-composer__tools + * {
    margin-left: auto;
  }

  .ds-composer__plus-row:hover, .ds-composer__plus-row.is-hover {
    background: var(--color-surface-hover);
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-composer__plus-row {
      min-height: 44px;
    }
  }

  .ds-composer__plus-row:active {
    background: var(--color-surface-muted);
  }

  .ds-composer__plus-row.is-disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  .ds-composer__plus-row.is-disabled:is(:hover, :active, .is-hover) {
    background: none;
  }

  .ds-composer__plus-row svg {
    stroke-width: 1.7px;
  }

  .ds-composer__dropzone {
    border: 1.5px dashed var(--color-line-strong);
    pointer-events: none;
    z-index: 5;
    border-radius: 11px;
    position: absolute;
    inset: 5px;
  }

  .ds-composer__drop-center {
    pointer-events: none;
    z-index: 6;
    justify-content: center;
    align-items: center;
    gap: 12px;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-composer__drop-orb {
    background: var(--color-surface-muted-2);
    border: 1px solid var(--color-line);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    display: inline-flex;
  }

  .ds-composer__drop-stack {
    text-align: left;
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .ds-composer__drop-lbl {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
  }

  .ds-composer__drop-sub {
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    font-size: 12.5px;
    font-weight: 400;
    line-height: 1.35;
  }

  .ds-attcard {
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface);
    width: 80px;
    height: 80px;
    box-shadow: var(--shadow-button);
    transition: box-shadow var(--ds-ease-hover);
    border-radius: 12px;
    flex: none;
    display: inline-block;
    position: relative;
  }

  .ds-attcard:hover, .ds-attcard:focus-within {
    box-shadow: var(--shadow-elevation);
  }

  .ds-attcard__clip {
    border-radius: inherit;
    background: var(--color-surface-muted);
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .ds-attcard__img, .ds-attcard__poster {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .ds-attcard__img {
    object-fit: cover;
    transition: opacity .3s cubic-bezier(.22, 1, .36, 1);
    display: block;
  }

  .ds-attcard--pending .ds-attcard__img {
    opacity: 0;
  }

  .ds-attcard__doc {
    background: #fff;
    flex-direction: column;
    gap: 5px;
    padding: 11px 12px;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-attcard__doc i {
    background: var(--color-slate-200);
    border-radius: 2px;
    height: 3.5px;
    display: block;
  }

  .ds-attcard__fail {
    color: var(--color-slate-500);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    padding-bottom: 14px;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-attcard__fail .ds-btn {
    height: 22px;
    padding: 0 6px;
    font-size: 11px;
  }

  .ds-attcard__namebar {
    color: #fff;
    font-family: var(--font-sans);
    white-space: nowrap;
    transition: opacity var(--ds-ease-hover);
    background: linear-gradient(to top, #00000080, #0000 88%);
    border-radius: 0 0 12px 12px;
    align-items: center;
    gap: 5px;
    padding: 18px 6px 5px;
    font-size: 10px;
    font-weight: 500;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .ds-attcard__namebar:before {
    content: "";
    border-radius: inherit;
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
    pointer-events: none;
    background: linear-gradient(to top, #000000e0, #0000 95%);
    position: absolute;
    inset: 0;
  }

  .ds-attcard__namebar > * {
    position: relative;
  }

  .ds-attcard:hover .ds-attcard__namebar:before, .ds-attcard:focus-within .ds-attcard__namebar:before {
    opacity: 1;
  }

  .ds-attcard--failed .ds-attcard__namebar:before {
    display: none;
  }

  .ds-attcard--pending .ds-attcard__namebar {
    opacity: .75;
  }

  .ds-attcard--pending:hover .ds-attcard__namebar {
    opacity: 1;
  }

  .ds-attcard--failed .ds-attcard__namebar {
    color: var(--color-ink-700);
    background: linear-gradient(to top, var(--color-surface-muted), #fff0 92%);
  }

  .ds-attcard__namebar > svg, .ds-attcard__namebar > img {
    filter: drop-shadow(0 1px 2px #000000d9);
    flex: none;
  }

  .ds-attcard--failed .ds-attcard__namebar > svg, .ds-attcard--failed .ds-attcard__namebar > img {
    filter: none;
  }

  .ds-attcard__nm {
    text-shadow: 0 1px 3px #000000d9;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .ds-attcard__meta {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    opacity: .9;
    text-shadow: 0 1px 3px #000000d9;
    flex: none;
  }

  .ds-attcard--failed .ds-attcard__nm, .ds-attcard--failed .ds-attcard__meta {
    text-shadow: none;
  }

  .ds-attcard__rm {
    z-index: 4;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    width: 22px;
    height: 22px;
    color: var(--color-ink-700);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    top: -7px;
    right: -7px;
  }

  .ds-attcard:hover .ds-attcard__rm, .ds-attcard:focus-within .ds-attcard__rm, .ds-attcard__rm:focus-visible {
    opacity: 1;
  }

  .ds-attcard__rm:hover {
    background: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  .ds-attcard__rm svg {
    stroke-width: 2.4px;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-attcard__rm {
      opacity: 1;
    }
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-attcard__rm:after {
      content: "";
      position: absolute;
      inset: -5px;
    }
  }

  .ds-attcard--name-on-hover .ds-attcard__namebar {
    background: linear-gradient(to top, #000000bf, #0000 92%);
  }

  .ds-attcard--name-on-hover .ds-attcard__namebar > img {
    width: 18px;
    height: 18px;
  }

  .ds-attcard--name-on-hover .ds-attcard__nm {
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
  }

  .ds-attcard--name-on-hover:hover .ds-attcard__nm, .ds-attcard--name-on-hover:focus-within .ds-attcard__nm {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-attcard--name-on-hover .ds-attcard__nm {
      opacity: 1;
    }
  }

  .ds-attcard--text {
    width: 200px;
  }

  .ds-attcard__open {
    z-index: 1;
    border-radius: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  .ds-attcard__open:focus-visible {
    outline: 2px solid var(--color-slate-500);
    outline-offset: 3px;
  }

  .ds-attcard--text .ds-attcard__clip {
    background: var(--color-surface);
    padding: 8px 10px;
  }

  .ds-attcard--text .ds-attcard__clip:after {
    content: "";
    background: linear-gradient(to bottom, #fff0, var(--color-surface));
    pointer-events: none;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .ds-attcard__head {
    font-family: var(--font-sans);
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    display: flex;
  }

  .ds-attcard__head > svg {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-attcard--text .ds-attcard__nm {
    color: var(--color-ink-900);
    white-space: nowrap;
    text-shadow: none;
    font-size: 12px;
    font-weight: 500;
  }

  .ds-attcard--text .ds-attcard__meta {
    font-variant-numeric: normal;
    color: var(--color-slate-500);
    opacity: 1;
    text-shadow: none;
    font-family: inherit;
    font-size: 11px;
  }

  .ds-attcard__text {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    max-height: 3lh;
    font-size: 11.5px;
    line-height: 1.5;
    display: block;
    overflow: hidden;
  }

  .ds-composer-atts .ds-att-strip {
    --ds-edge-fade-w: 32px;
    --ds-edge-fade-b: 12px;
    margin-top: -8px;
  }

  .ds-composer-atts .ds-att-strip__track {
    align-items: center;
    gap: 10px;
    padding: 8px 14px 12px;
    position: relative;
  }

  .ds-composer-atts__item {
    display: flex;
  }

  .ds-composer-atts .ds-edge-fade {
    top: 8px;
  }

  .ds-composer-atts .ds-att-strip__arrow {
    top: calc(50% - 2px);
  }

  .ds-composer-atts .ds-att-strip__arrow.ds-edge-arrow--prev {
    left: 6px;
  }

  .ds-composer-atts .ds-att-strip__arrow.ds-edge-arrow--next {
    right: 6px;
  }

  @container ds-composer (max-width: 700px) {
    .ds-composer-atts .ds-att-strip__track {
      gap: 8px;
    }
  }

  .ds-modelpicker__menu {
    width: min(320px, 100vw - 32px);
  }

  .ds-modelpicker__menu-box {
    padding: 6px;
    overflow: visible;
  }

  .ds-modelpicker__menu-box .ds-mi {
    color: var(--color-ink-900);
  }

  .ds-modelpicker__menu-box .ds-mi__stack, .ds-modelpicker__list .ds-mi__stack {
    min-width: 0;
  }

  .ds-modelpicker__menu-box .ds-mi__sub, .ds-modelpicker__list .ds-mi__sub {
    white-space: nowrap;
    overflow: hidden;
  }

  .ds-modelpicker__menu-box .ds-mi--wrap .ds-mi__sub {
    white-space: normal;
  }

  .ds-modelpicker__tag {
    vertical-align: middle;
    margin-block: -4px;
    margin-inline-start: 7px;
    display: inline-flex;
  }

  .ds-modelpicker__menu-box .ds-mi.sel {
    background: var(--color-surface-muted-2);
  }

  .ds-modelpicker__menu-label, .ds-modelpicker__submenu-box > .ds-menu__label {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 6px 10px 4px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.66;
  }

  .ds-modelpicker__other-anchor {
    margin-top: 7px;
    position: relative;
  }

  .ds-modelpicker__submenu-box {
    padding: 6px;
  }

  .ds-modelpicker__mark {
    background: var(--color-surface-muted-2);
    border: 1px solid var(--color-line);
    color: var(--color-slate-700);
    font-family: var(--font-mono);
    border-radius: 5px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
  }

  .ds-modelpicker__mark--plain {
    color: var(--color-slate-600);
    background: none;
    border: 0;
  }

  .ds-modelpicker__trigger {
    transition: background-color var(--ds-ease-hover), color var(--ds-ease-hover);
  }

  .ds-modelpicker__trigger--field {
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface);
    box-shadow: var(--shadow-button);
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-modelpicker__trigger--field:not(.ds-modelpicker__trigger--genius) {
      position: relative;
    }

    .ds-modelpicker__trigger--field:not(.ds-modelpicker__trigger--genius):after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: -1px;
      right: -1px;
      transform: translateY(-50%);
    }
  }

  .ds-modelpicker__trigger--genius {
    isolation: isolate;
    color: var(--color-ink-900);
    border: 1px solid var(--color-line);
    background: var(--color-surface);
    box-shadow: var(--shadow-xs);
    animation: .52s cubic-bezier(.16, 1, .3, 1) both ds-genius-trigger-outline;
    position: relative;
    overflow: hidden;
  }

  .ds-modelpicker__genius-trigger-badge {
    background: linear-gradient(var(--color-surface), var(--color-surface)) padding-box, var(--brand-gradient-cta) border-box;
    height: 20px;
    color: var(--color-ink-900);
    font-family: var(--font-sans);
    border: 1px solid #0000;
    border-radius: 6px;
    align-items: center;
    gap: 4px;
    padding: 0 7px 0 5px;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    position: relative;
    box-shadow: 0 2px 7px #e43cff12;
  }

  .ds-modelpicker__genius.ds-modelpicker__effort {
    min-height: 0;
    margin: 7px 2px 2px;
    padding: 12px;
  }

  .ds-modelpicker__effort.is-off {
    opacity: .6;
  }

  .ds-modelpicker__effort .ds-modelpicker__genius-scale-labels {
    position: relative;
  }

  .ds-modelpicker__effort-stop.is-mid {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
  }

  .ds-modelpicker__effort .ds-modelpicker__genius-thumb {
    top: 2px;
  }

  .ds-modelpicker__effort-stop {
    color: var(--color-slate-600);
    font: inherit;
    cursor: pointer;
    transition: color var(--ds-ease-hover);
    padding: 2px 0;
    font-size: 10.5px;
  }

  .ds-modelpicker__effort-stop:hover, .ds-modelpicker__effort-stop.is-picked {
    color: var(--color-ink-900);
    font-weight: 600;
  }

  .ds-modelpicker__effort-stop:disabled {
    cursor: default;
    color: var(--color-slate-400);
    font-weight: 400;
  }

  .ds-modelpicker__retry {
    color: var(--color-ink-900);
    font-family: var(--font-sans);
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
  }

  .ds-modelpicker__genius {
    border: 1px solid var(--color-line);
    background: var(--color-surface);
    min-height: 88px;
    color: var(--color-ink-900);
    cursor: default;
    transition: border-color var(--ds-ease-hover), box-shadow .22s ease, background-color var(--ds-ease-hover);
    border-radius: 12px;
    margin: 10px 2px 2px;
    padding: 11px 12px 10px;
    position: relative;
    overflow: hidden;
  }

  .ds-modelpicker__genius--switch {
    min-height: 0;
  }

  .ds-modelpicker__genius-toggle {
    z-index: 1;
    cursor: pointer;
    outline: none;
    position: relative;
  }

  .ds-modelpicker__genius:has(.ds-modelpicker__genius-toggle:hover) {
    border-color: var(--color-line-strong);
    background: var(--color-surface-muted);
  }

  .ds-modelpicker__genius:has(.ds-modelpicker__genius-toggle:focus-visible) {
    box-shadow: 0 0 0 3px #ff5f3424, 0 0 0 5px #e43cff14;
  }

  .ds-modelpicker__genius.is-on:has(.ds-modelpicker__genius-toggle:hover) {
    background: linear-gradient(var(--color-surface), var(--color-surface)) padding-box, var(--brand-gradient-cta) border-box;
  }

  .ds-modelpicker__genius-copy {
    flex-direction: column;
    flex: 1;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-modelpicker__genius-sub {
    color: var(--color-slate-600);
    font-family: var(--font-sans);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.35;
  }

  .ds-modelpicker__genius.is-on {
    background: linear-gradient(#fffffff0, #fffffff0) padding-box, var(--brand-gradient-cta) border-box;
    border-color: #0000;
    animation: .72s cubic-bezier(.16, 1, .3, 1) both ds-genius-card-awaken;
    box-shadow: 0 8px 26px #ff5f341a, 0 8px 24px #e43cff14;
  }

  .ds-modelpicker__genius-glow {
    pointer-events: none;
    opacity: 0;
    background-image: linear-gradient(90deg, #0000 72%, #fffffff0 72%), linear-gradient(0deg, #0000 72%, #ffffffd1 72%), linear-gradient(90deg, #ffac6f1f, #ff5f3433, #e43cff2e);
    background-size: 9px 9px, 9px 9px, 100% 100%;
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
  }

  .ds-modelpicker__genius.is-on .ds-modelpicker__genius-glow {
    animation: .84s cubic-bezier(.16, 1, .3, 1) both ds-genius-card-wave;
  }

  .ds-modelpicker__genius-head {
    z-index: 1;
    align-items: center;
    display: flex;
    position: relative;
  }

  .ds-modelpicker__genius-title {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.3;
  }

  .ds-modelpicker__genius-scale {
    z-index: 1;
    flex-direction: column;
    gap: 3px;
    margin-top: 8px;
    display: flex;
    position: relative;
  }

  .ds-modelpicker__genius-scale-labels {
    color: var(--color-ink-600);
    font-family: var(--font-sans);
    justify-content: space-between;
    align-items: center;
    font-size: 9.5px;
    line-height: 1.2;
    display: flex;
  }

  .ds-modelpicker__genius-track {
    background: linear-gradient(90deg, #e4e6e9 0%, #f2eeeb 58%, #f1e5df 100%);
    border: 0;
    border-radius: 8px;
    height: 22px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #1d263024;
  }

  .ds-modelpicker__genius-track:after {
    content: "";
    pointer-events: none;
    opacity: .58;
    background-image: repeating-linear-gradient(90deg, #0000 0 5px, #ffffffb8 5px 7px), repeating-linear-gradient(0deg, #0000 0 5px, #fff9 5px 7px);
    border-radius: 7px;
    position: absolute;
    inset: 1px;
    -webkit-mask-image: linear-gradient(90deg, #0000 6%, #000 38% 92%, #0000);
    mask-image: linear-gradient(90deg, #0000 6%, #000 38% 92%, #0000);
  }

  .ds-modelpicker__genius.is-on .ds-modelpicker__genius-track {
    background: linear-gradient(90deg, #dddfe3 0%, var(--color-brand-peach) 42%, #ff5f34 70%, var(--color-brand-magenta) 100%);
  }

  .ds-modelpicker__genius-thumb {
    z-index: 2;
    background: #fff;
    border: 1px solid #1d26301f;
    border-radius: 6px;
    width: 18px;
    height: 18px;
    transition: left .28s cubic-bezier(.16, 1, .3, 1), box-shadow .22s;
    position: absolute;
    top: 1px;
    left: 1px;
    box-shadow: 0 2px 7px #1d26302e;
  }

  .ds-modelpicker__genius.is-on .ds-modelpicker__genius-thumb {
    box-shadow: 0 2px 9px #ff5f3447;
  }

  @keyframes ds-genius-trigger-outline {
    0% {
      opacity: .72;
      transform: scale(.985);
    }

    60% {
      opacity: 1;
      transform: scale(1.008);
    }

    100% {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes ds-genius-card-awaken {
    0% {
      opacity: .72;
      filter: saturate(.7);
      transform: scaleX(.988);
    }

    60% {
      opacity: 1;
      filter: saturate(1.12);
      transform: scaleX(1.006);
    }

    100% {
      opacity: 1;
      filter: none;
      transform: none;
    }
  }

  @keyframes ds-genius-card-wave {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }

    35% {
      opacity: .55;
    }

    100% {
      opacity: .08;
      transform: translateX(100%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-modelpicker__trigger--genius, .ds-modelpicker__genius.is-on, .ds-modelpicker__genius.is-on .ds-modelpicker__genius-glow {
      animation: none;
    }

    .ds-modelpicker__genius, .ds-modelpicker__genius-thumb {
      transition: none;
    }
  }

  .ds-pq {
    --ds-pq-line-h: 20px;
    --ds-pq-pad-y: 8px;
    --ds-pq-row-h: 34px;
    --ds-pq-gap: 6px;
    --ds-pq-acts-w: 58px;
    gap: var(--ds-pq-gap);
    flex-direction: column;
    max-width: 720px;
    display: flex;
  }

  .ds-pq--multi {
    --ds-pq-row-h: calc(var(--ds-pq-lines, 1) * var(--ds-pq-line-h)  + 2 * var(--ds-pq-pad-y));
  }

  .ds-pq--single.ds-pq--touch {
    --ds-pq-row-h: 40px;
  }

  .ds-pq--touch {
    --ds-pq-acts-w: 66px;
  }

  .ds-pq--multi.ds-pq--touch {
    --ds-pq-pad-y: 11px;
  }

  .ds-pq__label {
    align-items: center;
    gap: 6px;
    padding-left: 2px;
    display: flex;
  }

  .ds-pq__label--btn {
    cursor: pointer;
    text-align: left;
    background: none;
    border: none;
    width: 100%;
    padding: 2px 2px 2px 0;
  }

  .ds-pq__chev {
    transition: transform .2s;
  }

  .ds-pq__chev--closed {
    transform: rotate(-90deg);
  }

  .ds-pq__empty {
    font-family: var(--font-sans);
    color: var(--color-fg3);
    padding: 2px 2px 4px;
    font-size: 13.5px;
  }

  .ds-pq__list-box {
    --ds-pq-bleed-x: 12px;
    --ds-pq-bleed-y: 10px;
    max-height: calc(var(--ds-pq-rows, 3) * var(--ds-pq-row-h)  + (round(up, var(--ds-pq-rows, 3), 1)  - 1) * var(--ds-pq-gap)  + 2 * var(--ds-pq-bleed-y));
    padding: var(--ds-pq-bleed-y) var(--ds-pq-bleed-x);
    margin: calc(-1 * var(--ds-pq-bleed-y)) calc(-1 * var(--ds-pq-bleed-x));
  }

  .ds-pq__list {
    gap: var(--ds-pq-gap);
    flex-direction: column;
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .ds-pq__row {
    box-sizing: border-box;
    height: var(--ds-pq-row-h);
    --ds-clamp-bg: #fff;
    --ds-clamp-fade-h: calc(var(--ds-pq-line-h) * .8);
    -webkit-backdrop-filter: blur(22px) saturate(1.5);
    backdrop-filter: blur(22px) saturate(1.5);
    font-family: var(--font-sans);
    color: var(--color-ink-700);
    transition: background var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    background: #ffffff8c;
    border: 1px solid #ffffffb3;
    border-radius: 12px;
    flex: none;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    font-size: 14px;
    display: flex;
    position: relative;
    box-shadow: 0 6px 18px #1d263012, inset 0 1px #ffffff80, 0 0 0 1px #1d26300a;
  }

  .ds-pq--touch .ds-pq__row {
    padding: 0 14px;
  }

  .ds-pq--multi .ds-pq__row {
    height: auto;
    padding-top: var(--ds-pq-pad-y);
    padding-bottom: var(--ds-pq-pad-y);
    align-items: flex-start;
  }

  .ds-pq__row:hover {
    background: #ffffffc7;
  }

  .ds-pq--touch .ds-pq__row:active {
    background: #ffffffe6;
  }

  .ds-pq__row--ghost, .ds-pq__row--ghost:hover {
    box-shadow: none;
    background: #ffffff52;
    border-color: #ffffff80;
  }

  .ds-pq__body {
    flex: 1;
    min-width: 0;
    display: block;
  }

  .ds-pq--single .ds-pq__body {
    white-space: nowrap;
    line-height: calc(var(--ds-pq-row-h)  - 2px);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(var(--ds-pq-mask-end, 100%)  - 32px), transparent var(--ds-pq-mask-end, 100%));
    -webkit-mask-image: linear-gradient(90deg, #000 calc(var(--ds-pq-mask-end, 100%)  - 32px), transparent var(--ds-pq-mask-end, 100%));
    -webkit-mask-image: linear-gradient(90deg, #000 calc(var(--ds-pq-mask-end, 100%)  - 32px), transparent var(--ds-pq-mask-end, 100%));
    mask-image: linear-gradient(90deg, #000 calc(var(--ds-pq-mask-end, 100%)  - 32px), transparent var(--ds-pq-mask-end, 100%));
    overflow: hidden;
  }

  .ds-pq--multi .ds-pq__text {
    line-height: var(--ds-pq-line-h);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }

  .ds-pq__atts {
    flex: none;
    align-items: center;
    gap: 4px;
    max-width: 45%;
    transition: margin .15s;
    display: flex;
  }

  .ds-pq--multi .ds-pq__atts {
    align-self: center;
  }

  .ds-pq__hint {
    font-family: var(--font-mono);
    font-size: 12.5px;
    line-height: var(--ds-pq-line-h);
    color: var(--color-ink-400);
    white-space: nowrap;
    flex: none;
  }

  .ds-pq__row--ghost .ds-pq__hint {
    margin-right: 42px;
  }

  .ds-pq__actions {
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ds-ease-hover);
    gap: 2px;
    display: flex;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }

  .ds-pq__actions--open {
    opacity: 1;
    pointer-events: auto;
  }

  .ds-pq__actions--inline {
    opacity: 1;
    pointer-events: auto;
    flex: none;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    position: static;
    transform: none;
  }

  .ds-pq__actions--inline:before {
    display: none;
  }

  .ds-pq--multi .ds-pq__actions--inline {
    margin-top: -6px;
  }

  .ds-pq--touch.ds-pq--multi .ds-pq__row--acting {
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .ds-pq--touch.ds-pq--multi .ds-pq__row--acting .ds-pq__body {
    flex-basis: 100%;
  }

  .ds-pq--touch.ds-pq--multi .ds-pq__row--acting .ds-pq__actions--inline {
    margin-top: 0;
  }

  .ds-pq__row--danger .ds-pq__hint {
    color: var(--color-danger-500);
  }

  .ds-pq--touch .ds-pq__actions {
    gap: 12px;
  }

  .ds-pq__actions:before {
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, #fff0, #fff 45%);
    border-radius: 10px;
    position: absolute;
    inset: -3px -2px -3px -28px;
  }

  .ds-pq--multi .ds-pq__actions {
    top: calc(var(--ds-pq-pad-y)  + var(--ds-pq-line-h) / 2);
    transform: translateY(-50%);
  }

  .ds-pq__actions:focus-within {
    opacity: 1;
    pointer-events: auto;
  }

  .ds-pq__row .ds-pq__ico.ds-btn {
    position: relative;
  }

  .ds-pq--touch .ds-pq__row .ds-pq__ico.ds-btn {
    overflow: visible;
  }

  .ds-pq--touch .ds-pq__ico:after {
    content: "";
    position: absolute;
    inset: -6px;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-pq__row, .ds-pq__atts, .ds-pq__actions, .ds-pq__chev {
      transition: none;
    }
  }

  .ds-pq-btn {
    color: #fff;
    height: 32px;
    font-family: var(--font-sans);
    letter-spacing: -.01em;
    box-shadow: var(--shadow-button), 0 4px 12px #1d263029;
    cursor: pointer;
    white-space: nowrap;
    transition: background var(--ds-ease-hover), transform var(--ds-ease-hover), box-shadow var(--ds-ease-hover), opacity var(--ds-ease-hover);
    background: #404040;
    border: none;
    border-radius: 12px;
    align-items: center;
    gap: 6px;
    padding: 0 10px 0 16px;
    font-size: 14px;
    font-weight: 400;
    display: inline-flex;
    position: relative;
  }

  .ds-pq-btn:after {
    content: "";
    border-radius: 16px;
    position: absolute;
    inset: -6px;
  }

  .ds-pq-btn__key {
    color: #ffffffb8;
  }

  .ds-pq-btn--hover, .ds-pq-btn:hover {
    background: #2e2e2e;
    box-shadow: 0 6px 18px #1d263038;
  }

  .ds-pq-btn--active, .ds-pq-btn:active {
    box-shadow: var(--shadow-xs);
    background: #232323;
    transform: translateY(.5px);
  }

  .ds-pq-btn:disabled {
    pointer-events: none;
    opacity: .4;
  }

  .ds-pq-btn--touch {
    padding: 0 16px;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-pq-btn {
      transition: none;
    }
  }

  @media (max-width: 1024px) {
    .ds-pq {
      max-width: 100%;
    }

    .ds-pq--single {
      --ds-pq-row-h: 40px;
    }

    .ds-pq--multi {
      --ds-pq-pad-y: 11px;
    }
  }

  [data-tip-press] {
    -webkit-touch-callout: none;
  }

  .ds-tooltip {
    z-index: var(--ds-tooltip-z, 120);
    width: max-content;
    max-width: min(250px, 100vw - 16px);
    font-family: var(--font-sans);
    pointer-events: none;
    background: var(--color-surface);
    color: var(--color-fg1);
    border: 1px solid var(--color-line);
    border-radius: 12px;
    transition: opacity .14s, transform .14s;
    position: fixed;
    box-shadow: 0 10px 28px #1d263029;
  }

  @starting-style {
    .ds-tooltip {
      opacity: 0;
    }

    .ds-tooltip--top {
      transform: translateY(3px);
    }

    .ds-tooltip--bottom {
      transform: translateY(-3px);
    }

    .ds-tooltip--left {
      transform: translateX(3px);
    }

    .ds-tooltip--right {
      transform: translateX(-3px);
    }
  }

  .ds-tooltip--interactive {
    pointer-events: auto;
  }

  .ds-tooltip--chip {
    padding: 6px 11px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .ds-tooltip--card {
    align-items: flex-start;
    gap: 10px;
    padding: 9px 13px;
    display: flex;
  }

  .ds-tooltip__glyph {
    color: var(--color-fg2);
    flex: none;
    margin-top: 1px;
    margin-left: -2px;
    display: inline-flex;
  }

  .ds-tooltip__col {
    flex-direction: column;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-tooltip__title {
    color: var(--color-fg1);
    text-wrap: pretty;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.35;
  }

  .ds-tooltip__meta {
    color: var(--color-fg2);
    font-variant-numeric: tabular-nums;
    font-size: 11px;
    line-height: 1.35;
  }

  .ds-tooltip__snippet {
    color: var(--color-fg2);
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.45;
  }

  .ds-tooltip--rich {
    max-width: min(320px, 100vw - 16px);
  }

  .ds-tooltip--rich .ds-tooltip__meta {
    margin-top: 4px;
  }

  .ds-tooltip--list {
    align-items: stretch;
    max-width: min(300px, 100vw - 16px);
  }

  .ds-tooltip__list {
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    display: flex;
  }

  .ds-tooltip__row {
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  .ds-tooltip__row--link {
    color: inherit;
    transition: background-color var(--ds-ease-hover);
    border-radius: 8px;
    margin: -4px -7px;
    padding: 4px 7px;
    text-decoration: none;
  }

  .ds-tooltip__row--link:hover, .ds-tooltip__row--link:focus-visible {
    background: var(--color-surface-hover);
    outline: none;
  }

  .ds-cite {
    vertical-align: middle;
    margin: 0 1px 0 0;
    display: inline-flex;
  }

  .ds-cite--arriving {
    animation: .32s ease-out both ds-cite-in;
  }

  @keyframes ds-cite-in {
    from {
      opacity: 0;
      transform: translateY(2px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .ds-cite__marks {
    align-items: center;
    gap: 3px;
    display: inline-flex;
  }

  .ds-cite .ds-ichip__glyph {
    margin-left: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-cite--arriving {
      animation: none;
    }

    .ds-tooltip {
      transition: none;
    }

    .ds-msg-actions__btn svg {
      transition: none;
      animation: none;
    }
  }

  .ds-progress {
    background-color: var(--color-slate-200);
    border-radius: 999px;
    width: 100%;
    height: 6px;
    overflow: hidden;
  }

  .ds-progress--lg {
    height: 10px;
  }

  .ds-progress__fill {
    background-color: var(--color-ink-900);
    border-radius: 999px;
    height: 100%;
    transition: width .4s cubic-bezier(.4, 0, .2, 1);
    display: block;
  }

  .ds-progress__fill--gradient {
    background: var(--brand-gradient-cta);
  }

  .ds-progress__fill--success {
    background-color: var(--color-success-500);
  }

  .ds-progress__fill--danger {
    background-color: var(--color-danger-500);
  }

  .ds-progress__fill--warning {
    background-color: var(--color-warning-500);
  }

  .ds-progress--split {
    background: var(--color-danger-100);
  }

  .ds-progress__fill--split {
    background-color: var(--color-success-500);
    border-radius: 0;
  }

  .ds-chart-line {
    width: 100%;
    display: block;
  }

  .ds-chart-line svg.apexcharts-svg, .ds-chart-bars svg.apexcharts-svg {
    overflow: visible;
  }

  .ds-menu-trigger[aria-expanded="true"] > svg:last-child:not(:first-child) {
    transform: rotate(180deg);
  }

  .ds-picker-chev {
    flex: none;
    transition: transform .16s cubic-bezier(.4, 0, .2, 1);
  }

  .ds-menu-trigger[aria-expanded="true"] > svg.ds-picker-chev:last-child, .ds-menu-trigger[aria-expanded="true"] > .ds-btn__glyph:last-child > svg.ds-picker-chev {
    transform: rotate(90deg);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-picker-chev {
      transition: none;
    }
  }

  .ds-menu-trigger > svg:last-child:not(:first-child) {
    transition: transform .16s cubic-bezier(.4, 0, .2, 1), opacity var(--ds-ease-hover), color var(--ds-ease-hover), max-width var(--ds-ease-hover), margin-left var(--ds-ease-hover);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-menu-trigger > svg:last-child:not(:first-child) {
      transition: none;
    }
  }

  .ds-empty-state.ds-chart-empty {
    min-height: 132px;
    padding: 0;
  }

  .ds-chart-empty, .ds-chart-empty-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 100%;
    min-height: 96px;
    display: flex;
  }

  .ds-chart-card {
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    min-width: 0;
    box-shadow: var(--shadow-elevation);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .apexcharts-canvas .apexcharts-legend {
      margin-top: -15px;
      padding-block: 15px !important;
    }

    .apexcharts-legend-series {
      position: relative;
    }

    .apexcharts-legend-series:after {
      content: "";
      position: absolute;
      inset: -15px -7px;
    }
  }

  .ds-chart-swatch {
    background: currentColor;
    border-radius: 2px;
    flex: none;
    width: 8px;
    height: 8px;
    display: block;
  }

  .ds-chart-card--fill {
    overflow: hidden;
  }

  .ds-chart-grid {
    container: ds-chart-grid / inline-size;
  }

  .ds-chart-grid__cells {
    grid-template-columns: repeat(var(--ds-chart-grid-cols, 4), minmax(0, 1fr));
    gap: 16px;
    display: grid;
  }

  .ds-chart-grid__cells > .ds-chart-card {
    aspect-ratio: 6 / 5;
    overflow: hidden;
  }

  @container ds-chart-grid (max-width: 900px) {
    .ds-chart-grid__cells {
      grid-template-columns: repeat(min(2, var(--ds-chart-grid-cols, 4)), minmax(0, 1fr));
    }
  }

  @container ds-chart-grid (max-width: 560px) {
    .ds-chart-grid__cells {
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
    }
  }

  .ds-chart-card__head {
    min-height: 30px;
    padding: var(--ds-chart-card-pad, 14px 18px 4px);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 8px 12px;
    display: flex;
  }

  .ds-chart-card__title {
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-chart-card__head--info {
    flex-wrap: nowrap;
    align-items: baseline;
  }

  .ds-chart-card__lead {
    flex-wrap: wrap;
    flex: auto;
    justify-content: space-between;
    align-items: center;
    gap: 8px 12px;
    min-width: 0;
    display: flex;
  }

  .ds-chart-card__info {
    flex: none;
  }

  .ds-chart-card__head .ds-btn--ghost:not(.ds-btn--icon) {
    max-width: calc(100% + var(--ds-btn-pl));
    margin-inline-start: calc(-1 * var(--ds-btn-pl));
  }

  .ds-chart-card__figure {
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
  }

  .ds-chart-card__wrap {
    min-width: 0;
    padding: 4px 12px 12px;
  }

  .ds-chart-card--fill .ds-chart-card__wrap, .ds-chart-grid__cells > * > .ds-chart-card__wrap {
    flex: auto;
    min-height: 0;
    padding: 0;
    position: relative;
  }

  .ds-chart-card--fill .ds-chart-card__wrap > *, .ds-chart-grid__cells > * > .ds-chart-card__wrap > * {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  @media (max-width: 768px) {
    .ds-chart-card {
      --ds-chart-card-pad: 12px 14px 4px;
      --ds-chart-card-inset: 14px;
    }

    .ds-chart-card__wrap {
      padding: 4px 6px 8px;
    }
  }

  .ds-chart-card__wrap > [data-x-axis] {
    right: calc(var(--ds-chart-card-inset, 18px)  - var(--ds-chart-x-overhang, 0px));
    width: auto;
  }

  .ds-chart-card__wrap > [data-x-axis] .apexcharts-legend {
    padding-right: var(--ds-chart-x-overhang, 0px) !important;
  }

  .ds-chart-card__wrap > [data-x-axis] .apexcharts-legend-series:last-child {
    margin-right: 0 !important;
  }

  [data-x-ends] .apexcharts-xaxis-texts-g > text:last-of-type {
    text-anchor: end;
  }

  [data-x-ends="both"] .apexcharts-xaxis-texts-g > text:first-of-type {
    text-anchor: start;
  }

  .ds-chart-card__wrap > [data-x-axis]:not([data-y-axis]) {
    left: var(--ds-chart-card-inset, 18px);
  }

  .ds-chart-line, .ds-chart-bars, .ds-chart-donut, .ds-chart-barlist {
    --ds-skel-sheen: var(--color-slate-200);
  }

  @media (prefers-reduced-motion: no-preference) {
    :is(.ds-chart-line, .ds-chart-bars, .ds-chart-donut, .ds-chart-barlist):not([aria-busy="true"]), .ds-chart-empty-wrap {
      animation: .22s ease-out ds-fade-in;
    }
  }

  .ds-chart-skel {
    --skel-top: 12px;
    --skel-axis: 4px;
    width: 100%;
    height: 100%;
    padding: var(--skel-top) 0 var(--skel-axis);
    box-sizing: border-box;
    position: relative;
  }

  .ds-chart-skel--axis {
    --skel-top: 12px;
    --skel-axis: 40px;
  }

  .ds-chart-skel__xlabels {
    left: 0;
    right: 0;
    bottom: calc((var(--skel-axis)  - 9px) / 2);
    justify-content: space-between;
    padding: 0 4px;
    display: flex;
    position: absolute;
  }

  .ds-chart-skel__bars {
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .ds-chart-skel--grid {
    background-image: repeating-linear-gradient(to bottom, var(--color-line) 0 1px, transparent 1px 20%);
    background-position: 0 var(--skel-top);
    background-size: 100% calc(100% - var(--skel-top)  - var(--skel-axis)  + 1px);
    background-repeat: no-repeat;
  }

  .ds-chart-donut {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .ds-chart-bars {
    width: 100%;
    display: block;
  }

  .ds-chart-bars__bar {
    min-width: 2px;
  }

  .ds-dt__pin {
    z-index: 1;
    --ds-dt-pin-bg: var(--color-surface);
    background-color: var(--ds-dt-pin-bg);
    transition: background-color var(--ds-ease-hover);
    position: sticky;
    right: 0;
  }

  th.ds-dt__pin {
    --ds-dt-pin-bg: var(--color-surface-muted);
  }

  .ds-dt__pin:before {
    content: "";
    width: var(--ds-fade-r, 0px);
    background: linear-gradient(to right, transparent, var(--ds-dt-pin-bg));
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
  }

  .ds-dt__card--pin-end .ds-scroll--x.ds-scroll--fade {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--ds-fade-l), #000 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--ds-fade-l), #000 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--ds-fade-l), #000 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--ds-fade-l), #000 100%);
  }

  .ds-dt__row--sel {
    background: var(--color-surface-selected);
  }

  .ds-dt__row--sel:hover {
    background: var(--color-surface-selected-hover);
  }

  .ds-dt__row--gone td {
    animation: .2s cubic-bezier(.22, 1, .36, 1) forwards ds-dt-row-fold;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-dt__row--arrive {
      animation: .22s ease-out ds-fade-in;
    }
  }

  @keyframes ds-dt-row-fold {
    to {
      opacity: 0;
      transform: translateX(12px);
    }
  }

  .ds-dt__expand > td {
    padding: 0;
  }

  .ds-dt__expand-body {
    padding: 0 14px 12px;
  }

  .ds-dt__expand-body--flush {
    padding: 0;
  }

  .ds-dt__card {
    background-image: linear-gradient(var(--color-surface-muted), var(--color-surface-muted));
    background-size: 100% var(--ds-dt-head-h, 0px);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-position: 0 var(--dt-head-y, 0px);
    position: relative;
    container-type: inline-size;
  }

  .ds-dt__th {
    z-index: 2;
    background-color: var(--color-surface-muted);
    transform: translateY(var(--dt-head-y, 0px));
  }

  .ds-dt__th:not(.ds-dt__pin) {
    position: relative;
  }

  .ds-dt__card[data-pin="css"] {
    view-timeline: --ds-dt-pin block;
    animation: linear both ds-dt-pin-band;
    animation-timeline: --ds-dt-pin;
    animation-range: exit-crossing 0px exit-crossing var(--dt-pin-end, 0px);
  }

  .ds-dt__card[data-pin="css"] .ds-dt__th, .ds-dt__card[data-pin="css"]:before {
    animation: linear both ds-dt-pin;
    animation-timeline: --ds-dt-pin;
    animation-range: exit-crossing 0px exit-crossing var(--dt-pin-end, 0px);
  }

  @keyframes ds-dt-pin {
    from {
      transform: translateY(0);
    }

    to {
      transform: translateY(var(--dt-pin-end, 0px));
    }
  }

  @keyframes ds-dt-pin-band {
    from {
      clip-path: inset(0 round 12px);
      background-position: 0 0;
    }

    to {
      background-position: 0 var(--dt-pin-end, 0px);
      clip-path: inset(var(--dt-pin-end, 0px) 0 0 0 round 12px);
    }
  }

  .ds-dt__card[data-pinned]:not([data-pin="css"]) {
    clip-path: inset(var(--dt-head-y, 0px) 0 0 0 round 12px);
  }

  .ds-dt__th:after {
    content: "";
    height: min(36px, var(--dt-head-y, 0px));
    pointer-events: none;
    background: linear-gradient(to bottom, var(--color-surface) 0, #ffffffd8 8%, #ffffffb4 16%, #ffffff8f 25%, #ffffff6c 35%, #ffffff40 50%, #ffffff1f 65%, #ffffff0a 80%, transparent 100%);
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-dt__th:after {
      background: linear-gradient(to bottom, var(--color-surface) 0, color-mix(in srgb, var(--color-surface) 84.6%, transparent) 8%, color-mix(in srgb, var(--color-surface) 70.6%, transparent) 16%, color-mix(in srgb, var(--color-surface) 56.2%, transparent) 25%, color-mix(in srgb, var(--color-surface) 42.3%, transparent) 35%, color-mix(in srgb, var(--color-surface) 25%, transparent) 50%, color-mix(in srgb, var(--color-surface) 12.2%, transparent) 65%, color-mix(in srgb, var(--color-surface) 4%, transparent) 80%, transparent 100%);
    }
  }

  .ds-dt__card[data-pinned] .ds-dt__th:after {
    display: block;
  }

  .ds-dt__card[data-glass] .ds-dt__th {
    transition: background-color var(--ds-ease-hover);
  }

  .ds-dt__card[data-glass][data-pinned] {
    background-size: 100% 0;
  }

  .ds-dt__card[data-glass][data-pinned] .ds-dt__th {
    background-color: #0000;
  }

  .ds-dt__card[data-glass] .ds-dt__th:first-child:before {
    content: "";
    z-index: -1;
    box-sizing: border-box;
    pointer-events: none;
    background: var(--ds-glass-bg);
    width: 100cqi;
    -webkit-backdrop-filter: var(--ds-glass-filter);
    backdrop-filter: var(--ds-glass-filter);
    border: 1px solid var(--ds-glass-edge);
    box-shadow: var(--ds-glass-shadow);
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
    border-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .ds-dt__card[data-glass][data-pinned] .ds-dt__th:first-child:before {
    opacity: 1;
  }

  @media (prefers-reduced-transparency: reduce) {
    .ds-dt__card[data-glass][data-pinned] {
      background-size: 100% var(--ds-dt-head-h, 0px);
    }

    .ds-dt__card[data-glass][data-pinned] .ds-dt__th {
      background-color: var(--color-surface-muted);
    }

    .ds-dt__card[data-glass] .ds-dt__th:first-child:before {
      display: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-dt__card[data-glass] .ds-dt__th, .ds-dt__card[data-glass] .ds-dt__th:first-child:before {
      transition: none;
    }
  }

  .ds-dt__card[data-pin="css"] .ds-dt__th:after {
    transform-origin: top;
    height: 36px;
    animation: linear both ds-dt-pin-fade;
    animation-timeline: --ds-dt-pin;
    animation-range: exit-crossing 0 exit-crossing 36px;
  }

  @keyframes ds-dt-pin-fade {
    from {
      transform: scaleY(0);
    }

    to {
      transform: scaleY(1);
    }
  }

  .ds-dt__card:before {
    content: "";
    z-index: 3;
    pointer-events: none;
    height: 12px;
    transform: translateY(var(--dt-head-y, 0px));
    background: radial-gradient(circle at 11px 12px, transparent 10.8px, var(--color-line) 11px) left top / 11px 12px no-repeat, radial-gradient(circle at 0 12px, transparent 10.8px, var(--color-line) 11px) right top / 11px 12px no-repeat, linear-gradient(var(--color-line), var(--color-line)) 11px 0 / calc(100% - 22px) 1px no-repeat;
    display: none;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
  }

  .ds-dt__card[data-pinned]:before {
    display: block;
  }

  .ds-dt__empty {
    box-sizing: border-box;
    width: calc(100cqi - 28px);
    position: sticky;
    left: 14px;
  }

  .ds-dt__sort--on {
    color: var(--color-ink-900);
  }

  .ds-dt__clamp.is-focus, .ds-dt__clamp:focus-visible, .ds-fade-text.is-focus, .ds-fade-text[tabindex]:focus-visible, .ds-line-clamp.is-focus, .ds-line-clamp[tabindex]:focus-visible {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--color-fg3);
    -webkit-text-decoration-color: var(--color-fg3);
    text-decoration-color: var(--color-fg3);
    text-underline-offset: 3px;
    outline: none;
  }

  .ds-dt__lead {
    align-items: flex-start;
    gap: 8px;
    display: flex;
  }

  .ds-dt__lead-glyph {
    height: 1lh;
    color: var(--color-fg3);
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .ds-dt__lead-glyph--end {
    color: inherit;
  }

  .ds-dt__lead > .ds-dt__clamp {
    min-width: 0;
  }

  .ds-tooltip.ds-fulltext-tip {
    max-width: min(320px, 100vw - 16px);
    color: var(--color-fg1);
    overflow-wrap: anywhere;
    --ds-clamp-fade-h: 24px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

  .ds-chart-barlist {
    flex-direction: column;
    display: flex;
    container: ds-barlist / inline-size;
  }

  .ds-chart-barlist__row {
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 12px;
    padding: 9px 4px;
    display: flex;
  }

  .ds-chart-barlist__row:last-child {
    border-bottom: none;
  }

  .ds-chart-barlist__label {
    min-width: calc(var(--spacing) * 0);
    color: var(--color-ink-900);
    font-family: var(--font-sans);
    white-space: nowrap;
    flex: 1;
    font-size: 14px;
    overflow: hidden;
  }

  .ds-chart-barlist__value {
    text-align: right;
    color: var(--color-ink-800);
    font-family: var(--font-sans);
    flex: none;
    width: 36px;
    font-size: 12px;
    font-weight: 700;
  }

  .ds-chart-barlist__track {
    background: var(--color-surface-muted-2);
    border-radius: 2px;
    flex: 0 0 170px;
    height: 3.4px;
    overflow: hidden;
  }

  .ds-chart-barlist__fill {
    border-radius: 2px;
    height: 100%;
    transition: width .4s cubic-bezier(.4, 0, .2, 1);
    display: block;
  }

  .ds-chart-barlist__row--muted .ds-chart-barlist__label, .ds-chart-barlist__row--muted .ds-chart-barlist__value {
    color: var(--color-slate-300);
  }

  @container ds-barlist (max-width: 440px) {
    .ds-chart-barlist__row {
      grid-template-columns: auto minmax(0, 1fr) auto;
      row-gap: 7px;
      display: grid;
    }

    .ds-chart-barlist__row > :first-child:not(.ds-chart-barlist__label) {
      grid-row: 1 / 3;
    }

    .ds-chart-barlist__track {
      grid-column: 2 / -1;
    }

    .ds-chart-barlist__row:has( > .ds-chart-barlist__label:first-child) {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .ds-chart-barlist__row:has( > .ds-chart-barlist__label:first-child) .ds-chart-barlist__track {
      grid-column: 1 / -1;
    }
  }

  .ds-scroll {
    position: relative;
    overflow: auto;
  }

  .ds-scroll:not(.ds-scroll--native) {
    scrollbar-width: none;
  }

  .ds-scroll:not(.ds-scroll--native)::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .ds-scroll__thumb {
    width: 6px;
    box-shadow: var(--ds-thumb-x, 0px) var(--ds-thumb-y, 0px) 0 0 var(--color-slate-300);
    opacity: 0;
    pointer-events: none;
    z-index: 3;
    border-radius: 999px;
    transition: opacity .25s;
    position: absolute;
    top: 0;
    right: 2px;
  }

  .ds-scroll.is-scrolling > .ds-scroll__thumb {
    opacity: 1;
  }

  .ds-scroll--native {
    scrollbar-width: thin;
    scrollbar-color: var(--color-slate-300) transparent;
  }

  .ds-scroll--native::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  .ds-scroll--native::-webkit-scrollbar-track {
    background: none;
  }

  .ds-scroll--native::-webkit-scrollbar-corner {
    background: none;
  }

  .ds-scroll--native::-webkit-scrollbar-thumb {
    background-color: var(--color-slate-300);
    background-clip: content-box;
    border: 2px solid #0000;
    border-radius: 999px;
  }

  .ds-scroll--native::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-slate-400);
  }

  .ds-scroll--x > .ds-scroll__thumb {
    width: 0;
    height: 6px;
    inset: auto auto 2px 0;
  }

  .ds-scroll--x {
    overflow: auto hidden;
  }

  .ds-scroll--fade {
    --ds-fade-size: 36px;
    --ds-fade-t: 0px;
    --ds-fade-b: 0px;
    --ds-fade-top: min(var(--ds-fade-t), var(--ds-fade-cap, 100vh));
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #00000027 calc(var(--ds-fade-top) * .08), #0000004b calc(var(--ds-fade-top) * .16), #00000070 calc(var(--ds-fade-top) * .25), #00000093 calc(var(--ds-fade-top) * .35), #000000bf calc(var(--ds-fade-top) * .5), #000000e0 calc(var(--ds-fade-top) * .65), #000000f5 calc(var(--ds-fade-top) * .8), #000 var(--ds-fade-top), #000 calc(100% - var(--ds-fade-b)), #000000f5 calc(100% - var(--ds-fade-b) * .8), #000000e0 calc(100% - var(--ds-fade-b) * .65), #000000bf calc(100% - var(--ds-fade-b) * .5), #00000093 calc(100% - var(--ds-fade-b) * .35), #00000070 calc(100% - var(--ds-fade-b) * .25), #0000004b calc(100% - var(--ds-fade-b) * .16), #00000027 calc(100% - var(--ds-fade-b) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #00000027 calc(var(--ds-fade-top) * .08), #0000004b calc(var(--ds-fade-top) * .16), #00000070 calc(var(--ds-fade-top) * .25), #00000093 calc(var(--ds-fade-top) * .35), #000000bf calc(var(--ds-fade-top) * .5), #000000e0 calc(var(--ds-fade-top) * .65), #000000f5 calc(var(--ds-fade-top) * .8), #000 var(--ds-fade-top), #000 calc(100% - var(--ds-fade-b)), #000000f5 calc(100% - var(--ds-fade-b) * .8), #000000e0 calc(100% - var(--ds-fade-b) * .65), #000000bf calc(100% - var(--ds-fade-b) * .5), #00000093 calc(100% - var(--ds-fade-b) * .35), #00000070 calc(100% - var(--ds-fade-b) * .25), #0000004b calc(100% - var(--ds-fade-b) * .16), #00000027 calc(100% - var(--ds-fade-b) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #00000027 calc(var(--ds-fade-top) * .08), #0000004b calc(var(--ds-fade-top) * .16), #00000070 calc(var(--ds-fade-top) * .25), #00000093 calc(var(--ds-fade-top) * .35), #000000bf calc(var(--ds-fade-top) * .5), #000000e0 calc(var(--ds-fade-top) * .65), #000000f5 calc(var(--ds-fade-top) * .8), #000 var(--ds-fade-top), #000 calc(100% - var(--ds-fade-b)), #000000f5 calc(100% - var(--ds-fade-b) * .8), #000000e0 calc(100% - var(--ds-fade-b) * .65), #000000bf calc(100% - var(--ds-fade-b) * .5), #00000093 calc(100% - var(--ds-fade-b) * .35), #00000070 calc(100% - var(--ds-fade-b) * .25), #0000004b calc(100% - var(--ds-fade-b) * .16), #00000027 calc(100% - var(--ds-fade-b) * .08), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #00000027 calc(var(--ds-fade-top) * .08), #0000004b calc(var(--ds-fade-top) * .16), #00000070 calc(var(--ds-fade-top) * .25), #00000093 calc(var(--ds-fade-top) * .35), #000000bf calc(var(--ds-fade-top) * .5), #000000e0 calc(var(--ds-fade-top) * .65), #000000f5 calc(var(--ds-fade-top) * .8), #000 var(--ds-fade-top), #000 calc(100% - var(--ds-fade-b)), #000000f5 calc(100% - var(--ds-fade-b) * .8), #000000e0 calc(100% - var(--ds-fade-b) * .65), #000000bf calc(100% - var(--ds-fade-b) * .5), #00000093 calc(100% - var(--ds-fade-b) * .35), #00000070 calc(100% - var(--ds-fade-b) * .25), #0000004b calc(100% - var(--ds-fade-b) * .16), #00000027 calc(100% - var(--ds-fade-b) * .08), transparent 100%);
  }

  .ds-scroll--x.ds-scroll--fade {
    --ds-fade-l: 0px;
    --ds-fade-r: 0px;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #00000027 calc(var(--ds-fade-l) * .08), #0000004b calc(var(--ds-fade-l) * .16), #00000070 calc(var(--ds-fade-l) * .25), #00000093 calc(var(--ds-fade-l) * .35), #000000bf calc(var(--ds-fade-l) * .5), #000000e0 calc(var(--ds-fade-l) * .65), #000000f5 calc(var(--ds-fade-l) * .8), #000 var(--ds-fade-l), #000 calc(100% - var(--ds-fade-r)), #000000f5 calc(100% - var(--ds-fade-r) * .8), #000000e0 calc(100% - var(--ds-fade-r) * .65), #000000bf calc(100% - var(--ds-fade-r) * .5), #00000093 calc(100% - var(--ds-fade-r) * .35), #00000070 calc(100% - var(--ds-fade-r) * .25), #0000004b calc(100% - var(--ds-fade-r) * .16), #00000027 calc(100% - var(--ds-fade-r) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #00000027 calc(var(--ds-fade-l) * .08), #0000004b calc(var(--ds-fade-l) * .16), #00000070 calc(var(--ds-fade-l) * .25), #00000093 calc(var(--ds-fade-l) * .35), #000000bf calc(var(--ds-fade-l) * .5), #000000e0 calc(var(--ds-fade-l) * .65), #000000f5 calc(var(--ds-fade-l) * .8), #000 var(--ds-fade-l), #000 calc(100% - var(--ds-fade-r)), #000000f5 calc(100% - var(--ds-fade-r) * .8), #000000e0 calc(100% - var(--ds-fade-r) * .65), #000000bf calc(100% - var(--ds-fade-r) * .5), #00000093 calc(100% - var(--ds-fade-r) * .35), #00000070 calc(100% - var(--ds-fade-r) * .25), #0000004b calc(100% - var(--ds-fade-r) * .16), #00000027 calc(100% - var(--ds-fade-r) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #00000027 calc(var(--ds-fade-l) * .08), #0000004b calc(var(--ds-fade-l) * .16), #00000070 calc(var(--ds-fade-l) * .25), #00000093 calc(var(--ds-fade-l) * .35), #000000bf calc(var(--ds-fade-l) * .5), #000000e0 calc(var(--ds-fade-l) * .65), #000000f5 calc(var(--ds-fade-l) * .8), #000 var(--ds-fade-l), #000 calc(100% - var(--ds-fade-r)), #000000f5 calc(100% - var(--ds-fade-r) * .8), #000000e0 calc(100% - var(--ds-fade-r) * .65), #000000bf calc(100% - var(--ds-fade-r) * .5), #00000093 calc(100% - var(--ds-fade-r) * .35), #00000070 calc(100% - var(--ds-fade-r) * .25), #0000004b calc(100% - var(--ds-fade-r) * .16), #00000027 calc(100% - var(--ds-fade-r) * .08), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #00000027 calc(var(--ds-fade-l) * .08), #0000004b calc(var(--ds-fade-l) * .16), #00000070 calc(var(--ds-fade-l) * .25), #00000093 calc(var(--ds-fade-l) * .35), #000000bf calc(var(--ds-fade-l) * .5), #000000e0 calc(var(--ds-fade-l) * .65), #000000f5 calc(var(--ds-fade-l) * .8), #000 var(--ds-fade-l), #000 calc(100% - var(--ds-fade-r)), #000000f5 calc(100% - var(--ds-fade-r) * .8), #000000e0 calc(100% - var(--ds-fade-r) * .65), #000000bf calc(100% - var(--ds-fade-r) * .5), #00000093 calc(100% - var(--ds-fade-r) * .35), #00000070 calc(100% - var(--ds-fade-r) * .25), #0000004b calc(100% - var(--ds-fade-r) * .16), #00000027 calc(100% - var(--ds-fade-r) * .08), transparent 100%);
  }

  .ds-line-clamp {
    max-height: calc(var(--ds-lines, 2) * 1lh);
    overflow-wrap: break-word;
    display: block;
    overflow: hidden;
  }

  .ds-line-clamp:has(.ds-ichip) {
    line-height: 24px;
  }

  .ds-line-clamp .ds-ichip {
    vertical-align: top;
  }

  .ds-line-clamp[data-cut] {
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(90deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(90deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(90deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    mask-image: linear-gradient(#000, #000), linear-gradient(90deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    -webkit-mask-position: top, bottom;
    mask-position: top, bottom;
    -webkit-mask-size: 100% calc(100% - 1lh), 100% 1lh;
    mask-size: 100% calc(100% - 1lh), 100% 1lh;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }

  .ds-line-clamp[data-cut]:dir(rtl) {
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(270deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(270deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(270deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
    mask-image: linear-gradient(#000, #000), linear-gradient(270deg, #000 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%)), #000000f5 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .8), #000000e0 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .65), #000000bf calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .5), #00000093 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .35), #00000070 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .25), #0000004b calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .16), #00000027 calc(100% - min(2 * var(--ds-trunc-fade, 20px), 40%) * .08), transparent 100%);
  }

  .ds-line-clamp[data-rest] {
    position: relative;
  }

  .ds-line-clamp[data-rest]:after {
    content: attr(data-rest) / "";
    white-space: pre;
    pointer-events: none;
    inset-inline-start: var(--ds-rest-at, 100%);
    position: absolute;
    bottom: 0;
  }

  :is(td, .ds-dt__lead) > .ds-dt__clamp[data-cut]:last-child {
    margin-inline-end: calc(-1 * var(--ds-dt-pad-r, 14px));
    padding-inline-end: var(--ds-dt-pad-r, 14px);
  }

  .ds-dt__stack {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .ds-dt__stack > :is(.ds-ichip, .ds-tag) {
    align-self: flex-start;
  }

  .ds-dt__sub {
    color: var(--color-slate-500);
    font-size: 12.5px;
  }

  .ds-dt__td--muted {
    color: var(--color-slate-600);
  }

  .ds-dt__link {
    color: var(--color-ink-900);
    font-weight: 500;
    text-decoration: none;
  }

  .ds-dt__link:focus-visible {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--color-fg3);
    -webkit-text-decoration-color: var(--color-fg3);
    text-decoration-color: var(--color-fg3);
    text-underline-offset: 3px;
    outline: none;
  }

  .ds-dt__link-open {
    vertical-align: -2px;
    color: var(--color-ink-900);
    margin-inline-start: 2px;
    display: inline-block;
  }

  .ds-dt__compact {
    display: inline-flex;
  }

  .ds-dt__compact-t {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .ds-dt__card--compact :is(th, td) {
    --ds-dt-pad-l: 8px;
    --ds-dt-pad-r: 8px;
  }

  .ds-dt__card--compact :is(th, td):first-child {
    --ds-dt-pad-l: 12px;
  }

  .ds-dt__anywhere, .ds-dt__anywhere .ds-line-clamp {
    overflow-wrap: anywhere;
  }

  td.ds-dt__reveal > * {
    transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover), box-shadow var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover);
  }

  .ds-dt__open-hint {
    color: var(--color-slate-400);
    margin-left: auto;
    display: block;
  }

  .ds-select--quiet .ds-select__trigger {
    width: auto;
    min-width: 0;
    transition: border-color var(--ds-ease-hover), background-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    margin-left: -11px;
  }

  .ds-select--quiet .ds-select__value {
    white-space: nowrap;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-select.ds-select--quiet .ds-select__trigger svg.ds-select__chevron {
    transition: opacity var(--ds-ease-hover), transform .18s cubic-bezier(.22, 1, .36, 1);
  }

  @media (hover: hover) {
    .ds-dt__row:not(:hover):not(:focus-within) .ds-select--quiet .ds-select__trigger:not([aria-expanded="true"]), .ds-select--quiet:not(.ds-dt__row *):not(:hover):not(:focus-within) .ds-select__trigger:not([aria-expanded="true"]) {
      box-shadow: none;
      background: none;
      border-color: #0000;
    }

    .ds-dt__row:not(:hover):not(:focus-within) .ds-select--quiet .ds-select__trigger:not([aria-expanded="true"]) svg.ds-select__chevron, .ds-select--quiet:not(.ds-dt__row *):not(:hover):not(:focus-within) .ds-select__trigger:not([aria-expanded="true"]) svg.ds-select__chevron {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    td.ds-dt__reveal > *, .ds-select--quiet .ds-select__trigger, .ds-select.ds-select--quiet .ds-select__trigger svg.ds-select__chevron {
      transition: none;
    }
  }

  .ds-select--chip .ds-select__chevron {
    opacity: 0;
    max-width: 0;
    transition: max-width var(--ds-ease-hover), margin-left var(--ds-ease-hover), opacity var(--ds-ease-hover);
    margin-left: -5px;
  }

  .ds-dt__row:is(:hover, :focus-within) .ds-select--chip .ds-select__chevron, .ds-select--chip:is(:hover, :focus-within) .ds-select__chevron, .ds-select--chip [aria-expanded="true"] .ds-select__chevron {
    opacity: 1;
    max-width: 12px;
    margin-left: -1px;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-select--chip .ds-select__chevron {
      opacity: 1;
      max-width: 12px;
      margin-left: -1px;
    }
  }

  .ds-select .ds-menu-trigger[aria-expanded="true"] > svg.ds-select__chevron:last-child {
    transform: rotate(90deg);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-select--chip .ds-select__chevron {
      transition: none;
    }
  }

  .ds-truncate-fade, .ds-fade-text {
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .ds-ichip .ds-fade-text, .ds-chip .ds-fade-text, .ds-tag .ds-fade-text {
    margin-block: -2px;
    padding-block: 2px;
  }

  .ds-truncate-fade, .ds-subnav__ttl, .ds-subnav__item-lbl, .ds-attcard__nm, .ds-chart-barlist__label, .ds-chart-tip__name, .ds-fade-text.is-truncated {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  }

  [dir="rtl"] .ds-truncate-fade, [dir="rtl"] .ds-subnav__ttl, [dir="rtl"] .ds-subnav__item-lbl, [dir="rtl"] .ds-attcard__nm, [dir="rtl"] .ds-chart-barlist__label, [dir="rtl"] .ds-chart-tip__name, [dir="rtl"] .ds-fade-text.is-truncated {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  }

  .ds-btn.ds-edge-arrow {
    z-index: 3;
    transition: opacity .2s ease, background var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover);
    position: absolute;
    top: 50%;
    translate: 0 -50%;
  }

  .ds-edge-arrow--prev {
    left: var(--ds-edge-arrow-inset, -12px);
  }

  .ds-edge-arrow--next {
    right: var(--ds-edge-arrow-inset, -12px);
  }

  .ds-edge-arrow--hidden {
    opacity: 0;
    pointer-events: none;
  }

  .ds-edge-fade {
    top: 0;
    bottom: var(--ds-edge-fade-b, 0px);
    width: var(--ds-edge-fade-w, 40px);
    z-index: 2;
    pointer-events: none;
    transition: opacity .2s;
    position: absolute;
  }

  .ds-edge-fade--start {
    background: linear-gradient(to right, var(--color-surface), transparent);
    left: 0;
  }

  .ds-edge-fade--end {
    background: linear-gradient(to left, var(--color-surface), transparent);
    right: 0;
  }

  .ds-edge-fade--hidden {
    opacity: 0;
  }

  @media (hover: none) and (pointer: coarse) {
    .ds-btn.ds-edge-arrow {
      display: none;
    }
  }

  .ds-btn {
    --ds-btn-pl: 16px;
    --ds-btn-pr: 12px;
    --ds-btn-gap: 8px;
    --ds-btn-ico: 16px;
    --ds-btn-pull: 4px;
    height: calc(var(--spacing) * 8);
    cursor: pointer;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    max-width: 100%;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: var(--ds-btn-gap);
    padding: 0 var(--ds-btn-pr) 0 var(--ds-btn-pl);
    --ds-sweep-lbl: var(--ds-btn-pl);
    letter-spacing: -.01em;
    box-shadow: var(--shadow-button);
    transition: background var(--ds-ease-hover), box-shadow var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover), transform var(--ds-ease-hover);
    border-width: 1px;
    border-color: #0000;
    line-height: 1;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-btn > span:not(.ds-btn__glyph) {
    white-space: nowrap;
    margin-block: -2px;
    margin-inline: -1px;
    padding-block: 2px;
    padding-inline: 1px;
    overflow: hidden;
  }

  .ds-btn--wrap {
    white-space: normal;
    height: auto;
    overflow: visible;
  }

  .ds-btn--wrap > span:not(.ds-btn__glyph) {
    white-space: normal;
    overflow: visible;
  }

  .ds-btn.ds-btn--lines {
    height: auto;
    min-height: 2rem;
    padding-block: 6px;
  }

  .ds-btn--sm.ds-btn--lines {
    min-height: 1.75rem;
    padding-block: 5px;
  }

  .ds-btn--lg.ds-btn--lines {
    min-height: 2.75rem;
    padding-block: 9px;
  }

  .ds-btn.ds-btn--lines > .ds-line-clamp {
    white-space: normal;
    text-align: left;
    min-width: 0;
    margin-block: 0;
    padding-block: 0;
    line-height: 1.3;
  }

  .ds-btn svg {
    stroke-width: 2px;
    transition: color var(--ds-ease-hover), fill var(--ds-ease-hover), stroke var(--ds-ease-hover);
    flex: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-btn, .ds-btn svg {
      transition: none;
    }
  }

  .ds-btn :where(svg:not([width])) {
    width: var(--ds-btn-ico);
    height: var(--ds-btn-ico);
  }

  .ds-btn--icon-lead {
    --ds-btn-pl: 14px;
    --ds-sweep-ico: calc(var(--ds-btn-pl)  - var(--ds-btn-pull));
    --ds-sweep-lbl: calc(var(--ds-sweep-ico)  + var(--ds-btn-ico)  + var(--ds-btn-gap));
  }

  .ds-btn--icon-lead :is(svg, img) {
    margin: calc(-1 * var(--ds-btn-pull)) 0 calc(-1 * var(--ds-btn-pull)) calc(-1 * var(--ds-btn-pull));
  }

  .ds-btn img {
    flex: none;
    max-width: none;
  }

  .ds-btn--icon {
    width: calc(var(--spacing) * 8);
    max-width: none;
    padding: calc(var(--spacing) * 0);
    border-radius: 9px;
    flex: none;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-btn--icon {
      position: relative;
      overflow: visible;
    }

    .ds-btn--icon:after {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .ds-btn:not(.ds-btn--icon, .ds-btn--lg, .ds-btn--bare) {
      overflow: visible;
    }

    :where(.ds-btn:not(.ds-btn--icon, .ds-btn--lg, .ds-btn--bare)) {
      position: relative;
    }

    :where(.ds-btn:not(.ds-btn--icon, .ds-btn--lg, .ds-btn--bare)):after {
      content: "";
      width: max(100% + 2px, 44px);
      height: 44px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .ds-btn--sm.ds-btn--icon:has( + .ds-btn--sm.ds-btn--icon):after, .ds-btn--sm.ds-btn--icon + .ds-btn--sm.ds-btn--icon:after {
      width: 34px;
    }
  }

  .ds-btn--primary {
    color: var(--color-white);
    background: #404040;
    box-shadow: 0 4px 12px #1d263029;
  }

  .ds-btn--primary svg {
    color: #fff;
  }

  .ds-btn--primary:hover:not(:disabled), .ds-btn--primary.is-hover {
    background: #2e2e2e;
    box-shadow: 0 6px 18px #1d263038;
  }

  .ds-btn--primary:active:not(:disabled), .ds-btn--primary.is-active {
    box-shadow: var(--shadow-xs);
    background: #232323;
    transform: translateY(.5px);
  }

  .ds-btn--primary:disabled, .ds-btn--primary.is-disabled {
    background-color: var(--color-slate-200);
    color: var(--color-slate-500);
    box-shadow: none;
    cursor: not-allowed;
  }

  .ds-btn--primary:disabled svg, .ds-btn--primary.is-disabled svg {
    color: var(--color-slate-500);
  }

  .ds-btn--secondary {
    background-color: var(--color-surface);
    color: var(--color-ink-900);
    border-color: #0000000f;
  }

  .ds-btn--secondary svg {
    color: var(--color-ink-900);
  }

  .ds-btn--secondary:hover:not(:disabled), .ds-btn--secondary.is-hover {
    color: var(--color-ink-900);
    border-color: #00000038;
  }

  .ds-btn--secondary:active:not(:disabled), .ds-btn--secondary.is-active {
    background-color: var(--color-surface-muted);
    box-shadow: var(--shadow-xs);
    border-color: #0000001f;
    transform: translateY(.5px);
  }

  .ds-btn--secondary:disabled, .ds-btn--secondary.is-disabled {
    background-color: var(--color-surface-muted);
    color: var(--color-slate-300);
    box-shadow: none;
    cursor: not-allowed;
    border-color: #0000000f;
  }

  .ds-btn--danger {
    background-color: var(--color-surface);
    color: var(--color-danger-600);
    border-color: #e1474761;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn--danger {
      border-color: color-mix(in srgb, var(--color-danger-500) 38%, transparent);
    }
  }

  .ds-btn--danger svg {
    color: var(--color-danger-600);
  }

  .ds-btn--danger:hover:not(:disabled), .ds-btn--danger.is-hover {
    background: #fdf4f4;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn--danger:hover:not(:disabled), .ds-btn--danger.is-hover {
      background: color-mix(in srgb, var(--color-danger-500) 6%, var(--color-surface));
    }
  }

  .ds-btn--danger:hover:not(:disabled), .ds-btn--danger.is-hover {
    border-color: var(--color-danger-500);
  }

  .ds-btn--danger:active:not(:disabled), .ds-btn--danger.is-active {
    background: #fcebeb;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn--danger:active:not(:disabled), .ds-btn--danger.is-active {
      background: color-mix(in srgb, var(--color-danger-500) 11%, var(--color-surface));
    }
  }

  .ds-btn--danger:active:not(:disabled), .ds-btn--danger.is-active {
    border-color: var(--color-danger-500);
    box-shadow: var(--shadow-xs);
    transform: translateY(.5px);
  }

  .ds-btn--danger:disabled, .ds-btn--danger.is-disabled {
    background-color: var(--color-surface-muted);
    color: var(--color-slate-300);
    box-shadow: none;
    cursor: not-allowed;
    border-color: #0000000f;
  }

  .ds-btn--danger:disabled svg, .ds-btn--danger.is-disabled svg {
    color: var(--color-slate-300);
  }

  .ds-btn--danger.ds-btn--icon {
    border-style: var(--tw-border-style);
    --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);
    background-color: #0000;
    border-width: 0;
  }

  .ds-btn--danger.ds-btn--icon:hover:not(:disabled), .ds-btn--danger.ds-btn--icon.is-hover {
    background: var(--color-danger-100);
  }

  .ds-btn--danger.ds-btn--icon:active:not(:disabled), .ds-btn--danger.ds-btn--icon.is-active {
    background: #e1474733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-btn--danger.ds-btn--icon:active:not(:disabled), .ds-btn--danger.ds-btn--icon.is-active {
      background: color-mix(in srgb, var(--color-danger-500) 20%, transparent);
    }
  }

  .ds-btn--danger.ds-btn--icon:active:not(:disabled), .ds-btn--danger.ds-btn--icon.is-active {
    box-shadow: none;
    transform: none;
  }

  .ds-btn--danger.ds-btn--icon:disabled, .ds-btn--danger.ds-btn--icon.is-disabled {
    background-color: #0000;
  }

  .ds-btn--secondary-purple {
    background: var(--legacy-purple-50);
    color: var(--legacy-purple-500);
    border-color: #0000;
  }

  .ds-btn--secondary-purple svg {
    color: var(--legacy-purple-500);
  }

  .ds-btn--secondary-purple:hover:not(:disabled), .ds-btn--secondary-purple.is-hover {
    background: var(--legacy-purple-100);
  }

  .ds-btn--secondary-purple:active:not(:disabled), .ds-btn--secondary-purple.is-active {
    background: var(--legacy-purple-100);
    box-shadow: var(--shadow-xs);
    transform: translateY(.5px);
  }

  .ds-btn--secondary-purple:disabled, .ds-btn--secondary-purple.is-disabled {
    background-color: var(--color-surface-muted);
    color: var(--color-slate-300);
    box-shadow: none;
    cursor: not-allowed;
  }

  .ds-btn--secondary:disabled svg, .ds-btn--secondary.is-disabled svg {
    color: var(--color-slate-300);
  }

  .ds-btn--ghost {
    border-style: var(--tw-border-style);
    color: var(--color-ink-900);
    --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);
    background-color: #0000;
    border-width: 0;
  }

  .ds-btn--ghost svg {
    color: var(--color-slate-500);
  }

  .ds-btn--ghost:hover:not(:disabled), .ds-btn--ghost.is-hover {
    color: var(--color-ink-900);
    background: var(--color-surface-hover);
  }

  .ds-btn--ghost:hover:not(:disabled) svg, .ds-btn--ghost.is-hover svg {
    color: var(--color-ink-900);
  }

  .ds-btn--ghost:active:not(:disabled), .ds-btn--ghost.is-active {
    background: var(--color-press-grey);
  }

  .ds-btn--ghost:disabled, .ds-btn--ghost.is-disabled {
    color: var(--color-slate-300);
    cursor: not-allowed;
    background-color: #0000;
  }

  .ds-btn--ghost:disabled svg, .ds-btn--ghost.is-disabled svg {
    color: var(--color-slate-300);
  }

  .ds-btn--ghost:not(.ds-btn--icon):not(.ds-btn--icon-lead) {
    --ds-btn-pl: 12px;
    --ds-btn-pr: 12px;
  }

  .ds-btn.ds-btn--icon, .ds-btn.ds-btn--icon:hover:not(:disabled), .ds-btn.ds-btn--icon.is-hover, .ds-btn.ds-btn--icon:active:not(:disabled), .ds-btn.ds-btn--icon.is-active {
    box-shadow: none;
  }

  .ds-btn.ds-btn--icon:is(.ds-btn--primary, .ds-btn--secondary, .ds-btn--gradient, .ds-btn--secondary-purple):not(.ds-btn--caret):active:not(:disabled), .ds-btn.ds-btn--icon:is(.ds-btn--primary, .ds-btn--secondary, .ds-btn--gradient, .ds-btn--secondary-purple):not(.ds-btn--caret).is-active {
    transform: none;
  }

  .ds-btn--secondary.ds-btn--icon:not(:disabled, .is-disabled) svg {
    color: var(--color-slate-500);
  }

  .ds-btn--secondary.ds-btn--icon:hover:not(:disabled), .ds-btn--secondary.ds-btn--icon.is-hover {
    background: var(--color-surface-hover);
    border-color: #0000000f;
  }

  .ds-btn--secondary.ds-btn--icon:hover:not(:disabled) svg, .ds-btn--secondary.ds-btn--icon.is-hover svg {
    color: var(--color-ink-900);
  }

  .ds-btn--secondary.ds-btn--icon:active:not(:disabled), .ds-btn--secondary.ds-btn--icon.is-active {
    background: var(--color-press-grey);
    border-color: #0000000f;
  }

  .ds-btn.ds-btn--secondary.ds-btn--icon:not(:disabled, .is-disabled), .ds-btn.ds-btn--secondary.ds-btn--icon:hover:not(:disabled), .ds-btn.ds-btn--secondary.ds-btn--icon.is-hover {
    box-shadow: var(--shadow-square);
  }

  .ds-btn.ds-btn--icon:is(.ds-btn--ghost, .ds-btn--secondary):is(.is-pressed, .ds-panel__hd-act[aria-pressed="true"]) {
    background: var(--color-surface);
    border-color: #0000000f;
  }

  .ds-btn.ds-btn--icon.ds-btn--ghost:is(.is-pressed, .ds-panel__hd-act[aria-pressed="true"]) {
    box-shadow: 0 0 0 1px #0000000f, var(--shadow-square);
  }

  .ds-btn.ds-btn--icon:is(.ds-btn--ghost, .ds-btn--secondary):is(.is-pressed, .ds-panel__hd-act[aria-pressed="true"]) svg {
    color: var(--color-ink-900);
  }

  .ds-btn.ds-btn--icon:is(.ds-btn--ghost, .ds-btn--secondary):active:not(:disabled), .ds-btn.ds-btn--icon:is(.ds-btn--ghost, .ds-btn--secondary).is-active {
    background: var(--color-press-grey);
    box-shadow: var(--shadow-square-press);
  }

  .ds-btn--grad-icon svg {
    stroke: url("#ds-icon-grad-us") var(--color-ink-900);
  }

  .ds-btn--grad-icon:disabled svg, .ds-btn--grad-icon.is-disabled svg {
    stroke: url("#ds-icon-grad-us") var(--color-ink-900);
    opacity: .45;
  }

  .ds-btn--gradient {
    border-style: var(--tw-border-style);
    color: var(--color-white);
    background: var(--brand-gradient-cta);
    filter: saturate(.88);
    transition: box-shadow var(--ds-ease-hover), filter var(--ds-ease-hover), transform var(--ds-ease-hover);
    border-width: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px #ff5f341a, 0 4px 14px #e43cff12;
  }

  .ds-btn--gradient svg {
    color: #fff;
  }

  .ds-btn--gradient:hover:not(:disabled), .ds-btn--gradient.is-hover {
    filter: saturate();
    box-shadow: 0 10px 30px #ff5f3433, 0 10px 30px #e43cff24;
  }

  .ds-btn--gradient:active:not(:disabled), .ds-btn--gradient.is-active {
    box-shadow: var(--shadow-xs);
    transform: translateY(.5px);
  }

  .ds-btn--gradient:disabled, .ds-btn--gradient.is-disabled {
    opacity: .5;
    box-shadow: none;
    cursor: not-allowed;
  }

  .ds-btn--sm {
    height: calc(var(--spacing) * 7);
    --ds-btn-pl: 12px;
    --ds-btn-pr: 10px;
    --ds-btn-gap: 6px;
    --ds-btn-ico: 14px;
    --ds-btn-pull: 3px;
    font-size: 13px;
  }

  .ds-btn--sm.ds-btn--icon-lead {
    --ds-btn-pl: 10px;
  }

  .ds-btn--sm.ds-btn--icon {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 0);
  }

  .ds-btn--sm.ds-btn--icon svg {
    margin: 0;
  }

  .ds-btn__glyph {
    flex: none;
    display: inline-flex;
  }

  .ds-btn--lg {
    height: calc(var(--spacing) * 11);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --ds-btn-pl: 22px;
    --ds-btn-pr: 18px;
    --ds-btn-gap: 9px;
    --ds-btn-ico: 20px;
    --ds-btn-pull: 6px;
    border-radius: 14px;
    font-size: 18px;
  }

  .ds-btn--lg.ds-btn--icon-lead {
    --ds-btn-pl: 20px;
  }

  .ds-btn--lg.ds-btn--icon {
    width: calc(var(--spacing) * 11);
    padding: calc(var(--spacing) * 0);
    border-radius: 14px;
  }

  .ds-btn--lg.ds-btn--icon svg {
    margin: 0;
  }

  .ds-btnsplit {
    box-shadow: var(--shadow-button);
    transition: box-shadow var(--ds-ease-hover), transform var(--ds-ease-hover);
    border-radius: 12px;
    align-items: stretch;
    display: inline-flex;
  }

  .ds-btnsplit:has(.ds-btn--lg) {
    border-radius: 14px;
  }

  .ds-btnsplit:has(.ds-btn--primary) {
    box-shadow: 0 4px 12px #1d263029;
  }

  .ds-btnsplit:has(.ds-btn--primary:hover:not(:disabled)) {
    box-shadow: 0 6px 18px #1d263038;
  }

  .ds-btnsplit .ds-btn {
    box-shadow: none;
  }

  .ds-btnsplit > .ds-btn:first-child {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }

  .ds-btn--caret {
    width: calc(var(--spacing) * 7);
    max-width: none;
    padding: calc(var(--spacing) * 0);
  }

  .ds-btnsplit .ds-btn.ds-btn--caret {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }

  .ds-btnsplit .ds-btn.ds-btn--caret:not(.ds-btn--lg) {
    border-start-end-radius: 12px;
    border-end-end-radius: 12px;
  }

  .ds-btnsplit .ds-btn--sm.ds-btn--caret {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
  }

  .ds-btn--caret svg {
    width: 14px;
    height: 14px;
    margin: 0;
  }

  .ds-btnsplit .ds-btn--caret.ds-btn--primary {
    border-inline-start: 1px solid #ffffff24;
    margin-inline-start: 0;
  }

  .ds-btnsplit .ds-btn--caret.ds-btn--gradient {
    border-inline-start: 1px solid #fff3;
    margin-inline-start: 0;
  }

  .ds-btnsplit .ds-btn--caret.ds-btn--secondary {
    border-inline-start-color: #0000000d;
    margin-inline-start: -1px;
  }

  .ds-tag {
    box-sizing: border-box;
    background-color: var(--color-surface);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    border-radius: var(--radius-md);
    border: 1px solid;
    justify-self: start;
    align-items: center;
    gap: 7px;
    height: 24px;
    padding: 0 11px 0 9px;
    font-size: 12.5px;
    line-height: 1;
    display: inline-flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-tag {
      border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
    }
  }

  .ds-tag svg {
    width: 13px;
    height: 13px;
  }

  .ds-tag__label {
    max-width: 32ch;
  }

  .ds-tag--text-only {
    padding: 0 10px;
  }

  .ds-tag__dot {
    background: currentColor;
    border-radius: 3.40282e38px;
    flex: none;
    width: 7px;
    height: 7px;
  }

  .ds-tag--running, .ds-tag--scheduled {
    color: var(--color-fg2);
  }

  .ds-tag--scheduled svg {
    color: var(--color-fg3);
  }

  .ds-tag--completed {
    color: var(--color-success-800);
  }

  .ds-tag--completed svg {
    color: var(--color-success-500);
  }

  .ds-tag--failed {
    color: var(--color-danger-600);
  }

  .ds-tag--failed svg {
    color: var(--color-danger-500);
  }

  .ds-tag--review {
    color: var(--color-accent-blue);
  }

  .ds-chip {
    box-sizing: border-box;
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line-strong);
    background-color: var(--color-surface);
    vertical-align: middle;
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-fg1);
    border-radius: var(--radius-control);
    height: 32px;
    box-shadow: var(--shadow-button);
    transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    justify-self: start;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .ds-chip--lead {
    padding-left: 8px;
  }

  .ds-chip:not(button):not(a):not([role="button"]):not(.is-disabled) {
    cursor: default;
  }

  .ds-chip, .ds-chip:hover {
    text-decoration: none;
  }

  .ds-chip:hover:not(:disabled), .ds-chip.is-hover {
    border-color: var(--color-line-strong);
    background-color: var(--color-surface-hover);
  }

  .ds-chip.is-active {
    border-color: var(--color-line-strong);
    background-color: var(--color-surface-muted-2);
    --tw-outline-style: none;
    box-shadow: var(--shadow-sm);
    outline-style: none;
  }

  .ds-chip--off {
    box-shadow: 0 1px 3px #1d263012;
  }

  .ds-chip--off:hover:not(:disabled) {
    box-shadow: var(--shadow-button);
  }

  .ds-chip.sel {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: #1d263061;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-chip.sel {
      border-color: color-mix(in srgb, var(--color-ink-900) 38%, transparent);
    }
  }

  .ds-chip.sel {
    background: var(--primary-tint);
  }

  .ds-chip.sel:hover, .ds-chip.sel.is-hover {
    background: var(--primary-tint-2);
  }

  .ds-chip:disabled, .ds-chip.is-disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  .ds-chip__label {
    max-width: var(--ds-chip-max, 200px);
  }

  .ds-chip__ic {
    color: var(--color-white);
    border-radius: 4px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-size: 9px;
    font-weight: 700;
    display: inline-flex;
  }

  .ds-chip__ic img {
    width: 16px;
    height: 16px;
    display: block;
  }

  .ds-chip__ic svg {
    width: 14px;
    height: 14px;
    color: var(--color-slate-600);
  }

  .ds-chip__count {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-fg3);
    transition: color var(--ds-ease-hover);
    margin-left: 2px;
  }

  .ds-chip.sel .ds-chip__count {
    color: var(--color-fg1);
  }

  .ds-chip__size {
    color: var(--color-fg3);
    flex: none;
  }

  .ds-chip .ds-tag--failed {
    animation: .2s ds-chip-failed-in;
  }

  @keyframes ds-chip-failed-in {
    from {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-chip .ds-tag--failed {
      animation: none;
    }
  }

  .ds-file-link__dl {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-file-link__swap {
    align-items: center;
    display: inline-grid;
  }

  .ds-file-link__face {
    min-width: 0;
    transition: opacity var(--ds-ease-hover);
    grid-area: 1 / 1;
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .ds-file-link__face--regen {
    opacity: 0;
    pointer-events: none;
    font-weight: 500;
  }

  .ds-file-link.is-regenerating .ds-file-link__face--rest {
    opacity: 0;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-file-link__face--busy {
      animation: .15s ds-fade-in;
    }
  }

  .ds-file-link--expired .ds-chip__ic img {
    opacity: .55;
  }

  .ds-file-link__name {
    color: var(--color-slate-500);
  }

  .ds-file-link__still {
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-file-link--expired:is(:hover, :focus-visible, .is-offering) .ds-file-link__face--rest {
    opacity: 0;
  }

  .ds-file-link--expired:is(:hover, :focus-visible, .is-offering) .ds-file-link__face--regen {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-file-link--expired .ds-file-link__face--rest {
      opacity: 0;
    }

    .ds-file-link--expired .ds-file-link__face--regen {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-file-link__face {
      transition: none;
      animation: none;
    }
  }

  .ds-chip__rm {
    cursor: pointer;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    width: 20px;
    height: 20px;
    color: var(--color-ink-700);
    opacity: 0;
    z-index: 4;
    transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover), color var(--ds-ease-hover);
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: absolute;
    top: -7px;
    right: -7px;
  }

  .ds-chip:hover .ds-chip__rm, .ds-chip.is-hover .ds-chip__rm, .ds-chip:focus-within .ds-chip__rm, .ds-chip__rm:focus-visible {
    opacity: 1;
  }

  .ds-chip__rm svg {
    width: 11px;
    height: 11px;
  }

  .ds-chip__rm:hover {
    background-color: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  .ds-chip--draft {
    height: 34px;
    box-shadow: none;
    --ds-chip-max: 150px;
    flex: none;
    padding: 0 10px 0 8px;
    font-size: 14px;
  }

  .ds-chip--draft:hover:not(:disabled), .ds-chip--draft.is-hover {
    background: var(--color-surface-hover);
  }

  .ds-chip--draft .ds-chip__ic, .ds-chip--draft .ds-chip__ic img {
    width: 18px;
    height: 18px;
  }

  .ds-chip--draft .ds-chip__rm {
    width: 22px;
    height: 22px;
  }

  .ds-chip--draft .ds-chip__rm svg {
    stroke-width: 2.4px;
    width: 12px;
    height: 12px;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-chip__rm {
      opacity: 1;
    }
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-chip--draft .ds-chip__rm:after {
      content: "";
      position: absolute;
      inset: -5px;
    }
  }

  @container ds-composer (max-width: 700px) {
    .ds-chip--draft {
      --ds-chip-max: 110px;
    }
  }

  .ds-opt {
    cursor: pointer;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-900);
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: 9px;
    display: flex;
  }

  .ds-switch {
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    backdrop-filter: blur(10px) saturate(180%);
    background: #78828c38;
    border-radius: 999px;
    flex: none;
    width: 38px;
    height: 22px;
    transition: background .22s, opacity .22s, box-shadow .22s;
    display: inline-block;
    position: relative;
    box-shadow: inset 0 1px 2px #1d26301f;
  }

  .ds-switch.on {
    background-color: var(--color-ink-900);
    box-shadow: none;
  }

  .ds-switch > i {
    background-color: var(--color-white);
    width: 18px;
    height: 18px;
    box-shadow: var(--shadow-button);
    border-radius: 999px;
    transition: transform .22s cubic-bezier(.4, 0, .2, 1);
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .ds-switch.on > i {
    transform: translateX(16px);
  }

  .ds-opt:hover .ds-switch:not(.on):not(:is(:disabled, .is-disabled, .is-saving)) {
    background: #78828c52;
  }

  .ds-opt:hover .ds-switch.on:not(:is(:disabled, .is-disabled, .is-saving)) {
    background-color: var(--color-ink-800);
  }

  .ds-check {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    width: 18px;
    height: 18px;
    transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    background: #ffffff8c;
    border: 1px solid #1d26302e;
    border-radius: 5px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    box-shadow: inset 0 1px #fff9;
  }

  .ds-check.on {
    background-color: var(--color-ink-900);
    border-color: var(--color-ink-900);
    box-shadow: none;
  }

  .ds-check svg {
    color: #fff;
    stroke-width: 3px;
    width: 12px;
    height: 12px;
    transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover);
  }

  .ds-check:not(.on) svg {
    opacity: 0;
    transform: scale(.6);
  }

  .ds-opt:hover .ds-check:not(.on):not(:is(:disabled, .is-disabled)) {
    background: #fffc;
    border-color: #1d26304d;
  }

  .ds-opt:hover .ds-check.on:not(:is(:disabled, .is-disabled)) {
    background-color: var(--color-ink-800);
    border-color: var(--color-ink-800);
  }

  .ds-radio {
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    width: 18px;
    height: 18px;
    transition: border-color var(--ds-ease-hover), background var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    background: #ffffff8c;
    border: 1px solid #1d26302e;
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    box-shadow: inset 0 1px #fff9;
  }

  .ds-radio.on {
    background-color: var(--color-white);
    border: 2px solid var(--color-ink-900);
    box-shadow: none;
  }

  .ds-radio:after {
    content: "";
    background: var(--color-ink-900);
    border-radius: 999px;
    width: 8px;
    height: 8px;
    transition: transform .18s cubic-bezier(.34, 1.4, .64, 1);
    transform: scale(0);
  }

  .ds-radio.on:after {
    transform: scale(1);
  }

  .ds-opt:hover .ds-radio:not(.on):not(:is(:disabled, .is-disabled)) {
    background: #fffc;
    border-color: #1d26304d;
  }

  @media (max-width: 767px), (pointer: coarse) {
    :is(.ds-check, .ds-radio)[role]:not(.ds-opt *) {
      position: relative;
    }

    :is(.ds-check, .ds-radio)[role]:not(.ds-opt *):before {
      content: "";
      width: 44px;
      height: 44px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .ds-switch[role]:not(.ds-opt *):before {
      content: "";
      inset: calc(-1 * var(--ds-tap-t, 11px)) -3px calc(-1 * var(--ds-tap-b, 11px));
      position: absolute;
    }

    .ds-opt {
      position: relative;
    }

    .ds-opt:after {
      content: "";
      inset: calc(var(--ds-opt-gap, 8px) / -2) 0;
      position: absolute;
    }

    .ds-opt:has(.ds-check, .ds-radio, .ds-switch) {
      min-height: 44px;
    }
  }

  .ds-switch:disabled, .ds-check:disabled, .ds-radio:disabled, .ds-switch.is-disabled, .ds-check.is-disabled, .ds-radio.is-disabled {
    opacity: .4;
    cursor: not-allowed;
  }

  .ds-switch.is-saving {
    opacity: .6;
    cursor: progress;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-switch.is-saving {
      background-image: linear-gradient(100deg, #0000 35%, #ffffff80 50%, #0000 65%);
      background-size: var(--ds-sweep-p, 240px) 100%;
      --ds-shimmer-from: 0px 0;
      --ds-shimmer-to: var(--ds-sweep-p, 240px) 0;
      animation: ds-shimmer var(--ds-sweep-d, 1.133s) linear infinite;
      background-repeat: repeat-x;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-switch, .ds-switch > i, .ds-radio:after {
      transition-duration: 0s;
    }
  }

  .ds-seg {
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    backdrop-filter: blur(12px) saturate(180%);
    border-radius: var(--radius-control);
    background: #78828c29;
    padding: 3px;
    display: inline-flex;
    position: relative;
    box-shadow: inset 0 1px 2px #1d263014;
  }

  .ds-seg__item {
    cursor: pointer;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-fg3);
    -webkit-user-select: none;
    user-select: none;
    z-index: 1;
    white-space: nowrap;
    height: 26px;
    transition: color var(--ds-ease-hover), border-color var(--ds-ease-hover);
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 0 14px;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .ds-seg__label {
    justify-content: center;
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .ds-seg__item.act {
    color: var(--color-ink-900);
  }

  .ds-seg--sm .ds-seg__item {
    height: 26px;
    padding: 0 15px;
  }

  .ds-seg--lg {
    padding: 5px;
  }

  .ds-seg--lg .ds-seg__item {
    height: 46px;
    font-size: 15px;
  }

  .ds-seg--lg .ds-seg__label {
    gap: 9px;
  }

  .ds-seg--fill {
    width: 100%;
    display: flex;
  }

  .ds-seg--fill .ds-seg__item {
    flex: 1 1 0;
    min-width: 0;
  }

  .ds-seg__item:not(.act):not(:disabled):hover {
    color: var(--color-fg2);
  }

  .ds-seg__item:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-seg__item:after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
    }
  }

  .ds-seg__thumb {
    padding: calc(var(--spacing) * 0);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-button), inset 0 1px 0 #ffffffb3;
    z-index: 0;
    background: #ffffffd9;
    border-radius: 7px;
    transition: left .28s cubic-bezier(.34, 1.1, .5, 1), width .28s cubic-bezier(.34, 1.1, .5, 1);
    position: absolute;
    top: 3px;
    bottom: 3px;
  }

  .ds-controls-touch .ds-opt {
    min-height: 44px;
    font-size: 15px;
  }

  .ds-controls-touch .ds-switch {
    width: 46px;
    height: 28px;
  }

  .ds-controls-touch .ds-switch > i {
    width: 24px;
    height: 24px;
  }

  .ds-controls-touch .ds-switch.on > i {
    transform: translateX(18px);
  }

  .ds-controls-touch .ds-check, .ds-controls-touch .ds-radio {
    width: 24px;
    height: 24px;
  }

  .ds-controls-touch .ds-check svg {
    width: 15px;
    height: 15px;
  }

  .ds-controls-touch .ds-radio:after {
    width: 11px;
    height: 11px;
  }

  .ds-controls-touch .ds-seg__item {
    height: 44px;
    padding: 0 18px;
    font-size: 14px;
  }

  .ds-controls-touch .ds-seg__thumb {
    padding: 0;
  }

  .ds-input {
    box-sizing: border-box;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-surface);
    width: 100%;
    height: var(--ds-input-h, 32px);
    padding: 0 var(--ds-input-px, 12px);
    border-radius: 12px;
    display: flex;
  }

  .ds-input.ds-input--inline {
    min-width: 0;
    height: auto;
    box-shadow: none;
    font: inherit;
    transition: border-color var(--ds-ease-hover);
    background: none;
    border: 0;
    border-bottom: 1px dashed #0000;
    border-radius: 0;
    margin-bottom: -3px;
    padding: 0 0 2px;
  }

  .ds-input.ds-input--inline input {
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
    padding: 0;
  }

  .ds-input.ds-input--inline:hover {
    border-bottom-color: var(--color-line-strong);
  }

  .ds-input.ds-input--inline:focus-within, .ds-input.ds-input--inline.is-focus {
    border-bottom-style: solid;
    border-bottom-color: var(--color-fg2);
    box-shadow: none;
  }

  .ds-input.ds-input--inline.ds-input--error {
    border-bottom-style: solid;
    border-bottom-color: var(--color-danger-500);
  }

  .ds-input.ds-input--inline.is-disabled {
    background: none;
    border-bottom-color: #0000;
  }

  .ds-input.ds-input--inline.ds-input--error input::placeholder, .ds-textarea.ds-textarea--inline.ds-input--error::placeholder {
    color: var(--color-danger-500);
  }

  .ds-avatar-picker {
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 999px;
    flex: none;
    padding: 0;
    position: relative;
  }

  .ds-avatar-picker:disabled {
    cursor: default;
  }

  .ds-avatar-picker__edit {
    color: #fff;
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
    background: #1d26308c;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-avatar-picker:focus-visible .ds-avatar-picker__edit {
    opacity: 1;
  }

  @media (hover: hover) {
    .ds-avatar-picker:not(:disabled):hover .ds-avatar-picker__edit {
      opacity: 1;
    }
  }

  .ds-avatar-picker:focus-visible {
    box-shadow: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary);
    outline: none;
  }

  .ds-input--sm {
    --ds-input-h: 28px;
    --ds-input-px: 10px;
  }

  .ds-input--lg {
    --ds-input-h: 44px;
  }

  .ds-input__lead {
    color: var(--color-slate-600);
    flex: none;
    width: 17px;
    height: 17px;
  }

  .ds-input__lead svg {
    stroke-width: 1.5px;
    width: 17px;
    height: 17px;
  }

  .ds-input__val {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-900);
  }

  .ds-input__val.subtle, .ds-input--subtle .ds-input__val, .ds-input--subtle .ds-input__lead {
    color: var(--color-fg3);
  }

  .ds-input input {
    border-style: var(--tw-border-style);
    width: 100%;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-900);
    --tw-outline-style: none;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
  }

  .ds-input input::placeholder {
    color: var(--color-ink-400);
  }

  .ds-input.is-focus, .ds-input:focus-within {
    box-shadow: var(--shadow-field-focus);
  }

  .ds-input--error {
    border-color: var(--color-danger-500);
  }

  .ds-input.is-disabled {
    background-color: var(--color-surface-muted);
    cursor: not-allowed;
    border-color: #0000000f;
  }

  .ds-select__trigger.is-saving, .ds-modelpicker__trigger--field.is-saving {
    background: var(--color-surface-muted);
    box-shadow: none;
    border-color: #0000000f;
  }

  .ds-input.is-disabled input {
    color: var(--color-slate-400);
    cursor: not-allowed;
  }

  .ds-input.is-disabled input::placeholder {
    color: var(--color-slate-300);
  }

  .ds-numinput.is-saving.is-disabled {
    background: var(--color-surface-muted);
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-textarea.is-saving {
      background-image: linear-gradient(100deg, var(--color-ink-900, #1d2630) 35%, var(--color-slate-400, #8996a4) 50%, var(--color-ink-900, #1d2630) 65%), linear-gradient(var(--color-surface-muted), var(--color-surface-muted));
      background-size: var(--ds-sweep-p, 240px) 100%, auto;
      -webkit-text-fill-color: transparent;
      --ds-shimmer-from: 0px 0;
      --ds-shimmer-to: var(--ds-sweep-p, 240px) 0;
      animation: ds-shimmer var(--ds-sweep-d, 1.133s) linear infinite;
      -webkit-background-clip: text, border-box;
      background-clip: text, border-box;
    }

    .ds-numinput.is-saving input, .ds-input.is-saving input {
      background-image: linear-gradient(100deg, var(--color-ink-900, #1d2630) 35%, var(--color-slate-400, #8996a4) 50%, var(--color-ink-900, #1d2630) 65%);
      background-size: var(--ds-sweep-p, 240px) 100%;
      -webkit-text-fill-color: transparent;
      color: #0000;
      --ds-shimmer-from: 0px 0;
      --ds-shimmer-to: var(--ds-sweep-p, 240px) 0;
      animation: ds-shimmer var(--ds-sweep-d, 1.133s) linear infinite;
      -webkit-background-clip: text;
      background-clip: text;
    }
  }

  .ds-input.is-disabled .ds-input__lead, .ds-input.is-disabled .ds-input__trail {
    color: var(--color-slate-300);
  }

  .ds-textarea:disabled {
    background-color: var(--color-surface-muted);
    color: var(--color-slate-400);
    cursor: not-allowed;
    border-color: #0000000f;
  }

  .ds-input--hover-acts .ds-input__action {
    opacity: 0;
    transition: opacity var(--ds-ease-hover), color var(--ds-ease-hover), background-color var(--ds-ease-hover);
  }

  .ds-input--hover-acts:hover .ds-input__action, .ds-input--hover-acts:focus-within .ds-input__action, .ds-input--hover-acts.is-focus .ds-input__action, .ds-input--hover-acts.is-shown .ds-input__action {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-input--hover-acts .ds-input__action {
      opacity: 1;
    }
  }

  .ds-input__trail {
    color: var(--color-slate-500);
    margin-left: auto;
    display: inline-flex;
  }

  .ds-input__trail svg {
    stroke-width: 1.5px;
    width: 16px;
    height: 16px;
  }

  .ds-copy-swap {
    place-items: center;
    display: inline-grid;
  }

  .ds-copy-swap > svg {
    transition: opacity .16s ease, transform .24s cubic-bezier(.2, .8, .2, 1), color var(--ds-ease-hover), fill var(--ds-ease-hover), stroke var(--ds-ease-hover);
    grid-area: 1 / 1;
  }

  .ds-copy-swap > svg:last-child, .ds-copy-swap.is-copied > svg:first-child {
    opacity: 0;
    transform: scale(.4)rotate(-40deg);
  }

  .ds-copy-swap.is-copied > svg:last-child {
    opacity: 1;
    transform: none;
  }

  .ds-icon-swap-in, .ds-icon-swap-out {
    transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover);
  }

  .ds-icon-swap-in {
    animation: ds-icon-swap-in var(--ds-ease-hover) both;
  }

  .ds-icon-swap-out {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scale(.6);
  }

  @keyframes ds-icon-swap-in {
    from {
      opacity: 0;
      transform: scale(.6);
    }
  }

  .ds-input__action {
    cursor: pointer;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 0);
    color: var(--color-slate-500);
    width: 22px;
    height: 22px;
    transition: color var(--ds-ease-hover), background-color var(--ds-ease-hover);
    background-color: #0000;
    border-width: 0;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-input__action:hover {
    background-color: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-input__action {
      position: relative;
    }

    .ds-input__action:after {
      content: "";
      position: absolute;
      inset: -11px;
    }

    .ds-input__action + .ds-input__action {
      margin-left: 14px;
    }
  }

  .ds-input__action svg {
    stroke-width: 1.5px;
    width: 16px;
    height: 16px;
    animation: .18s ds-input-icon-in;
  }

  @keyframes ds-input-icon-in {
    from {
      opacity: 0;
      transform: scale(.82);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .ds-input input.is-revealing {
    animation: .2s ds-input-reveal;
  }

  @keyframes ds-input-reveal {
    from {
      opacity: .35;
    }

    to {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-input__action svg, .ds-input input.is-revealing {
      animation: none;
    }
  }

  .ds-field__head {
    flex-direction: column;
    gap: 3px;
    display: flex;
  }

  .ds-field__acted {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 32px;
    display: flex;
  }

  .ds-field__acted > :last-child {
    flex: none;
  }

  .ds-field__head:has( > .ds-field__acted) {
    align-self: stretch;
  }

  .ds-field__head .ds-field-hint {
    color: var(--color-slate-600);
    font-size: 12.5px;
    line-height: 1.45;
  }

  .ds-field__req {
    color: var(--color-danger-500);
    margin-left: 2px;
  }

  .ds-field-hint {
    color: var(--color-fg3);
    font-size: 11.5px;
    line-height: 16px;
  }

  .ds-field-hint--error {
    color: var(--color-danger-500);
  }

  .ds-field--setting {
    align-items: flex-start;
    max-width: 460px;
    padding: 14px 0;
  }

  .ds-field--setting:first-child {
    padding-top: 0;
  }

  .ds-field--setting > .ds-edit-box--standing {
    align-self: stretch;
  }

  .ds-field--setting .t-label {
    line-height: 1.5;
  }

  .ds-field--setting .ds-field-hint {
    color: var(--color-slate-600);
    font-size: 12.5px;
    line-height: 1.45;
  }

  .ds-field--setting > .ds-field-hint--error {
    color: var(--color-danger-500);
    margin-top: -3px;
    font-size: 11.5px;
    line-height: 16px;
  }

  .ds-select {
    display: inline-flex;
  }

  .ds-select__trigger {
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    border: 1px solid var(--color-line-strong);
    width: 100%;
    height: 32px;
    box-shadow: var(--shadow-button);
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    transition: background-color var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    background: #fff;
    border-radius: 12px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 14px;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-select__trigger {
      transition: none;
    }
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-select__trigger {
      position: relative;
    }

    .ds-select__trigger:after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: -1px;
      right: -1px;
      transform: translateY(-50%);
    }
  }

  .ds-select__trigger--sm {
    gap: 6px;
    height: 28px;
    padding: 0 10px;
    font-size: 13px;
  }

  .ds-select__trigger--lg {
    height: 44px;
  }

  .ds-select__trigger:focus-visible {
    box-shadow: var(--shadow-field-focus);
    outline: none;
  }

  .ds-select__trigger:hover:not(.is-disabled) {
    background: var(--color-surface-muted);
  }

  .ds-select__trigger--error {
    border-color: var(--color-danger-500);
  }

  .ds-select__trigger.is-disabled {
    background: var(--color-surface-hover);
    box-shadow: none;
    cursor: not-allowed;
    border-color: #0000000f;
  }

  .ds-select__value {
    min-width: calc(var(--spacing) * 0);
    text-align: left;
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
  }

  .ds-select__value--empty {
    color: var(--color-ink-400);
  }

  .ds-select__chevron {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-select__lead {
    color: var(--color-slate-600);
    flex: none;
    display: inline-flex;
  }

  .ds-select__opt {
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-select__menu {
    min-width: 240px;
    max-height: 280px;
    overflow-y: auto;
  }

  .ds-numinput {
    box-sizing: border-box;
    border: 1px solid var(--color-line-strong);
    height: 32px;
    box-shadow: var(--shadow-button);
    background: #fff;
    border-radius: 12px;
    align-items: center;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-numinput:focus-within {
    box-shadow: var(--shadow-field-focus);
  }

  .ds-numinput--error {
    border-color: var(--color-danger-500);
  }

  .ds-numinput.is-disabled {
    background: var(--color-surface-hover);
    box-shadow: none;
    border-color: #0000000f;
  }

  .ds-numinput input {
    border-style: var(--tw-border-style);
    text-align: center;
    --tw-outline-style: none;
    width: 60px;
    font-family: var(--font-mono);
    color: var(--color-ink-900);
    appearance: textfield;
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    font-size: 14px;
    font-weight: 500;
  }

  .ds-numinput input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .ds-numinput input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .ds-numinput__lead {
    font-family: var(--font-mono);
    color: var(--color-slate-500);
    flex: none;
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
  }

  .ds-numinput:has(.ds-numinput__lead) {
    width: 148px;
  }

  .ds-numinput:has(.ds-numinput__lead) input {
    box-sizing: border-box;
    text-align: left;
    margin-right: auto;
    padding: 0 1px;
  }

  .ds-numinput__unit {
    color: var(--color-fg3);
    border-left: 1px solid var(--color-line);
    flex: none;
    margin-left: -6px;
    padding: 0 10px 0 0;
    font-size: 12px;
  }

  .ds-numinput__step {
    cursor: pointer;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 0);
    color: var(--color-slate-600);
    width: 36px;
    height: 100%;
    transition: background-color var(--ds-ease-hover), color var(--ds-ease-hover);
    background-color: #0000;
    border-width: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-numinput {
      overflow: visible;
    }

    .ds-numinput__step {
      position: relative;
    }

    .ds-numinput__step:first-child {
      border-radius: 11px 0 0 11px;
    }

    .ds-numinput__step:last-child {
      border-radius: 0 11px 11px 0;
    }

    .ds-numinput__step:after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
    }
  }

  .ds-numinput__step:hover:not(:disabled) {
    background: var(--color-surface-muted-2);
    color: var(--color-ink-900);
  }

  .ds-numinput__step:disabled {
    color: var(--color-slate-300);
    cursor: not-allowed;
  }

  .ds-edit-box .ds-numinput.ds-numinput--inline {
    width: 100%;
    height: calc(var(--ds-edit-h, 32px)  - 2px);
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    display: flex;
    overflow: visible;
  }

  .ds-edit-box .ds-numinput.ds-numinput--inline input {
    flex: 1;
    width: auto;
    min-width: 0;
  }

  .ds-edit-box .ds-numinput--inline:has(.ds-numinput__lead) input {
    flex: none;
  }

  .ds-edit-box .ds-numinput.ds-numinput--inline.is-disabled {
    background: none;
  }

  .ds-search-field {
    align-items: center;
    gap: var(--ds-search-gap, 7px);
    height: var(--ds-search-h, var(--ds-filterbar-ctl-h, 32px));
    border: 1px solid var(--color-line-strong);
    border-radius: var(--radius-lg, 12px);
    background: var(--color-surface);
    box-shadow: var(--shadow-button);
    box-sizing: border-box;
    min-width: 0;
    transition: border-color var(--ds-ease-hover);
    padding: 0 12px 0 14px;
    display: flex;
  }

  .ds-search-field:is(:focus-within, .is-focus) {
    border-color: var(--color-ink-900);
  }

  .ds-search-field__ic {
    color: var(--color-slate-500);
    transition: color var(--ds-ease-hover);
    flex: none;
  }

  .ds-search-field__input {
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    background: none;
    border: none;
    outline: none;
    flex: auto;
    padding: 0;
    font-size: 13px;
  }

  .ds-search-field__input::placeholder {
    color: var(--color-ink-400);
  }

  .ds-search-field__input:placeholder-shown {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 16px), #000000f5 calc(100% - 12.8px), #000000e0 calc(100% - 10.4px), #000000bf calc(100% - 8px), #00000093 calc(100% - 5.6px), #00000070 calc(100% - 4px), #0000004b calc(100% - 2.56px), #00000027 calc(100% - 1.28px), #0000 100%);
    mask-image: linear-gradient(to right, #000 calc(100% - 16px), #000000f5 calc(100% - 12.8px), #000000e0 calc(100% - 10.4px), #000000bf calc(100% - 8px), #00000093 calc(100% - 5.6px), #00000070 calc(100% - 4px), #0000004b calc(100% - 2.56px), #00000027 calc(100% - 1.28px), #0000 100%);
  }

  .ds-search-field:has(.ds-search-field__input:disabled) {
    background-color: var(--color-surface-muted);
    box-shadow: none;
    cursor: not-allowed;
    border-color: #0000000f;
  }

  .ds-search-field__input:disabled {
    color: var(--color-slate-400);
    cursor: not-allowed;
  }

  .ds-search-field__input:disabled::placeholder, .ds-search-field:has(.ds-search-field__input:disabled) .ds-search-field__ic {
    color: var(--color-slate-300);
  }

  .ds-search-field__x {
    width: 0;
    height: 18px;
    margin-left: calc(var(--ds-search-gap, 7px) * -1);
    color: var(--color-slate-500);
    font: inherit;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: width var(--ds-ease-hover), margin-left var(--ds-ease-hover), opacity var(--ds-ease-hover), background-color var(--ds-ease-hover), color var(--ds-ease-hover);
    background: none;
    border: none;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
    position: relative;
  }

  .ds-search-field--has-text .ds-search-field__x {
    opacity: 1;
    pointer-events: auto;
    width: 18px;
    margin-left: 0;
  }

  .ds-search-field__x:hover {
    color: var(--color-ink-900);
    background: #40404024;
  }

  .ds-search-field__x:disabled {
    cursor: not-allowed;
  }

  .ds-search-field--row {
    --ds-search-gap: 8px;
    height: auto;
    box-shadow: none;
    background: none;
    border: none;
    border-radius: 0;
    flex: auto;
    padding: 0;
  }

  .ds-search-field--row .ds-search-field__input {
    width: 100%;
  }

  .ds-search-field--row:is(:focus-within, .is-focus) .ds-search-field__ic {
    color: var(--color-ink-900);
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-search-field:not(.ds-search-field--row) {
      position: relative;
    }

    .ds-search-field:not(.ds-search-field--row):after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: -1px;
      right: -1px;
      transform: translateY(-50%);
    }

    .ds-search-field:not(.ds-search-field--row) > * {
      z-index: 1;
      position: relative;
    }

    .ds-search-field .ds-search-field__input {
      font-size: 16px;
    }

    .ds-search-field--row {
      min-height: 28px;
    }

    .ds-search-field__x:after {
      content: "";
      position: absolute;
      inset: -13px -8px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-search-field, .ds-search-field__ic, .ds-search-field__x {
      transition: none;
    }
  }

  .ds-highlight {
    color: var(--color-ink-900);
    background: none;
    font-weight: 600;
  }

  .ds-modal-search {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-line);
    flex: none;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 16px 0 20px;
    display: flex;
  }

  .ds-modal-search__input {
    font-size: 13.5px;
  }

  .ds-modal-search__input::placeholder {
    color: var(--color-fg3);
  }

  .ds-trigger-picker__hold {
    flex-direction: column;
    flex: auto;
    min-height: 344px;
    display: flex;
  }

  .ds-picker-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2px 6px;
    display: grid;
  }

  .ds-trigger-picker > .ds-picker-grid {
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    padding: 10px 10px 14px;
    overflow-y: auto;
  }

  .ds-trigger-picker > .ds-picker-grid.ds-trigger-picker__hold {
    align-content: start;
    min-height: 344px;
  }

  .ds-modal-body > .ds-picker-grid {
    align-content: start;
    margin: 0 -10px;
  }

  .ds-picker-tile {
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    border-style: var(--tw-border-style);
    text-align: left;
    height: 44px;
    font-family: var(--font-sans);
    transition: background-color var(--ds-ease-hover);
    background-color: #0000;
    border-width: 0;
    border-radius: 10px;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    display: flex;
  }

  .ds-picker-tile:hover:not(:disabled) {
    background: var(--color-surface-hover);
  }

  .ds-picker-tile:disabled {
    cursor: not-allowed;
    opacity: .55;
  }

  .ds-picker-tile--skeleton {
    cursor: default;
    pointer-events: none;
  }

  .ds-picker-tile--done {
    pointer-events: none;
  }

  .ds-picker-tile--done .ds-picker-tile__name {
    color: var(--color-slate-600);
  }

  .ds-picker-tile--done .ds-picker-tile__meta {
    color: var(--color-success-500);
  }

  .ds-picker-tile__ic {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: inline-flex;
  }

  .ds-picker-tile__text {
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .ds-picker-tile__name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 600;
  }

  .ds-picker-tile__kicker {
    color: var(--color-fg3);
    font-size: 12px;
  }

  .ds-picker-tile__meta {
    color: var(--color-fg3);
    flex: none;
    font-size: 11px;
    display: inline-flex;
  }

  .ds-trigger-picker__list {
    min-height: calc(var(--spacing) * 0);
    flex-direction: column;
    flex: 1;
    gap: 2px;
    padding: 4px 10px 12px;
    display: flex;
    overflow-y: auto;
  }

  .ds-trigger-picker__row:hover:not(:disabled) {
    background: #4040400d;
  }

  .ds-trigger-picker__row-ic {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: inline-flex;
  }

  .ds-trigger-picker__row-text {
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .ds-trigger-picker__row-name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
  }

  @media (max-width: 560px) {
    .ds-picker-grid {
      grid-template-columns: 1fr;
    }

    .ds-modal-scrim.ds-modal-scrim--top.ds-trigger-picker__scrim {
      padding: 0;
    }

    .ds-modal.ds-trigger-picker {
      width: 100%;
      height: 100%;
      max-height: none;
      box-shadow: none;
      border: 0;
      border-radius: 0;
    }
  }

  .ds-agent-prompt {
    --ds-edit-radius: 16px;
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .ds-agent-prompt__words {
    box-sizing: border-box;
    border-radius: 16px;
    margin: -9px -11px;
    padding: 9px 11px;
  }

  .ds-agent-prompt__box {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    --ds-mdx-min-h: 3.4em;
    margin: -9px -11px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 1.7;
  }

  .ds-agent-prompt--view .ds-agent-prompt__box {
    --ds-edit-box-max: none;
  }

  .ds-agent-prompt--edit > .ds-clamp__more.ds-agent-prompt__door {
    margin-top: 2px;
  }

  .ds-agent-prompt__text {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 16px;
    line-height: 1.7;
  }

  .ds-clamp__more.ds-agent-prompt__door {
    color: var(--color-slate-600);
    align-self: flex-end;
    align-items: center;
    gap: 4px;
    width: auto;
    margin: -6px 0 0;
    display: inline-flex;
  }

  .ds-agent-prompt--view {
    gap: 22px;
    container-type: inline-size;
  }

  .ds-history-author {
    vertical-align: middle;
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-history-author__name {
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-fg2);
    overflow-wrap: break-word;
    font-size: 13px;
  }

  .ds-drawer-choice__line {
    color: var(--color-slate-600);
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-drawer-choice .ds-seg {
    transition: opacity .2s var(--ds-ease-hover, ease);
  }

  .ds-drawer-choice .ds-seg[aria-busy="true"] {
    opacity: .6;
    cursor: progress;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-drawer-choice .ds-seg {
      transition: none;
    }
  }

  .ds-preflight-preview {
    max-width: 100%;
    position: relative;
  }

  .ds-preflight-preview__code {
    cursor: pointer;
    border-radius: 10px;
    min-width: 0;
    max-height: 92.4px;
    transition: max-height .24s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 55%, #0000);
    mask-image: linear-gradient(#000 55%, #0000);
  }

  .ds-preflight-preview__code > * {
    pointer-events: none;
  }

  .ds-preflight-preview__code:focus-visible {
    outline: 2px solid var(--color-focus, #6b5cff);
    outline-offset: 2px;
  }

  .ds-preflight-preview.is-whole .ds-preflight-preview__code {
    max-height: 225px;
    overflow: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-preflight-preview.is-whole .ds-preflight-preview__code > * {
    pointer-events: auto;
  }

  .ds-preflight-preview__plain {
    font-family: var(--font-mono, "DM Mono", monospace);
    color: var(--color-slate-600);
    white-space: pre-wrap;
    margin: 0;
    font-size: 13px;
    line-height: 1.7;
  }

  .ds-preflight-preview__open {
    z-index: 1;
    position: absolute;
    top: 4px;
    right: 4px;
  }

  @media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .ds-preflight-preview__open {
      opacity: 0;
      transition: opacity var(--ds-ease-hover);
    }

    .ds-preflight-preview:is(:hover, :has(:focus-visible), :has(.is-hover)) .ds-preflight-preview__open, .ds-preflight-preview__open[aria-expanded="true"] {
      opacity: 1;
    }

    .ds-suggestion-card--short .ds-suggestion-card__x {
      opacity: 0;
      transition: opacity var(--ds-ease-hover), background var(--ds-ease-hover);
    }

    .ds-suggestion-card--short:is(:hover, :has(:focus-visible), :has(.is-hover), .is-selected) .ds-suggestion-card__x {
      opacity: 1;
    }

    .ds-suggestion-card--short .ds-suggestion-card__hd {
      transition: padding-right var(--ds-ease-hover);
      padding-right: 0;
    }

    .ds-suggestion-card--short:is(:hover, :has(:focus-visible), :has(.is-hover), .is-selected) .ds-suggestion-card__hd {
      padding-right: 34px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-preflight-preview__code, .ds-preflight-preview__open, .ds-suggestion-card--short .ds-suggestion-card__x, .ds-suggestion-card--short .ds-suggestion-card__hd {
      transition: none;
    }
  }

  .ds-state-switch__row {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .ds-state-switch__row:has( > .ds-state-switch__end) {
    min-height: 32px;
  }

  .ds-state-switch__tip {
    display: inline-flex;
  }

  .ds-state-switch__words {
    display: inline-flex;
    position: relative;
  }

  .ds-state-switch__on {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .ds-state-switch__end {
    flex: none;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-state-switch__end {
      animation: .22s ease-out ds-fade-in;
    }
  }

  .ds-state-switch__note {
    color: var(--color-fg3);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-state-switch__note--under {
    padding-top: 8px;
  }

  .ds-agent-switches {
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
    display: flex;
  }

  .ds-agent-switch {
    flex-direction: column;
    gap: 6px;
    display: flex;
  }

  .ds-agent-switch__opt {
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }

  .ds-agent-switch__text {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .ds-agent-switch__label {
    color: var(--color-ink-900);
    font-size: 14px;
    line-height: 1.4;
  }

  .ds-agent-switch__sub {
    color: var(--color-slate-600);
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-agent-switch__opt .ds-switch {
    flex: none;
    margin-top: 1px;
  }

  .ds-agent-switch__note {
    color: var(--color-slate-600);
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-agent-switch__link {
    all: unset;
    cursor: pointer;
    color: var(--color-ink-900);
    text-underline-offset: 3px;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--color-line-strong);
    -webkit-text-decoration-color: var(--color-line-strong);
    text-decoration-color: var(--color-line-strong);
    transition: text-decoration-color var(--ds-ease-hover);
    align-self: flex-start;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-agent-switch__link:is(:hover, :focus-visible) {
    text-decoration-color: currentColor;
  }

  .ds-agent-switch__link:focus-visible {
    outline: 2px solid var(--color-focus, #6b5cff);
    outline-offset: 2px;
    border-radius: 3px;
  }

  .ds-clamp__more.ds-agent-prompt__door:is(:hover, :focus-visible) {
    color: var(--color-fg1);
  }

  .ds-agent-history-cmp {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  .ds-agent-history-cmp__meta {
    flex-direction: column;
    gap: 6px;
    display: flex;
  }

  .ds-agent-history-cmp__meta--end {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .ds-agent-history-cmp__meta--end > .ds-history-author {
    white-space: nowrap;
    flex: auto;
    min-width: 0;
    overflow: hidden;
  }

  .ds-agent-history-cmp__meta--end .ds-history-author__name {
    white-space: nowrap;
  }

  .ds-agent-history-cmp__meta--end > :last-child:not(.ds-history-author) {
    flex: none;
    margin-inline-start: auto;
  }

  .ds-version-compare {
    display: inline-flex;
  }

  .ds-version-compare > .ds-ichip {
    flex: none;
  }

  .ds-version-compare__menu {
    width: min(340px, 100vw - 32px);
  }

  .ds-version-compare__row {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  .ds-version-compare__menu .ds-mi > span:has( > .ds-version-compare__row) {
    flex: 1;
    min-width: 0;
  }

  .ds-version-compare__row > .ds-ichip {
    flex: none;
  }

  .ds-version-compare__row > .ds-version-compare__name {
    min-width: 0;
    color: var(--color-ink-900);
    flex: 1;
  }

  .ds-version-compare__failed {
    padding: 8px 4px 4px;
  }

  .ds-trigger-editor {
    flex-direction: column;
    display: flex;
  }

  .ds-trigger-editor__hd {
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    display: flex;
  }

  .ds-trigger-editor__hd-ic {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: inline-flex;
  }

  .ds-trigger-editor__hd-title {
    min-width: calc(var(--spacing) * 0);
    color: var(--color-ink-900);
    flex: 1;
    font-size: 17px;
    font-weight: 600;
  }

  .ds-trigger-editor__hd-actions {
    flex: none;
    align-items: center;
    gap: 12px;
    display: inline-flex;
  }

  .ds-trigger-editor__hd-actions > span {
    align-items: center;
    display: inline-flex;
  }

  .ds-trigger-editor__summary {
    margin-bottom: 26px;
  }

  .ds-trigger-editor__desc {
    color: var(--color-slate-600);
    max-width: var(--ds-trigger-desc-max-w, 64ch);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-trigger-editor__meta {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    display: flex;
  }

  .ds-trigger-editor__meta span {
    color: var(--color-fg3);
    align-items: center;
    gap: 6px;
    font-size: 12.5px;
    display: inline-flex;
  }

  .ds-trigger-editor__meta b {
    color: var(--color-ink-800);
    font-weight: 600;
  }

  .ds-trigger-editor__dot {
    background: var(--color-ink-400);
    border-radius: 999px;
    width: 3px;
    height: 3px;
  }

  .ds-trigger-editor__cfg-hd {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    display: flex;
  }

  .ds-trigger-editor__cfg-hd > .ds-section-head {
    margin-bottom: 0;
  }

  .ds-trigger-editor__savebar {
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    display: flex;
  }

  .ds-trigger-editor__runs {
    margin-top: 36px;
  }

  .ds-trigger-editor__runs-hd {
    align-items: center;
    display: flex;
  }

  .ds-trigger-editor__viewall:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-trigger-editor__delete {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-line);
    margin-top: 32px;
    padding-top: 22px;
    display: flex;
  }

  .ds-trigger-editor--sections {
    gap: 24px;
  }

  .ds-trigger-editor--sections > * {
    margin-top: 0;
    margin-bottom: 0;
  }

  .ds-trigger-editor__script-sub {
    color: var(--color-slate-600);
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-trigger-editor__script-sub:last-child {
    margin-bottom: 0;
  }

  .ds-code {
    justify-content: center;
    align-items: center;
    gap: var(--ds-code-gap, 10px);
    display: flex;
  }

  .ds-code__cell {
    box-sizing: border-box;
    width: min(var(--ds-code-cell-w, 52px), (100% - 5 * var(--ds-code-gap, 10px)) / 6);
    height: var(--ds-code-cell-h, 64px);
    text-align: center;
    font-family: var(--font-sans);
    font-size: var(--ds-code-font, 28px);
    font-variant-numeric: tabular-nums;
    color: var(--color-ink-900);
    caret-color: var(--color-ink-900);
    background: var(--color-surface);
    border: 1px solid var(--color-slate-300);
    transition: border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), color var(--ds-ease-hover), opacity .18s ease;
    border-radius: 12px;
    outline: none;
    padding: 0;
    font-weight: 600;
  }

  .ds-code__cell:focus, .ds-code__cell.is-focus {
    border-color: var(--color-ink-900);
    box-shadow: var(--shadow-field-focus);
  }

  .ds-code--error .ds-code__cell {
    border-color: var(--color-danger-500);
    color: var(--color-danger-600);
  }

  .ds-code--busy .ds-code__cell {
    opacity: .45;
  }

  .ds-textarea {
    box-sizing: border-box;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-surface);
    width: 100%;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-900);
    resize: none;
    scrollbar-width: none;
    min-height: 78px;
    max-height: 132px;
    transition: box-shadow var(--ds-ease-hover);
    border-radius: 12px;
    outline: none;
    padding: 8px 12px;
    line-height: 1.5;
    display: block;
    overflow-y: auto;
  }

  .ds-textarea::placeholder {
    color: var(--color-ink-400);
  }

  .ds-textarea:focus {
    box-shadow: var(--shadow-field-focus);
  }

  .ds-textarea.ds-textarea--inline {
    font: inherit;
    letter-spacing: inherit;
    color: inherit;
    min-height: 0;
    max-height: none;
    box-shadow: none;
    transition: border-color var(--ds-ease-hover);
    background: none;
    border: 0;
    border-bottom: 1px dashed #0000;
    border-radius: 0;
    margin-bottom: -3px;
    padding: 0 0 2px;
  }

  .ds-textarea.ds-textarea--inline:hover {
    border-bottom-color: var(--color-line-strong);
  }

  .ds-textarea.ds-textarea--inline:focus {
    border-bottom-style: solid;
    border-bottom-color: var(--color-fg2);
    box-shadow: none;
  }

  .ds-textarea.ds-textarea--inline.ds-input--error {
    border-bottom-style: solid;
    border-bottom-color: var(--color-danger-500);
  }

  .ds-textarea.ds-textarea--inline:disabled {
    background-color: #0000;
    border-bottom-color: #0000;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-textarea.ds-textarea--inline.is-saving {
      background-image: linear-gradient(100deg, var(--color-ink-900, #1d2630) 35%, var(--color-slate-400, #8996a4) 50%, var(--color-ink-900, #1d2630) 65%);
      background-size: var(--ds-sweep-p, 240px) 100%;
      -webkit-background-clip: text;
      background-clip: text;
    }
  }

  .ds-textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .ds-menu {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-line);
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 1);
    box-shadow: var(--shadow-selected);
    text-align: start;
    border-radius: 16px;
  }

  .ds-menu-drill {
    position: relative;
    overflow: hidden;
  }

  .ds-menu-back {
    align-items: center;
    gap: 6px;
    margin: 2px;
    padding: 2px 4px;
    display: flex;
  }

  .ds-menu-back__ttl {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 600;
  }

  .ds-menu svg {
    stroke-width: 1.5px;
  }

  .ds-mi {
    margin: calc(var(--spacing) * .5);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-600);
    white-space: nowrap;
    transition: background-color var(--ds-ease-hover), color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
    display: flex;
  }

  .ds-mi:hover, .ds-mi.kbd {
    background: var(--color-surface-hover);
  }

  .ds-mi:active:not(.is-disabled) {
    background: var(--color-press-grey);
    box-shadow: var(--shadow-square-press);
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-mi {
      min-height: 44px;
      position: relative;
    }

    .ds-mi:after {
      content: "";
      position: absolute;
      inset: -2px 0;
    }

    .ds-menu--inline .ds-mi:after {
      inset: 0;
    }
  }

  .ds-mi.sel {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-900);
    background: #40404014;
  }

  .ds-mi:focus-visible {
    background: var(--color-surface-hover);
    outline: none;
  }

  .ds-mi.sel:focus-visible {
    background: #40404014;
  }

  .ds-mi.is-disabled {
    opacity: .45;
    pointer-events: none;
    cursor: default;
  }

  .ds-mi__ic {
    width: 18px;
    height: 18px;
    color: var(--color-slate-600);
    flex: none;
    display: inline-flex;
  }

  .ds-mi__ic svg, .ds-mi__ic img {
    width: 18px;
    height: 18px;
  }

  .ds-mi.sel .ds-mi__ic {
    color: var(--color-ink-900);
  }

  .ds-mi.sel .ds-highlight {
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .ds-mi__stack {
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: 1px;
    display: flex;
  }

  .ds-mi--skeleton {
    cursor: default;
    pointer-events: none;
  }

  .ds-mi--skeleton:hover {
    background: none;
  }

  .ds-mi__stack--fill {
    flex: auto;
  }

  .ds-mi__sk-line {
    align-items: center;
    height: 20px;
    display: flex;
  }

  .ds-mi__sk-line--sub {
    height: 16px;
  }

  .ds-mi__sub {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-500);
    white-space: normal;
  }

  .ds-mi__sub > .ds-fade-text {
    display: block;
  }

  .ds-menu-sub {
    position: relative;
  }

  .ds-menu-sub__box {
    z-index: 5;
    width: var(--ds-menu-sub-w, 252px);
    transform-origin: 100% 0;
    position: absolute;
    top: -7px;
    right: calc(100% + 8px);
  }

  .ds-menu-sub__menu {
    box-shadow: 0 18px 54px #1d263029, 0 2px 8px #1d263014;
  }

  @media (max-width: 700px) {
    .ds-menu-sub__box {
      width: min(var(--ds-menu-sub-w, 252px), calc(100vw - 46px));
      transform-origin: 100% 100%;
      top: auto;
      bottom: calc(100% + 6px);
      right: 0;
    }
  }

  .ds-mi__cost {
    padding-left: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-normal);
    font-size: 13px;
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-500);
    margin-left: auto;
  }

  .ds-mi__chk {
    color: var(--color-ink-900);
    margin-left: auto;
    display: inline-flex;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-mi__chk {
      animation: .2s ease-out ds-fade-in;
    }
  }

  .ds-mi__kb {
    padding-left: calc(var(--spacing) * 3);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    --tw-tracking: .02em;
    letter-spacing: .02em;
    color: var(--color-ink-400);
    margin-left: auto;
  }

  .ds-mi--danger, .ds-mi--danger .ds-mi__ic {
    color: var(--color-danger-500);
  }

  .ds-menu__sep {
    margin-inline: calc(var(--spacing) * 2);
    background-color: var(--color-line);
    height: 1px;
    margin-block: 5px;
  }

  .ds-menu__label {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.66;
  }

  .ds-menu__search {
    background-color: var(--color-surface);
    z-index: 1;
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 8px;
    margin: 2px;
    padding: 8px 10px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .ds-menu__search--bottom {
    border-bottom: none;
    border-top: 1px solid var(--color-line);
    top: auto;
    bottom: 0;
  }

  .ds-menu__search-action {
    flex: none;
  }

  .ds-menu__empty {
    text-align: center;
    font-family: var(--font-sans);
    color: var(--color-ink-400);
    padding: 12px 14px;
    font-size: 13px;
  }

  .ds-navrail__orgs-error {
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 10px 10px;
    display: flex;
  }

  @keyframes ds-settle-in {
    from {
      opacity: 0;
      transform: scale(.82);
    }

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

  .ds-settle {
    animation: .34s cubic-bezier(.2, 0, .2, 1) both ds-settle-in;
    display: inline-flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-settle {
      animation: none;
    }
  }

  @keyframes ds-orgswitch-check {
    from {
      opacity: 0;
      transform: scale(.55)translateX(-2px);
    }

    60% {
      opacity: 1;
      transform: scale(1.12);
    }

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

  @keyframes ds-orgswitch-wash {
    from {
      background-color: color-mix(in oklab, var(--color-primary) 14%, transparent);
    }

    to {
      background-color: #0000;
    }
  }

  .ds-navrail__org > span:not([class]) {
    min-width: 0;
  }

  .ds-navrail__org-name {
    display: block;
  }

  .ds-navrail__org--landed {
    animation: .9s cubic-bezier(.2, 0, .2, 1) both ds-orgswitch-wash;
  }

  .ds-navrail__org--landed .ds-mi__chk {
    animation: .42s cubic-bezier(.2, 0, .2, 1) both ds-orgswitch-check;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-navrail__org--landed, .ds-navrail__org--landed .ds-mi__chk {
      animation: none;
    }
  }

  .ds-menu__foot {
    background-color: var(--color-surface);
    z-index: 1;
    border-top: 1px solid var(--color-line);
    align-items: center;
    gap: 8px;
    margin: 2px;
    padding: 8px 4px 2px;
    display: flex;
    position: sticky;
    bottom: 0;
  }

  .ds-menu__foot > * {
    flex: 1;
    justify-content: center;
  }

  .ds-menu--nav {
    background-color: var(--color-surface-muted);
    padding: calc(var(--spacing) * 1.5);
    border-radius: 16px;
  }

  .ds-menu--nav .ds-mi {
    margin-inline: calc(var(--spacing) * 0);
    margin-block: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-slate-700);
  }

  .ds-menu--nav .ds-menu__search {
    background-color: var(--color-surface-muted);
  }

  .ds-menu--inline {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    flex-direction: column;
    gap: 2px;
    min-height: 0;
    margin: 0 -10px;
    padding: 0;
    display: flex;
    overflow-y: auto;
  }

  .ds-menu--inline .ds-mi {
    white-space: normal;
    flex: none;
    margin: 0;
  }

  .ds-menu--inline .ds-mi:not(.ds-mi--danger) {
    color: var(--color-ink-900);
  }

  .ds-lrows {
    flex: auto;
    min-height: 0;
    margin: 0 -10px;
  }

  .ds-lrow {
    min-height: 48px;
    transition: background-color var(--ds-ease-hover);
    border-radius: 10px;
    align-items: center;
    gap: 12px;
    padding: 6px 10px;
    display: flex;
  }

  .ds-lrows > .ds-lrow {
    margin-top: 2px;
  }

  .ds-lrow:hover {
    background: var(--color-surface-hover);
  }

  .ds-lrow__lead, .ds-lrow__trail {
    flex: none;
    align-items: center;
    display: inline-flex;
  }

  .ds-lrow__text {
    flex-direction: column;
    flex: 1;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-lrow__label {
    color: var(--color-ink-900);
    font-size: 15px;
    font-weight: 500;
  }

  .ds-lrow__sub {
    color: var(--color-slate-500);
    font-size: 12px;
  }

  .ds-modal-scrim {
    inset: 0;
    top: var(--ds-keyboard-top, 0px);
    bottom: var(--ds-keyboard, 0px);
    transition: top var(--ds-keyboard-duration) var(--ds-keyboard-ease), bottom var(--ds-keyboard-duration) var(--ds-keyboard-ease);
    z-index: 100;
    background: #10182847;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
    position: absolute;
  }

  .ds-modal-scrim--fixed {
    position: fixed;
  }

  .ds-modal-scrim.ds-modal-scrim--top {
    padding-top: var(--ds-modal-top, 64px);
    align-items: flex-start;
  }

  .ds-modal-scrim--top > .ds-modal:not(.ds-modal--bare) {
    max-height: 100%;
  }

  @container (max-width: 768px) {
    .ds-modal-scrim {
      padding: 12px;
    }

    .ds-modal-scrim.ds-modal-scrim--top {
      padding-top: var(--ds-modal-top, 64px);
    }
  }

  @media (max-width: 768px) {
    .ds-modal-scrim {
      padding: 12px;
    }

    .ds-modal-scrim.ds-modal-scrim--top {
      padding-top: var(--ds-modal-top, 64px);
    }
  }

  .ds-modal {
    border: 1px solid var(--color-line);
    width: 560px;
    max-width: 100%;
    max-height: 86%;
    box-shadow: var(--shadow-selected);
    background: #fff;
    border-radius: 16px;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ds-keys__group + .ds-keys__group {
    margin-top: 16px;
  }

  .ds-keys__title {
    font-family: var(--font-sans);
    color: var(--color-fg3);
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }

  .ds-keys__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ds-keys__row {
    border-bottom: 1px solid var(--color-line);
    font-family: var(--font-sans);
    color: var(--color-ink-800);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
    font-size: 14px;
    line-height: 20px;
    display: flex;
  }

  .ds-keys__row:last-child {
    border-bottom: 0;
  }

  .ds-keys__action {
    min-width: 0;
  }

  .ds-keys__caps {
    flex-wrap: wrap;
    flex: none;
    justify-content: flex-end;
    gap: 4px;
    display: inline-flex;
  }

  .ds-modal-ft.ds-keys__foot {
    border-top: 1px solid var(--color-line);
    justify-content: space-between;
    gap: 12px;
    padding-top: 12px;
  }

  .ds-keys__switch-text {
    min-width: 0;
    font-family: var(--font-sans);
    flex-direction: column;
    display: flex;
  }

  .ds-keys__switch-label {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .ds-keys__switch-hint {
    color: var(--color-fg3);
    font-size: 12px;
    line-height: 16px;
  }

  .ds-modal--small {
    width: 460px;
  }

  .ds-modal--wide {
    width: 760px;
  }

  .ds-modal-hd {
    align-items: flex-start;
    gap: 12px;
    padding: 20px 20px 12px;
    display: flex;
  }

  .ds-modal-hd__mt {
    flex: 1;
    min-width: 0;
  }

  .ds-modal-hd h2 {
    color: var(--color-ink-900);
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
  }

  .ds-modal-hd p {
    color: var(--color-slate-600);
    margin: 2px 0 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-modal-x {
    margin: -4px -12px 0 0;
  }

  .ds-modal-hd--lead:not(:has(.ds-modal-hd__mt > p)) {
    align-items: center;
  }

  .ds-modal-hd--lead:not(:has(.ds-modal-hd__mt > p)) .ds-modal-x {
    margin-top: 0;
  }

  .ds-modal-hd--lead:has(.ds-modal-hd__mt > p) > :first-child {
    margin-top: -2px;
  }

  .ds-modal[tabindex="-1"]:focus {
    outline: none;
  }

  .ds-modal-ft {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 0 20px 20px;
    display: flex;
  }

  .ds-modal-ft:has( > .ds-btn:first-child + .ds-btn:last-child) {
    justify-content: space-between;
  }

  .ds-modal--steps {
    transition: height .22s cubic-bezier(.22, .61, .36, 1);
  }

  .ds-modal-steps {
    flex: none;
    position: relative;
  }

  .ds-modal-step {
    flex-direction: column;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-modal--steps {
      transition: none;
    }
  }

  .ds-modal-body {
    flex-direction: column;
    flex: auto;
    gap: 14px;
    min-height: 0;
    padding: 0 20px 20px;
    display: flex;
  }

  .ds-modal-body.ds-scroll {
    margin-top: -4px;
    padding-top: 4px;
  }

  .ds-modal-hd + .ds-modal-body.ds-scroll {
    margin-top: -12px;
    padding-top: 12px;
  }

  :where(.ds-modal-body > p) {
    color: var(--color-slate-700);
    margin: 0;
    font-size: 14px;
    line-height: 21px;
  }

  :where(.ds-modal-body > p + p) {
    margin-top: -6px;
  }

  .ds-modal-search + .ds-modal-body {
    margin-top: 0;
    padding-top: 8px;
  }

  .ds-modal--bare {
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    width: auto;
    max-height: none;
    padding: 0;
    overflow: visible;
  }

  @container (max-width: 768px) {
    .ds-modal:not(.ds-modal--bare) {
      width: 100%;
    }
  }

  .bg-brand-gradient {
    background: var(--brand-gradient);
  }

  .bg-brand-gradient-cta {
    background: var(--brand-gradient-cta);
  }

  .ds-btn--bare {
    border-style: var(--tw-border-style);
    max-width: none;
    padding: calc(var(--spacing) * 0);
    color: var(--color-slate-500);
    --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);
    --ds-btn-pl: 0px;
    --ds-btn-pr: 0px;
    background-color: #0000;
    border-width: 0;
    width: auto;
    height: auto;
  }

  .ds-btn--bare.ds-btn--icon {
    width: auto;
    padding: calc(var(--spacing) * 0);
  }

  .ds-btn--bare.ds-btn--icon-lead {
    --ds-sweep-ico: 0px;
  }

  .ds-btn--bare.ds-btn--icon-lead svg {
    margin-left: 0;
  }

  .ds-btn--bare svg {
    width: auto;
    height: auto;
  }

  .ds-btn--bare:hover:not(:disabled), .ds-btn--bare.is-hover {
    color: var(--color-ink-900);
    background-color: #0000;
  }

  .ds-btn--bare:hover:not(:disabled) svg, .ds-btn--bare.is-hover svg {
    color: var(--color-ink-900);
  }

  .ds-btn--bare:disabled, .ds-btn--bare.is-disabled {
    color: var(--color-slate-300);
    cursor: not-allowed;
    background-color: #0000;
  }

  .ds-btn--ghost.is-pressed {
    background-color: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  .ds-btn--ghost.is-pressed svg {
    color: var(--color-ink-900);
  }

  .ds-btn--secondary.is-pressed {
    background-color: var(--color-surface-muted);
    border-color: #00000038;
  }

  .ds-btn--bare.is-pressed {
    color: var(--color-ink-900);
  }

  .ds-tag--new {
    color: var(--color-accent-blue);
  }

  .ds-tag--neutral {
    color: var(--color-fg3);
  }

  .ds-tag--connected {
    color: var(--color-success-800);
  }

  .ds-tag--connected svg {
    color: var(--color-success-500);
  }

  .ds-tag--skipped {
    color: var(--color-slate-500);
  }

  .ds-tag--attention {
    color: var(--color-warning-600);
  }

  .ds-tag--attention svg {
    color: var(--color-warning-500);
  }

  .ds-tag--danger {
    color: var(--color-white);
    background: var(--color-danger-500);
    border-color: #0000;
  }

  .ds-tag--danger svg {
    color: var(--color-white);
  }

  .ds-tag--danger .ds-tag__dot {
    background: #fff;
  }

  .ds-mi__lead {
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-mi__hint {
    padding-left: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: nowrap;
    color: var(--color-slate-500);
    margin-left: auto;
  }

  .ds-mi__hint + .ds-mi__kb {
    margin-left: calc(var(--spacing) * 0);
  }

  .ds-mi__act {
    opacity: 0;
    transition: opacity var(--ds-ease-hover, .15s ease);
    z-index: 1;
    margin: -4px -4px -4px auto;
    display: inline-flex;
    position: relative;
  }

  .ds-mi__hint + .ds-mi__act {
    margin-left: -4px;
  }

  .ds-mi__act + .ds-mi__chk {
    margin-left: 0;
  }

  .ds-mi:is(:hover, .kbd) > .ds-mi__act, .ds-mi__act:focus-within {
    opacity: 1;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-mi__act {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-mi__act {
      transition: none;
    }
  }

  .ds-card--row {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .ds-card--flush {
    padding: 0;
  }

  .ds-card__lead {
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-card__chev {
    cursor: pointer;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing) * 0);
    color: var(--color-slate-500);
    background-color: #0000;
    border-width: 0;
    flex: none;
    transition: transform .18s;
    display: inline-flex;
    transform: rotate(-90deg);
  }

  .ds-card__chev.is-open {
    transform: rotate(0);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-card__chev {
      transition: none;
    }
  }

  .ds-disclosure__trigger {
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    width: 100%;
    padding: calc(var(--spacing) * 0);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-ink-900);
    background-color: #0000;
    border-width: 0;
    display: flex;
  }

  .ds-disclosure__lead {
    color: var(--color-slate-500);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-disclosure__label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .ds-disclosure__chev {
    color: var(--color-slate-500);
    flex: none;
    margin-left: auto;
    transition: transform .18s;
  }

  .ds-disclosure__chev.is-open {
    transform: rotate(90deg);
  }

  .ds-disclosure__body {
    padding-top: calc(var(--spacing) * 2);
  }

  .ds-rtrace-scroll {
    scrollbar-width: none;
  }

  .ds-rtrace-scroll.ds-scroll--fade {
    --ds-fade-size: 36px;
  }

  .ds-rtrace-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .ds-rtrace-widget--on {
    border-color: var(--color-ink-900);
  }

  .ds-rtrace-widget--node.ds-rtrace-widget--on > :first-child {
    box-shadow: 0 0 0 1px var(--color-ink-900);
  }

  .ds-rtrace-widget:hover > .ds-rtrace-expand, .ds-rtrace-expand:focus-visible, .ds-rtrace-expand--on {
    opacity: 1;
  }

  .ds-rtrace-expand:hover {
    background: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  .ds-rtrace-expand--on {
    color: var(--color-ink-900);
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-rtrace-expand {
      opacity: 1;
    }
  }

  .ds-rtrace-fold__chev {
    opacity: 0;
    transition: opacity var(--ds-ease-hover, .15s ease), transform .18s ease;
  }

  .ds-rtrace-fold:hover .ds-rtrace-fold__chev, .ds-rtrace-fold__name:focus-visible .ds-rtrace-fold__chev, .ds-rtrace-fold__name[aria-expanded="true"] .ds-rtrace-fold__chev {
    opacity: 1;
  }

  @media (hover: none), (max-width: 767px), (pointer: coarse) {
    .ds-rtrace-fold__chev {
      opacity: 1;
    }
  }

  .ds-rtrace-transcript {
    white-space: normal;
  }

  .ds-rtrace-transcript__lines {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ds-rtrace-transcript__lines > li {
    align-items: baseline;
    gap: 10px;
    padding-bottom: 4px;
    display: flex;
  }

  .ds-rtrace-transcript__at {
    min-width: 28px;
    font-family: var(--font-mono);
    color: var(--color-fg3);
    font-variant-numeric: tabular-nums;
    flex: none;
    font-size: 11px;
    line-height: 20px;
  }

  .ds-rtrace-transcript__quote {
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-fg2);
    font-size: 12px;
    line-height: 20px;
  }

  .ds-rtrace-transcript--rolling {
    height: 72px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#0000, #000 18px calc(100% - 18px), #0000);
    mask-image: linear-gradient(#0000, #000 18px calc(100% - 18px), #0000);
  }

  .ds-rtrace-transcript--rolling .ds-rtrace-transcript__roll {
    animation: linear infinite ds-rtrace-roll;
  }

  @keyframes ds-rtrace-roll {
    to {
      transform: translateY(-50%);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-rtrace-fold__chev {
      transition: none;
    }

    .ds-rtrace-transcript--rolling .ds-rtrace-transcript__roll {
      animation: none;
    }
  }

  .ds-rtrace-row-in {
    animation: .34s cubic-bezier(.22, .61, .36, 1) both ds-rtrace-row-in;
  }

  .ds-rtrace-row-in .ds-output--error {
    grid-template-rows: 1fr;
    animation: .36s cubic-bezier(.22, .61, .36, 1) .45s both ds-output-error-open;
    display: grid;
  }

  .ds-rtrace-row-in .ds-output--error > div {
    min-height: 0;
    overflow: hidden;
  }

  .ds-rtrace-row-in .ds-output--error > div > * {
    animation: .34s cubic-bezier(.22, .61, .36, 1) .6s both ds-rtrace-condense;
  }

  .ds-rtrace-head-in {
    animation: .38s cubic-bezier(.22, .61, .36, 1) both ds-rtrace-condense;
    display: inline-block;
  }

  .ds-rtrace-chips {
    flex-direction: column;
    gap: 6px;
    width: max-content;
    padding: 2px 0;
    display: flex;
  }

  .ds-rtrace-chips__row {
    gap: 6px;
    display: flex;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-rtrace-chips__row :is(.ds-url-link, .ds-ichip) {
      position: relative;
    }

    .ds-rtrace-chips__row :is(.ds-url-link, .ds-ichip):after {
      content: "";
      height: 44px;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
    }
  }

  .ds-steps {
    display: flex;
  }

  .ds-steps--vertical {
    flex-direction: column;
  }

  .ds-steps--horizontal {
    flex-direction: row;
    align-items: flex-start;
  }

  .ds-step {
    gap: calc(var(--spacing) * 3);
    display: flex;
  }

  .ds-steps--horizontal .ds-step {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    text-align: center;
    flex-direction: column;
    flex: 1;
  }

  .ds-step__rail {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    align-items: center;
    width: 24px;
    display: flex;
  }

  .ds-step__bubble {
    background-color: var(--color-surface);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border: 1.5px solid var(--color-line-strong);
    width: 24px;
    height: 24px;
    color: var(--color-slate-600);
    border-radius: 3.40282e38px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: inline-flex;
  }

  .ds-step__bubble svg {
    width: 13px;
    height: 13px;
  }

  .ds-step--done .ds-step__bubble {
    background: var(--color-ink-900);
    border-color: var(--color-ink-900);
    color: #fff;
  }

  .ds-step--active .ds-step__bubble {
    border-color: var(--color-ink-900);
    color: var(--color-ink-900);
  }

  .ds-step--failed .ds-step__bubble {
    border-color: var(--color-danger-500);
    color: var(--color-danger-600);
  }

  .ds-step--warning .ds-step__bubble {
    background: var(--color-warning-500);
    border-color: var(--color-warning-500);
    color: #fff;
  }

  .ds-step--neutral .ds-step__bubble {
    border-color: var(--color-line-strong);
    color: var(--color-slate-500);
  }

  .ds-step__connector {
    background: var(--color-line-strong);
    flex: 1;
    width: 1.5px;
    min-height: 14px;
    margin: 2px 0;
  }

  .ds-step--done .ds-step__connector {
    background: var(--color-ink-900);
  }

  .ds-step__body {
    min-width: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 4);
  }

  .ds-steps--horizontal .ds-step__body {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .ds-step__label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-ink-900);
    font-size: 14px;
  }

  .ds-step__desc {
    color: var(--color-fg3);
    font-size: 13px;
  }

  .ds-agent-checks {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .ds-agent-checks__title {
    color: var(--color-ink-900);
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .ds-agent-checks .ds-step__body {
    padding-top: 2px;
    padding-bottom: 10px;
  }

  .ds-agent-checks .ds-step:last-child .ds-step__body {
    padding-bottom: 0;
  }

  .ds-kv {
    font-family: var(--font-sans);
    flex-direction: column;
    margin: 0;
    display: flex;
    container: ds-kv / inline-size;
  }

  .ds-kv__row {
    padding: var(--ds-kv-pad, 14px) 0;
    flex-direction: column;
    gap: 9px;
    display: flex;
  }

  .ds-kv__row:first-child {
    padding-top: 0;
  }

  .ds-kv__row:last-child {
    padding-bottom: 0;
  }

  .ds-kv__k {
    color: var(--color-fg1);
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }

  .ds-kv__v {
    min-width: 0;
    color: var(--color-ink-900);
    overflow-wrap: anywhere;
    margin: 0;
    font-size: 13.5px;
    line-height: 20px;
  }

  .ds-kv__v--icon {
    align-items: flex-start;
    gap: 6px;
    display: flex;
  }

  .ds-kv__v--icon > svg {
    color: var(--color-slate-600);
    flex: none;
    margin-top: 3px;
  }

  .ds-kv__v--icon > span {
    min-width: 0;
  }

  @container ds-kv (min-width: 600px) {
    .ds-kv__row {
      --ds-kv-pad: 9px;
      grid-template-columns: clamp(120px, 28%, 220px) minmax(0, 1fr);
      column-gap: 16px;
      display: grid;
    }
  }

  .ds-kv--inline > .ds-kv__row {
    --ds-kv-pad: 9px;
    grid-template-columns: clamp(96px, 28%, 220px) minmax(0, 1fr);
    column-gap: 16px;
    display: grid;
  }

  .ds-kv--sm > .ds-kv__row {
    --ds-kv-pad: 5px;
    gap: 2px;
    display: flex;
  }

  .ds-kv--sm .ds-kv__k {
    color: var(--color-fg3);
    font-size: 12px;
    line-height: 18px;
  }

  .ds-kv--sm .ds-kv__v {
    color: var(--color-fg1);
    font-size: 13px;
    line-height: 19.5px;
  }

  .ds-cardstat {
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 1);
    flex-direction: column;
    display: flex;
  }

  .ds-cardstat__val {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-ink-900);
    letter-spacing: -.01em;
    font-size: 22px;
    line-height: 1.1;
  }

  .ds-cardstat__lbl {
    color: var(--color-fg3);
    font-size: 13px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-fade-in {
      animation: .22s ease-out ds-fade-in;
    }

    .ds-fade-rise {
      animation: .24s cubic-bezier(.22, 1, .36, 1) ds-fade-rise;
    }
  }

  @keyframes ds-fade-in {
    from {
      opacity: 0;
    }
  }

  @keyframes ds-fade-rise {
    from {
      opacity: 0;
      transform: translateY(3px);
    }
  }

  .ds-task-feed {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .ds-task-card {
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-elevation);
    transition: box-shadow var(--ds-ease-hover), transform var(--ds-ease-hover);
    padding: 13px 14px;
  }

  .ds-task-card--press {
    box-sizing: border-box;
    width: 100%;
    font: inherit;
    text-align: left;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    display: block;
  }

  .ds-task-card--press:hover {
    box-shadow: var(--shadow-selected);
    transform: translateY(-1px);
  }

  .ds-task-card--press:focus-visible {
    outline: 2px solid var(--color-ink-900);
    outline-offset: 2px;
  }

  .ds-task-slot {
    grid-template-rows: 1fr;
    display: grid;
  }

  .ds-task-slot__in {
    min-height: 0;
    margin: -6px;
    padding: 6px;
    overflow: hidden;
  }

  .ds-task-slot--landing {
    animation: .32s cubic-bezier(.22, 1, .36, 1) ds-task-slot-grow;
  }

  @keyframes ds-task-slot-grow {
    from {
      grid-template-rows: 0fr;
      margin-bottom: -10px;
    }
  }

  .ds-task-card--landing {
    animation: 1.4s cubic-bezier(.22, 1, .36, 1) ds-row-land;
  }

  @keyframes ds-row-land {
    from {
      opacity: 0;
      background: #ffac6f29;
      transform: translateY(-6px);
    }

    18% {
      opacity: 1;
      transform: none;
    }
  }

  .ds-task-card__top {
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    display: flex;
  }

  .ds-task-card__title {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 15px;
    line-height: 20px;
  }

  .ds-task-card__time {
    font-family: var(--font-mono);
    color: var(--color-slate-500);
    white-space: nowrap;
    flex: none;
    font-size: 12px;
  }

  .ds-task-card__meta {
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-top: 11px;
    display: flex;
  }

  .ds-task-card__skill {
    font-family: var(--font-sans);
    color: var(--color-ink-800);
    flex: auto;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: 12px;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-task-card__skill svg {
    color: var(--color-slate-600);
    flex: none;
  }

  .ds-task-card__skill span {
    white-space: nowrap;
    overflow: hidden;
  }

  .ds-task-card__tag {
    flex: none;
    margin-left: auto;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-task-card {
      transition: none;
    }

    .ds-task-card--landing, .ds-task-slot--landing {
      animation: none;
    }
  }

  .ds-card-drawer {
    border: none;
    border-left: 1px solid var(--color-line);
    height: 100%;
    box-shadow: none;
    border-radius: 0;
    flex-direction: column;
    flex: none;
    display: flex;
  }

  .ds-card-drawer--left {
    border-left: none;
    border-right: 1px solid var(--color-line);
  }

  .ds-card-drawer__title {
    font-family: var(--font-serif);
    letter-spacing: 0;
    color: var(--color-ink-900);
    --ds-trunc-fade: 24px;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
  }

  .ds-card-drawer__collapse:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-card-drawer__turns {
    --ds-turn-gap: 14px;
    gap: var(--ds-turn-gap);
    flex-direction: column;
    padding: 4px 2px 8px;
    display: flex;
  }

  .ds-card-drawer__turns > * {
    flex-shrink: 0;
  }

  .ds-card-drawer__above {
    flex: none;
    justify-content: flex-end;
    padding: 0 16px;
    display: flex;
    position: relative;
  }

  .ds-card-drawer__composer {
    background: var(--color-surface);
    flex: none;
    padding: 8px 14px 14px;
  }

  .ds-card-drawer__composer .ds-composer {
    max-width: none;
    margin: 0;
  }

  .ds-section-head {
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    display: flex;
  }

  .ds-section-head__action {
    margin-left: auto;
  }

  .ds-section-head__icon {
    color: var(--color-slate-600);
    flex: none;
  }

  .ds-section-head__title {
    font-family: var(--font-sans);
    font-size: var(--text-section-head);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    margin: 0;
    font-weight: 600;
  }

  .ds-page-layout :is(.ds-page-layout__body, .ds-page-layout__work) h2.ds-section-head__title {
    font-family: var(--font-serif);
    font-size: 20px;
    font-weight: 700;
  }

  @media (max-width: 767px) {
    .ds-page-layout :is(.ds-page-layout__body, .ds-page-layout__work) h2.ds-section-head__title {
      font-size: 18px;
    }
  }

  .ds-page-layout :is(.ds-page-layout__body, .ds-page-layout__work) .ds-dt__group-n {
    font-family: var(--font-sans);
    font-size: var(--text-section-head);
  }

  .ds-page-layout :is(.ds-page-layout__body, .ds-page-layout__work) .ds-section-head {
    flex-wrap: wrap;
  }

  .ds-page-layout :is(.ds-page-layout__body, .ds-page-layout__work) .ds-drawer-section__hd:has( > h2) {
    margin-bottom: 13px;
  }

  .ds-drawer-section__hd {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    min-height: 32px;
    margin-bottom: 8px;
  }

  .ds-drawer-section__hd .ds-section-head__action {
    margin-left: 0;
  }

  .ds-drawer-section__hd > .ds-section-head__icon + .ds-section-head__title {
    margin-right: auto;
  }

  .ds-drawer-section__hd > svg {
    margin-right: -11px;
  }

  .ds-drawer-section__hd > svg + .ds-section-head__title {
    margin-right: auto;
  }

  .ds-drawer-section__hd + .ds-field--setting {
    padding-block: 0;
  }

  .ds-block-label {
    font-family: var(--font-sans);
    font-size: var(--text-block-label);
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--color-ink-800);
    margin: 0;
    font-weight: 600;
    line-height: 1.3;
  }

  .ds-block-label--sub {
    font-size: var(--text-block-label-sub);
    letter-spacing: .04em;
    color: var(--color-slate-500);
  }

  .ds-block-label--danger, .ds-block-label--danger svg {
    color: var(--color-danger-500);
  }

  .ds-block-label svg {
    flex: none;
  }

  .ds-side-drawer {
    --sd-w: var(--sd-w-page, 400px);
    --sd-dur: .45s;
    width: 0;
    margin: var(--sd-inset-t, var(--ds-dock-inset)) 0 var(--sd-inset-b, var(--ds-dock-inset));
    background: var(--sd-bg, #fff);
    border: var(--sd-border-w, 1px) solid transparent;
    border-radius: var(--sd-radius, var(--radius-card));
    opacity: 0;
    box-shadow: none;
    transition: width var(--sd-dur, .45s) cubic-bezier(.32, .72, .3, 1), margin var(--sd-dur, .45s) cubic-bezier(.32, .72, .3, 1), opacity .28s ease, box-shadow var(--sd-dur, .45s) ease, border-color var(--sd-dur, .45s) ease;
    flex: none;
    display: flex;
    overflow: hidden;
  }

  @container ds-drawer-host (min-width: 1600px) {
    .ds-drawer-host .ds-side-drawer:not(.ds-side-drawer--left) {
      --sd-w: var(--sd-w-page, 800px);
    }
  }

  .ds-side-drawer[tabindex="-1"]:focus {
    outline: none;
  }

  .ds-side-drawer--open {
    z-index: 1;
    width: min(var(--sd-w), var(--sd-max, 100vw));
    margin: var(--sd-inset-t, var(--ds-dock-inset)) var(--sd-inset-r, var(--ds-dock-inset)) var(--sd-inset-b, var(--ds-dock-inset)) 0;
    border-color: var(--sd-border, var(--color-line));
    box-shadow: var(--sd-shadow, var(--shadow-selected));
    opacity: 1;
    position: relative;
  }

  .ds-side-drawer__inner {
    width: min(var(--sd-w), var(--sd-max, 100vw));
    flex-direction: column;
    flex: none;
    height: 100%;
    min-height: 0;
    display: flex;
  }

  .ds-side-drawer__inner--swap {
    animation: .22s cubic-bezier(.22, 1, .36, 1) ds-side-drawer-swap;
  }

  @keyframes ds-side-drawer-swap {
    from {
      opacity: 0;
      transform: translateY(4px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-side-drawer__inner--swap {
      animation: none;
    }
  }

  .ds-drawer-stack {
    flex: auto;
    width: 100%;
    min-height: 0;
    position: relative;
  }

  .ds-drawer-stack__view {
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-drawer-stack__view[data-under] {
    visibility: hidden;
    transition: visibility 0s linear .16s;
  }

  .ds-side-drawer--left {
    --sd-w: var(--sd-w-page, 360px);
    --sd-w-tablet: 360px;
    --sd-shadow: 0 14px 36px #1d26301f, 0 3px 8px #1d26300f;
    justify-content: flex-end;
  }

  .ds-side-drawer--left.ds-side-drawer--open {
    margin: var(--sd-inset-t, var(--ds-dock-inset)) 0 var(--sd-inset-b, var(--ds-dock-inset)) var(--sd-inset-l, var(--ds-dock-inset));
  }

  .ds-side-drawer:not(.ds-side-drawer--open):not(.ds-side-drawer--carrying) {
    border-width: 0;
  }

  @container ds-subshell (max-width: 1024px) {
    .ds-subshell .ds-side-drawer--left {
      --sd-w: var(--sd-w-tablet, 360px);
    }
  }

  .ds-side-drawer--sized .ds-side-drawer__inner {
    container: ds-drawer / inline-size;
  }

  .ds-side-drawer__edge {
    z-index: 3;
    cursor: col-resize;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    --sde-x: 6px;
    --sde-w: 4px;
    --sde-h: 28px;
    --sde-o: 0;
    --sde-c: var(--color-ink-600);
    --sde-lift: 0 0 #0000;
    --sde-ease: cubic-bezier(.32, .72, .3, 1);
    --sde-give: cubic-bezier(.34, 1.4, .64, 1);
    outline: none;
    width: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .ds-side-drawer__edge[data-limit="min"] {
    cursor: w-resize;
  }

  .ds-side-drawer__edge[data-limit="max"] {
    cursor: e-resize;
  }

  @media (pointer: coarse) {
    .ds-side-drawer__edge {
      --sde-x: 8px;
      --sde-w: 5px;
      width: 16px;
    }
  }

  @media (hover: hover) {
    .ds-side-drawer__edge:hover {
      --sde-o: 1;
      --sde-h: 44px;
    }

    .ds-side-drawer__edge:hover:before {
      transition-delay: 60ms;
    }
  }

  .ds-side-drawer--edge-hover .ds-side-drawer__edge {
    --sde-o: 1;
    --sde-h: 44px;
  }

  .ds-side-drawer__edge:focus-visible:not([data-pointer]), .ds-side-drawer--edge-focus .ds-side-drawer__edge {
    --sde-o: 1;
    --sde-h: 44px;
    --sde-c: var(--color-ink-900);
    --sde-lift: var(--shadow-field-focus);
  }

  .ds-side-drawer--resizing .ds-side-drawer__edge {
    --sde-o: 1;
    --sde-w: 6px;
    --sde-h: 56px;
    --sde-c: var(--color-ink-900);
    --sde-lift: 0 0 #0000;
  }

  .ds-side-drawer__edge[data-stop]:focus-visible:not([data-pointer]), .ds-side-drawer--resizing .ds-side-drawer__edge[data-stop], .ds-side-drawer--edge-stop .ds-side-drawer__edge {
    --sde-h: 40px;
    --sde-c: var(--color-ink-400);
  }

  .ds-side-drawer--resizing .ds-side-drawer__edge:before, .ds-side-drawer--resizing .ds-side-drawer__edge:hover:before, .ds-side-drawer__edge:focus-visible:not([data-pointer]):before, .ds-side-drawer__edge:focus-visible:not([data-pointer]):hover:before {
    transition-delay: 0s;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-side-drawer__edge[data-stop]:focus-visible:not([data-pointer]):before, .ds-side-drawer--resizing .ds-side-drawer__edge[data-stop]:before, .ds-side-drawer--edge-stop .ds-side-drawer__edge:before {
      transition-timing-function: ease, var(--sde-give), var(--sde-give), ease, ease;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-side-drawer__edge:before {
      transition: opacity .12s, background-color .16s, box-shadow .16s;
    }
  }

  @media (forced-colors: active) {
    .ds-side-drawer__edge:before {
      forced-color-adjust: none;
      --sde-lift: 0 0 #0000;
    }

    .ds-side-drawer__edge {
      --sde-c: CanvasText;
    }

    .ds-side-drawer__edge:focus-visible:not([data-pointer]), .ds-side-drawer--edge-focus .ds-side-drawer__edge, .ds-side-drawer--resizing .ds-side-drawer__edge {
      --sde-c: Highlight;
    }

    .ds-side-drawer__edge[data-stop]:focus-visible:not([data-pointer]), .ds-side-drawer--resizing .ds-side-drawer__edge[data-stop], .ds-side-drawer--edge-stop .ds-side-drawer__edge {
      --sde-c: GrayText;
    }
  }

  .ds-side-drawer--resizing {
    -webkit-user-select: none;
    user-select: none;
    transition: none;
  }

  .ds-side-drawer--resizing .ds-side-drawer__inner {
    pointer-events: none;
  }

  .ds-side-drawer--left .ds-side-drawer__edge {
    left: auto;
    right: 0;
  }

  .ds-side-drawer--left .ds-side-drawer__edge:before {
    left: auto;
    right: var(--sde-x);
    transform: translate(50%, -50%);
  }

  .ds-side-drawer--left .ds-side-drawer__edge[data-limit="min"] {
    cursor: e-resize;
  }

  .ds-side-drawer--left .ds-side-drawer__edge[data-limit="max"] {
    cursor: w-resize;
  }

  .ds-side-drawer--over {
    top: var(--sd-inset-t, var(--ds-dock-inset));
    right: var(--sd-inset-r, var(--ds-dock-inset));
    bottom: var(--sd-inset-b, var(--ds-dock-inset));
    z-index: 8;
    margin: 0;
    position: absolute;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-side-drawer {
      transition: none;
    }
  }

  .ds-drawer-host {
    position: relative;
    container: ds-drawer-host / inline-size;
  }

  .ds-subshell.ds-drawer-host {
    container-name: ds-subshell ds-drawer-host;
  }

  .ds-drawer-host .ds-side-drawer {
    --ds-drawer-tier: docked;
  }

  @container ds-drawer-host (max-width: 1024px) {
    .ds-drawer-host .ds-side-drawer {
      --sd-w: var(--sd-w-tablet, 360px);
    }

    .ds-drawer-host .ds-side-drawer--page {
      top: var(--sd-inset-t, var(--ds-dock-inset));
      right: var(--sd-inset-r, var(--ds-dock-inset));
      bottom: var(--sd-inset-b, var(--ds-dock-inset));
      z-index: 8;
      margin: 0;
      position: absolute;
    }
  }

  @container ds-drawer-host (max-width: 767px) {
    .ds-drawer-host :is(.ds-side-drawer--over, .ds-side-drawer--page) {
      --ds-drawer-tier: takeover;
      width: auto;
      box-shadow: none;
      border: 0;
      border-radius: 0;
      inset: 0;
    }

    .ds-drawer-host :is(.ds-side-drawer--over, .ds-side-drawer--page) .ds-side-drawer__inner {
      width: 100%;
    }

    .ds-drawer-host :is(.ds-side-drawer--over, .ds-side-drawer--page):not(.ds-side-drawer--open):not(.ds-side-drawer--carrying) {
      visibility: hidden;
    }

    .ds-drawer-host .ds-side-drawer:not(.ds-side-drawer--over):not(.ds-side-drawer--page) {
      --ds-drawer-tier: sheet;
      z-index: 8;
      width: auto;
      box-shadow: none;
      opacity: 1;
      visibility: hidden;
      pointer-events: none;
      transition: transform var(--sd-dur, .45s) cubic-bezier(.32, .72, .3, 1), visibility 0s linear var(--sd-dur, .45s);
      border: 0;
      border-radius: 0;
      grid-area: auto;
      margin: 0;
      animation: none;
      position: absolute;
      inset: 0;
      transform: translateY(102%);
    }

    .ds-drawer-host .ds-side-drawer--open:not(.ds-side-drawer--over):not(.ds-side-drawer--page) {
      visibility: visible;
      pointer-events: auto;
      transition-delay: 0s, 0s;
      transform: none;
    }

    .ds-drawer-host .ds-side-drawer:not(.ds-side-drawer--over):not(.ds-side-drawer--page) .ds-side-drawer__inner {
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-drawer-host .ds-side-drawer:not(.ds-side-drawer--over):not(.ds-side-drawer--page) {
      transition: none;
    }
  }

  .ds-drawer-hd:has( > .ds-drawer-hd__field > .ds-edit-box__error) {
    padding-bottom: 28px;
  }

  .ds-drawer-hd--meta {
    align-items: flex-start;
    padding-bottom: 12px;
  }

  .ds-drawer-hd__back {
    flex: none;
    margin-left: -8px;
    margin-right: -4px;
  }

  .ds-drawer-hd--meta > .ds-panel__hd-icon {
    margin-top: 7.5px;
  }

  .ds-drawer-hd__titles {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .ds-drawer-hd__titles > .ds-panel__hd-title {
    flex: none;
    margin-top: calc(16px - .6em);
  }

  .ds-drawer-hd__titles:has( + .ds-panel__hd-act) {
    margin-inline-end: -9px;
  }

  .ds-drawer-hd__meta {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    min-width: 0;
    margin-top: 8px;
    display: flex;
  }

  .ds-drawer-bd {
    flex-direction: column;
    flex: auto;
    gap: 24px;
    min-height: 0;
    padding: 0 18px 24px;
    display: flex;
  }

  .ds-drawer-ft {
    background: var(--color-surface);
    flex-wrap: wrap;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 12px 18px 18px;
    display: flex;
  }

  .ds-drawer-hd:has( + .ds-scroll--fade) {
    z-index: 1;
    position: relative;
  }

  .ds-drawer-hd + .ds-scroll--fade {
    margin-top: -10px;
    padding-top: 10px;
  }

  .ds-drawer-hd--meta + .ds-scroll--fade {
    margin-top: -12px;
    padding-top: 12px;
  }

  .ds-drawer-hd:has(.ds-task-breadcrumb__context) + .ds-scroll--fade {
    margin-top: -6px;
    padding-top: 6px;
  }

  .ds-att-preview__hd:has( + .ds-att-preview__main > .ds-scroll--fade:first-child) {
    z-index: 1;
    position: relative;
  }

  .ds-att-preview:not(.ds-att-preview--sheet) .ds-att-preview__hd + .ds-att-preview__main > .ds-scroll--fade:first-child {
    margin-top: -10px;
    padding-top: 10px;
  }

  .ds-att-preview:not(.ds-att-preview--sheet) .ds-att-preview__hd:has(.ds-task-breadcrumb__context) + .ds-att-preview__main > .ds-scroll--fade:first-child {
    margin-top: -6px;
    padding-top: 6px;
  }

  .ds-scroll--fade + :is(.ds-drawer-ft, .ds-vault-dfoot, .ds-website-settings__foot) {
    padding-top: 0;
  }

  .ds-drawer-bd:has( + .ds-drawer-ft) {
    padding-bottom: 36px;
  }

  .ds-drawer-bd:has( + :is(.ds-vault-dfoot, .ds-website-settings__foot)) {
    padding-bottom: 34px;
  }

  .ds-limit-dbody:has( + .ds-limit-dfoot) {
    padding-bottom: 10px;
  }

  @media (max-width: 767px), (pointer: coarse) {
    :is(.ds-card-drawer__hd, .ds-drawer-hd):has(.ds-task-breadcrumb__context) > :is(.ds-panel__hd-act, .ds-btn--icon, :has( > .ds-panel__hd-act)) {
      margin-top: -4px;
    }

    :is(.ds-card-drawer__hd, .ds-drawer-hd):has(.ds-task-breadcrumb__context) > .ds-btn--sm {
      margin-top: -2px;
    }

    :is(.ds-card-drawer__hd, .ds-drawer-hd):has(.ds-task-breadcrumb__context) > .ds-panel__hd-icon {
      margin-top: 3.5px;
    }
  }

  .ds-drawer-notice {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    min-height: 0;
    padding: 16px;
    display: flex;
  }

  .ds-run-details.ds-drawer-bd {
    gap: 16px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-run-details.ds-drawer-bd:not([aria-busy="true"]), .ds-run-details__foot {
      animation: .22s ease-out ds-fade-in;
    }
  }

  .ds-run-details__meta {
    flex-wrap: wrap;
    gap: 6px;
    margin: -4px 0;
    display: flex;
  }

  .ds-run-details__sec {
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    display: flex;
  }

  .ds-run-details__hd {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    display: flex;
  }

  .ds-run-details__chips {
    flex-wrap: wrap;
    gap: 6px;
    display: inline-flex;
  }

  .ds-run-details .ds-step__body {
    flex: auto;
  }

  .ds-run-details .ds-step:last-child .ds-step__body {
    padding-bottom: 0;
  }

  .ds-run-details__end {
    margin-top: 10px;
  }

  .ds-run-details__log {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 140px;
    display: block;
  }

  .ds-run-details__pairs {
    grid-template-columns: repeat(auto-fit, minmax(max(120px, 33.3333% - 10.6667px), 1fr));
    gap: 12px 16px;
    display: grid;
  }

  .ds-run-details__pairs .ds-cardstat {
    gap: 2px;
    min-width: 0;
  }

  .ds-run-details__pairs .ds-cardstat__val {
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    font-size: 15px;
    font-weight: 500;
  }

  .ds-run-details__pairs .ds-cardstat__lbl {
    font-size: 12px;
  }

  .ds-run-details__pair-chip {
    margin-top: 4px;
    display: flex;
  }

  .ds-run-details__p95 {
    color: var(--color-slate-500);
    margin-top: 2px;
    font-size: 12px;
  }

  .ds-run-details .ds-kv .t-mono {
    color: var(--color-slate-600);
    font-size: 12.5px;
    font-weight: 400;
  }

  .ds-run-details__link {
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  .ds-run-details__link svg {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-run-details__id {
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    display: inline-flex;
  }

  .ds-run-details__id > code {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .ds-run-details__id .ds-btn {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-run-details__started {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px 12px;
    display: inline-flex;
  }

  .ds-run-details__started-line {
    color: var(--color-slate-600);
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    display: inline-flex;
  }

  .ds-website-settings__focus:focus {
    outline: none;
  }

  .ds-website-settings__sharing {
    flex-direction: column;
    gap: 24px;
    display: flex;
  }

  .ds-website-settings__address {
    padding-top: 12px;
  }

  .ds-website-settings__foot {
    padding: 10px 16px max(16px, env(safe-area-inset-bottom));
    flex: none;
    gap: 8px;
    display: flex;
  }

  .ds-website-settings__views {
    flex: auto;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    min-height: 0;
    display: grid;
    overflow: hidden;
  }

  .ds-website-settings__view {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    flex-direction: column;
    grid-area: 1 / 1;
    min-width: 0;
    min-height: 0;
    transition: transform .16s ease-in, opacity .16s ease-in, visibility 0s linear .16s;
    display: flex;
  }

  .ds-website-settings__view--settings {
    transform: translateX(-28px);
  }

  .ds-website-settings__view--history {
    transform: translateX(28px);
  }

  .ds-website-settings__view--on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: transform .26s cubic-bezier(.22, 1, .36, 1), opacity .26s cubic-bezier(.22, 1, .36, 1), visibility;
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-website-settings__view {
      transition: opacity .16s, visibility 0s linear .16s;
      transform: none;
    }

    .ds-website-settings__view--on {
      transition: opacity .16s, visibility;
    }
  }

  .ds-website-settings__back {
    color: var(--color-fg2);
    margin-left: -8px;
    margin-right: -4px;
  }

  .ds-website-settings__back svg {
    width: 16px;
    height: 16px;
  }

  .ds-website-publish__dot {
    background: var(--color-info-400);
    border-radius: 999px;
    flex: none;
    width: 6px;
    height: 6px;
    margin-inline-start: 2px;
  }

  .ds-website-publish--compact {
    display: inline-flex;
    position: relative;
  }

  .ds-website-publish--compact .ds-website-publish__dot {
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px var(--color-surface);
    margin: 0;
    position: absolute;
    top: -2px;
    right: -2px;
  }

  .ds-website-publish__menu {
    min-width: 260px;
    max-width: 340px;
  }

  .ds-agent-off__runs {
    max-height: 5em;
    transition: max-height .2s, margin-top .2s, opacity .2s;
    overflow: hidden;
  }

  .ds-agent-off__runs[data-slot="hold"] {
    visibility: hidden;
  }

  .ds-agent-off__runs[data-slot="none"] {
    opacity: 0;
    max-height: 0;
    margin-top: -14px;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-agent-off__runs {
      transition: none;
    }
  }

  .ds-history-table {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .ds-history-table__what {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-history-table__by {
    min-width: 0;
    color: var(--color-slate-600);
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
  }

  .ds-history-table__name {
    min-width: 0;
  }

  .ds-history-table__when {
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    max-width: 160px;
    display: flex;
  }

  .ds-history-table__time {
    white-space: nowrap;
  }

  .ds-see-all {
    justify-content: flex-end;
    margin-top: 8px;
    font-size: 13px;
    display: flex;
  }

  .ds-see-all__btn {
    all: unset;
    cursor: pointer;
    color: var(--color-ink-900);
    text-underline-offset: 3px;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--color-line-strong);
    -webkit-text-decoration-color: var(--color-line-strong);
    text-decoration-color: var(--color-line-strong);
    transition: text-decoration-color var(--ds-ease-hover);
    align-items: center;
    gap: 4px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-see-all__btn:is(:hover, :focus-visible) {
    text-decoration-color: currentColor;
  }

  .ds-see-all__btn:focus-visible {
    outline: 2px solid var(--color-focus, #6b5cff);
    outline-offset: 2px;
    border-radius: 3px;
  }

  .ds-add-people {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  .ds-add-people__group {
    flex-direction: column;
    display: flex;
  }

  .ds-add-people__label {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 600;
  }

  .ds-add-people__row {
    align-items: center;
    gap: 10px;
    min-height: 44px;
    display: flex;
  }

  .ds-add-people__fold {
    margin: 0 -6px;
    padding: 0 6px;
    overflow: hidden;
  }

  .ds-add-people__name {
    flex-direction: column;
    flex: auto;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .ds-add-people__nm {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
  }

  .ds-add-people__sub {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    font-size: 12px;
  }

  .ds-add-people__in {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    align-items: center;
    gap: 10px;
    font-size: 13px;
    display: flex;
  }

  @media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    .ds-att-preview__extend {
      opacity: 0;
      width: 0;
      min-width: 0;
      transition: width var(--ds-ease-hover), opacity var(--ds-ease-hover), background var(--ds-ease-hover), color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), margin-left var(--ds-ease-hover);
      overflow: hidden;
    }

    .ds-att-preview__hd :is(.ds-att-preview__act, .ds-panel__hd-act, :has( > .ds-panel__hd-act)) + .ds-att-preview__extend {
      margin-left: -9px;
    }

    .ds-att-preview__hd:is(:hover, :has(:focus-visible), .is-hover) :is(.ds-att-preview__act, .ds-panel__hd-act, :has( > .ds-panel__hd-act)) + .ds-att-preview__extend {
      margin-left: -7px;
    }
  }

  .ds-att-preview__hd:has(.ds-task-breadcrumb__context) > :is(.ds-panel__hd-act, .ds-att-preview__act) {
    align-self: flex-start;
    margin-top: -6.4px;
  }

  .ds-att-preview__hd .ds-panel__hd-icon img {
    object-fit: contain;
    width: 21px;
    height: 21px;
    display: block;
  }

  .ds-att-preview__main {
    flex-direction: column;
    flex: auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .ds-att-preview--ready:has(.ds-att-preview__pager) .ds-att-preview__stage {
    padding-bottom: 64px;
  }

  .ds-att-preview__pager-lbl {
    text-align: center;
    min-width: 44px;
    color: var(--color-ink-900);
    font-variant-numeric: tabular-nums;
    padding: 0 4px;
    font-size: 12.5px;
    font-weight: 500;
  }

  .ds-att-preview__layer {
    flex-direction: column;
    flex: auto;
    justify-content: center;
    min-width: 0;
    min-height: 100%;
    display: flex;
  }

  .ds-att-preview__text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: 13px / 1.7 var(--font-mono);
    color: var(--color-fg);
    margin: 0;
    padding: 8px 2px;
  }

  .ds-att-preview__frame {
    border-radius: 10px;
    flex: none;
    width: 100%;
    overflow: hidden;
  }

  .ds-att-preview__frame--fit {
    border-radius: 0;
    flex: auto;
    justify-content: center;
    align-items: center;
    min-height: 0;
    display: flex;
    overflow: visible;
  }

  .ds-att-preview__img {
    object-fit: contain;
    border: 1px solid var(--color-line);
    max-width: 100%;
    max-height: 100%;
    box-shadow: var(--shadow-button);
    background: #fff;
    border-radius: 10px;
  }

  .ds-att-preview__pages {
    flex-direction: column;
    gap: 14px;
    display: flex;
  }

  .ds-att-preview__page-img {
    border-radius: 5px;
    width: 100%;
    height: auto;
    display: block;
  }

  .ds-att-marks {
    pointer-events: none;
    z-index: 2;
    position: absolute;
    inset: 0;
  }

  .ds-att-mark {
    box-sizing: border-box;
    appearance: none;
    background: none;
    border: 0;
    border-radius: 2px;
    outline: 1px solid #4c7dfa8c;
    margin: 0;
    padding: 0;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-att-mark {
      outline: 1px solid color-mix(in srgb, var(--color-accent-blue) 55%, transparent);
    }
  }

  .ds-att-mark {
    outline-offset: -.5px;
    cursor: pointer;
    pointer-events: auto;
    transition: background var(--ds-ease-hover), outline-color var(--ds-ease-hover);
  }

  .ds-att-mark:not(:disabled):hover {
    background: #4c7dfa0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-att-mark:not(:disabled):hover {
      background: color-mix(in srgb, var(--color-accent-blue) 5%, transparent);
    }
  }

  .ds-att-mark:disabled {
    cursor: default;
  }

  .ds-att-mark:focus-visible {
    outline: 2px solid var(--color-ink-900);
    outline-offset: 1px;
  }

  .ds-att-mark.is-active {
    z-index: 1;
    outline: 2px solid var(--color-accent-blue);
    outline-offset: -1px;
    background: #4c7dfa0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-att-mark.is-active {
      background: color-mix(in srgb, var(--color-accent-blue) 6%, transparent);
    }
  }

  .ds-att-mark__tag {
    border: 1px solid #4c7dfa73;
    border-radius: 5px;
    padding: 0 6px;
    position: absolute;
    bottom: calc(100% + 4px);
    left: -1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-att-mark__tag {
      border: 1px solid color-mix(in srgb, var(--color-accent-blue) 45%, transparent);
    }
  }

  .ds-att-mark__tag {
    color: var(--color-accent-blue);
    font: 500 11px / 16px var(--font-sans);
    white-space: nowrap;
    transition: background var(--ds-ease-hover), color var(--ds-ease-hover);
    background: #fff;
  }

  .ds-att-mark.is-active .ds-att-mark__tag {
    border-color: var(--color-accent-blue);
    background: var(--color-accent-blue);
    color: #fff;
    font: 500 12px / 18px var(--font-sans);
    padding: 1px 8px;
  }

  .ds-att-mark[data-beside] .ds-att-mark__tag {
    bottom: 0;
    left: auto;
    right: calc(100% + 4px);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-att-mark, .ds-att-mark__tag {
      transition: none;
    }
  }

  .ds-att-preview__doc {
    box-sizing: border-box;
    border: 1px solid var(--color-line);
    background: #fff;
    border-radius: 6px;
    flex: none;
    width: 100%;
    margin-bottom: 8px;
    padding: 36px clamp(24px, 8%, 56px) 44px;
    box-shadow: 0 1px 2px #1d26300f, 0 4px 14px -4px #1d263024;
  }

  .ds-att-preview__code {
    flex: auto;
    min-width: 0;
  }

  .ds-doc-fields {
    flex-direction: column;
    gap: 2px;
    margin: 0 -10px;
    display: flex;
  }

  .ds-doc-fields__row {
    appearance: none;
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    cursor: pointer;
    transition: background var(--ds-ease-hover);
    background: none;
    border: 0;
    border-radius: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "label page"
                         "value value";
    row-gap: 2px;
    padding: 8px 10px;
    display: grid;
  }

  .ds-doc-fields__row:disabled {
    cursor: default;
    opacity: 1;
  }

  .ds-doc-fields__row:not(:disabled):hover {
    background: var(--color-surface-hover);
  }

  .ds-doc-fields__row.is-active {
    background: #4040401a;
  }

  .ds-doc-fields__row--loading {
    cursor: default;
    pointer-events: none;
    flex-direction: column;
    gap: 9px;
    padding: 11px 10px;
    display: flex;
  }

  .ds-doc-fields__pending {
    grid-template-rows: 1fr;
    transition: grid-template-rows .24s, opacity .2s;
    display: grid;
  }

  .ds-doc-fields__pending.is-shut {
    opacity: 0;
    grid-template-rows: 0fr;
  }

  .ds-doc-fields__pending-rows {
    flex-direction: column;
    gap: 2px;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .ds-doc-fields__label {
    color: var(--color-fg3);
    grid-area: label;
    font-size: 12px;
    line-height: 1.5;
  }

  .ds-doc-fields__value {
    overflow-wrap: anywhere;
    grid-area: value;
    align-items: center;
    min-width: 0;
    min-height: 19.6px;
    font-size: 14px;
    line-height: 1.4;
    display: flex;
  }

  .ds-doc-fields__row.is-active .ds-doc-fields__value {
    font-weight: 500;
  }

  .ds-doc-fields__page {
    color: var(--color-ink-400);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    grid-area: page;
    align-self: center;
    font-size: 12px;
    line-height: 1.5;
  }

  .ds-doc-fields__row.is-unplaced .ds-doc-fields__value {
    color: var(--color-slate-600);
  }

  .ds-doc-fields__row, .ds-doc-fields__value, .ds-doc-fields__page {
    animation: .28s both ds-doc-fields-in;
  }

  @keyframes ds-doc-fields-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-doc-fields__row, .ds-doc-fields__pending {
      transition: none;
    }

    .ds-doc-fields__row, .ds-doc-fields__value, .ds-doc-fields__page {
      animation: none;
    }
  }

  .ds-att-preview__sheet {
    border: 1px solid var(--color-line);
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    flex: auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .ds-att-preview__sheet-bar {
    border-bottom: 1px solid var(--color-line);
    flex: none;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    display: flex;
  }

  .ds-att-preview__sheet-grid {
    flex: auto;
    grid-template-columns: 32px minmax(96px, 1.6fr) repeat(4, minmax(56px, 1fr)) minmax(40px, .8fr);
    grid-auto-rows: 26px;
    align-content: start;
    min-height: 0;
    display: grid;
    overflow: hidden;
  }

  .ds-att-preview__sheet-grid > span {
    border-right: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .ds-att-preview__sheet-corner, .ds-att-preview__sheet-col, .ds-att-preview__sheet-row {
    background: var(--color-surface-muted);
    color: var(--color-fg3);
    font: 500 11px / 1 var(--font-sans);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
  }

  .ds-att-preview__sheet-grid > .ds-att-preview__sheet-cell {
    padding: 0 8px;
  }

  .ds-att-preview__sheet-grid > .ds-att-preview__sheet-cell--num {
    justify-content: flex-end;
  }

  .ds-att-preview__sheet-tabs {
    border-top: 1px solid var(--color-line);
    flex: none;
    align-items: center;
    gap: 14px;
    padding: 8px 12px;
    display: flex;
  }

  .ds-att-preview__glow {
    bottom: 8px;
    left: 8px;
    right: 8px;
    top: calc(var(--ds-att-hd)  + 4px);
    pointer-events: none;
    z-index: 3;
    border-radius: 12px;
    position: absolute;
    overflow: hidden;
  }

  .ds-att-preview__glow:after {
    content: "";
    z-index: 4;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px var(--color-line);
    pointer-events: none;
    position: absolute;
    inset: 0;
  }

  .ds-att-preview__main > .ds-att-preview__glow {
    border-radius: 6px 6px 0 0;
    inset: 0 16px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-empty-state {
      animation: .22s ease-out ds-fade-in;
    }
  }

  .ds-empty-state {
    text-align: center;
    flex-direction: column;
    flex: auto;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 12px 8px 20px;
    display: flex;
  }

  .ds-empty-state__art {
    aspect-ratio: auto 1;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    width: 168px;
    max-width: 70%;
    height: auto;
    margin-bottom: 8px;
  }

  .ds-empty-state__title {
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
  }

  .ds-empty-state__detail {
    color: var(--color-slate-600);
    max-width: 30ch;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-empty-state--wide .ds-empty-state__detail {
    max-width: 46ch;
  }

  .ds-org-closed__name {
    color: var(--color-ink-900);
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    display: block;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-no-access, .ds-chat-deleted {
      animation: .24s cubic-bezier(.22, 1, .36, 1) ds-fade-rise;
    }
  }

  .ds-org-pick, .ds-org-pick__face {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    display: flex;
  }

  .ds-org-pick__lede {
    color: var(--color-fg3);
    text-align: center;
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
  }

  .ds-org-pick__list {
    box-sizing: border-box;
    flex-direction: column;
    gap: 10px;
    width: calc(100% + 32px);
    max-height: min(50vh + 40px, 370px);
    margin: -16px -16px -24px;
    padding: 16px 16px 24px;
    display: flex;
    overflow-x: hidden;
  }

  .ds-org-pick__row {
    flex: none;
    justify-content: flex-start;
    scroll-margin-block: 16px 24px;
  }

  .ds-empty-state__acts {
    gap: 8px;
    margin-top: 14px;
    display: flex;
  }

  .ds-page-titlebar {
    background: none;
    flex: none;
    align-items: center;
    gap: 0;
    height: 64px;
    padding: 0 28px;
    display: flex;
  }

  .ds-page-titlebar__lead {
    align-items: center;
    display: inline-flex;
  }

  .ds-page-titlebar__title {
    font-family: var(--font-serif);
    font-size: var(--text-page-title);
    color: var(--color-ink-900);
    margin: 0;
    font-weight: 700;
  }

  .ds-page-titlebar__actions {
    --ds-actions-gap: 10px;
    align-items: center;
    gap: var(--ds-actions-gap);
    margin-left: auto;
    display: flex;
  }

  :where(fieldset.ds-page-titlebar__actions) {
    border: 0;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
  }

  .ds-page-titlebar--chat .ds-page-titlebar__title {
    font-size: var(--text-h4);
    min-width: 0;
    max-width: var(--ds-composer-max);
    text-align: left;
    white-space: nowrap;
    flex: 1;
    font-weight: 700;
    overflow: hidden;
  }

  .ds-page-titlebar__stack {
    place-items: center start;
    min-width: 0;
    display: grid;
  }

  .ds-page-titlebar__stack > * {
    grid-area: 1 / 1;
    min-width: 0;
    max-width: 100%;
  }

  .ds-page-titlebar__sk {
    opacity: 0;
    transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
    display: flex;
  }

  .ds-page-titlebar__name {
    transition: opacity .38s cubic-bezier(.22, .61, .25, 1) 60ms, transform .38s cubic-bezier(.22, .61, .25, 1) 60ms;
    overflow: hidden;
  }

  .ds-page-titlebar__stack[data-loading] .ds-page-titlebar__sk {
    opacity: 1;
  }

  .ds-page-titlebar__stack[data-loading] .ds-page-titlebar__name {
    opacity: 0;
    transition: opacity .18s ease-in, transform 0s .18s;
    transform: translateY(8px);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-page-titlebar__sk, .ds-page-titlebar__name, .ds-page-titlebar__stack[data-loading] .ds-page-titlebar__name {
      transition: none;
      transform: none;
    }
  }

  .ds-page-titlebar--phone {
    gap: 4px;
    height: 46px;
    padding: 0 8px;
  }

  .ds-page-titlebar--phone > .ds-page-titlebar__lead, .ds-page-titlebar--phone > .ds-page-titlebar__actions {
    --ds-actions-gap: 8px;
    flex: none;
    justify-content: center;
    min-width: 44px;
    margin-left: 0;
  }

  .ds-page-titlebar--phone > .ds-page-titlebar__actions:empty {
    visibility: hidden;
  }

  .ds-page-titlebar--phone > .ds-page-titlebar__title {
    text-align: center;
    min-width: 0;
    font-size: var(--text-h4);
    white-space: nowrap;
    flex: 1;
    font-weight: 700;
    overflow: hidden;
  }

  .ds-page-titlebar--phone.ds-page-titlebar--chat > .ds-page-titlebar__title {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
  }

  .ds-page-titlebar__fit {
    vertical-align: top;
    max-width: 100%;
    display: inline-block;
  }

  .ds-page-titlebar .ds-page-titlebar__title:has( > .ds-edit-box) {
    position: relative;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-page-titlebar__title > .ds-edit-box {
    max-width: var(--ds-composer-max);
    margin: -7px 4px -7px -12px;
    padding: 6px 11px;
  }

  .ds-page-titlebar--phone .ds-page-titlebar__title > .ds-edit-box {
    margin-left: -9px;
    padding-left: 8px;
  }

  .ds-page-titlebar--phone.ds-page-titlebar--chat > :is(.ds-page-titlebar__lead, .ds-page-titlebar__actions):empty {
    display: none;
  }

  .ds-page-titlebar--phone.ds-page-titlebar--chat:has( > .ds-page-titlebar__lead:empty) {
    padding-left: 16px;
  }

  .ds-page-titlebar--phone.ds-page-titlebar--chat:has( > .ds-page-titlebar__actions:empty) {
    padding-right: 16px;
  }

  .ds-page-titlebar__menu {
    display: inline-flex;
  }

  .ds-page-titlebar--phone .ds-nav-menu__trigger, .ds-page-titlebar--phone > .ds-page-titlebar__lead .ds-btn--icon, .ds-page-titlebar--phone .ds-page-layout__back > .ds-btn, .ds-page-titlebar--phone > .ds-page-titlebar__actions :is(.ds-btn--icon, .ds-btn--icon-lead):is(.ds-page-titlebar__actions > *, .ds-page-titlebar__actions > * > *) {
    border-radius: 9px;
    gap: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
  }

  .ds-page-titlebar--phone .ds-nav-menu__trigger:after, .ds-page-titlebar--phone > .ds-page-titlebar__lead .ds-btn--icon:after, .ds-page-titlebar--phone .ds-page-layout__back > .ds-btn:after, .ds-page-titlebar--phone > .ds-page-titlebar__actions :is(.ds-btn--icon, .ds-btn--icon-lead):is(.ds-page-titlebar__actions > *, .ds-page-titlebar__actions > * > *):after {
    content: "";
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .ds-page-titlebar--phone > .ds-page-titlebar__actions .ds-btn--icon-lead:is(.ds-page-titlebar__actions > *, .ds-page-titlebar__actions > * > *) > span:not(.ds-btn__glyph) {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .ds-page-titlebar--phone > .ds-page-titlebar__actions .ds-btn--icon-lead:is(.ds-page-titlebar__actions > *, .ds-page-titlebar__actions > * > *) > :is(svg, .ds-btn__glyph) {
    margin: 0;
  }

  .ds-page-titlebar--phone > .ds-page-titlebar__actions .ds-btn--icon-lead:is(.ds-page-titlebar__actions > *, .ds-page-titlebar__actions > * > *) > :is(svg, .ds-btn__glyph):not(:first-child) {
    display: none;
  }

  .ds-page-titlebar--phone .ds-page-layout__back {
    margin: 0;
  }

  .ds-chat-agents {
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .ds-chat-agents__chips {
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .ds-chat-agents__phone {
    display: none;
  }

  @media (max-width: 1100px) {
    .ds-chat-agents__chips {
      display: none;
    }

    .ds-chat-agents__phone {
      display: inline-flex;
    }
  }

  .ds-page-layout {
    --page-gutter: 28px;
    --page-col-w: 780px;
    background: var(--color-surface);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ds-page-layout__body {
    flex: 1;
    min-height: 0;
  }

  .ds-page-layout:has( > .ds-page-layout__row) {
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-columns: auto auto minmax(0, 1fr);
    display: grid;
  }

  .ds-page-layout:has( > .ds-page-layout__row) > .ds-page-layout__bar {
    grid-area: 1 / 3;
    min-width: 0;
  }

  .ds-page-layout__row {
    --sd-inset-t: 0px;
    display: contents;
  }

  .ds-page-layout__row > :not(:last-child) {
    --sd-inset-t: var(--ds-dock-inset);
    grid-row: 1 / 3;
    min-height: 0;
  }

  .ds-page-layout__row > :last-child {
    grid-area: 2 / 3;
    min-width: 0;
    min-height: 0;
  }

  .ds-page-layout__work {
    display: flex;
    position: relative;
  }

  .ds-page-layout__row > .ds-side-drawer--left {
    --sd-inset-l: var(--page-gutter);
  }

  .ds-page-chat-menu {
    min-width: 300px;
    max-width: min(340px, 100vw - 24px);
  }

  .ds-page-chat-menu__name {
    align-items: center;
    width: 100%;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .ds-page-chat-menu__chat > span:not(.ds-mi__ic):not(.ds-mi__chk) {
    flex: auto;
    min-width: 0;
  }

  .ds-page-chat-menu__chats {
    max-height: min(360px, 100vh - 220px);
  }

  .ds-ask-minded {
    max-width: 124px;
    transition: opacity .2s ease, max-width .25s ease, margin .25s ease, padding .25s ease, visibility 0s linear 0s, box-shadow var(--ds-ease-hover), filter var(--ds-ease-hover), transform var(--ds-ease-hover);
  }

  .ds-ask-minded.ds-btn--icon {
    max-width: 32px;
  }

  .ds-ask-minded--away, .ds-page-layout__bar > .ds-page-titlebar__actions > .ds-btn.ds-ask-minded--away {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-width: 0;
    max-width: 0;
    margin-inline: calc(-1 * var(--ds-actions-gap, 0px)) 0;
    border-width: 0;
    padding-inline: 0;
    transition: opacity .2s, max-width .25s, margin .25s, padding .25s, visibility 0s linear .25s;
  }

  @media (hover: hover) {
    .ds-side-drawer:not([data-tier="sheet"]) .ds-drawer-hd :is(.ds-panel__hd-act, :has( > .ds-panel__hd-act)) + .ds-drawer-hd__extend {
      margin-left: -9px;
    }

    .ds-side-drawer:not([data-tier="sheet"]) .ds-drawer-hd:is(:hover, :has(:focus-visible)) :is(.ds-panel__hd-act, :has( > .ds-panel__hd-act)) + .ds-drawer-hd__extend {
      margin-left: -7px;
    }
  }

  .ds-page-layout__row > .ds-page-layout__body {
    min-width: 0;
  }

  .ds-page-layout__col {
    padding: 4px var(--page-gutter) 48px;
  }

  .ds-page-layout--column > .ds-page-layout__bar, .ds-page-layout--column .ds-page-layout__col {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(var(--page-col-w)  + 2 * var(--page-gutter));
    margin-inline: auto;
  }

  .ds-page-layout--fill .ds-page-layout__col {
    box-sizing: border-box;
    flex-direction: column;
    min-height: 100%;
    display: flex;
  }

  .ds-page-layout__back {
    align-items: center;
    margin: 0 6px 0 -8px;
    display: inline-flex;
  }

  .ds-page-layout__bar {
    z-index: 2;
    position: relative;
  }

  .ds-page-layout__bar + .ds-page-layout__body {
    margin-top: -16px;
    padding-top: 16px;
  }

  .ds-page-layout__bar.ds-page-titlebar--phone + .ds-page-layout__body {
    margin-top: -7px;
    padding-top: 7px;
  }

  .ds-page-layout__bar + .ds-page-layout__row > .ds-page-layout__body {
    margin-top: -16px;
    padding-top: 16px;
  }

  .ds-page-layout__bar.ds-page-titlebar--phone + .ds-page-layout__row > .ds-page-layout__body {
    margin-top: -7px;
    padding-top: 7px;
  }

  .ds-page-layout__bar:has(.ds-nav-menu__panel) {
    position: static;
  }

  .ds-page-layout__back > .ds-btn, .ds-page-layout__bar > .ds-page-titlebar__actions > .ds-btn--icon {
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
  }

  @media (min-width: 768px) {
    .ds-page-layout__bar > .ds-page-titlebar__title {
      white-space: nowrap;
      min-width: 0;
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      flex: 1;
      overflow: hidden;
    }

    [dir="rtl"] .ds-page-layout__bar > .ds-page-titlebar__title {
      -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
      mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    }

    .ds-page-layout__bar > .ds-page-titlebar__actions {
      padding-left: 16px;
    }
  }

  @media (max-width: 767px) {
    .ds-page-layout {
      --page-gutter: 16px;
    }

    .ds-page-layout__col {
      padding: 12px var(--page-gutter) 32px;
    }

    .ds-page-layout--column > .ds-page-layout__bar {
      max-width: none;
    }
  }

  .ds-nav-menu__trigger:hover {
    background: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  .ds-nav-menu__trigger-ic--expand, .ds-nav-menu__trigger:hover .ds-nav-menu__trigger-ic--idle, .ds-nav-menu__trigger:focus-visible .ds-nav-menu__trigger-ic--idle {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.72);
  }

  .ds-nav-menu__trigger:hover .ds-nav-menu__trigger-ic--expand, .ds-nav-menu__trigger:focus-visible .ds-nav-menu__trigger-ic--expand {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  .ds-nav-menu__dot {
    box-shadow: 0 0 0 2px var(--color-surface, #fff);
    opacity: 0;
    transition: opacity .18s, transform .18s;
    position: absolute;
    top: 5px;
    right: 5px;
    transform: scale(.4);
  }

  .ds-nav-menu__dot[data-on] {
    opacity: 1;
    transform: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-nav-menu__trigger-ic, .ds-nav-menu__dot {
      transition: none;
    }
  }

  .ds-nav-menu-host {
    position: relative;
  }

  .ds-nav-menu__panel {
    z-index: 70;
    background: var(--color-surface);
    visibility: hidden;
    flex-direction: column;
    transition: transform .28s cubic-bezier(.32, .72, .3, 1), visibility 0s linear .28s;
    display: flex;
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
  }

  .ds-nav-menu__panel.is-open {
    visibility: visible;
    transition: transform .28s cubic-bezier(.32, .72, .3, 1), visibility;
    transform: none;
  }

  :root:has(.ds-nav-menu__panel.is-open):not(:has(.ds-modal)) {
    --ds-menu-z: 80;
  }

  :root:has(.ds-modal) {
    --ds-menu-z: 210;
  }

  .ds-nav-menu__head {
    border-bottom: 1px solid var(--color-line);
    flex: none;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: 0 14px 0 20px;
    display: flex;
  }

  .ds-nav-menu__back-row {
    flex: 1;
    align-items: center;
    gap: 11px;
    min-width: 0;
    display: flex;
  }

  .ds-nav-menu__list {
    flex-direction: column;
    flex: 1;
    gap: 2px;
    min-height: 0;
    padding: 12px;
    animation: .26s cubic-bezier(.32, .72, .3, 1) ds-nav-menu-fwd;
    display: flex;
    overflow-y: auto;
  }

  .ds-nav-menu__list.is-back {
    animation: .26s cubic-bezier(.32, .72, .3, 1) ds-nav-menu-back;
  }

  @keyframes ds-nav-menu-fwd {
    from {
      opacity: 0;
      transform: translateX(26px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes ds-nav-menu-back {
    from {
      opacity: 0;
      transform: translateX(-26px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .ds-nav-menu__row:hover {
    background: #4040400d;
  }

  .ds-nav-menu__row.is-active {
    color: var(--color-ink-900);
    background: #40404014;
    font-weight: 600;
  }

  .ds-nav-menu__ic {
    color: var(--color-slate-600);
    flex: none;
  }

  .ds-nav-menu__row.is-active .ds-nav-menu__ic {
    color: var(--color-ink-900);
  }

  .ds-nav-menu__lbl {
    flex: 1;
    min-width: 0;
  }

  .ds-nav-menu__chev {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-nav-menu__meta {
    color: var(--color-slate-500);
    flex: none;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    display: inline-flex;
  }

  .ds-nav-menu__row--inert {
    cursor: default;
  }

  .ds-nav-menu__group {
    margin: 8px 2px 0;
  }

  .ds-nav-menu__block {
    padding: 8px 12px;
  }

  .ds-nav-menu__row--inert:has(.ds-nav-menu__act) {
    padding-right: 4px;
  }

  .ds-nav-menu__row--inert:hover {
    background: none;
  }

  .ds-nav-menu__act {
    flex: none;
    display: inline-flex;
  }

  .ds-nav-menu__chk {
    color: var(--color-ink-900);
    flex: none;
  }

  .ds-nav-menu__stack {
    flex-direction: column;
    flex: 1;
    gap: 1px;
    min-width: 0;
    display: flex;
  }

  .ds-nav-menu__sub {
    color: var(--color-slate-500);
    font-size: 12.5px;
    font-weight: 400;
  }

  .ds-datepicker {
    min-width: 280px;
  }

  .ds-datepicker__head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
    position: relative;
  }

  .ds-datepicker__mon {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 600;
  }

  .ds-datepicker__dow {
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 4px;
    display: grid;
  }

  .ds-datepicker__dow span {
    text-align: center;
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    font-size: 11px;
    font-weight: 600;
    display: block;
  }

  .ds-datepicker__days-viewport {
    position: relative;
    overflow: hidden;
  }

  .ds-datepicker__days {
    grid-template-columns: repeat(7, 1fr);
    row-gap: 2px;
    display: grid;
  }

  .ds-datepicker__cell {
    width: 100%;
    height: 32px;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    cursor: pointer;
    box-sizing: border-box;
    transition: background var(--ds-ease-hover), color var(--ds-ease-hover);
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    display: flex;
    position: relative;
  }

  .ds-datepicker__cell--empty {
    cursor: default;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-datepicker__cell {
      height: 44px;
    }
  }

  .ds-datepicker__cell:not(.ds-datepicker__cell--empty):not(.ds-datepicker__cell--in):hover {
    background: var(--color-surface-hover);
    border-radius: 8px;
  }

  .ds-datepicker__cell--in {
    background: var(--color-primary-100);
  }

  .ds-datepicker__cell--start {
    border-radius: var(--radius-control) 0 0 var(--radius-control);
  }

  .ds-datepicker__cell--end {
    border-radius: 0 var(--radius-control) var(--radius-control) 0;
  }

  .ds-datepicker__cell--start, .ds-datepicker__cell--end, .ds-datepicker__cell--single {
    background: var(--color-ink-900);
    color: #fff;
    font-weight: 600;
  }

  .ds-datepicker__cell--single {
    border-radius: var(--radius-control);
  }

  .ds-datepicker__cell--anchor {
    box-shadow: inset 0 0 0 1.5px #ffffffb3;
  }

  .ds-datepicker__foot {
    border-top: 1px solid var(--color-line);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    display: flex;
  }

  .ds-datepicker__foot-text {
    white-space: nowrap;
    min-width: 0;
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    font-size: 12px;
    overflow: hidden;
  }

  .ds-datepicker__foot-clear {
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    cursor: pointer;
    transition: background var(--ds-ease-hover), color var(--ds-ease-hover);
    background: none;
    border: none;
    border-radius: 8px;
    flex: none;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-datepicker__foot-clear:hover {
    background: var(--color-surface-hover);
    color: var(--color-ink-900);
  }

  .ds-filterbar {
    min-width: 0;
    container: ds-filterbar / inline-size;
  }

  .ds-filterbar__row {
    align-items: center;
    column-gap: var(--ds-filterbar-gap, 10px);
    row-gap: var(--ds-filterbar-row-gap, 8px);
    flex-wrap: wrap;
    display: flex;
  }

  .ds-filterbar__group {
    align-items: center;
    column-gap: var(--ds-filterbar-gap, 10px);
    row-gap: var(--ds-filterbar-row-gap, 8px);
    flex-wrap: wrap;
    min-width: 0;
    display: flex;
  }

  .ds-filterbar__group--scroll .ds-filterbar__search {
    flex: none;
  }

  .ds-filterbar__group--scroll .ds-filterbar__search input {
    width: var(--ds-filterbar-search-w, 150px);
    flex: none;
  }

  @media (pointer: coarse) {
    .ds-filterbar__group--scroll.ds-scroll {
      flex-wrap: wrap;
      overflow: visible;
      -webkit-mask-image: none;
      mask-image: none;
    }
  }

  [data-frameview="tablet"] .ds-filterbar__group--scroll.ds-scroll {
    flex-wrap: wrap;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-filterbar__item {
    flex: none;
    min-width: 0;
    display: inline-flex;
    position: relative;
  }

  .ds-filterbar__item--shrink, .ds-filterbar__item:has( > .ds-filterbar__trigger .ds-filterbar__val) {
    flex: 0 auto;
  }

  .ds-filterbar__item--end {
    margin-left: auto;
  }

  .ds-filterbar__trigger:hover {
    border-color: var(--color-slate-500);
  }

  .ds-filterbar__trigger--open, .ds-filterbar__trigger--applied {
    border-color: var(--color-slate-300);
  }

  .ds-filterbar__lead {
    color: var(--color-slate-500);
    flex: none;
    margin-left: -3px;
  }

  .ds-filterbar__k {
    color: var(--color-slate-500);
    font-weight: 400;
  }

  .ds-filterbar__chev {
    color: var(--color-slate-500);
    flex: none;
    transition: transform .18s;
  }

  .ds-filterbar__trigger--open .ds-filterbar__chev {
    transform: rotate(90deg);
  }

  .ds-filterbar__clear:hover {
    color: var(--color-ink-900);
    background: #40404024;
  }

  .ds-filterbar__add:hover {
    border-color: var(--color-slate-500);
    color: var(--color-ink-900);
  }

  .ds-filterbar__add--open {
    border-style: solid;
    border-color: var(--color-slate-300);
    color: var(--color-ink-900);
  }

  .ds-filterbar__add-label {
    min-width: 0;
  }

  .ds-filterbar__pop {
    z-index: 40;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
  }

  .ds-filterbar__pop--right {
    left: auto;
    right: 0;
  }

  .ds-filterbar__menu:not(.ds-menu--inline) {
    min-width: 220px;
  }

  .ds-filterbar__menu-list {
    max-height: 320px;
  }

  .ds-filterbar__menu--inline {
    flex: 100%;
    min-width: 0;
  }

  .ds-filterbar__mi {
    align-items: center;
    gap: 8px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-filterbar__mi > svg {
    flex: none;
  }

  .ds-filterbar__dr-panel {
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    box-shadow: var(--shadow-selected);
    border-radius: 16px;
    gap: 4px;
    padding: 8px;
    display: flex;
  }

  .ds-filterbar__dr-presets {
    border-right: 1px solid var(--color-line);
    flex-direction: column;
    flex: none;
    gap: 1px;
    width: 132px;
    padding-right: 8px;
    display: flex;
  }

  @media (min-width: 769px) {
    .ds-filterbar__dr-presets.ds-scroll {
      overflow: visible;
      -webkit-mask-image: none;
      mask-image: none;
    }
  }

  .ds-filterbar__dr-preset:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-filterbar__dr-preset--sel {
    color: var(--color-ink-900);
    background: #4040401a;
    font-weight: 600;
  }

  .ds-filterbar__dr-preset--sel:hover {
    background: #40404024;
  }

  .ds-filterbar__dr-presets-label {
    margin: 2px 4px 6px;
  }

  .ds-filterbar__dr-panel .ds-datepicker {
    padding: 4px 4px 0;
  }

  @media (max-width: 768px) {
    .ds-filterbar__dr-panel {
      flex-direction: column;
      max-width: calc(100vw - 2rem);
    }

    .ds-filterbar__dr-presets-label {
      display: none;
    }

    .ds-filterbar__dr-preset {
      min-height: var(--touch-target, 44px);
      border: 1px solid var(--color-line-strong);
      border-radius: var(--radius-lg);
      white-space: nowrap;
      flex: none;
      align-items: center;
      padding: 0 14px;
      display: inline-flex;
    }
  }

  @container ds-filterbar (max-width: 768px) {
    .ds-filterbar__group {
      flex: auto;
    }

    .ds-filterbar__k {
      display: none;
    }
  }

  @container ds-filterbar (max-width: 560px) {
    .ds-filterbar__row, .ds-filterbar__group {
      gap: var(--ds-filterbar-gap, 8px);
    }

    .ds-filterbar__add-label {
      display: none;
    }

    .ds-filterbar__add {
      gap: 0;
      padding: 0 9px;
    }

    .ds-filterbar__add .ds-filterbar__lead {
      margin-left: 0;
    }
  }

  .ds-filterbar__collapsed-slot {
    display: none;
  }

  @container ds-filterbar (max-width: 480px) {
    .ds-filterbar:has( > .ds-filterbar__collapsed-slot) .ds-filterbar__row {
      display: none;
    }

    .ds-filterbar:has( > .ds-filterbar__collapsed-slot) {
      flex-direction: column;
      gap: 8px;
      display: flex;
    }

    .ds-filterbar__collapsed-slot {
      order: -1;
      display: block;
    }

    .ds-filterbar--expanded:has( > .ds-filterbar__collapsed-slot) .ds-filterbar__row {
      display: flex;
    }
  }

  .ds-filterbar__collapsed:hover {
    border-color: var(--color-slate-500);
  }

  .ds-filterbar__collapsed-ic {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-filterbar__collapsed-label {
    color: var(--color-ink-900);
    flex: none;
    font-size: 13px;
    font-weight: 500;
  }

  .ds-filterbar__collapsed-badge {
    border-radius: var(--radius-md);
    background: var(--color-slate-100);
    min-width: 20px;
    height: 20px;
    color: var(--color-ink-900);
    font-variant-numeric: tabular-nums;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
  }

  .ds-filterbar__collapsed-summary {
    min-width: 0;
    color: var(--color-slate-600);
    flex: auto;
    font-size: 13px;
  }

  .ds-filterbar__collapsed-chev--open {
    transform: rotate(180deg);
  }

  .ds-filterbar__sheet-scrim {
    z-index: 99;
    background: #10182866;
    position: fixed;
    inset: 0;
  }

  .ds-filterbar__sheet .ds-filterbar__pill-row {
    --ds-chip-max: 100%;
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-filterbar__sheet .ds-filterbar__pill-row .ds-chip:after, .ds-filterbar__sheet .ds-filterbar__dr-mobile-presets > .ds-chip:after {
      content: "";
      position: absolute;
      inset: -6.5px 0;
    }
  }

  .ds-filterbar__applied-hd {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 2px 2px 2px 10px;
    display: flex;
  }

  .ds-filterbar__applied-badge {
    margin-left: 6px;
  }

  .ds-filterbar__sheet-clear:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-filterbar__sheet-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  .ds-filterbar__sheet-section {
    padding: 16px;
  }

  .ds-filterbar__sheet-section + .ds-filterbar__sheet-section {
    padding-top: 0;
  }

  .ds-filterbar__sheet .ds-datepicker__foot {
    border-top: none;
    padding-top: 0;
  }

  .ds-filterbar__sheet-section-hd {
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    display: flex;
  }

  .ds-filterbar__pill-row {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .ds-filterbar__pill-row .ds-chip.sel, .ds-filterbar__dr-mobile-presets .ds-chip.sel {
    background: var(--color-surface);
  }

  .ds-filterbar__pill-row .ds-chip.sel:hover, .ds-filterbar__dr-mobile-presets .ds-chip.sel:hover {
    background: var(--color-surface-muted);
  }

  .ds-filterbar__dr-mobile {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .ds-filterbar__dr-mobile-presets {
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    margin: -6px -16px -8px;
    padding: 6px 16px 8px;
    display: flex;
  }

  .ds-filterbar__dr-mobile-presets > .ds-chip {
    flex: none;
  }

  .ds-filterbar__dr-mobile-cal .ds-datepicker {
    min-width: 0;
  }

  .ds-filterbar__sheet-ft {
    border-top: 1px solid var(--color-line);
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    flex: none;
  }

  .ds-filterbar__sheet-done:hover {
    background: #2e2e2e;
  }

  .ds-content-col {
    max-width: var(--content-col-w, 1063px);
  }

  .ds-content-col--center {
    margin-inline: auto;
  }

  .ds-toast {
    border-color: #0f172a12;
    border-radius: 16px;
    min-width: 280px;
    max-width: 420px;
    padding: 12px 14px;
    box-shadow: 0 14px 32px -14px #10182838, 0 3px 8px -2px #1018280f;
  }

  .ds-toast__body {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px 12px;
    display: flex;
  }

  .ds-toast__words {
    flex: auto;
    min-width: 0;
  }

  .ds-toast__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
    display: flex;
  }

  .ds-toast__body[data-inline] .ds-toast__actions {
    margin-block: -4px;
  }

  .ds-toast:has(.ds-toast__body[data-inline=""]) {
    padding-block: 16px;
  }

  .ds-toast:has(.ds-toast__body[data-inline="last-line"]) {
    padding-bottom: 16px;
  }

  .ds-toast__x {
    margin: -6px -12px -10px 0;
  }

  .ds-toast__body[data-inline="last-line"] .ds-toast__actions {
    align-self: flex-end;
  }

  .ds-toast__body:is(:not([data-inline]), [data-inline="last-line"]):has( + .ds-toast__x) .ds-toast__actions {
    transform: translateX(36px);
  }

  .ds-toast__body--stacked .ds-toast__actions {
    flex-basis: 100%;
  }

  .ds-toast-region {
    pointer-events: none;
    flex-direction: column;
    gap: 10px;
    display: flex;
    position: fixed;
  }

  .ds-toast-region--contain {
    position: absolute;
  }

  .ds-toast-region > * {
    pointer-events: auto;
  }

  .ds-toast-region--top-right {
    top: var(--ds-toast-offset);
    right: var(--ds-toast-right, var(--ds-toast-edge));
    align-items: flex-end;
  }

  .ds-toast-region--top-center {
    top: var(--ds-toast-offset);
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
  }

  .ds-toast-region--bottom-right {
    bottom: var(--ds-toast-offset);
    right: var(--ds-toast-right, var(--ds-toast-edge));
    align-items: flex-end;
  }

  .ds-toast-region--bottom-left {
    bottom: var(--ds-toast-offset);
    left: var(--ds-toast-edge);
    align-items: flex-start;
  }

  .ds-toast-region--bottom-center {
    bottom: var(--ds-toast-offset);
    left: var(--ds-toast-edge);
    right: var(--ds-toast-edge);
    align-items: center;
  }

  .ds-toast-region:not(.is-mobile) {
    width: min(420px, calc(100% - var(--ds-toast-left, var(--ds-toast-edge))  - var(--ds-toast-right, var(--ds-toast-edge))));
  }

  .ds-toast-region:not(.is-mobile) > * {
    width: 100%;
  }

  .ds-toast-region:not(.is-mobile) .ds-toast {
    max-width: none;
  }

  .ds-toast-region--bottom-center:not(.is-mobile) {
    margin-inline: auto;
  }

  .ds-toast-region.is-mobile {
    left: var(--ds-toast-edge);
    right: var(--ds-toast-edge);
    align-items: center;
    transform: none;
  }

  .ds-toast-region.is-mobile > * {
    width: 100%;
    max-width: 420px;
  }

  .ds-toast-region.is-mobile .ds-toast {
    min-width: 0;
    max-width: none;
  }

  .ds-toast-region--fixed:not(.is-anchored):is(.ds-toast-region--bottom-center, .ds-toast-region--bottom-right, .ds-toast-region--bottom-left) {
    bottom: calc(var(--ds-toast-offset)  + env(safe-area-inset-bottom, 0px));
  }

  .ds-toast-region--fixed:not(.is-anchored):is(.ds-toast-region--top-right, .ds-toast-region--top-center) {
    top: calc(var(--ds-toast-offset)  + env(safe-area-inset-top, 0px));
  }

  .ds-toast-region[data-placement^="top"] > .ds-toast {
    animation: .32s cubic-bezier(.16, .84, .34, 1) both ds-toast-drop;
  }

  .ds-toast-region[data-placement^="bottom"] > .ds-toast {
    animation: .32s cubic-bezier(.16, .84, .34, 1) both ds-toast-rise;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-toast-region > .ds-toast {
      animation: .15s ease-out both ds-toast-fade;
    }
  }

  .ds-conn {
    width: 100%;
    max-width: 600px;
    box-shadow: var(--shadow-button);
    border-radius: 14px;
    gap: 12px;
    padding: 12px 14px;
  }

  .ds-conn.ds-card--row {
    align-items: flex-start;
  }

  .ds-conn > .ds-card__actions {
    align-self: flex-end;
  }

  .ds-conn .ds-card__title {
    font-size: 15px;
  }

  .ds-conn--foot {
    flex-wrap: wrap;
    row-gap: 6px;
  }

  .ds-conn--foot > .ds-card__actions {
    flex: calc(100% - 40px);
  }

  .ds-conn__foot.ds-conn__foot--row {
    flex: auto;
    justify-content: space-between;
  }

  .ds-conn__foot--row .ds-conn__opts {
    margin: 0;
  }

  .ds-conn__act {
    align-items: center;
    gap: 12px;
    margin-left: auto;
    display: inline-flex;
  }

  .ds-conn--narrow {
    border-radius: 12px;
    flex-wrap: wrap;
    gap: 6px 10px;
    max-width: 100%;
    padding: 10px 12px;
  }

  .ds-conn--narrow > .flex-col {
    flex: calc(100% - 38px);
  }

  @media (max-width: 480px) {
    .ds-conn {
      border-radius: 12px;
      flex-wrap: wrap;
      gap: 6px 10px;
      padding: 10px 12px;
    }

    .ds-conn > .flex-col {
      flex: calc(100% - 38px);
    }
  }

  .ds-conn__foot {
    flex: none;
    align-items: center;
    gap: 12px;
    display: inline-flex;
  }

  .ds-storage-export__card {
    max-width: calc(100vw - 24px);
  }

  .ds-storage-export__app {
    white-space: nowrap;
  }

  .ds-storage-export__app > img {
    vertical-align: -3px;
    margin-right: 5px;
  }

  .ds-conn--narrow > .ds-card__actions {
    flex: calc(100% - 38px);
    max-width: calc(100% - 38px);
  }

  .ds-conn--narrow .ds-conn__foot {
    flex-wrap: wrap;
    flex: auto;
    justify-content: flex-end;
    gap: 8px;
  }

  .ds-conn--narrow .ds-conn__opts {
    column-gap: 10px;
  }

  @media (max-width: 480px) {
    .ds-conn > .ds-card__actions {
      flex: calc(100% - 38px);
      max-width: calc(100% - 38px);
    }

    .ds-conn__foot {
      flex-wrap: wrap;
      flex: auto;
      justify-content: flex-end;
      gap: 8px;
    }

    .ds-conn__opts {
      column-gap: 10px;
    }
  }

  @container ds-drawer (max-width: 480px) {
    .ds-conn {
      border-radius: 12px;
      flex-wrap: wrap;
      gap: 6px 10px;
      padding: 10px 12px;
    }

    .ds-conn > .flex-col {
      flex: calc(100% - 38px);
    }

    .ds-conn > .ds-card__actions {
      flex: calc(100% - 38px);
      max-width: calc(100% - 38px);
    }

    .ds-conn__foot {
      flex-wrap: wrap;
      flex: auto;
      justify-content: flex-end;
      gap: 8px;
    }

    .ds-conn__opts {
      column-gap: 10px;
    }
  }

  .ds-conn.ds-conn--one-line > .flex-col {
    flex: 1 1 0;
    align-self: center;
  }

  .ds-conn.ds-conn--one-line > .ds-card__actions {
    flex: none;
    align-self: center;
    max-width: none;
  }

  .ds-conn__foot--stack {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
  }

  .ds-conn__chip, .ds-screen-ask__chip {
    background: var(--color-surface);
    box-shadow: var(--shadow-button);
  }

  .ds-conn__status {
    flex: none;
  }

  .ds-conn__opts {
    flex-wrap: wrap;
    align-items: center;
    gap: 0 14px;
    min-height: 26px;
    margin-top: 4px;
    display: flex;
  }

  .ds-conn__fact {
    color: var(--color-fg3);
    align-items: center;
    gap: 5px;
    font-size: 13px;
    display: inline-flex;
  }

  .ds-conn__fact svg {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-conn--narrow .ds-conn__pick > svg:first-child, .ds-conn--narrow .ds-conn__fact > svg {
    display: none;
  }

  @media (max-width: 480px) {
    .ds-conn__pick > svg:first-child, .ds-conn__fact > svg {
      display: none;
    }
  }

  .ds-conn__acct {
    color: var(--color-fg1);
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-conn__menu {
    min-width: 248px;
  }

  .ds-screen-ask__foot {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-screen-ask__swap {
    animation: .22s both ds-screen-ask-swap;
  }

  @keyframes ds-screen-ask-swap {
    from {
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-screen-ask__swap {
      animation: none;
    }
  }

  .ds-fact {
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .ds-fact svg {
    color: var(--color-slate-600);
    flex: none;
  }

  .ds-byline {
    white-space: nowrap;
    align-items: center;
    gap: 5px;
    display: inline-flex;
  }

  .ds-dt__group {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .ds-dt__group + .ds-dt__group {
    margin-top: 32px;
  }

  .ds-dt__group-h {
    align-items: baseline;
    gap: 8px;
    display: flex;
  }

  .ds-dt__group-n {
    color: var(--color-fg3);
    font-weight: 500;
  }

  .ds-row-menu .ds-menu {
    width: max-content;
    max-width: min(290px, 100vw - 32px);
  }

  .ds-int-detail--drawer {
    container-type: inline-size;
  }

  .ds-int-detail__head .ds-panel__hd-title {
    flex: 0 auto;
    min-width: min-content;
  }

  .ds-int-detail__head:has(.ds-drawer-hd__extend[aria-expanded="true"]) .ds-panel__hd-title {
    flex: auto;
  }

  .ds-int-detail__head-acct {
    flex: 0 auto;
    min-width: 0;
    margin-inline: 4px auto;
    display: inline-flex;
  }

  .ds-int-detail__head-acct > span {
    min-width: 0;
  }

  .ds-int-detail__trigger {
    min-width: 0;
    max-width: 320px;
  }

  .ds-int-detail__menu {
    min-width: 280px;
  }

  .ds-int-detail__menu-foot {
    justify-content: flex-end;
  }

  .ds-int-detail__menu-foot > * {
    flex: none;
  }

  .ds-int-detail__menu-facts {
    gap: 12px;
    display: flex;
  }

  .ds-int-detail__menu-facts .ds-fact svg {
    width: 12px;
    height: 12px;
  }

  .ds-int-detail__none {
    border-radius: var(--r-control);
    border: 1px dashed var(--color-line-strong);
    max-width: 320px;
    height: 32px;
    color: var(--color-slate-600);
    font-family: var(--font-sans);
    align-items: center;
    gap: 6px;
    padding: 0 11px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-int-detail__none svg {
    width: 14px;
    height: 14px;
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-int-detail__none-text {
    min-width: 0;
  }

  .ds-int-detail__section {
    margin-bottom: 24px;
  }

  .ds-int-detail__section:last-child {
    margin-bottom: 0;
  }

  .ds-int-detail__search {
    --ds-filterbar-search-w: 100%;
    flex: none;
    width: 100%;
  }

  .ds-int-detail__access {
    margin-bottom: 10px;
  }

  .ds-int-detail__search-wrap {
    justify-content: flex-end;
    max-width: 60vw;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-int-detail__search-in {
    width: 100%;
    display: inline-flex;
  }

  .ds-int-detail__search-in--end {
    justify-content: flex-end;
  }

  .ds-int-detail__action-name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 500;
  }

  .ds-int-detail__action-access {
    vertical-align: -2px;
    margin-inline-end: 6px;
    display: inline-block;
  }

  @container ds-subshell (max-width: 768px) {
    .ds-int-detail__search {
      width: 100%;
    }
  }

  @container (max-width: 768px) {
    .ds-int-detail__trigger {
      max-width: 220px;
    }
  }

  .ds-conn-pane__cap {
    color: var(--color-slate-600);
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-conn-pane__cap:first-child {
    margin-top: 0;
  }

  .ds-conn-share__access, .ds-stop-sharing__who {
    margin-top: 16px;
  }

  .ds-stop-sharing__note {
    color: var(--color-slate-600);
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-conn-pane__group + .ds-conn-pane__group, .ds-conn-pane__cap + .ds-conn-pane__group {
    margin-top: 14px;
  }

  .ds-conn-pane__note {
    color: var(--color-slate-500);
    font-size: 12px;
    font-weight: 500;
  }

  .ds-conn-pane__foot {
    min-height: 52px;
  }

  .ds-app-catalog {
    flex-direction: column;
    height: 460px;
    display: flex;
  }

  .ds-int-table__title {
    margin: 0 0 12px;
  }

  .ds-int-table__access {
    flex-direction: column;
    gap: 2px;
    display: inline-flex;
  }

  .ds-featured-apps__title {
    margin: 40px 0 16px;
  }

  .ds-int-table, .ds-featured-apps {
    max-width: 1100px;
  }

  .ds-featured-apps__grid {
    grid-template-columns: 1fr 1fr;
    gap: 4px 56px;
    display: grid;
  }

  .ds-featured-apps__row {
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    display: flex;
  }

  .ds-featured-apps__body {
    flex: 1;
    min-width: 0;
  }

  .ds-skel-words {
    color: #0000;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -webkit-user-select: none;
    user-select: none;
    display: inline;
  }

  .ds-skel-words:after {
    content: attr(data-words);
  }

  .ds-featured-apps__name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 700;
  }

  .ds-featured-apps__desc {
    color: var(--color-slate-600);
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.5;
  }

  @container (max-width: 768px) {
    .ds-featured-apps__grid {
      grid-template-columns: 1fr;
      column-gap: 0;
    }
  }

  .ds-trusted {
    --ds-trusted-stack-gap: 26px;
    align-items: center;
    gap: var(--ds-trusted-label-gap, 22px);
    width: 100%;
    font-family: var(--font-sans);
    text-align: center;
    flex-direction: column;
    display: flex;
  }

  .ds-trusted__label {
    font-size: var(--ds-trusted-label-size, 16px);
    color: #ffffffeb;
    font-weight: 500;
  }

  .ds-trusted__marquee {
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to right, #0000 0, #000 15% 85%, #0000 100%);
    mask-image: linear-gradient(to right, #0000 0, #000 15% 85%, #0000 100%);
  }

  .ds-trusted__track {
    width: max-content;
    display: flex;
  }

  .ds-trusted__set {
    align-items: center;
    gap: var(--ds-trusted-set-gap, 44px);
    padding-right: var(--ds-trusted-set-gap, 44px);
    flex: none;
    display: flex;
  }

  .ds-trusted__logo {
    width: auto;
    height: var(--ds-trusted-h);
    flex: none;
  }

  .ds-trusted--dark .ds-trusted__logo {
    filter: brightness(0) invert();
  }

  .ds-trusted--light {
    --ds-trusted-label-size: 14px;
    --ds-trusted-label-gap: 16px;
    --ds-trusted-set-gap: 40px;
    --ds-trusted-stack-gap: 22px;
  }

  .ds-trusted--light .ds-trusted__label {
    color: var(--color-slate-500);
  }

  .ds-trusted--light .ds-trusted__marquee {
    max-width: 520px;
  }

  .ds-trusted--light .ds-trusted__logo {
    filter: invert(48%);
    opacity: .92;
  }

  .ds-trusted--compact {
    --ds-trusted-label-size: 14px;
    --ds-trusted-label-gap: 16px;
    --ds-trusted-set-gap: var(--ds-trusted-stack-gap);
  }

  .ds-trusted--compact .ds-trusted__logo {
    height: var(--ds-trusted-hm);
  }

  .ds-trusted--responsive {
    container: ds-trusted / inline-size;
  }

  @container ds-trusted (max-width: 768px) {
    .ds-trusted--responsive .ds-trusted__set {
      --ds-trusted-set-gap: var(--ds-trusted-stack-gap);
    }

    .ds-trusted--responsive .ds-trusted__logo {
      height: var(--ds-trusted-hm);
    }

    .ds-trusted--responsive .ds-trusted__marquee {
      max-width: none;
    }
  }

  .ds-connect-apps {
    flex-direction: column;
    flex: auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 0;
    display: flex;
    container: ds-connect-apps / inline-size;
  }

  .ds-connect-apps__head {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .ds-connect-apps__overline {
    color: var(--color-fg3);
  }

  .ds-connect-apps__search {
    padding: 12px;
    position: absolute;
    top: 50%;
    right: -12px;
    transform: translateY(-50%);
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-connect-apps__search {
      min-height: 44px;
    }
  }

  .ds-connect-apps__grid {
    text-align: left;
    --ds-fade-size: 34px;
    flex: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: max-content;
    align-content: start;
    gap: 12px;
    width: 100%;
    min-height: 0;
    padding: 10px 4px;
    display: grid;
  }

  .ds-connect-apps .ds-connect-apps__tile {
    gap: 10px;
    min-height: 58px;
    padding: 12px;
    box-shadow: 0 3px 10px #1d263029;
  }

  .ds-connect-apps__text {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .ds-connect-apps__name {
    font-size: 14px;
  }

  .ds-connect-apps__note {
    color: var(--color-fg3);
    align-items: flex-start;
    gap: 6px;
    margin-top: 2px;
    font-size: 12px;
    line-height: 1.3;
    display: flex;
  }

  .ds-connect-apps__note:before {
    content: "";
    background: var(--color-success-500);
    border-radius: 999px;
    flex: none;
    width: 6px;
    height: 6px;
    margin-top: 5px;
  }

  .ds-connect-apps__recommended {
    letter-spacing: .03em;
    color: #fff;
    background: var(--brand-gradient-cta);
    border-radius: var(--radius-chip-sm);
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    position: absolute;
    top: -10px;
    right: 14px;
    box-shadow: 0 4px 10px #ff5f3452;
  }

  @container ds-connect-apps (max-width: 900px) {
    .ds-connect-apps__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container ds-connect-apps (max-width: 700px) {
    .ds-connect-apps__grid {
      grid-template-columns: 1fr;
    }

    .ds-connect-apps__head {
      justify-content: flex-start;
    }
  }

  .ds-paywall-offer {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .ds-paywall-offer__proof {
    justify-content: center;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    display: flex;
  }

  .ds-paywall-offer__proof-text {
    font-family: var(--font-sans);
    color: var(--color-fg-slate);
    font-size: 14px;
    font-weight: 500;
  }

  .ds-paywall-offer__stat {
    font-weight: 700;
  }

  .ds-paywall-offer .ds-paywall-offer__cta {
    margin-top: 20px;
  }

  .ds-paywall-trust {
    justify-content: center;
    align-items: center;
    gap: var(--ds-paywall-trust-gap, 30px);
    flex-wrap: wrap;
    display: flex;
  }

  .ds-paywall-trust__item {
    font-family: var(--font-sans);
    font-size: var(--ds-paywall-trust-size, 15px);
    color: var(--color-fg3);
    align-items: center;
    gap: 9px;
    font-weight: 400;
    display: inline-flex;
  }

  .ds-suggestion-card {
    background: var(--color-surface);
    max-width: 720px;
    box-shadow: var(--shadow-elevation);
    transition: box-shadow var(--ds-ease-hover);
    border-radius: 12px;
    margin: 2px 0 4px;
    padding: 14px 15px 15px;
    position: relative;
    container-type: inline-size;
  }

  @container (max-width: 480px) {
    .ds-suggestion-card {
      border: 1px solid var(--color-line);
    }
  }

  .ds-suggestion-card.is-collapsed {
    cursor: pointer;
  }

  .ds-suggestion-card.is-collapsed:hover {
    box-shadow: var(--shadow-selected);
  }

  .ds-suggestion-card__x {
    position: absolute;
    top: 7px;
    right: 7px;
  }

  .ds-suggestion-card__hd {
    margin-bottom: 10px;
    padding-right: 34px;
  }

  .ds-suggestion-card__hd.is-clickable {
    cursor: pointer;
  }

  .ds-suggestion-card__hd .ds-panel__hd-title {
    line-height: 22px;
  }

  .ds-suggestion-card__status {
    flex: none;
  }

  .ds-suggestion-card__status--in {
    animation: .2s both ds-suggestion-card-chip-in;
  }

  @keyframes ds-suggestion-card-chip-in {
    from {
      opacity: 0;
      transform: scale(.94);
    }
  }

  .ds-suggestion-card__peek {
    cursor: pointer;
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    max-height: 2lh;
    font-size: 14.5px;
    line-height: 1.8;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 45%, #0000 100%);
    mask-image: linear-gradient(#000 45%, #0000 100%);
  }

  .ds-suggestion-card__peek:focus-visible {
    box-shadow: 0 0 0 2px var(--color-ink-900);
    border-radius: 8px;
    outline: none;
  }

  .ds-suggestion-card__say {
    margin-bottom: 2px;
  }

  .ds-suggestion-card__sentence {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    border-radius: 16px;
    margin: 0 -8px;
    padding: 7px 8px;
    font-size: 14.5px;
    line-height: 1.8;
  }

  .ds-suggestion-card__edit {
    --ds-edit-radius: 16px;
  }

  .ds-suggestion-card__sentence--static {
    cursor: default;
  }

  button.ds-suggestion-card__sentence {
    white-space: normal;
    width: calc(100% + 16px);
  }

  .ds-suggestion-card__sentence-scroll {
    max-height: 244px;
    margin: -2px;
    padding: 2px;
  }

  .ds-ichip.ds-suggestion-card__chip {
    vertical-align: -5px;
    margin: 0 1px;
  }

  @keyframes ds-suggestion-card-fade {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .ds-suggestion-card__sentence {
    animation: .18s both ds-suggestion-card-fade;
  }

  .ds-suggestion-card__edit {
    --ds-edit-radius: 16px;
    font-family: var(--font-sans);
    --ds-mdx-min-h: 3.6em;
    margin: 0 -8px;
    padding: 6px 7px;
    font-size: 14.5px;
    line-height: 1.8;
  }

  .ds-suggestion-card__edit.ds-edit-box--bar {
    padding-bottom: 0;
  }

  .ds-suggestion-card__label {
    margin-bottom: 7px;
  }

  .ds-suggestion-card__label--bt {
    margin-top: 16px;
  }

  .ds-suggestion-card__files {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .ds-suggestion-card__files-chip {
    max-width: 100%;
  }

  .ds-suggestion-card__triggers {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .ds-suggestion-card__triggers > .ds-ichip {
    max-width: 100%;
  }

  .ds-suggestion-card__open {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    border-radius: 8px;
    margin: -2px;
    padding: 2px;
    font-size: 14.5px;
    line-height: 1.8;
    display: block;
  }

  .ds-suggestion-card__clamp {
    white-space: pre-wrap;
    --ds-clamp-line: calc(14.5px * 1.8);
    max-height: calc(var(--ds-clamp-line) * 2 + 3px);
    transition: opacity var(--ds-ease-hover);
    display: block;
    overflow: hidden;
  }

  .ds-suggestion-card__clamp.is-cut {
    -webkit-mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to right, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to right, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to right, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
    mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to right, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
  }

  [dir="rtl"] .ds-suggestion-card__clamp.is-cut {
    -webkit-mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to left, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to left, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to left, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
    mask: linear-gradient(#000 0 0) top / 100% var(--ds-clamp-line) no-repeat, linear-gradient(to left, #000 45%, transparent 95%) bottom / 100% calc(100% - var(--ds-clamp-line)) no-repeat;
  }

  .ds-suggestion-card__open:hover .ds-suggestion-card__clamp {
    opacity: .8;
  }

  .ds-suggestion-card__open:focus-visible {
    box-shadow: 0 0 0 2px var(--color-ink-900);
    outline: none;
  }

  .ds-suggestion-card--short.is-selected {
    box-shadow: var(--shadow-selected);
  }

  .ds-suggestion-card__body {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: grid-template-rows .26s cubic-bezier(.4, 0, .2, 1), opacity .16s;
    display: grid;
  }

  .ds-suggestion-card__body > * {
    min-height: 0;
    margin: -12px -15px;
    padding: 12px 15px;
    overflow: hidden;
  }

  .ds-suggestion-card__body.is-open {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .ds-suggestion-card__body.is-open > :has(.ds-edit-box [role="menu"]) {
    overflow: visible;
  }

  .ds-suggestion-card__fold-in {
    grid-template-rows: 1fr;
    animation: .26s cubic-bezier(.4, 0, .2, 1) both ds-suggestion-card-fold-in;
    display: grid;
  }

  .ds-suggestion-card__fold-in > * {
    min-height: 0;
    margin: -2px -15px;
    padding: 2px 15px;
    overflow: hidden;
  }

  @keyframes ds-suggestion-card-fold-in {
    from {
      opacity: 0;
      grid-template-rows: 0fr;
    }

    to {
      opacity: 1;
      grid-template-rows: 1fr;
    }
  }

  .ds-suggestion-card__skeleton {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .ds-suggestion-card__skeleton-foot {
    justify-content: space-between;
    gap: 8px;
    margin-top: 4px;
    display: flex;
  }

  .ds-suggestion-card__foot {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: grid-template-rows .26s cubic-bezier(.4, 0, .2, 1), opacity .16s;
    display: grid;
  }

  .ds-suggestion-card__foot > * {
    min-height: 0;
    margin: 0 -15px -15px;
    padding: 0 15px 15px;
    overflow: hidden;
  }

  .ds-suggestion-card__foot.is-open {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  .ds-suggestion-card__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    display: flex;
  }

  .ds-suggestion-card__actions:has( > .ds-btn:first-child + .ds-btnsplit:last-child) {
    justify-content: space-between;
  }

  @container (max-width: 380px) {
    .ds-suggestion-card__actions {
      gap: 10px;
    }
  }

  .ds-suggestion-card__after {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    display: flex;
  }

  .ds-suggestion-card__after--end {
    justify-content: flex-end;
  }

  .ds-suggestion-card__after-line {
    color: var(--color-fg3);
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-suggestion-card__note {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.45;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-suggestion-card {
      transition: none;
    }

    .ds-suggestion-card__status--in {
      animation: none;
    }

    .ds-suggestion-card__body, .ds-suggestion-card__foot {
      transition: none;
    }

    .ds-suggestion-card__fold-in {
      animation: none;
    }
  }

  .ds-paywall-wait {
    width: 100%;
    font-family: var(--font-sans);
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    display: flex;
  }

  .ds-paywall-wait__line {
    color: var(--color-fg-slate);
    text-align: center;
    text-wrap: balance;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
  }

  .ds-paywall-wait__order {
    text-align: left;
  }

  .ds-paywall-wait__head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 0 2px 10px;
    display: flex;
  }

  .ds-paywall-wait__plan {
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    font-size: 15px;
    font-weight: 600;
  }

  .ds-paywall-wait-acts {
    flex-wrap: wrap-reverse;
    gap: 10px;
    width: 100%;
    display: flex;
  }

  .ds-paywall-wait-acts__act {
    flex: 1 0 auto;
  }

  .ds-generating-face__swap {
    display: inline-grid;
  }

  .ds-generating-face__swap > * {
    grid-area: 1 / 1;
    transition: opacity .3s;
  }

  .ds-generating-face__swap > :nth-child(2), .ds-generating-face.is-working .ds-generating-face__swap > :first-child {
    opacity: 0;
  }

  .ds-generating-face.is-working .ds-generating-face__swap > :nth-child(2) {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-generating-face__swap > * {
      transition: none;
    }
  }

  .ds-error-code {
    --ds-clamp-bg: var(--color-surface-muted);
    --ds-clamp-fade-h: 28px;
    --ds-clamp-pad-r: 16px;
    box-sizing: border-box;
    background: var(--color-surface-muted);
    text-align: left;
    border-radius: 12px;
    width: 100%;
    max-width: 520px;
    margin-top: 6px;
    padding: 12px 16px;
    position: relative;
  }

  .ds-error-code__pre {
    font-family: var(--font-mono);
    color: var(--color-fg2);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 0;
    padding-right: 28px;
    font-size: 11.5px;
    line-height: 18px;
  }

  .ds-error-code .ds-clamp__more {
    margin-top: 6px;
  }

  .ds-error-code__copy {
    z-index: 1;
    position: absolute;
    top: 6px;
    right: 6px;
  }

  .ds-pick-outline {
    box-sizing: border-box;
    pointer-events: none;
    z-index: 3;
    outline: 2px solid var(--color-accent-blue);
    outline-offset: -1px;
    background: #4c7dfa0f;
    border-radius: 2px;
    position: absolute;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ds-pick-outline {
      background: color-mix(in srgb, var(--color-accent-blue) 6%, transparent);
    }
  }

  .ds-pick-outline__tag {
    background: var(--color-accent-blue);
    color: #fff;
    white-space: nowrap;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    animation: .14s ease-out ds-pick-tag-in;
    position: absolute;
    bottom: calc(100% + 6px);
    left: -1px;
  }

  .ds-pick-outline--top .ds-pick-outline__tag {
    top: 6px;
    bottom: auto;
    left: 6px;
  }

  @keyframes ds-pick-tag-in {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-pick-outline__tag {
      animation: none;
    }
  }

  .ds-wizard-topbar {
    align-items: center;
    gap: 14px;
    padding: 20px 28px;
    display: flex;
  }

  .ds-wizard-topbar__brand {
    flex: none;
    align-items: center;
    gap: 9px;
    display: inline-flex;
  }

  .ds-wizard-topbar__word {
    font-family: var(--font-wordmark);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    font-size: 18px;
    font-weight: 700;
  }

  .ds-wizard-topbar__org {
    background: var(--color-surface-muted);
    border: 1px solid var(--color-line);
    min-width: 0;
    color: var(--color-ink-900);
    border-radius: 999px;
    align-items: center;
    gap: 7px;
    padding: 4px 12px 4px 5px;
    font-size: 12.5px;
    font-weight: 600;
    display: inline-flex;
  }

  .ds-wizard-topbar__mark {
    display: contents;
  }

  .ds-wizard-topbar--word-wide {
    container: ds-wizard-topbar / inline-size;
  }

  @container ds-wizard-topbar (max-width: 644px) {
    .ds-wizard-topbar--word-wide .ds-wizard-topbar__word {
      display: none;
    }
  }

  .ds-wizard-step {
    flex-direction: column;
    flex: 1;
    width: min(960px, 100%);
    min-height: 0;
    margin: 0 auto;
    display: flex;
    container: ds-wizard-step / inline-size;
  }

  .ds-wizard-step__body {
    text-align: center;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 26px;
    min-height: 0;
    padding: 12px 24px 36px;
    display: flex;
  }

  .ds-wizard-step__title {
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    max-width: 560px;
    margin: 0;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.1;
  }

  .ds-wizard-step__subtitle {
    font-family: var(--font-sans);
    color: var(--color-fg2);
    max-width: 560px;
    margin: -10px 0 0;
    font-size: 16px;
    line-height: 1.4;
  }

  .ds-wizard-step__continue {
    flex: none;
  }

  @container ds-wizard-step (max-width: 700px) {
    .ds-wizard-step__body {
      padding: 8px var(--ds-wizard-step-narrow-gutter, 16px) 20px;
      gap: 18px;
    }

    .ds-wizard-step__title {
      font-size: 30px;
    }
  }

  .ds-updated-stamp {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    white-space: nowrap;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    transition: opacity .2s;
    display: inline-flex;
  }

  .ds-updated-stamp.is-hidden {
    opacity: 0;
  }

  .ds-updated-stamp svg {
    color: var(--color-slate-400);
  }

  @media (max-width: 767px) {
    .ds-updated-stamp {
      display: none;
    }
  }

  .ds-super-admin-bar {
    background: var(--color-hazard);
    color: #111;
    z-index: 2;
    flex: none;
    height: 36px;
    position: relative;
    container-type: inline-size;
  }

  .ds-super-admin-bar__in {
    box-sizing: border-box;
    height: 100%;
    font-family: var(--font-sans);
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 1;
    display: flex;
  }

  .ds-super-admin-bar__icon {
    flex: none;
  }

  .ds-super-admin-bar__text {
    white-space: nowrap;
    flex: auto;
    align-items: center;
    min-width: 0;
    display: flex;
  }

  .ds-super-admin-bar__lead {
    flex: none;
    font-weight: 600;
  }

  .ds-super-admin-bar__sep, .ds-super-admin-bar__lbl {
    white-space: pre;
    flex: none;
  }

  .ds-super-admin-bar__org, .ds-super-admin-bar__email {
    text-overflow: ellipsis;
    min-width: 0;
    overflow: hidden;
  }

  .ds-super-admin-bar__email {
    flex: 0 auto;
  }

  .ds-super-admin-bar__org {
    flex: 0 .001 auto;
  }

  .ds-super-admin-bar__out {
    flex: none;
  }

  @container (max-width: 559px) {
    .ds-super-admin-bar__lbl, .ds-super-admin-bar__email {
      display: none;
    }

    .ds-super-admin-bar__org {
      flex: 0 auto;
    }
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-super-admin-bar__out {
      position: relative;
      overflow: visible;
    }

    .ds-super-admin-bar__out:after {
      content: "";
      width: 64px;
      height: 44px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .ds-usage-breakdown {
    background: var(--color-surface);
    min-width: 0;
    box-shadow: var(--shadow-elevation);
    border-radius: 12px;
    padding: 6px 12px 12px;
    position: relative;
  }

  .ds-usage-breakdown__head {
    align-items: center;
    padding: 12px 4px 12px 6px;
    display: flex;
  }

  .ds-usage-breakdown__title {
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-usage-breakdown__comp {
    align-items: center;
    gap: 8px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-usage-breakdown__swatch {
    border-radius: 3px;
    flex: none;
    width: 10px;
    height: 10px;
  }

  .ds-usage-breakdown__total td {
    background: var(--color-surface-muted);
    font-weight: 600;
  }

  .ds-usage-breakdown__none {
    text-align: center;
    font-family: var(--font-sans);
    color: var(--color-fg3);
    margin: 0;
    padding: 20px 14px;
    font-size: 13px;
  }

  @container ds-subshell (max-width: 768px) {
    .ds-usage-breakdown {
      padding: 4px 6px 8px;
    }
  }

  .ds-utterances {
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    display: flex;
  }

  .ds-utterance {
    max-width: 100%;
  }

  .ds-utterance__wave {
    vertical-align: middle;
    display: inline-flex;
    overflow: hidden;
  }

  :root:has(.ds-group-drawer:not([inert])):not(:has(.ds-modal)) {
    --ds-menu-z: 85;
  }

  .ds-group-drawer__sec {
    flex-direction: column;
    gap: 12px;
    display: flex;
  }

  .ds-group-drawer__sec > .ds-section-head {
    margin-bottom: 0;
  }

  .ds-group-drawer__name {
    white-space: nowrap;
    text-overflow: clip;
    max-width: calc(100% + 16px);
    margin: -4px -8px;
    overflow: hidden;
  }

  .ds-group-drawer__about {
    color: var(--color-slate-600);
    font-size: 13.5px;
    line-height: 20px;
  }

  .ds-group-drawer__words {
    overflow-wrap: anywhere;
    width: calc(100% + 16px);
    margin: -4px -8px;
  }

  .ds-group-drawer__words.is-empty {
    color: var(--color-slate-400);
  }

  .ds-group-drawer__desc {
    overflow-wrap: anywhere;
    margin: 0;
  }

  .ds-group-drawer__about > .ds-edit-box {
    margin: -5px -8px;
    padding: 4px 7px;
  }

  .ds-group-drawer__foot {
    justify-content: flex-start;
  }

  .ds-groups-intro {
    max-width: 62ch;
    margin: 0 0 18px;
  }

  .ds-groups-intro__note {
    color: var(--color-slate-600);
    margin: 0 0 14px;
  }

  .ds-extsignin {
    text-align: center;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 0;
    padding-top: 4px;
    display: flex;
  }

  .ds-extsignin__title {
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    text-wrap: balance;
    max-width: 300px;
    margin: 8px 0 0;
    font-size: 27px;
    font-weight: 400;
    line-height: 1.15;
  }

  .ds-extsignin__hero {
    width: min(100%, 216px);
    margin-block: auto;
    padding-top: 14px;
  }

  .ds-extsignin__btns {
    flex-direction: column;
    gap: 12px;
    width: 274px;
    max-width: 100%;
    margin-top: 16px;
    display: flex;
  }

  .ds-extsignin__badges {
    margin-top: 18px;
  }

  .ds-extsignin__trust {
    width: 100%;
    margin-top: auto;
    padding: 9.5px 0 6px;
  }

  .ds-signin-tab {
    text-align: center;
    background: #fff;
    justify-content: center;
    align-items: center;
    padding: 0 40px 72px;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-signin-tab__in {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    display: flex;
  }

  .ds-signin-tab__mark {
    display: inline-flex;
  }

  .ds-signin-tab__pair {
    gap: 20px;
    display: inline-flex;
    position: relative;
  }

  .ds-signin-tab__pair--compact {
    gap: 14px;
  }

  .ds-signin-tab__pair--compact .ds-signin-tab__tile {
    width: 64px;
    height: 64px;
    box-shadow: 0 0 0 1px var(--color-line), 0 6px 18px #1d26301a;
    border-radius: 16px;
  }

  .ds-signin-tab__pair--compact .ds-signin-tab__badge {
    width: 32px;
    height: 32px;
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--color-line);
    margin: -16px 0 0 -16px;
  }

  .ds-signin-tab__pair--compact .ds-signin-tab__badge[data-done] {
    box-shadow: 0 0 0 3px #fff, 0 4px 12px #2ca87f59;
  }

  .ds-signin-tab__tile {
    width: 96px;
    height: 96px;
    box-shadow: 0 0 0 1px var(--color-line), 0 10px 28px #1d26301a;
    background: #fff;
    border-radius: 24px;
    place-items: center;
    display: grid;
  }

  .ds-signin-tab__badge {
    width: 44px;
    height: 44px;
    color: var(--color-slate-500);
    box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--color-line);
    background: #fff;
    border-radius: 50%;
    place-items: center;
    margin: -22px 0 0 -22px;
    transition: background-color .3s, color .3s, box-shadow .3s;
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .ds-signin-tab__badge:after {
    content: "";
    border: 2px solid var(--color-slate-300);
    opacity: 0;
    border-radius: 50%;
    animation: 1.6s ease-out infinite ds-signin-tab-ping;
    position: absolute;
    inset: -5px;
  }

  .ds-signin-tab__badge[data-done] {
    background: var(--color-success-500);
    color: #fff;
    box-shadow: 0 0 0 4px #fff, 0 6px 16px #2ca87f59;
  }

  .ds-signin-tab__badge[data-done]:after {
    border-color: var(--color-success-500);
    animation: .7s ease-out ds-signin-tab-ping;
  }

  .ds-signin-tab__glyph {
    display: inline-flex;
  }

  @keyframes ds-signin-tab-ping {
    0% {
      opacity: .7;
      transform: scale(.9);
    }

    100% {
      opacity: 0;
      transform: scale(1.6);
    }
  }

  .ds-signin-tab__pair[data-phase="failed"] .ds-signin-tab__badge:after {
    animation: none;
  }

  .ds-signin-tab__badge[data-failed] {
    background: var(--color-danger-500);
    color: #fff;
    box-shadow: 0 0 0 4px #fff, 0 6px 16px #e147474d;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-signin-tab__badge:after, .ds-signin-tab__badge[data-done]:after {
      animation: none;
    }
  }

  .ds-signin-tab__failed, .ds-signin-tab__face {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    display: flex;
  }

  .ds-signin-tab__detail {
    font: 400 16px / 24px var(--font-sans);
    color: var(--color-ink-600);
    margin: -12px 0 0;
  }

  .ds-signin-tab__title {
    font-family: var(--font-serif);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    margin: 0;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2;
  }

  .ds-notif__sec + .ds-notif__sec {
    border-top: 1px solid var(--color-line);
    margin-top: 28px;
    padding-top: 20px;
  }

  .ds-notif__title {
    margin: 0 0 4px;
  }

  .ds-notif__sub {
    max-width: 460px;
    color: var(--color-slate-600);
    font-size: 12.5px;
    line-height: 1.45;
  }

  .ds-notif__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .ds-notif__row {
    border-bottom: 1px solid var(--color-line);
    align-items: center;
    gap: 14px;
    padding: 14px 0;
    display: flex;
  }

  .ds-notif__row:last-child {
    border-bottom: 0;
  }

  .ds-notif__mark {
    color: var(--color-ink-900);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-notif__body {
    flex: 1;
    min-width: 0;
  }

  .ds-notif__end {
    flex: none;
  }

  @container ds-drawer-host (max-width: 768px) {
    .ds-notif__row {
      gap: 12px;
    }
  }

  .ds-login {
    background: var(--color-surface);
    --ds-login-stacked-form-padding: 24px 24px 28px;
    --ds-login-stacked-foot-padding: 0 24px 28px;
    --ds-login-stacked-form-center-margin: 44px auto 40px;
    --ds-login-stacked-headline-size: 38px;
    --ds-login-stacked-headline-margin: 0 0 28px;
    --ds-login-stacked-panel-margin: 8px 16px 16px;
    --ds-login-stacked-panel-center-padding: 36px 20px 0;
    --ds-login-stacked-quote-radius: 20px;
    --ds-login-stacked-quote-padding: 22px;
    --ds-login-stacked-quote-text-size: 18px;
    --ds-login-stacked-quote-text-margin: 0 0 18px;
    --ds-login-stacked-trusted-padding: 28px 0;
    grid-template-columns: 1fr 1fr;
    min-height: 680px;
    display: grid;
  }

  [data-frameview="laptop"] .ds-login, [data-frameview="desktop"] .ds-login, [data-frameview="tablet"] .ds-login:not(.ds-login--mobile) {
    min-height: 100dvh;
  }

  .ds-login:not(.ds-login--mobile) .ds-login__form {
    grid-area: 1 / 1;
  }

  .ds-login:not(.ds-login--mobile) .ds-login__panel {
    grid-area: 1 / 2 / span 2;
  }

  .ds-login:not(.ds-login--mobile) .ds-login__foot {
    grid-area: 2 / 1;
  }

  .ds-login--mobile {
    flex-direction: column;
    min-height: 0;
    display: flex;
  }

  .ds-login__form {
    flex-direction: column;
    min-width: 0;
    padding: 40px 56px 30px;
    display: flex;
    position: relative;
  }

  .ds-login--mobile .ds-login__form {
    padding: var(--ds-login-stacked-form-padding);
  }

  .ds-login__brand {
    flex: none;
    align-self: flex-start;
  }

  .ds-login__center {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 640px;
    margin: auto;
    display: flex;
  }

  .ds-login--mobile .ds-login__center {
    margin: var(--ds-login-stacked-form-center-margin);
  }

  .ds-login__headline {
    font-family: var(--font-serif);
    letter-spacing: -.03em;
    color: var(--color-fg1);
    margin: 0 0 36px;
    font-size: 64px;
    font-weight: 400;
    line-height: 1.14;
  }

  .ds-login--mobile .ds-login__headline {
    font-size: var(--ds-login-stacked-headline-size);
    margin: var(--ds-login-stacked-headline-margin);
  }

  .ds-login__auth {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 380px;
    margin-bottom: 24px;
    display: flex;
  }

  .ds-login--mobile .ds-login__auth {
    max-width: 100%;
  }

  .ds-login__trust {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    display: flex;
  }

  .ds-login--mobile .ds-login__trust {
    gap: 10px 22px;
  }

  .ds-login__trust-item {
    font-family: var(--font-sans);
    color: var(--color-fg3);
    align-items: center;
    gap: 9px;
    font-size: 15px;
    font-weight: 400;
    display: inline-flex;
  }

  .ds-login--mobile .ds-login__trust-item {
    font-size: 14px;
  }

  .ds-login__foot {
    flex-direction: column;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    display: flex;
  }

  .ds-login:not(.ds-login--mobile) .ds-login__foot {
    padding: 24px 56px;
  }

  .ds-login--mobile .ds-login__foot {
    padding: var(--ds-login-stacked-foot-padding);
  }

  .ds-login__legal {
    font-family: var(--font-sans);
    color: var(--color-ink-300, #e5e5e5);
    text-align: center;
    margin: 0;
    font-size: 13px;
  }

  .ds-login__legal-link {
    color: inherit;
    text-decoration: none;
  }

  .ds-login__panel {
    background: linear-gradient(-22deg, #df73b4 7%, #ff6a52 44%, #ecb478 80%);
    border-radius: 20px;
    flex-direction: column;
    min-width: 0;
    margin: 24px 24px 24px 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ds-login--mobile .ds-login__panel {
    margin: var(--ds-login-stacked-panel-margin);
  }

  .ds-login__panel-center {
    box-sizing: border-box;
    width: 100%;
    margin: auto;
    padding: 0 52px;
  }

  .ds-login--mobile .ds-login__panel-center {
    padding: var(--ds-login-stacked-panel-center-padding);
  }

  .ds-login__quote {
    -webkit-backdrop-filter: blur(12px);
    background: #ffffffb3;
    border: 1px solid #ffffffb3;
    border-radius: 20px;
    max-width: 550px;
    margin: 0 auto;
    padding: 32px 34px;
    box-shadow: inset 0 0 65px #ffffffe6, 0 15px 35px 5px #1f1f1f0d, 0 10px 25px #00000017;
  }

  .ds-login--mobile .ds-login__quote {
    border-radius: var(--ds-login-stacked-quote-radius);
    padding: var(--ds-login-stacked-quote-padding);
  }

  .ds-login__quote-text {
    font-family: var(--font-sans);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    margin: 0 0 26px;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.4;
  }

  .ds-login--mobile .ds-login__quote-text {
    font-size: var(--ds-login-stacked-quote-text-size);
    margin: var(--ds-login-stacked-quote-text-margin);
  }

  .ds-login__quote-by {
    align-items: center;
    gap: 14px;
    display: flex;
  }

  .ds-login__quote-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .ds-login__quote-name-row {
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    font-size: 16px;
    display: flex;
  }

  .ds-login--mobile .ds-login__quote-name-row {
    font-size: 15px;
  }

  .ds-login__quote-name, .ds-login__quote-role {
    max-width: 100%;
    overflow: hidden;
  }

  .ds-login__quote-name {
    font-weight: 600;
  }

  .ds-login__quote-role {
    color: var(--color-fg3);
    font-weight: 400;
  }

  .ds-login__dots {
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 24px;
    display: flex;
  }

  .ds-login--mobile .ds-login__dots {
    margin-top: 18px;
  }

  .ds-login__dot {
    cursor: pointer;
    background: #ffffff80;
    border: none;
    border-radius: 999px;
    width: 7px;
    height: 7px;
    padding: 0;
    transition: width .3s, background .3s;
  }

  .ds-login__dot--active {
    background: #ffffff4d;
    width: 22px;
    position: relative;
  }

  .ds-login__dot--active:not(:has(.ds-login__dot-fill)) {
    background: #fff;
  }

  .ds-login__dot-fill {
    border-radius: inherit;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .ds-login__dot-fill:before {
    content: "";
    border-radius: inherit;
    transform-origin: 0;
    animation: linear forwards ds-login-dot-fill;
    animation-duration: inherit;
    background: #fff;
    position: absolute;
    inset: 0;
  }

  @keyframes ds-login-dot-fill {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }

  @media (max-width: 767px), (pointer: coarse) {
    .ds-login__dots {
      gap: 30px;
    }

    .ds-login__dot {
      position: relative;
    }

    .ds-login__dot:after {
      content: "";
      position: absolute;
      inset: -18.5px;
    }

    .ds-login__dot--active:after {
      inset: -18.5px -11px;
    }
  }

  .ds-login__trusted {
    text-align: center;
    padding: 0 0 36px;
  }

  .ds-login--mobile .ds-login__trusted {
    padding: var(--ds-login-stacked-trusted-padding);
  }

  @container (max-width: 1180px) {
    .ds-login:not(.ds-login--mobile) .ds-login__form {
      padding: 32px 36px 26px;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__headline {
      font-size: 48px;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__panel {
      margin: 16px 16px 16px 0;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__panel-center {
      padding: 0 28px;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__quote {
      padding: 26px;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__quote-text {
      font-size: 22px;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__trust {
      gap: 12px 22px;
    }
  }

  @container (max-width: 900px) {
    .ds-login:not(.ds-login--mobile) {
      flex-direction: column;
      min-height: 0;
      display: flex;
    }

    .ds-login:not(.ds-login--mobile) .ds-login__form {
      padding: var(--ds-login-stacked-form-padding);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__foot {
      padding: var(--ds-login-stacked-foot-padding);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__center {
      margin: var(--ds-login-stacked-form-center-margin);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__headline {
      font-size: var(--ds-login-stacked-headline-size);
      margin: var(--ds-login-stacked-headline-margin);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__panel {
      margin: var(--ds-login-stacked-panel-margin);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__panel-center {
      padding: var(--ds-login-stacked-panel-center-padding);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__quote {
      border-radius: var(--ds-login-stacked-quote-radius);
      padding: var(--ds-login-stacked-quote-padding);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__quote-text {
      font-size: var(--ds-login-stacked-quote-text-size);
      margin: var(--ds-login-stacked-quote-text-margin);
    }

    .ds-login:not(.ds-login--mobile) .ds-login__trusted {
      padding: var(--ds-login-stacked-trusted-padding);
    }
  }

  .ds-login .ds-login__panel--note .ds-login__panel-center {
    padding-block: 36px;
  }

  .ds-login__channel {
    width: 100%;
    margin: 0 0 24px;
  }

  .ds-channel-note {
    box-sizing: border-box;
    text-align: left;
    width: 100%;
    max-width: 460px;
    font-family: var(--font-sans);
    color: var(--color-fg1);
    flex-direction: column;
    gap: 14px;
    margin: 0 auto;
    display: flex;
  }

  .ds-channel-note__from {
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    display: flex;
  }

  .ds-channel-note__mail {
    background: var(--color-ink-900);
    color: #fff;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: inline-flex;
  }

  .ds-channel-note__bubble {
    color: #111b21;
    overflow-wrap: anywhere;
    background: #d9fdd3;
    border-radius: 12px 12px 3px;
    align-self: flex-end;
    max-width: 88%;
    margin: 0;
    padding: 10px 14px;
    font-size: 16px;
    line-height: 1.4;
    box-shadow: 0 1px 1px #0000001f;
  }

  .ds-channel-note__card {
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    color: var(--color-fg2);
    border-radius: 12px;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    font-size: 15px;
    line-height: 1.45;
    display: flex;
    box-shadow: 0 1px 2px #00000014;
  }

  .ds-channel-note__subject {
    color: var(--color-fg1);
    font-weight: 700;
  }

  .ds-channel-note__body {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .ds-channel-note__answers {
    color: var(--color-fg3);
    margin: 0;
    font-size: 15px;
    line-height: 1.45;
  }

  .ds-channel-note--on-panel .ds-channel-note__from {
    color: #fff;
  }

  .ds-channel-note--on-panel .ds-channel-note__answers {
    color: #ffffffeb;
  }

  .ds-channel-expired {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex;
  }

  .ds-channel-note__voice {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .ds-channel-signed-in {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    display: flex;
  }

  .ds-channel-signed-in__line {
    color: var(--color-fg2);
    text-align: center;
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.5;
  }

  .ds-channel-expired__title {
    font-family: var(--font-serif);
    letter-spacing: -.02em;
    color: var(--color-fg1);
    margin: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
  }

  .ds-channel-expired__line {
    max-width: 34ch;
    color: var(--color-fg3);
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.5;
  }

  .ds-channel-expired__sent {
    color: var(--color-fg1);
    margin: 8px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
  }

  .ds-compliance {
    align-items: flex-start;
    gap: 34px;
    display: flex;
  }

  .ds-compliance__badge {
    color: #b6b6b6;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    display: flex;
  }

  .ds-compliance__name {
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
  }

  .ds-compliance__sub {
    font-family: var(--font-sans);
    font-size: 10px;
    font-weight: 400;
    line-height: 1.4;
  }

  .ds-compliance--compact {
    gap: 30px;
  }

  .ds-compliance--compact .ds-compliance__badge {
    gap: 6px;
  }

  .ds-compliance--compact .ds-compliance__name {
    font-size: 12px;
    line-height: 1.1;
  }

  .ds-compliance--compact .ds-compliance__sub {
    font-size: 9.5px;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: .02em;
  }

  .ds-compliance__badge--button {
    cursor: pointer;
    transition: color var(--ds-ease-hover);
    background: none;
    border: none;
    padding: 0;
  }

  .ds-compliance__badge--button:hover {
    color: #9a9a9a;
  }

  .ds-region {
    font-family: var(--font-sans);
  }

  .ds-region__menu {
    min-width: 200px;
  }

  .ds-region__flag {
    font: 16px / 1 Minded Flags, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif;
  }

  .ds-signin-email {
    text-align: left;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    display: flex;
  }

  .ds-signin-email > .ds-btn:last-child {
    align-self: center;
  }

  .ds-signin-code {
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    display: flex;
  }

  .ds-signin-code__sub {
    font: 400 15px / 1.5 var(--font-sans);
    color: var(--color-fg3);
    text-align: center;
    margin: 0 0 26px;
  }

  .ds-signin-code__sub strong {
    color: var(--color-ink-900);
    font-weight: 600;
  }

  .ds-signin-code__status {
    min-height: 20px;
    font: 400 13.5px / 1.4 var(--font-sans);
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    display: flex;
  }

  .ds-signin-code__ok {
    color: var(--color-success-800);
    align-items: center;
    gap: 6px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-signin-code__err {
    color: var(--color-danger-600);
  }

  .ds-signin-code__resend {
    font: 400 13.5px / 1.4 var(--font-sans);
    color: var(--color-fg3);
    margin-top: 12px;
  }

  .ds-signin-code__wait {
    color: var(--color-ink-400);
  }

  .ds-signin-code__sent {
    color: var(--color-success-800);
    align-items: center;
    gap: 5px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-signin-code > .ds-btn {
    margin-top: 10px;
  }

  .ds-login--mobile .ds-code {
    --ds-code-gap: 8px;
    --ds-code-cell-w: 44px;
    --ds-code-cell-h: 56px;
    --ds-code-font: 24px;
  }

  .ds-extsettings__pick {
    margin-top: 2px;
  }

  .ds-extsettings__name {
    display: block;
  }

  .ds-extsettings__sel {
    min-width: 260px;
  }

  @keyframes ds-extsettings-in {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .ds-extsettings__row--in {
    animation: .26s cubic-bezier(.2, 0, .2, 1) backwards ds-extsettings-in;
  }

  .ds-extsettings__row--in + .ds-extsettings__row--in {
    animation-delay: 70ms;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-extsettings__row--in {
      animation: none;
    }
  }

  .ds-delegation-card {
    --ds-clamp-bg: var(--color-surface);
    --ds-clamp-fade-h: 34px;
    border: 1px solid var(--color-line);
    background: var(--color-surface);
    border-radius: 14px;
    flex-direction: column;
    gap: 6px;
    padding: 11px 12px 9px;
    display: flex;
    box-shadow: 0 1px 3px #1018280a;
  }

  .ds-delegation-card__hd {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-delegation-card__name {
    font-family: var(--font-serif);
    color: var(--color-fg1);
    flex: 1;
    font-size: 13.5px;
    line-height: 20px;
  }

  .ds-delegation-card__brief {
    color: var(--color-fg1);
    font-size: 13px;
    line-height: 1.85;
    overflow: hidden;
  }

  .ds-delegation-card--revised {
    position: relative;
    overflow: hidden;
  }

  .ds-delegation-card--revised:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(105deg, #0000 30%, #ffffffd9 50%, #0000 70%);
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
  }

  .ds-delegation-card--leaving {
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s, transform .24s cubic-bezier(.4, 0, 1, 1);
    transform: translateY(12px)scale(.95);
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-delegation-card--arriving {
      animation: .22s cubic-bezier(0, 0, 0, 1) ds-delegation-in;
    }

    .ds-delegation-card--revised:before {
      animation: .9s ease-in-out both ds-delegation-shimmer;
    }
  }

  .ds-delegation-opened {
    pointer-events: auto;
    border: 1px solid var(--color-line);
    background: var(--color-surface);
    border-radius: 14px;
    flex-direction: column;
    flex: none;
    gap: 7px;
    padding: 10px 10px 9px 12px;
    display: flex;
    box-shadow: 0 10px 30px #10182833;
  }

  .ds-delegation-opened__hd, .ds-delegation-sheet__hd {
    align-items: center;
    display: flex;
  }

  .ds-delegation-opened__hd {
    gap: 7px;
  }

  .ds-delegation-opened__name, .ds-delegation-sheet__name {
    min-width: 0;
    font-family: var(--font-serif);
    color: var(--color-ink-900);
    white-space: nowrap;
    flex: 1;
    font-size: 12.5px;
    font-weight: 600;
  }

  .ds-delegation-opened__body {
    color: var(--color-fg1);
    margin: 0;
    font-size: 12.5px;
    line-height: 1.7;
  }

  .ds-delegation-opened__body.is-clamped {
    max-height: 74px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 60%, #0000);
    mask-image: linear-gradient(#000 60%, #0000);
  }

  .ds-delegation-opened__more {
    color: var(--color-fg2);
    cursor: pointer;
    background: none;
    border: 0;
    align-self: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0;
    font-size: 11.5px;
    display: inline-flex;
  }

  .ds-delegation-opened__more:hover:not(:disabled) {
    color: var(--color-fg1);
  }

  .ds-delegation-opened__more:disabled {
    cursor: default;
    opacity: .5;
  }

  .ds-delegation-opened__foot, .ds-delegation-sheet__foot {
    justify-content: flex-end;
    gap: 6px;
    margin-top: 1px;
    display: flex;
  }

  .ds-delegation-sheet {
    pointer-events: auto;
    z-index: 40;
    background: var(--color-surface);
    flex-direction: column;
    gap: 10px;
    padding: 16px 16px 18px;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .ds-delegation-sheet__hd {
    gap: 8px;
  }

  .ds-delegation-sheet__name {
    white-space: normal;
    font-size: 14px;
  }

  .ds-delegation-sheet__body {
    min-height: 0;
    color: var(--color-fg1);
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
  }

  .ds-delegation-sheet__hd + .ds-delegation-sheet__body {
    margin-top: -10px;
    padding-top: 10px;
  }

  .ds-delegation-sheet__body:has( + .ds-delegation-sheet__foot) {
    margin-bottom: -10px;
    padding-bottom: 10px;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-delegation-opened--enter {
      animation: .22s cubic-bezier(0, 0, 0, 1) ds-delegation-in;
    }

    .ds-delegation-sheet--enter {
      animation: .3s cubic-bezier(.32, .72, .3, 1) ds-delegation-sheet-up;
    }
  }

  .ds-seeing {
    z-index: 3;
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .ds-seeing:before {
    content: "";
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(to top, #0d111673, #0d111600);
    border-radius: 0 0 14px 14px;
    height: 58px;
    position: absolute;
    bottom: -10px;
    left: -10px;
    right: -10px;
  }

  .ds-seeing__chip {
    border-radius: var(--radius-control);
    height: 32px;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    box-sizing: border-box;
    align-items: center;
    gap: 7px;
    padding: 0 8px 0 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
  }

  .ds-seeing__chip, .ds-seeing__chip.ds-glass-pill:hover {
    box-shadow: 0 2px 8px #1d26301f;
  }

  button.ds-seeing__chip {
    cursor: pointer;
  }

  .ds-seeing__chip:not(.ds-seeing__chip--off):not(:has(.ds-seeing__n, .ds-seeing__name,  > .ds-seeing__screen:only-child)) {
    padding: 0 4px;
  }

  .ds-seeing__chip--off {
    color: var(--color-fg3);
    gap: 7px;
    padding: 0 8px 0 7px;
  }

  .ds-seeing__tile {
    background: #fff;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    transition: background .22s;
    display: inline-flex;
    box-shadow: 0 1px 3px #1d263024;
  }

  .ds-seeing__tile--live {
    position: relative;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-seeing__tile--live:not(:has( + .ds-seeing__name)):after {
      content: "";
      background: linear-gradient(105deg, #0000 30%, #ffffffd9 50%, #0000 70%);
      animation: 1.6s ease-in-out infinite ds-seeing-shimmer;
      position: absolute;
      inset: 0;
      transform: translateX(-100%);
    }
  }

  @keyframes ds-seeing-shimmer {
    60%, 100% {
      transform: translateX(100%);
    }
  }

  .ds-seeing__seg {
    background: #1d26301f;
    flex: none;
    width: 1px;
    height: 20px;
  }

  .ds-seeing__fold {
    align-items: center;
    gap: 4px;
    display: inline-flex;
  }

  .ds-seeing__n {
    margin-left: 3px;
    transition: opacity .18s;
  }

  .ds-seeing__name {
    max-width: 124px;
  }

  .ds-seeing__read {
    align-items: center;
    gap: 7px;
    min-width: 0;
    max-width: 190px;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-seeing--mini {
    justify-content: flex-end;
    bottom: 6px;
    left: auto;
    right: 6px;
  }

  .ds-seeing--mini:before {
    display: none;
  }

  .ds-seeing--mini .ds-seeing__chip {
    padding-right: 4px;
  }

  .ds-seeing--mini .ds-seeing__chip--off {
    padding: 0 8px 0 7px;
  }

  .ds-seeing--mini .ds-seeing__tile--live {
    box-shadow: none;
    background: none;
  }

  .ds-seeing__chip--enter {
    animation: .22s cubic-bezier(0, 0, 0, 1) ds-seeing-chip-in;
  }

  @keyframes ds-seeing-chip-in {
    from {
      opacity: 0;
      transform: translateY(4px);
    }
  }

  .ds-seeing__fold .ds-seeing__tile--enter, .ds-seeing__chip > .ds-seeing__tile--enter {
    animation: .22s cubic-bezier(0, 0, 0, 1) both ds-seeing-tile-in;
  }

  @keyframes ds-seeing-tile-in {
    from {
      opacity: 0;
      width: 0;
      margin-right: -4px;
      transform: scale(.7);
    }
  }

  .ds-seeing__read--enter {
    animation: .28s cubic-bezier(0, 0, 0, 1) ds-seeing-read-in;
  }

  @keyframes ds-seeing-read-in {
    from {
      opacity: 0;
      max-width: 0;
    }
  }

  .ds-seeing__screen {
    white-space: nowrap;
    align-items: center;
    min-width: 0;
    max-width: 160px;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .ds-seeing__src {
    align-items: center;
    gap: 7px;
    min-width: 0;
    display: inline-flex;
  }

  .ds-seeing__src > .ds-seeing__tile {
    color: var(--color-ink-900);
  }

  .ds-seeing__screen--enter {
    animation: .28s cubic-bezier(0, 0, 0, 1) ds-seeing-read-in;
  }

  .ds-seeing__row--screen .ds-seeing__rowlbl svg {
    color: var(--color-slate-600);
  }

  .ds-seeing__screen .ds-fade-text {
    min-width: 0;
  }

  .ds-seeing__screenrow {
    margin: calc(var(--spacing) * .5);
    border-radius: var(--radius-lg);
    min-width: 0;
    transition: background-color var(--ds-ease-hover);
    align-items: center;
    display: flex;
  }

  .ds-seeing__screenrow > .ds-seeing__row.ds-mi {
    background: none;
    flex: auto;
    margin: 0;
  }

  .ds-seeing__screenrow:has( > .ds-seeing__row:is(:hover, .kbd, :focus-visible),  > .ds-seeing__switchseat:hover) {
    background: var(--color-surface-hover);
  }

  .ds-seeing__switchseat {
    flex: none;
    margin-right: 4px;
    display: inline-flex;
  }

  .ds-seeing__face {
    flex: auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .ds-mi .ds-seeing__fold {
    display: contents;
  }

  .ds-mi .ds-seeing__read {
    flex: auto;
    order: 10;
    justify-content: flex-start;
    max-width: none;
  }

  .ds-mi .ds-seeing__name {
    flex: auto;
    min-width: 0;
    max-width: none;
    overflow: hidden;
  }

  .ds-mi .ds-seeing__seg ~ .ds-seeing__seg {
    display: none;
  }

  .ds-mi .ds-seeing__read .ds-seeing__tile--live {
    box-shadow: none;
    background: none;
    border-radius: 0;
    width: auto;
    height: auto;
  }

  .ds-seeing__menu {
    width: 272px;
  }

  .ds-seeing__pop--mini .ds-seeing__menu {
    width: 236px;
    min-width: 0;
  }

  .ds-seeing__list {
    max-height: 232px;
  }

  .ds-seeing__pop--mini .ds-seeing__list {
    max-height: 196px;
  }

  .ds-seeing__row {
    min-width: 0;
    transition: background-color var(--ds-ease-hover), color var(--ds-ease-hover), opacity var(--ds-ease-hover);
  }

  .ds-seeing__note > p {
    color: var(--color-fg3);
    margin: 0;
    padding: 2px 12px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .ds-seeing__row > span {
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .ds-seeing__scope {
    min-height: 42px;
    padding: 4px 6px 2px;
  }

  .ds-seeing__row--cur {
    position: relative;
  }

  .ds-seeing__row--cur:before {
    content: "";
    background: linear-gradient(180deg, var(--color-brand-peach), var(--color-brand-coral), var(--color-brand-magenta));
    border-radius: 2px;
    width: 2px;
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 1px;
  }

  .ds-seeing__row--cur .ds-seeing__rowlbl {
    color: var(--color-ink-900);
    font-weight: 500;
  }

  .ds-seeing__rowlbl {
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-weight: 400;
    display: inline-flex;
    overflow: hidden;
  }

  .ds-seeing__rowlbl .ds-fade-text {
    min-width: 0;
  }

  .ds-seeing__rowlbl img, .ds-seeing__rowlbl svg {
    flex: none;
  }

  .ds-seeing__row--enter {
    animation: .24s cubic-bezier(0, 0, 0, 1) backwards ds-seeing-row-in;
  }

  @keyframes ds-seeing-row-in {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }
  }

  .ds-live-elsewhere {
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    min-height: 32px;
    display: flex;
  }

  .ds-live-elsewhere--ending {
    opacity: 0;
    transition: opacity .2s .2s;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-live-elsewhere--ending {
      transition: none;
    }
  }

  .ds-live-elsewhere__label {
    font: 500 13px var(--font-sans);
    color: var(--color-ink-900);
    align-items: center;
    gap: 6px;
    padding: 0 4px;
    display: inline-flex;
  }

  .ds-call-menu {
    pointer-events: auto;
    width: 100%;
    max-width: 392px;
    margin-left: auto;
    display: flex;
  }

  .ds-call-menu__card {
    transform-origin: 100% 100%;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
    box-shadow: 0 14px 40px #10182838;
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-call-menu__card--moves {
      animation: .26s cubic-bezier(.2, .9, .3, 1) ds-call-menu-open;
    }

    .ds-call-menu__card--moves.ds-call-menu__card--closing {
      animation: .2s cubic-bezier(.4, 0, 1, 1) both ds-call-menu-close;
    }
  }

  @keyframes ds-call-menu-open {
    from {
      opacity: 0;
      transform: scale(.9)translateY(10px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes ds-call-menu-close {
    to {
      opacity: 0;
      transform: scale(.92)translateY(8px);
    }
  }

  .ds-call-menu__acts {
    align-items: center;
    height: 34px;
    display: flex;
  }

  .ds-call-menu__close {
    margin-right: -6px;
  }

  .ds-call-menu__body {
    margin-top: -4px;
  }

  .ds-call-menu__list {
    --ds-fade-size: 42px;
    flex-direction: column;
    gap: 6px;
    max-height: 320px;
    display: flex;
  }

  .ds-call-row {
    transition: box-shadow var(--ds-ease-hover), border-color var(--ds-ease-hover);
    flex: none;
  }

  .ds-call-row:hover {
    box-shadow: var(--shadow-elevation);
  }

  .ds-call-row--press {
    cursor: pointer;
  }

  .ds-call-row--press .ds-call-row__chip > * {
    cursor: inherit;
  }

  .ds-call-row__head {
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
  }

  .ds-call-row__top {
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 3px;
    display: flex;
  }

  .ds-call-row__chip {
    flex: none;
    display: flex;
  }

  .ds-call-row__acts {
    align-items: center;
    gap: 2px;
    margin-left: auto;
    margin-right: -4px;
    display: inline-flex;
  }

  .ds-call-row__act {
    align-items: center;
    gap: 2px;
    display: inline-flex;
  }

  .ds-call-row__go {
    width: 26px;
    height: 26px;
    color: var(--color-fg2);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ds-call-row__title {
    min-width: 0;
    font-family: var(--font-serif);
    font-weight: 400;
    font-size: var(--text-base);
    color: var(--color-fg1);
    white-space: nowrap;
    line-height: 20px;
    display: block;
    overflow: hidden;
  }

  .ds-call-row__name {
    min-width: 0;
    max-width: 100%;
    font: inherit;
    color: inherit;
    text-align: left;
    background: none;
    border: 0;
    align-items: center;
    gap: 8px;
    padding: 0;
    display: inline-flex;
  }

  .ds-call-row--press .ds-call-row__name {
    cursor: pointer;
  }

  .ds-call-row__name:focus-visible {
    box-shadow: var(--shadow-field-focus);
    border-color: currentColor;
    border-radius: 6px;
    outline: none;
  }

  .ds-call-row__name :is(img, svg) {
    flex: none;
  }

  .ds-call-row__cap {
    color: var(--color-fg2);
    white-space: nowrap;
    --ds-trunc-fade: 32px;
    margin-top: 5px;
    font-size: 12.5px;
    line-height: 1.45;
    display: block;
    overflow: hidden;
  }

  .ds-extpanel-thread {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 2px 18px 18px;
    display: flex;
  }

  .ds-extpanel-thread--wide {
    padding-inline: 0;
  }

  .ds-extpanel-thread__col {
    flex-direction: column;
    display: flex;
  }

  .ds-extpanel-seat {
    flex: none;
    margin: 4px 12px 12px;
  }

  .ds-slack-channels {
    background: #fff;
    flex-direction: column;
    display: flex;
  }

  .ds-slack-channels__body {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 48px;
    display: flex;
  }

  .ds-slack-channels__col {
    text-align: center;
    width: min(560px, 100%);
  }

  .ds-slack-channels__title {
    font-family: var(--font-serif);
    letter-spacing: -.01em;
    color: var(--color-ink-900);
    margin: 0 0 14px;
    font-size: clamp(30px, 4vw, 44px);
    font-weight: 400;
    line-height: 1.1;
  }

  .ds-slack-channels__brand > img, .ds-goto-slack__brand > img {
    vertical-align: -.1em;
    width: .82em;
    height: .82em;
    margin: 0 .06em;
    display: inline-block;
  }

  .ds-slack-channels__brand {
    white-space: nowrap;
  }

  .ds-slack-channels__sub {
    color: var(--color-fg3);
    margin: 0 0 26px;
    font-size: 17px;
  }

  .ds-slack-channels__sub b {
    color: var(--color-ink-800);
    font-weight: 600;
  }

  .ds-slack-channels__card {
    text-align: left;
    padding: 20px;
  }

  .ds-slack-channels__pick {
    margin-top: 6px;
  }

  .ds-slack-channels__list-wrap {
    border-top: 1px solid var(--color-line);
    margin-top: 14px;
    padding-top: 14px;
  }

  .ds-slack-channels__list-hd {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .ds-slack-channels__list {
    --ds-opt-gap: 4px;
    flex-direction: column;
    gap: 4px;
    max-height: 248px;
    margin: 0 -6px;
    padding: 0 6px;
    display: flex;
  }

  .ds-slack-channels__row {
    border-radius: 8px;
    gap: 10px;
    padding: 8px;
  }

  .ds-slack-channels__row:hover {
    background: var(--color-surface-hover);
  }

  .ds-slack-channels__hash {
    color: var(--color-slate-400);
    font-size: 15px;
    font-weight: 500;
  }

  .ds-slack-channels__name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 500;
  }

  .ds-slack-channels__members {
    color: var(--color-slate-400);
    margin-left: auto;
    font-size: 12px;
  }

  .ds-slack-channels__continue, .ds-slack-channels__more {
    margin-top: 14px;
  }

  .ds-slack-channels__join {
    margin-top: 18px;
  }

  .ds-slack-channels__note {
    color: var(--color-slate-500);
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    font-size: 14px;
    display: inline-flex;
  }

  .ds-slack-channels__note-ic {
    border: 1.5px solid var(--color-slate-300);
    border-radius: 999px;
    flex: none;
    place-items: center;
    width: 22px;
    height: 22px;
    display: grid;
  }

  .ds-slack-channels__org {
    align-items: center;
    gap: 13px;
    display: flex;
  }

  .ds-slack-channels__org-name {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 17px;
    font-weight: 600;
  }

  .ds-slack-channels__org-sub {
    color: var(--color-slate-500);
    margin-top: 1px;
    font-size: 13.5px;
  }

  .ds-slack-channels__faces {
    flex: none;
    margin-left: auto;
  }

  .ds-goto-slack {
    background: #fff;
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
    container-type: inline-size;
  }

  .ds-goto-slack__bar {
    z-index: 5;
    position: absolute;
    top: 8px;
    left: calc(clamp(24px, 4.5vw, 64px) - 28px);
  }

  .ds-goto-slack__grid {
    flex: 1;
    grid-template-columns: .82fr 1.18fr;
    align-items: center;
    gap: 30px;
    padding: 92px clamp(24px, 4.5vw, 64px) 40px;
    display: grid;
  }

  .ds-goto-slack__copy {
    max-width: 430px;
  }

  .ds-goto-slack__ctas {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .ds-goto-slack__mark {
    box-sizing: content-box;
    background: #fff;
    border-radius: 999px;
    padding: 3px;
  }

  .ds-goto-slack__mark--bare {
    background: none;
    border-radius: 0;
    padding: 0;
  }

  .ds-goto-slack__title {
    font-family: var(--font-serif);
    letter-spacing: -.015em;
    color: var(--color-ink-900);
    margin: 0 0 18px;
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 400;
    line-height: 1.05;
  }

  .ds-goto-slack__brand {
    white-space: nowrap;
  }

  .ds-goto-slack__line {
    color: var(--color-slate-700);
    max-width: 380px;
    margin: 0 0 28px;
    font-size: 18px;
    line-height: 1.55;
  }

  .ds-goto-slack__mention {
    color: #1264a3;
    background: #1d9bd124;
    border-radius: 5px;
    align-items: center;
    padding: 0 5px;
    font-weight: 600;
    display: inline-flex;
  }

  @container (max-width: 900px) {
    .ds-goto-slack__grid {
      text-align: center;
      grid-template-columns: 1fr;
      justify-items: center;
      gap: 34px;
      padding: 56px 24px 40px;
    }

    .ds-goto-slack__ctas {
      justify-content: center;
    }
  }

  @container (max-width: 480px) {
    .ds-goto-slack__grid {
      gap: 24px;
      padding: 72px 20px 32px;
    }

    .ds-goto-slack__copy {
      max-width: 100%;
    }
  }

  .ds-reclib, .ds-rectimeline {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
  }

  .ds-reclib {
    position: relative;
  }

  .ds-reclib__body {
    padding-top: 10px;
  }

  .ds-reclib__grid {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    display: grid;
  }

  .ds-reclib__notice {
    z-index: 5;
    justify-content: center;
    display: flex;
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
  }

  .ds-rectile {
    aspect-ratio: 1;
    border: 1px solid var(--color-line);
    box-shadow: var(--shadow-elevation);
    cursor: pointer;
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    transition: box-shadow .25s;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .ds-rectile:hover {
    box-shadow: 0 14px 32px #1d263038;
  }

  .ds-rectile[data-upload="uploading"] {
    cursor: default;
  }

  .ds-rectile__shot {
    background: #0000000d;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .ds-rectile__bg {
    object-fit: cover;
    object-position: left top;
    width: 100%;
    height: 100%;
    display: block;
  }

  .ds-rectile[data-upload="uploading"] .ds-rectile__bg {
    opacity: .55;
  }

  .ds-rectile__live {
    transform-origin: 0 0;
    pointer-events: none;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(0)scale(.5);
  }

  .ds-rectile__ops {
    opacity: 0;
    transition: opacity var(--ds-ease-hover);
    z-index: 2;
    pointer-events: none;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-rectile:hover .ds-rectile__ops, .ds-rectile:focus-within .ds-rectile__ops, .ds-rectile--menu .ds-rectile__ops {
    opacity: 1;
  }

  .ds-rectile:hover .ds-rectile__ops > *, .ds-rectile:focus-within .ds-rectile__ops > *, .ds-rectile--menu .ds-rectile__ops > * {
    pointer-events: auto;
  }

  @media (max-width: 767px), (pointer: coarse), (hover: none) {
    .ds-rectile__ops {
      opacity: 1;
    }

    .ds-rectile__ops > * {
      pointer-events: auto;
    }
  }

  .ds-rectile__open {
    z-index: 1;
    border-radius: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
    position: absolute;
    inset: 0;
  }

  .ds-rectile__open:focus-visible {
    outline: 2px solid var(--color-fg1);
    outline-offset: -2px;
  }

  .ds-rectile__upload {
    z-index: 3;
    position: absolute;
    top: 8px;
    left: 8px;
  }

  .ds-rectile__retry {
    z-index: 2;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .ds-rectile__meta {
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to top, #000000b8 0 55%, #0000);
    flex-direction: column;
    gap: 2px;
    padding: 26px 11px 9px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .ds-rectile__url {
    font-family: var(--font-sans);
    color: #fff;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    overflow: hidden;
  }

  .ds-rectile__url:has( > .ds-edit-box) {
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .ds-rectile__url > .ds-edit-box {
    --ds-edit-radius: 8px;
    color: var(--color-ink-900);
    pointer-events: auto;
    margin: -4px -7px;
    padding: 3px 6px;
  }

  @keyframes ds-rectile-ink-in {
    from {
      color: #fff;
    }
  }

  @keyframes ds-rectile-ink-out {
    to {
      color: #fff;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .ds-rectile__url > .ds-edit-box {
      animation: .16s ease-out ds-edit-box-in, .16s ease-out ds-rectile-ink-in;
    }

    .ds-rectile__url > .ds-edit-box.is-closing {
      animation: .16s ease-in forwards ds-edit-box-out, .16s ease-in forwards ds-rectile-ink-out;
    }
  }

  .ds-rectile__url > .ds-edit-box__error {
    background: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--color-line);
    border-radius: 8px;
    margin-top: 6px;
    padding: 1px 8px;
    left: -7px;
  }

  .ds-rectile__meta:has(.ds-edit-box__error) .ds-rectile__stats {
    opacity: 0;
  }

  .ds-rectile--editing {
    cursor: default;
  }

  .ds-rectile__stats {
    transition: opacity var(--ds-ease-hover);
    align-items: center;
    gap: 10px;
    display: flex;
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-rectile, .ds-rectile__ops, .ds-rectile__stats {
      transition: none;
    }
  }

  .ds-rectile__stat {
    font-family: var(--font-sans);
    color: #ffffffd1;
    align-items: center;
    gap: 4px;
    font-size: 11.5px;
    display: inline-flex;
  }

  .ds-rectile__pct {
    font-variant-numeric: tabular-nums;
    margin-left: auto;
  }

  .ds-rectile__progress {
    padding-top: 6px;
    overflow: hidden;
  }

  .ds-rectimeline__page {
    flex-direction: column;
    min-height: 100%;
    padding-top: 10px;
    display: flex;
    position: relative;
  }

  .ds-rectimeline__preview {
    margin-bottom: 20px;
  }

  .ds-rectimeline__steps {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }

  .ds-rectimeline__step {
    grid-template-columns: 30px minmax(0, 1fr);
    display: grid;
    position: relative;
  }

  .ds-rectimeline__step:not(:last-child):before {
    content: "";
    background: #0000001a;
    width: 1px;
    position: absolute;
    top: 24px;
    bottom: -16px;
    left: 9px;
  }

  .ds-rectimeline__stamp {
    font-family: var(--font-sans);
    color: var(--color-fg1);
    flex: none;
    font-size: 12px;
    line-height: 20px;
  }

  .ds-rectimeline__stamp--muted {
    color: var(--color-fg3);
    font-size: 11px;
  }

  .ds-rectimeline__quote {
    font-family: var(--font-sans);
    color: var(--color-fg2);
    padding-top: 2px;
    font-size: 14px;
    line-height: 20px;
  }

  .ds-rectimeline__title {
    font-family: var(--font-sans);
    color: var(--color-fg1);
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .ds-rectimeline__title--minded {
    color: var(--color-fg3);
  }

  .ds-rectimeline__step--mark {
    align-items: center;
    margin: -4px 0;
  }

  .ds-rectimeline__mark-icon {
    color: var(--color-fg2);
    background: var(--color-bg, #fff);
    z-index: 1;
    width: 20px;
    line-height: 0;
    position: relative;
  }

  .ds-rectimeline__mark {
    font-family: var(--font-sans);
    color: var(--color-fg2);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
  }

  .ds-rectimeline__use {
    background: linear-gradient(to top, #fff 70%, #fff0);
    justify-content: center;
    margin-top: auto;
    padding: 16px 0 4px;
    display: flex;
    position: sticky;
    bottom: 0;
  }

  .ds-invite__rows {
    max-height: 230px;
  }

  .ds-invite__line {
    display: block;
  }

  .ds-invite__tag {
    background: var(--color-surface-muted-2);
    color: var(--color-slate-600);
    border-radius: 999px;
    flex: none;
    padding: 3px 9px;
    font-size: 11.5px;
    font-weight: 600;
  }

  .ds-invite__tag--pending {
    color: var(--color-warning-600);
    background: #fcf1dd;
  }

  .ds-invite__add {
    color: var(--color-ink-900);
    flex: none;
    align-items: center;
    gap: 5px;
    font-size: 12.5px;
    font-weight: 600;
    display: inline-flex;
  }

  .ds-invite__back {
    color: var(--color-slate-600);
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 19px;
  }

  .ds-invite__list {
    flex-direction: column;
    max-height: 240px;
    margin: 12px -4px 0;
    padding: 2px 4px;
    display: flex;
  }

  .ds-invite__row {
    align-items: center;
    gap: 12px;
    padding: 6px 0;
    display: flex;
  }

  .ds-invite__who {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .ds-invite__name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 500;
  }

  .ds-invite__email {
    color: var(--color-slate-600);
    font-size: 12px;
  }

  .ds-invite__role {
    min-width: 122px;
  }

  .ds-invite__count {
    color: var(--color-slate-600);
    margin-right: auto;
    font-size: 13px;
  }

  .ds-invite__count b {
    color: var(--color-ink-900);
    font-weight: 600;
  }

  @container ds-subshell (max-width: 768px) {
    .ds-invite__row {
      flex-wrap: wrap;
      row-gap: 6px;
    }

    .ds-invite__who {
      flex-basis: calc(100% - 44px);
    }

    .ds-invite__role {
      margin-left: 44px;
    }
  }

  .ds-delete-account__note {
    color: var(--color-fg-slate);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .ds-delete-account__ft {
    flex-wrap: wrap;
  }

  .ds-owner-pick__you {
    color: var(--color-slate-600);
  }

  .ds-active-steps {
    text-align: left;
    padding: 12px 14px 10px;
  }

  .ds-active-steps__mark {
    width: 20px;
    height: 20px;
    color: var(--color-fg3);
    transition: color var(--ds-ease-hover, .15s ease);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .ds-active-steps__row--active .ds-active-steps__mark {
    color: var(--color-fg1);
  }

  .ds-active-steps__mark img {
    transition: opacity var(--ds-ease-hover, .15s ease);
  }

  .ds-active-steps__row--upcoming .ds-active-steps__mark img {
    opacity: .45;
  }

  .ds-active-steps__body {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .ds-active-steps__label {
    font: 400 14px / 20px var(--font-sans);
    color: var(--color-fg3);
    transition: color var(--ds-ease-hover, .15s ease);
  }

  .ds-active-steps__row--active .ds-active-steps__label {
    color: var(--color-fg1);
    font-weight: 500;
  }

  .ds-active-steps__detail {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-top: 4px;
    display: flex;
  }

  .ds-active-steps__note {
    font: 400 12.5px / 1.45 var(--font-sans);
    color: var(--color-fg3);
  }

  .ds-active-steps__detail > .ds-btn--ghost:not(.ds-btn--icon) {
    max-width: calc(100% + var(--ds-btn-pl));
    margin-inline-start: calc(-1 * var(--ds-btn-pl));
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-active-steps__mark, .ds-active-steps__mark img, .ds-active-steps__label {
      transition: none;
    }
  }

  .ds-user-message {
    max-width: 720px;
    margin: 10px auto 28px;
  }

  .ds-user-message__bubble {
    --ds-user-message-bg: var(--color-surface-muted);
    --ds-user-message-pad-r: 16px;
    background: var(--ds-user-message-bg);
    border-radius: var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);
    min-width: 0;
    max-width: min(460px, 100%);
    font-family: var(--font-sans);
    color: var(--color-fg1);
    box-shadow: var(--shadow-button);
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.8;
    transition: background .15s;
  }

  .ds-user-message--sending .ds-user-message__bubble {
    opacity: .7;
  }

  .ds-user-message--failed .ds-user-message__bubble {
    opacity: .45;
  }

  .ds-user-message__status {
    font-family: var(--font-sans);
    align-items: center;
    gap: 8px;
    padding-right: 4px;
    display: inline-flex;
  }

  .ds-user-message__sending {
    color: var(--color-fg3);
    font-size: 12px;
    line-height: 1.66;
    animation: 1.8s ease-in-out infinite ds-user-message-breathe;
  }

  .ds-user-message__retry {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
  }

  .ds-user-message__retry:hover {
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .ds-sent-attachment__rm {
    opacity: 0;
    border-radius: 999px;
    width: 18px;
    min-width: 18px;
    height: 18px;
    padding: 0;
    transition: opacity .15s;
    position: absolute;
    top: -7px;
    right: -7px;
  }

  .ds-rec-card, .ds-chat-error__card, .ds-mem-card, .ds-evcap, .ds-notice {
    border: 1px solid var(--color-line);
    box-shadow: var(--shadow-button);
    background: #fff;
    border-radius: 14px;
  }

  .ds-rec-card, .ds-mem-card, .ds-evcap {
    max-width: 460px;
  }

  .ds-rec-card__scrub-ev {
    width: 19px;
    height: 19px;
    color: var(--color-fg2);
    border: 1px solid var(--color-surface);
    background: var(--color-surface-muted);
    cursor: pointer;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: background .15s, transform .12s;
    display: inline-flex;
    box-shadow: 0 1px 3px #1d263040;
  }

  .ds-rec-card__play {
    width: 22px;
    height: 22px;
    color: var(--color-ink-900);
    background: #ffffffeb;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    transition: transform .15s, background .15s;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 8px #1d263038;
  }

  .ds-chat-error__residue {
    color: var(--color-slate-600);
    align-items: center;
    gap: 7px;
    padding: 11px 12px;
    font-size: 12.5px;
    display: flex;
  }

  .ds-notice {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    padding: 8px 8px 8px 12px;
    display: flex;
  }

  .ds-notice__hd {
    flex: auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
    display: flex;
  }

  .ds-notice__glyph {
    color: var(--color-slate-600);
    flex: none;
    display: inline-flex;
  }

  .ds-notice__title {
    color: var(--color-ink-900);
    white-space: nowrap;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 20px;
  }

  .ds-notice__x {
    cursor: pointer;
    width: 22px;
    height: 22px;
    color: var(--color-slate-500);
    border-radius: var(--radius-sm, 6px);
    background: none;
    border: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: color .12s, background .12s;
    display: inline-flex;
  }

  .ds-notice__hd + .ds-notice__x {
    margin-left: auto;
  }

  .ds-notice__x:hover {
    color: var(--color-ink-900);
    background: var(--color-surface-hover);
  }

  .ds-mem-card {
    animation: .24s ds-mem-card-in;
  }

  .ds-mem-card__row {
    align-items: flex-start;
    gap: 9px;
    padding: 11px 9px 11px 12px;
    display: flex;
  }

  .ds-mem-card__glyph {
    color: var(--color-slate-500);
    flex: none;
    margin-top: 1px;
    display: inline-flex;
  }

  .ds-mem-card__main {
    flex: 1;
    min-width: 0;
  }

  .ds-mem-card__fact {
    color: var(--color-fg1);
    overflow-wrap: break-word;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.55;
  }

  .ds-mem-card__fact .ds-ichip {
    vertical-align: -7px;
    margin: 0 1px;
  }

  .ds-mem-card__foot {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    display: flex;
  }

  .ds-mem-card__scopechev {
    color: var(--color-slate-500);
    opacity: 0;
    max-width: 0;
    margin-left: -5px;
    transition: max-width .18s, margin-left .18s, opacity .15s;
  }

  .ds-ichip:hover .ds-mem-card__scopechev, .ds-ichip:focus-visible .ds-mem-card__scopechev {
    opacity: 1;
    max-width: 12px;
    margin-left: -1px;
  }

  .ds-mem-card__acts {
    flex: none;
    gap: 2px;
    margin: -4px -2px -4px 0;
    display: flex;
  }

  .ds-mem-card__act {
    width: 28px;
    height: 28px;
    color: var(--color-fg2);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 9px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: color .14s, background .14s;
    display: inline-flex;
  }

  .ds-mem-card__act:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-mem-card__act:active {
    background: #4040401a;
  }

  .ds-mem-card__input {
    margin: 1px 0 2px;
  }

  .ds-mem-card__edithint {
    color: var(--color-fg3);
    margin: 3px 0 1px 1px;
    font-size: 10.5px;
    line-height: 15px;
  }

  .ds-mem-card__fact--settled {
    border-radius: 6px;
    animation: .7s ds-mem-fact-settled;
  }

  .ds-mem-card__updated {
    width: 100%;
    color: var(--color-slate-500);
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 0;
    font-family: inherit;
    font-size: 12px;
    display: flex;
  }

  .ds-mem-card__updated:hover .ds-mem-card__uptx {
    color: var(--color-fg2);
  }

  .ds-mem-card__upic {
    color: var(--color-slate-400);
    flex: none;
  }

  .ds-mem-card__uptx {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    transition: color .14s;
    overflow: hidden;
  }

  .ds-mem-card__upchev {
    color: var(--color-slate-500);
    flex: none;
    transition: transform .18s;
  }

  .ds-mem-card__updated[aria-expanded="true"] .ds-mem-card__upchev {
    transform: rotate(90deg);
  }

  .ds-mem-card__diff {
    border: 1px solid var(--color-line);
    border-radius: 10px;
    margin-top: 6px;
    overflow: hidden;
  }

  .ds-mem-card__footacts {
    flex: none;
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .ds-mem-card__step {
    height: 28px;
    font-family: var(--font-sans);
    color: var(--color-fg2);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 9px;
    flex: none;
    align-items: center;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 500;
    transition: color .14s, background .14s;
    display: inline-flex;
  }

  .ds-mem-card__step:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-mem-card__step:active {
    background: #4040401a;
  }

  .ds-mem-card__steplbl {
    align-items: center;
    gap: 5px;
    animation: .22s ds-mem-step-in;
    display: inline-flex;
  }

  .ds-mem-card__steplbl svg {
    flex: none;
  }

  .ds-mem-card__removedrow {
    color: var(--color-slate-500);
    align-items: center;
    gap: 7px;
    padding: 11px 12px;
    font-size: 12.5px;
    display: flex;
  }

  .ds-mem-card__removedtx {
    font-style: italic;
  }

  .ds-mem-card__quiet {
    color: var(--color-fg3);
    cursor: pointer;
    background: none;
    border: 0;
    flex: none;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    transition: color .15s;
  }

  .ds-mem-card__quiet:hover, .ds-mem-card__quiet:focus-visible {
    color: var(--color-fg1);
    text-underline-offset: 2px;
    text-decoration: underline;
  }

  .ds-mem-card__quiet:focus-visible {
    outline: none;
  }

  .ds-msg-actions {
    opacity: 0;
    align-items: center;
    gap: 2px;
    margin-top: 5px;
    transition: opacity .15s;
    display: flex;
  }

  .ds-msg-actions--end {
    justify-content: flex-end;
  }

  .ds-msg-host:hover .ds-msg-actions, .ds-msg-actions:focus-within {
    opacity: 1;
  }

  .ds-msg-actions--float {
    z-index: 4;
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    pointer-events: none;
    border-radius: 12px;
    margin-top: 4px;
    padding: 5px 6px;
    transition: opacity .14s, transform .14s;
    position: absolute;
    top: 100%;
    left: -6px;
    transform: translateY(-3px);
    box-shadow: 0 10px 28px #1d263029;
  }

  .ds-msg-actions--float .ds-msg-actions__time:last-child {
    margin-right: 5px;
  }

  .ds-msg-actions--float[data-side="above"] {
    margin-top: 0;
    margin-bottom: 4px;
    top: auto;
    bottom: 100%;
    transform: translateY(3px);
  }

  .ds-msg-actions--float.ds-msg-actions--end {
    left: auto;
    right: -6px;
  }

  .ds-msg-host:hover .ds-msg-actions--float, .ds-msg-actions--float[data-open="true"], .ds-msg-actions--float:focus-within {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .ds-msg-actions__btn {
    width: 26px;
    height: 26px;
    color: var(--color-slate-500);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    transition: background .12s, color .12s;
    display: inline-flex;
  }

  .ds-msg-actions__btn:hover, .ds-msg-actions__btn.is-active {
    background: var(--color-surface-muted);
    color: var(--color-ink-900);
  }

  .ds-msg-actions__btn.is-active svg {
    animation: .25s ds-msg-pop;
  }

  .ds-msg-actions__swap {
    width: 13px;
    height: 13px;
    display: inline-flex;
    position: relative;
  }

  .ds-msg-actions__swap svg {
    transition: opacity .16s, transform .24s cubic-bezier(.2, .8, .2, 1);
    position: absolute;
    inset: 0;
  }

  .ds-msg-actions__swap svg:last-child, .ds-msg-actions__btn.is-copied .ds-msg-actions__swap svg:first-child {
    opacity: 0;
    transform: scale(.4)rotate(-40deg);
  }

  .ds-msg-actions__btn.is-copied .ds-msg-actions__swap svg:last-child {
    opacity: 1;
    transform: none;
  }

  .ds-msg-actions__time {
    font-family: var(--font-sans);
    color: var(--color-slate-500);
    white-space: nowrap;
    margin-left: 6px;
    font-size: 11px;
  }

  .ds-thread-sticky {
    z-index: 4;
    background: var(--color-surface-muted);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg) var(--radius-lg) 4px var(--radius-lg);
    max-width: min(400px, 74%);
    font-family: var(--font-sans);
    color: var(--color-fg1);
    text-align: left;
    cursor: pointer;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    font-size: 13.5px;
    display: flex;
    position: absolute;
    top: 10px;
    right: 28px;
    box-shadow: 0 6px 18px #1d26301a;
  }

  .ds-thread-sticky__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
    overflow: hidden;
  }

  .ds-evcap {
    padding: 12px 14px;
    transition: border-color .15s;
  }

  .ds-evcap__row {
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .ds-evcap__chev-btn {
    width: 28px;
    height: 28px;
    color: var(--color-fg3);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: background .12s, color .12s;
    display: inline-flex;
  }

  .ds-evcap__chev-btn:hover {
    background: var(--color-surface-muted);
    color: var(--color-fg1);
  }

  .ds-evcap__schema {
    font-family: var(--font-mono);
    color: var(--color-slate-600);
    background: var(--color-surface-muted);
    border-radius: 10px;
    margin: 10px 0 0;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.7;
  }

  .ds-evcap__schema-key {
    color: var(--color-slate-500);
  }

  .ds-dock-pointer {
    transition: background .18s, border-color .18s, box-shadow .18s, transform .1s;
  }

  .ds-dock-pointer:hover:not(:has(.ds-dock-pointer__pass:hover)) {
    background: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 24px #1d263047;
  }

  .ds-drawer-hd .ds-panel__hd-act + .ds-panel__hd-act, .ds-att-preview__hd .ds-att-preview__act + .ds-att-preview__act {
    margin-left: -7px;
  }

  .ds-drawer-hd .ds-panel__hd-title:has( + .ds-panel__hd-act), .ds-att-preview__hd .ds-panel__hd-title:has( + .ds-att-preview__act) {
    margin-inline-end: -9px;
  }

  .ds-rail-card__act-slot {
    flex: none;
  }

  .ds-plan__illus {
    justify-content: center;
    align-items: flex-start;
    margin: 10px -16px -16px;
    display: flex;
  }

  .ds-plan__illus img {
    object-fit: contain;
    width: 72%;
    height: auto;
    margin-bottom: -8%;
    display: block;
  }

  .ds-integ-connected {
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-success-600, #2e9960);
    align-items: center;
    gap: 7px;
    margin-left: auto;
    font-size: 13px;
    display: inline-flex;
  }

  .ds-integ-dot {
    background: var(--color-success-500, #2e9960);
    border-radius: 999px;
    flex: none;
    width: 8px;
    height: 8px;
  }

  .ds-ws-list {
    flex-direction: column;
    gap: 1px;
    display: flex;
  }

  .ds-file-tree {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .ds-file-row--flat.ds-file-row--clickable {
    cursor: pointer;
    text-align: left;
    border-radius: 10px;
    width: 100%;
    transition: background .12s;
  }

  .ds-file-row--btn {
    appearance: none;
    text-align: left;
    width: 100%;
    min-height: 36px;
    color: var(--color-ink-700);
    background: none;
    border: none;
    border-radius: 10px;
    padding: 0 10px;
    font-weight: 400;
    transition: background .12s;
  }

  .ds-file-row__new {
    background: var(--color-accent-blue, #4c7dfa);
    border-radius: 999px;
    flex: none;
    width: 7px;
    height: 7px;
  }

  .ds-question__q {
    font-family: var(--font-serif);
    letter-spacing: -.005em;
    color: var(--color-ink-900);
    flex: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .ds-question__opts {
    flex-direction: column;
    gap: 8px;
    padding: 0 14px;
    display: flex;
  }

  .ds-question__opt {
    box-sizing: border-box;
    border: 1px solid var(--color-line);
    cursor: pointer;
    background: #fff;
    border-radius: 14px;
    align-items: center;
    gap: 14px;
    min-height: 46px;
    padding: 8px;
    transition: background .15s, border-color .15s;
    display: flex;
  }

  .ds-question__opt:is([role="radio"], [role="checkbox"]):hover {
    background: var(--color-surface-hover);
    border-color: var(--color-line-strong);
  }

  .ds-question__opt:is([role="radio"], [role="checkbox"]):active {
    background: var(--color-line);
  }

  .ds-question__opt:is([role="radio"], [role="checkbox"]):hover .ds-question__num {
    color: var(--color-ink-900);
    background: #fff;
  }

  .ds-question__opt--sel {
    background: #f5f7fa;
    border-color: #0000;
  }

  .ds-question__opt--input {
    cursor: text;
    border-color: #1d263066;
  }

  .ds-question__desc {
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden;
  }

  .ds-question__in {
    flex: 1;
    min-width: 0;
    display: flex;
  }

  .ds-question__in .ds-input {
    --ds-input-h: 30px;
    --ds-input-px: 0px;
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
  }

  .ds-question__in .ds-input:focus-within {
    box-shadow: none;
  }

  .ds-question__in .ds-input input {
    font-size: 16px;
  }

  .ds-question__lead {
    flex: 1;
    align-items: center;
    gap: 14px;
    min-width: 0;
    display: flex;
  }

  .ds-question__num {
    width: 30px;
    height: 30px;
    font-family: var(--font-serif);
    color: var(--color-ink-600);
    background: #f9fafc;
    border: 1px solid #0000;
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    transition: background .15s, border-color .15s, color .15s;
    display: inline-flex;
  }

  .ds-question__ico {
    flex: none;
    width: 18px;
    height: 18px;
    display: inline-flex;
  }

  .ds-question__cb {
    border: 1.5px solid var(--color-line-strong);
    background: #fff;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    transition: background .15s, border-color .15s;
    display: inline-flex;
  }

  .ds-question__cb--on {
    background: var(--color-ink-900);
    border-color: var(--color-ink-900);
  }

  .ds-question__lbl {
    color: var(--color-ink-700);
    margin-block: -4px;
    padding-block: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
  }

  .ds-question__enter {
    color: var(--color-ink-600);
    opacity: .75;
    flex: none;
    margin-inline-start: auto;
    transition: opacity .15s;
    display: inline-flex;
  }

  .ds-question__foot--approve {
    justify-content: space-between;
  }

  .ds-question__fb {
    height: 32px;
    font-family: var(--font-sans);
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid #0000;
    border-radius: 10px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
    transition: background .15s, box-shadow .15s, border-color .15s, color .15s;
    display: inline-flex;
    box-shadow: 0 1px 2px #0000000f;
  }

  .ds-question__fb--skip {
    color: var(--color-ink-900);
    background: #fff;
    border-color: #0000000f;
  }

  .ds-question__fb--skip:hover {
    border-color: #00000038;
  }

  .ds-question__fb--submit {
    background: var(--color-ink-900);
    color: #fff;
    padding-inline-end: 9px;
    box-shadow: 0 4px 12px #1d263029;
  }

  .ds-question__fb--submit:hover {
    background: var(--color-ink-700);
    box-shadow: 0 6px 18px #1d263038;
  }

  .ds-question__fb--dis {
    opacity: .45;
    cursor: default;
    pointer-events: none;
  }

  .ds-question__fb--touch {
    border-radius: 12px;
    height: 44px;
    padding: 0 18px;
    font-size: 15px;
  }

  .ds-question__ac-fields {
    flex-direction: column;
    gap: 9px;
    display: flex;
  }

  .ds-question__ac-pair {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .ds-question__ac-label {
    font-family: var(--font-sans);
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--color-fg3);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
  }

  .ds-question__ac-value {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 12px;
    line-height: 1.5;
  }

  .ds-question__ac-more {
    font-family: var(--font-sans);
    color: var(--color-ink-600);
    cursor: pointer;
    background: none;
    border: 0;
    align-self: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0;
    font-size: 12px;
    display: inline-flex;
  }

  .ds-question__fb--dim {
    opacity: .45;
  }

  [dir="rtl"] .ds-question__pg svg, [dir="rtl"] .ds-question__enter svg, [dir="rtl"] .ds-question__fb--submit svg, [dir="rtl"] .ds-question__key svg, [dir="rtl"] .ds-question__foot--approve .ds-btn:not(.ds-btn--caret) svg {
    transform: scaleX(-1);
  }

  .ds-question--mobile .ds-question__opt, .ds-question--touch .ds-question__opt {
    min-height: 52px;
  }

  .ds-question--compact .ds-question__opts {
    gap: 6px;
    padding: 0;
  }

  .ds-question--compact .ds-question__opt {
    border-radius: 10px;
    gap: 10px;
    min-height: 38px;
    padding: 5px 10px;
  }

  .ds-question__ctas .ds-btn {
    --ds-btn-pr: var(--ds-btn-pl);
  }

  .ds-dt__row {
    transition: background-color .18s;
  }

  .ds-dt__sort {
    width: 100%;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    align-items: center;
    gap: 4px;
    padding: 0;
    transition: color .12s;
    display: inline-flex;
  }

  .ds-dt__sort:hover {
    color: var(--color-ink-900);
  }

  .ds-dt__sort-ic {
    color: var(--color-slate-400);
    flex: none;
  }

  .ds-dt__sort--on .ds-dt__sort-ic {
    color: var(--color-ink-900);
  }

  .ds-taginput {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .ds-taginput__chips {
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  .ds-taginput__empty {
    color: var(--color-ink-400);
    font-size: 13px;
  }

  .ds-taginput__choices {
    flex-wrap: wrap;
    gap: 7px;
    display: flex;
  }

  .ds-taginput__choice {
    cursor: pointer;
    border: 1px dashed var(--color-line-strong);
    height: 30px;
    color: var(--color-slate-600);
    font-family: var(--font-sans);
    background: #fff;
    border-radius: 9px;
    align-items: center;
    gap: 5px;
    padding: 0 11px 0 8px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
  }

  .ds-taginput__choice:hover:not(:disabled) {
    color: var(--color-ink-900);
    border-color: var(--color-slate-400);
    background: var(--color-surface-hover);
  }

  .ds-taginput__choice:disabled {
    cursor: not-allowed;
    opacity: .5;
  }

  .ds-taginput__entry {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-taginput__entry .ds-input {
    flex: 1;
  }

  .ds-modal-scrim.ds-trigger-picker__scrim {
    align-items: flex-start;
    padding: 40px 24px;
  }

  .ds-modal.ds-trigger-picker {
    background: var(--color-surface);
    border: 1px solid var(--color-line);
    width: 560px;
    max-width: 100%;
    max-height: min(560px, 100% - 20px);
    box-shadow: var(--shadow-selected);
    border-radius: 20px;
    flex-direction: column;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .ds-trigger-picker__search {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-line);
    flex: none;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 14px 0 20px;
    display: flex;
  }

  .ds-trigger-picker__input {
    min-width: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    --tw-outline-style: none;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    background-color: #0000;
    border-width: 0;
    outline-style: none;
    flex: 1;
    font-size: 13.5px;
  }

  .ds-trigger-picker__input::placeholder {
    color: var(--color-fg3);
  }

  .ds-trigger-picker__x {
    cursor: pointer;
    border-style: var(--tw-border-style);
    color: var(--color-slate-500);
    background-color: #0000;
    border-width: 0;
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: inline-flex;
  }

  .ds-trigger-picker__x:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-trigger-picker__note, .ds-trigger-picker__empty {
    text-align: center;
    color: var(--color-fg3);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 24px 20px;
    font-size: 13px;
    display: flex;
  }

  .ds-trigger-picker__empty-title {
    color: var(--color-ink-900);
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
  }

  .ds-trigger-picker__empty-body {
    color: var(--color-fg3);
    margin-top: 2px;
    font-size: 12.5px;
  }

  .ds-trigger-picker__grid {
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    grid-template-columns: 1fr 1fr;
    gap: 2px 6px;
    padding: 10px 10px 14px;
    display: grid;
    overflow-y: auto;
  }

  .ds-trigger-picker__tile {
    cursor: pointer;
    border-style: var(--tw-border-style);
    text-align: left;
    width: 100%;
    height: 44px;
    font-family: var(--font-sans);
    background-color: #0000;
    border-width: 0;
    border-radius: 10px;
    align-items: center;
    gap: 10px;
    padding: 6px 10px 6px 14px;
    display: flex;
  }

  .ds-trigger-picker__tile:hover:not(:disabled) {
    background: #4040400d;
  }

  .ds-trigger-picker__tile:disabled {
    cursor: not-allowed;
    opacity: .55;
  }

  .ds-trigger-picker__tile-ic {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: inline-flex;
  }

  .ds-trigger-picker__tile-text {
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .ds-trigger-picker__tile-name {
    color: var(--color-ink-900);
    font-size: 14px;
    font-weight: 600;
  }

  .ds-trigger-picker__tile-kicker {
    color: var(--color-fg3);
    font-size: 12px;
  }

  .ds-trigger-picker__tile-meta {
    color: var(--color-fg3);
    flex: none;
    font-size: 11px;
  }

  .ds-trigger-picker__label {
    padding: 10px 8px 4px;
  }

  .ds-trigger-picker__hint {
    color: var(--color-fg3);
    padding: 0 8px 8px;
    font-size: 12.5px;
    line-height: 1.4;
  }

  .ds-trigger-picker__row {
    cursor: pointer;
    border-style: var(--tw-border-style);
    text-align: left;
    width: 100%;
    min-height: 54px;
    font-family: var(--font-sans);
    background-color: #0000;
    border-width: 0;
    border-radius: 12px;
    flex: none;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    display: flex;
  }

  .ds-trigger-picker__row-desc {
    -webkit-line-clamp: 2;
    color: var(--color-fg3);
    -webkit-box-orient: vertical;
    margin-top: 1px;
    font-size: 12.5px;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
  }

  .ds-trigger-picker__empty-act {
    margin-top: 14px;
  }

  .ds-trigger-editor__viewall {
    cursor: pointer;
    border-style: var(--tw-border-style);
    color: var(--color-slate-600);
    font-family: var(--font-sans);
    background-color: #0000;
    border-width: 0;
    border-radius: 8px;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding: 4px 6px;
    font-size: 12.5px;
    font-weight: 500;
    transition: background .12s, color .12s;
    display: inline-flex;
  }

  .ds-menu__search-ic {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-menu__search-input {
    width: 100%;
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    background-color: #0000;
    border: none;
    outline: none;
    font-size: 14px;
  }

  .ds-rtrace-widget {
    transition: border-color .14s;
    position: relative;
  }

  .ds-rtrace-expand {
    background: var(--color-surface);
    box-shadow: var(--shadow-button);
    color: var(--color-slate-500);
    opacity: 0;
    transition: opacity .14s, color .14s, background .14s;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .ds-card-drawer__hd {
    flex: none;
    align-items: center;
    gap: 11px;
    height: 64px;
    padding: 0 10px 0 20px;
    display: flex;
  }

  .ds-card-drawer__collapse {
    border-radius: 9px;
    flex: none;
    width: 32px;
    height: 32px;
    transition: background .1s, color .1s;
  }

  .ds-card-drawer__thread {
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 8px 18px;
    display: flex;
    overflow-y: auto;
  }

  .ds-side-drawer__edge:before {
    content: "";
    top: 50%;
    left: var(--sde-x);
    width: var(--sde-w);
    height: var(--sde-h);
    background: var(--sde-c);
    box-shadow: var(--sde-lift);
    opacity: var(--sde-o);
    pointer-events: none;
    transition: opacity .12s ease, width .2s var(--sde-ease), height .2s var(--sde-ease), background-color .16s ease, box-shadow .16s ease;
    border-radius: 999px;
    position: absolute;
    transform: translate(-50%, -50%);
  }

  .ds-drawer-hd {
    flex: none;
    height: 56px;
    padding: 0 10px 0 18px;
  }

  .ds-att-preview {
    background: #fff;
    flex-direction: column;
    flex: auto;
    min-height: 0;
    display: flex;
    position: relative;
  }

  .ds-att-preview__hd {
    flex: none;
    height: 56px;
    padding: 0 10px 0 18px;
  }

  .ds-att-preview__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 0 auto;
    overflow: hidden;
  }

  .ds-att-preview__spacer {
    flex: 1;
  }

  .ds-att-preview__open {
    width: 24px;
    height: 24px;
    color: var(--color-slate-500);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 7px;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-left: -3px;
    transition: background .1s, color .1s;
    display: inline-flex;
  }

  .ds-att-preview__open:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-att-preview__stage {
    flex: auto;
    min-height: 0;
    padding: 4px 16px 16px;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .ds-att-preview__pager {
    z-index: 2;
    cursor: default;
    border-radius: 12px;
    gap: 2px;
    width: fit-content;
    height: 36px;
    margin: 0 auto;
    padding: 0 4px;
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
  }

  .ds-att-preview__pager-btn {
    width: 28px;
    height: 28px;
    color: var(--color-ink-900);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: background .1s, opacity .15s;
    display: inline-flex;
  }

  .ds-att-preview__pager-btn:hover:not(:disabled) {
    background: #4040400f;
  }

  .ds-att-preview__pager-btn:disabled {
    opacity: .38;
    cursor: default;
  }

  .ds-att-preview__layer:has(.ds-att-preview__pages) {
    justify-content: flex-start;
  }

  .ds-att-preview__page {
    border: 1px solid var(--color-line);
    background: #fff;
    border-radius: 6px;
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 1px 2px #1d26300f, 0 4px 14px -4px #1d263024;
  }

  .ds-nav-menu__trigger {
    width: 36px;
    height: 36px;
    color: var(--color-ink-900);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-left: -6px;
    transition: background .12s;
    display: inline-flex;
    position: relative;
  }

  .ds-nav-menu__trigger-ic {
    transition: opacity .18s, transform .18s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .ds-nav-menu__close {
    width: 36px;
    height: 36px;
    color: var(--color-slate-600);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    transition: background .12s, color .12s;
    display: inline-flex;
  }

  .ds-nav-menu__close:hover {
    color: var(--color-ink-900);
    background: #4040400f;
  }

  .ds-nav-menu__back {
    min-width: 0;
    height: 36px;
    color: var(--color-ink-900);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 10px;
    align-items: center;
    gap: 6px;
    margin-left: -8px;
    padding: 0 8px;
    transition: background .12s;
    display: inline-flex;
  }

  .ds-nav-menu__back:hover {
    background: #4040400f;
  }

  .ds-nav-menu__back-ttl {
    font-family: var(--font-serif);
    letter-spacing: -.01em;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
  }

  .ds-nav-menu__row {
    width: 100%;
    min-height: 48px;
    color: var(--color-slate-700);
    font-family: var(--font-sans);
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 12px;
    align-items: center;
    gap: 14px;
    padding: 0 12px;
    font-size: 15px;
    font-weight: 500;
    transition: background .12s, color .12s;
    display: flex;
  }

  .ds-nav-menu__kbd {
    font-family: var(--font-sans);
    letter-spacing: .02em;
    color: var(--color-ink-400);
    flex: none;
    font-size: 12.5px;
    font-weight: 500;
  }

  .ds-filterbar__group--scroll {
    flex-wrap: nowrap;
    flex: auto;
    min-width: 0;
  }

  .ds-filterbar__group--scroll .ds-filterbar__item {
    flex: none;
  }

  .ds-filterbar__trigger {
    height: var(--ds-filterbar-ctl-h, 36px);
    border-radius: var(--radius-lg, 12px);
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface);
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    cursor: pointer;
    box-shadow: var(--shadow-button);
    white-space: nowrap;
    box-sizing: border-box;
    align-items: center;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
    padding: 0 12px 0 14px;
    font-size: 13px;
    font-weight: 500;
    transition: border-color .12s, background .12s;
    display: inline-flex;
  }

  .ds-filterbar__clear {
    width: 18px;
    height: 18px;
    color: var(--color-slate-500);
    cursor: pointer;
    font: inherit;
    background: none;
    border: none;
    border-radius: 6px;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-right: -4px;
    padding: 0;
    display: inline-flex;
  }

  .ds-filterbar__val {
    min-width: 0;
  }

  .ds-filterbar__add {
    height: var(--ds-filterbar-ctl-h, 36px);
    border-radius: var(--radius-lg, 12px);
    border: 1px dashed var(--color-line-strong);
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    background: none;
    flex: none;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
    transition: border-color .12s, background .12s, color .12s;
    display: inline-flex;
  }

  .ds-filterbar__search {
    height: var(--ds-filterbar-ctl-h, 36px);
    border-radius: var(--radius-lg, 12px);
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface);
    box-shadow: var(--shadow-button);
    box-sizing: border-box;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 0 12px 0 14px;
    transition: border-color .12s;
    display: inline-flex;
  }

  .ds-filterbar__search:focus-within {
    border-color: var(--color-ink-900);
  }

  .ds-filterbar__search-ic {
    color: var(--color-slate-500);
    flex: none;
  }

  .ds-filterbar__search input {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    width: var(--ds-filterbar-search-w, 150px);
    background: none;
    border: none;
    outline: none;
    min-width: 0;
    padding: 0;
    font-size: 13px;
  }

  .ds-filterbar__search input::placeholder {
    color: var(--color-ink-400);
  }

  .ds-filterbar__pop--portal {
    z-index: 60;
    position: fixed;
  }

  .ds-filterbar__dr-preset {
    text-align: left;
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 13px;
    transition: background .12s, color .12s;
  }

  .ds-filterbar__collapsed {
    border: 1px solid var(--color-line-strong);
    background: var(--color-surface);
    width: 100%;
    height: 44px;
    box-shadow: var(--shadow-button);
    font-family: var(--font-sans);
    text-align: start;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 12px;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
    transition: border-color .12s;
    display: flex;
  }

  .ds-filterbar__collapsed-chev {
    color: var(--color-slate-500);
    flex: none;
    transition: transform .18s;
  }

  .ds-filterbar__sheet {
    z-index: 100;
    background: var(--color-surface);
    width: 100%;
    max-width: 480px;
    max-height: min(88vh, 720px);
    box-shadow: var(--shadow-selected);
    border-radius: 20px 20px 0 0;
    flex-direction: column;
    margin-inline: auto;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }

  .ds-filterbar__sheet-hd {
    border-bottom: 1px solid var(--color-line);
    flex: none;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 16px;
    display: flex;
  }

  .ds-filterbar__sheet-close {
    width: 44px;
    height: 44px;
    color: var(--color-ink-900);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 10px;
    flex: none;
    place-items: center;
    margin: -10px 0 0 -10px;
    transition: background .12s;
    display: grid;
  }

  .ds-filterbar__sheet-close:hover {
    background: #4040400f;
  }

  .ds-filterbar__sheet-title-wrap {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
  }

  .ds-filterbar__sheet-title-row {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .ds-filterbar__sheet-title {
    font-family: var(--font-sans);
    color: var(--color-ink-900);
    font-size: 15px;
    font-weight: 600;
  }

  .ds-filterbar__sheet-summary {
    color: var(--color-slate-600);
    --ds-trunc-fade: 20px;
    margin: 3px 0 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .ds-filterbar__sheet-clear {
    height: 32px;
    font-family: var(--font-sans);
    color: var(--color-slate-600);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 8px;
    flex: none;
    align-self: center;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 500;
    transition: background .12s, color .12s;
    display: inline-flex;
  }

  .ds-filterbar__sheet-section-count {
    color: var(--color-ink-900);
    font-variant-numeric: tabular-nums;
    font-size: 11px;
    font-weight: 600;
  }

  .ds-filterbar__sheet-done {
    background: var(--color-ink-900);
    color: #fff;
    width: 100%;
    height: 48px;
    font-family: var(--font-sans);
    box-shadow: var(--shadow-button);
    cursor: pointer;
    border: none;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    transition: background .15s;
    display: flex;
  }

  .ds-att-preview__act, .ds-journey__act {
    width: 32px;
    height: 32px;
    color: var(--color-fg2);
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 9px;
    flex: none;
    justify-content: center;
    align-items: center;
    transition: background .1s, color .1s, box-shadow .15s;
    display: inline-flex;
  }

  .ds-question__foot:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-chat-error__acts:has( > .ds-btn:first-child + .ds-btn:last-child), .ds-trigger-editor__savebar:has( > .ds-btn:first-child + .ds-btn:last-child) {
    justify-content: space-between;
  }

  :is([dir="rtl"], [data-rtl]) .ds-question__pg svg, :is([dir="rtl"], [data-rtl]) .ds-question__enter svg, :is([dir="rtl"], [data-rtl]) .ds-question__key svg, :is([dir="rtl"], [data-rtl]) .ds-question__foot .ds-btn:not(.ds-btn--caret) svg {
    transform: scaleX(-1);
  }

  .ds-page-titlebar--chat .ds-page-titlebar__title, .ds-mem-card__uptx {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  }

  [dir="rtl"] .ds-page-titlebar--chat .ds-page-titlebar__title, [dir="rtl"] .ds-mem-card__uptx {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(270deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  }

  @media (prefers-reduced-motion: reduce) {
    .ds-user-message__sending {
      animation: none;
    }

    .ds-question__opt, .ds-question__num {
      transition: none;
    }

    .ds-msg-actions--float {
      transition: none;
      transform: none;
    }
  }

  @media (hover: none) {
    .ds-msg-actions {
      opacity: 1;
    }

    .ds-msg-actions--float {
      box-shadow: none;
      pointer-events: auto;
      background: none;
      border: 0;
      margin-top: 5px;
      padding: 0;
      position: static;
      transform: none;
    }
  }

  @media (max-width: 560px) {
    .ds-trigger-picker__grid {
      grid-template-columns: 1fr;
    }

    .ds-modal-scrim.ds-trigger-picker__scrim {
      padding: 0;
    }
  }

  @media (max-width: 768px) {
    .ds-filterbar__dr-presets {
      border-right: none;
      border-bottom: 1px solid var(--color-line);
      flex-flow: row;
      gap: 6px;
      width: auto;
      padding: 2px 0 8px;
      overflow-x: auto;
      -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), #0000);
      mask-image: linear-gradient(to right, #000 calc(100% - 28px), #0000);
    }
  }

  @container ds-filterbar (max-width: 768px) {
    .ds-filterbar__search {
      flex: auto;
    }

    .ds-filterbar__search input {
      flex: auto;
      width: auto;
    }

    .ds-filterbar__item--shrink, .ds-filterbar__item:has( > .ds-filterbar__trigger .ds-filterbar__val) {
      flex: 110px;
      min-width: 110px;
      max-width: max-content;
    }
  }

  @container ds-filterbar (max-width: 560px) {
    .ds-filterbar__search {
      flex: 90px;
      min-width: 90px;
    }
  }

  @media (hover: hover) {
    .ds-dt__row:not(:hover):not(:focus-within) .ds-select--quiet .ds-select__trigger:not([aria-expanded="true"]) {
      box-shadow: none;
      background: none;
      border-color: #0000;
    }

    .ds-dt__row:not(:hover):not(:focus-within) .ds-select--quiet .ds-select__trigger:not([aria-expanded="true"]) svg.ds-select__chevron {
      opacity: 0;
    }
  }

  .mindly-markdown {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .mindly-markdown :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .mindly-markdown :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .mindly-markdown :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .mindly-markdown :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .mindly-markdown :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .mindly-markdown :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .mindly-markdown :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .mindly-markdown :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .mindly-markdown :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .mindly-markdown :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .mindly-markdown :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .mindly-markdown :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .mindly-markdown :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .mindly-markdown :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .mindly-markdown :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .mindly-markdown :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .mindly-markdown :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .mindly-markdown :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .mindly-markdown :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .mindly-markdown :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .mindly-markdown :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .mindly-markdown :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .mindly-markdown :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .mindly-markdown :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .mindly-markdown :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .mindly-markdown :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .mindly-markdown :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .mindly-markdown :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .mindly-markdown :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .mindly-markdown :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .mindly-markdown :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .mindly-markdown :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .mindly-markdown :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .mindly-markdown :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .mindly-markdown :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .mindly-markdown :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .mindly-markdown :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .mindly-markdown :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .mindly-markdown :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .mindly-markdown :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .mindly-markdown :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .mindly-markdown :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .mindly-markdown :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .mindly-markdown :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .mindly-markdown :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .mindly-markdown :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .mindly-markdown :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .mindly-markdown :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .mindly-markdown :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .mindly-markdown :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .mindly-markdown :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .mindly-markdown :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .mindly-markdown :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .mindly-markdown {
    --tw-prose-body: oklch(37.3% .034 259.733);
    --tw-prose-headings: oklch(21% .034 264.665);
    --tw-prose-lead: oklch(44.6% .03 256.802);
    --tw-prose-links: oklch(21% .034 264.665);
    --tw-prose-bold: oklch(21% .034 264.665);
    --tw-prose-counters: oklch(55.1% .027 264.364);
    --tw-prose-bullets: oklch(87.2% .01 258.338);
    --tw-prose-hr: oklch(92.8% .006 264.531);
    --tw-prose-quotes: oklch(21% .034 264.665);
    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
    --tw-prose-captions: oklch(55.1% .027 264.364);
    --tw-prose-kbd: oklch(21% .034 264.665);
    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1);
    --tw-prose-code: oklch(21% .034 264.665);
    --tw-prose-pre-code: oklch(92.8% .006 264.531);
    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
    --tw-prose-th-borders: oklch(87.2% .01 258.338);
    --tw-prose-td-borders: oklch(92.8% .006 264.531);
    --tw-prose-invert-body: oklch(87.2% .01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
  }

  .mindly-markdown :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .mindly-markdown :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .mindly-markdown :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .mindly-markdown :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .mindly-markdown :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .mindly-markdown :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .mindly-markdown :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .mindly-markdown {
    font-size: 1rem;
    line-height: 1.75;
  }

  .mindly-markdown :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .mindly-markdown :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .mindly-markdown :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }

  .mindly-markdown :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    line-height: 1.11111;
  }

  .mindly-markdown :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.33333;
  }

  .mindly-markdown :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .mindly-markdown :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5;
  }

  .mindly-markdown :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .mindly-markdown :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mindly-markdown :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .mindly-markdown :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-size: .875em;
  }

  .mindly-markdown :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .875em;
  }

  .mindly-markdown :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .9em;
  }

  .mindly-markdown :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .mindly-markdown :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }

  .mindly-markdown :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .mindly-markdown :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .mindly-markdown :where(.prose-base > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .mindly-markdown :where(.prose-base > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .mindly-markdown :where(.prose-base > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .mindly-markdown :where(.prose-base > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .mindly-markdown :where(.prose-base > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .mindly-markdown :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .mindly-markdown :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .mindly-markdown :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .mindly-markdown :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .mindly-markdown :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .mindly-markdown :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .mindly-markdown :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .875em;
    line-height: 1.71429;
  }

  .mindly-markdown :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .mindly-markdown :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .mindly-markdown :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .mindly-markdown :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .mindly-markdown :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .mindly-markdown :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .mindly-markdown :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .mindly-markdown :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mindly-markdown :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .mindly-markdown :where(.prose-base > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .mindly-markdown :where(.prose-base > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .mindly-markdown {
    max-width: none;
  }

  .mindly-markdown :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
  }

  .mindly-markdown :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
  }

  .mindly-markdown :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-h4);
    line-height: var(--tw-leading, var(--text-h4--line-height));
    font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
  }

  .mindly-markdown :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-h5);
    line-height: var(--tw-leading, var(--text-h5--line-height));
    font-weight: var(--tw-font-weight, var(--text-h5--font-weight));
  }

  .mindly-markdown :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 3);
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .mindly-markdown :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 0);
  }

  .mindly-markdown :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .mindly-markdown :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 4);
  }

  .mindly-markdown :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .mindly-markdown {
    --tw-prose-body: var(--color-ink-800);
    --tw-prose-headings: var(--color-ink-900);
    --tw-prose-lead: var(--color-ink-800);
    --tw-prose-links: var(--color-ink-900);
    --tw-prose-bold: var(--color-ink-900);
    --tw-prose-counters: var(--color-ink-600);
    --tw-prose-bullets: var(--color-ink-800);
    --tw-prose-hr: var(--color-line);
    --tw-prose-quotes: var(--color-slate-700);
    --tw-prose-quote-borders: var(--color-slate-300);
    --tw-prose-captions: var(--color-ink-600);
    --tw-prose-kbd: var(--color-ink-900);
    --tw-prose-code: var(--color-ink-900);
    --tw-prose-pre-code: var(--color-ink-900);
    --tw-prose-pre-bg: var(--color-surface-muted-2);
    --tw-prose-th-borders: var(--color-line);
    --tw-prose-td-borders: var(--color-line);
  }

  .mindly-markdown li::marker {
    color: currentColor;
  }
}

@layer utilities {
  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\!fixed {
    position: fixed !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-2 {
    inset: calc(var(--spacing) * -2);
  }

  .-inset-px {
    inset: -1px;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-12 {
    inset-inline: calc(var(--spacing) * 12);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-\[110px\] {
    top: -110px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-6 {
    top: calc(var(--spacing) * 6);
  }

  .top-7 {
    top: calc(var(--spacing) * 7);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-12 {
    top: calc(var(--spacing) * 12);
  }

  .top-14 {
    top: calc(var(--spacing) * 14);
  }

  .top-\[-12px\] {
    top: -12px;
  }

  .top-\[2px\] {
    top: 2px;
  }

  .top-\[5px\] {
    top: 5px;
  }

  .top-\[23px\] {
    top: 23px;
  }

  .top-\[25px\] {
    top: 25px;
  }

  .top-\[223px\] {
    top: 223px;
  }

  .top-\[630px\] {
    top: 630px;
  }

  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-3 {
    right: calc(var(--spacing) * -3);
  }

  .-right-\[90px\] {
    right: -90px;
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-\[8px\] {
    right: 8px;
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }

  .bottom-\[-14px\] {
    bottom: -14px;
  }

  .-left-5 {
    left: calc(var(--spacing) * -5);
  }

  .-left-6 {
    left: calc(var(--spacing) * -6);
  }

  .-left-10 {
    left: calc(var(--spacing) * -10);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-8 {
    left: calc(var(--spacing) * 8);
  }

  .left-14 {
    left: calc(var(--spacing) * 14);
  }

  .left-\[10px\] {
    left: 10px;
  }

  .left-\[30px\] {
    left: 30px;
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-999 {
    z-index: 999;
  }

  .z-1000 {
    z-index: 1000;
  }

  .z-10000 {
    z-index: 10000;
  }

  .z-100000 {
    z-index: 100000;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[2\] {
    z-index: 2;
  }

  .z-\[60\] {
    z-index: 60;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[1002\] {
    z-index: 1002;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }

  .\!m-4 {
    margin: calc(var(--spacing) * 4) !important;
  }

  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-2\.5 {
    margin: calc(var(--spacing) * 2.5);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-5 {
    margin-block: calc(var(--spacing) * -5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }

  .my-3\.5 {
    margin-block: calc(var(--spacing) * 3.5);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-auto {
    margin-block: auto;
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: oklch(37.3% .034 259.733);
    --tw-prose-headings: oklch(21% .034 264.665);
    --tw-prose-lead: oklch(44.6% .03 256.802);
    --tw-prose-links: oklch(21% .034 264.665);
    --tw-prose-bold: oklch(21% .034 264.665);
    --tw-prose-counters: oklch(55.1% .027 264.364);
    --tw-prose-bullets: oklch(87.2% .01 258.338);
    --tw-prose-hr: oklch(92.8% .006 264.531);
    --tw-prose-quotes: oklch(21% .034 264.665);
    --tw-prose-quote-borders: oklch(92.8% .006 264.531);
    --tw-prose-captions: oklch(55.1% .027 264.364);
    --tw-prose-kbd: oklch(21% .034 264.665);
    --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1);
    --tw-prose-code: oklch(21% .034 264.665);
    --tw-prose-pre-code: oklch(92.8% .006 264.531);
    --tw-prose-pre-bg: oklch(27.8% .033 256.848);
    --tw-prose-th-borders: oklch(87.2% .01 258.338);
    --tw-prose-td-borders: oklch(92.8% .006 264.531);
    --tw-prose-invert-body: oklch(87.2% .01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% .022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% .022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% .03 256.802);
    --tw-prose-invert-hr: oklch(37.3% .034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% .003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733);
    --tw-prose-invert-captions: oklch(70.7% .022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% .01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% .03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% .034 259.733);
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .prose-sm {
    font-size: .875rem;
    line-height: 1.71429;
  }

  .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }

  .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .888889em;
    margin-bottom: .888889em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }

  .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-inline-start: 1.11111em;
  }

  .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: .8em;
    font-size: 2.14286em;
    line-height: 1.2;
  }

  .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: .8em;
    font-size: 1.42857em;
    line-height: 1.4;
  }

  .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.55556em;
    margin-bottom: .444444em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }

  .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.42857em;
    margin-bottom: .571429em;
    line-height: 1.42857;
  }

  .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .142857em;
    padding-inline-end: .357143em;
    padding-bottom: .142857em;
    border-radius: .3125rem;
    padding-inline-start: .357143em;
    font-size: .857143em;
  }

  .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em;
  }

  .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .9em;
  }

  .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .888889em;
  }

  .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em;
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    border-radius: .25rem;
    margin-top: 1.66667em;
    margin-bottom: 1.66667em;
    padding-inline-start: 1em;
    font-size: .857143em;
    line-height: 1.66667;
  }

  .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
    padding-inline-start: 1.57143em;
  }

  .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em;
    margin-bottom: .285714em;
  }

  .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .428571em;
  }

  .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em;
  }

  .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em;
  }

  .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em;
    padding-inline-start: 1.57143em;
  }

  .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2.85714em;
    margin-bottom: 2.85714em;
  }

  .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em;
    line-height: 1.5;
  }

  .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    padding-inline-start: 1em;
  }

  .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em;
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    padding-inline-start: 1em;
  }

  .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .666667em;
    font-size: .857143em;
    line-height: 1.33333;
  }

  .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }

  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }

  .-mt-3\.5 {
    margin-top: calc(var(--spacing) * -3.5);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .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 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-\[3px\] {
    margin-top: 3px;
  }

  .mt-\[5px\] {
    margin-top: 5px;
  }

  .mt-\[11px\] {
    margin-top: 11px;
  }

  .mt-\[18px\] {
    margin-top: 18px;
  }

  .mt-\[30px\] {
    margin-top: 30px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }

  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }

  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }

  .-mr-6 {
    margin-right: calc(var(--spacing) * -6);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-auto {
    margin-right: auto;
  }

  .\!mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }

  .-mb-px {
    margin-bottom: -1px;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-\[22px\] {
    margin-bottom: 22px;
  }

  .mb-\[26px\] {
    margin-bottom: 26px;
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .-ml-\[5px\] {
    margin-left: -5px;
  }

  .-ml-\[9px\] {
    margin-left: -9px;
  }

  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!grid {
    display: grid !important;
  }

  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-440\/956 {
    aspect-ratio: 440 / 956;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .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-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-\[8\.176px\] {
    width: 8.176px;
    height: 8.176px;
  }

  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }

  .size-\[18\.749px\] {
    width: 18.749px;
    height: 18.749px;
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[22\.5px\] {
    width: 22.5px;
    height: 22.5px;
  }

  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }

  .size-\[44\.441px\] {
    width: 44.441px;
    height: 44.441px;
  }

  .\!h-auto {
    height: auto !important;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-4\! {
    height: calc(var(--spacing) * 4) !important;
  }

  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }

  .h-4\.25 {
    height: calc(var(--spacing) * 4.25);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-6\.5 {
    height: calc(var(--spacing) * 6.5);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-7\.5 {
    height: calc(var(--spacing) * 7.5);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-30 {
    height: calc(var(--spacing) * 30);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-45 {
    height: calc(var(--spacing) * 45);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-50 {
    height: calc(var(--spacing) * 50);
  }

  .h-57\.5 {
    height: calc(var(--spacing) * 57.5);
  }

  .h-60 {
    height: calc(var(--spacing) * 60);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-184 {
    height: calc(var(--spacing) * 184);
  }

  .h-\[0\.82em\] {
    height: .82em;
  }

  .h-\[7px\] {
    height: 7px;
  }

  .h-\[8\.642px\] {
    height: 8.642px;
  }

  .h-\[9px\] {
    height: 9px;
  }

  .h-\[11px\] {
    height: 11px;
  }

  .h-\[13px\] {
    height: 13px;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[17px\] {
    height: 17px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[19px\] {
    height: 19px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[21px\] {
    height: 21px;
  }

  .h-\[22px\] {
    height: 22px;
  }

  .h-\[23px\] {
    height: 23px;
  }

  .h-\[25px\] {
    height: 25px;
  }

  .h-\[26px\] {
    height: 26px;
  }

  .h-\[30px\] {
    height: 30px;
  }

  .h-\[35\.227px\] {
    height: 35.227px;
  }

  .h-\[35px\] {
    height: 35px;
  }

  .h-\[36px\] {
    height: 36px;
  }

  .h-\[38px\] {
    height: 38px;
  }

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[42\.266px\] {
    height: 42.266px;
  }

  .h-\[42px\] {
    height: 42px;
  }

  .h-\[45px\] {
    height: 45px;
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[54px\] {
    height: 54px;
  }

  .h-\[62px\] {
    height: 62px;
  }

  .h-\[70vh\] {
    height: 70vh;
  }

  .h-\[72px\] {
    height: 72px;
  }

  .h-\[73px\] {
    height: 73px;
  }

  .h-\[84px\] {
    height: 84px;
  }

  .h-\[92px\] {
    height: 92px;
  }

  .h-\[110px\] {
    height: 110px;
  }

  .h-\[120px\] {
    height: 120px;
  }

  .h-\[140px\] {
    height: 140px;
  }

  .h-\[142px\] {
    height: 142px;
  }

  .h-\[148px\] {
    height: 148px;
  }

  .h-\[150px\] {
    height: 150px;
  }

  .h-\[175px\] {
    height: 175px;
  }

  .h-\[180px\] {
    height: 180px;
  }

  .h-\[200px\] {
    height: 200px;
  }

  .h-\[220px\] {
    height: 220px;
  }

  .h-\[250px\] {
    height: 250px;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[380px\] {
    height: 380px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[500px\] {
    height: 500px;
  }

  .h-\[956px\] {
    height: 956px;
  }

  .h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px);
  }

  .h-\[calc\(100vh-100px\)\] {
    height: calc(100vh - 100px);
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }

  .max-h-16 {
    max-height: calc(var(--spacing) * 16);
  }

  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-107 {
    max-height: calc(var(--spacing) * 107);
  }

  .max-h-\[28px\] {
    max-height: 28px;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92vh\] {
    max-height: 92vh;
  }

  .max-h-\[150px\] {
    max-height: 150px;
  }

  .max-h-\[180px\] {
    max-height: 180px;
  }

  .max-h-\[216px\] {
    max-height: 216px;
  }

  .max-h-\[220px\] {
    max-height: 220px;
  }

  .max-h-\[232px\] {
    max-height: 232px;
  }

  .max-h-\[400px\] {
    max-height: 400px;
  }

  .max-h-\[420px\] {
    max-height: 420px;
  }

  .max-h-\[500px\] {
    max-height: 500px;
  }

  .max-h-\[956px\] {
    max-height: 956px;
  }

  .max-h-\[calc\(100vh-100px\)\] {
    max-height: calc(100vh - 100px);
  }

  .max-h-\[calc\(100vh-270px\)\] {
    max-height: calc(100vh - 270px);
  }

  .max-h-none {
    max-height: none;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-\[36px\] {
    min-height: 36px;
  }

  .min-h-\[46px\] {
    min-height: 46px;
  }

  .min-h-\[48px\] {
    min-height: 48px;
  }

  .min-h-\[72px\] {
    min-height: 72px;
  }

  .min-h-\[105px\] {
    min-height: 105px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[360px\] {
    min-height: 360px;
  }

  .min-h-\[480px\] {
    min-height: 480px;
  }

  .min-h-\[calc\(100vh-60px\)\] {
    min-height: calc(100vh - 60px);
  }

  .min-h-\[calc\(100vh-100px\)\] {
    min-height: calc(100vh - 100px);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-\[96vw\] {
    width: 96vw !important;
  }

  .\!w-\[300px\] {
    width: 300px !important;
  }

  .\!w-full {
    width: 100% !important;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\! {
    width: calc(var(--spacing) * 4) !important;
  }

  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }

  .w-4\.25 {
    width: calc(var(--spacing) * 4.25);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-6\.5 {
    width: calc(var(--spacing) * 6.5);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-7\.5 {
    width: calc(var(--spacing) * 7.5);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-30 {
    width: calc(var(--spacing) * 30);
  }

  .w-31 {
    width: calc(var(--spacing) * 31);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-50 {
    width: calc(var(--spacing) * 50);
  }

  .w-60 {
    width: calc(var(--spacing) * 60);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .w-\[0\.82em\] {
    width: .82em;
  }

  .w-\[1\.5px\] {
    width: 1.5px;
  }

  .w-\[7px\] {
    width: 7px;
  }

  .w-\[8\.642px\] {
    width: 8.642px;
  }

  .w-\[9px\] {
    width: 9px;
  }

  .w-\[11px\] {
    width: 11px;
  }

  .w-\[13px\] {
    width: 13px;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[19px\] {
    width: 19px;
  }

  .w-\[21px\] {
    width: 21px;
  }

  .w-\[22px\] {
    width: 22px;
  }

  .w-\[25\.973px\] {
    width: 25.973px;
  }

  .w-\[25px\] {
    width: 25px;
  }

  .w-\[26px\] {
    width: 26px;
  }

  .w-\[28\.177px\] {
    width: 28.177px;
  }

  .w-\[30px\] {
    width: 30px;
  }

  .w-\[35px\] {
    width: 35px;
  }

  .w-\[36px\] {
    width: 36px;
  }

  .w-\[38px\] {
    width: 38px;
  }

  .w-\[42px\] {
    width: 42px;
  }

  .w-\[50px\] {
    width: 50px;
  }

  .w-\[50vw\] {
    width: 50vw;
  }

  .w-\[56px\] {
    width: 56px;
  }

  .w-\[84px\] {
    width: 84px;
  }

  .w-\[88px\] {
    width: 88px;
  }

  .w-\[92px\] {
    width: 92px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[250px\] {
    width: 250px;
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[264px\] {
    width: 264px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[350px\] {
    width: 350px;
  }

  .w-\[380px\] {
    width: 380px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[500px\] {
    width: 500px;
  }

  .w-\[520px\] {
    width: 520px;
  }

  .w-\[544px\] {
    width: 544px;
  }

  .w-\[600px\] {
    width: 600px;
  }

  .w-\[834px\] {
    width: 834px;
  }

  .w-\[calc\(100\%-1rem\)\] {
    width: calc(100% - 1rem);
  }

  .w-\[min\(44px\,calc\(\(100\%-40px\)\/6\)\)\] {
    width: min(44px, 16.6667% - 6.66667px);
  }

  .w-\[min\(330px\,38\%\)\] {
    width: min(330px, 38%);
  }

  .w-\[min\(420px\,34\%\)\] {
    width: min(420px, 34%);
  }

  .w-\[min\(540px\,100\%\)\] {
    width: min(540px, 100%);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .\!max-w-screen-2xl {
    max-width: var(--breakpoint-2xl) !important;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }

  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }

  .max-w-\[18ch\] {
    max-width: 18ch;
  }

  .max-w-\[24ch\] {
    max-width: 24ch;
  }

  .max-w-\[26ch\] {
    max-width: 26ch;
  }

  .max-w-\[38\%\] {
    max-width: 38%;
  }

  .max-w-\[40ch\] {
    max-width: 40ch;
  }

  .max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-w-\[70vw\] {
    max-width: 70vw;
  }

  .max-w-\[84\%\] {
    max-width: 84%;
  }

  .max-w-\[90vw\] {
    max-width: 90vw;
  }

  .max-w-\[95\%\] {
    max-width: 95%;
  }

  .max-w-\[100px\] {
    max-width: 100px;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[250px\] {
    max-width: 250px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[300px\] {
    max-width: 300px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[330px\] {
    max-width: 330px;
  }

  .max-w-\[340px\] {
    max-width: 340px;
  }

  .max-w-\[350px\] {
    max-width: 350px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[368px\] {
    max-width: 368px;
  }

  .max-w-\[380px\] {
    max-width: 380px;
  }

  .max-w-\[400px\] {
    max-width: 400px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[440px\] {
    max-width: 440px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-\[550px\] {
    max-width: 550px;
  }

  .max-w-\[560px\] {
    max-width: 560px;
  }

  .max-w-\[620px\] {
    max-width: 620px;
  }

  .max-w-\[634px\] {
    max-width: 634px;
  }

  .max-w-\[640px\] {
    max-width: 640px;
  }

  .max-w-\[660px\] {
    max-width: 660px;
  }

  .max-w-\[680px\] {
    max-width: 680px;
  }

  .max-w-\[780px\] {
    max-width: 780px;
  }

  .max-w-\[800px\] {
    max-width: 800px;
  }

  .max-w-\[820px\] {
    max-width: 820px;
  }

  .max-w-\[880px\] {
    max-width: 880px;
  }

  .max-w-\[920px\] {
    max-width: 920px;
  }

  .max-w-\[1500px\] {
    max-width: 1500px;
  }

  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .\!min-w-\[60px\] {
    min-width: 60px !important;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-13 {
    min-width: calc(var(--spacing) * 13);
  }

  .min-w-15\.5 {
    min-width: calc(var(--spacing) * 15.5);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-86 {
    min-width: calc(var(--spacing) * 86);
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[196px\] {
    min-width: 196px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[500px\] {
    min-width: 500px;
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0 {
    flex-shrink: 0;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow, .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .border-separate {
    border-collapse: separate;
  }

  .origin-left {
    transform-origin: 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-6 {
    --tw-translate-x: calc(var(--spacing) * 6);
    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);
  }

  .-translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-0 {
    rotate: none;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-\[-90deg\] {
    rotate: -90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-code-shake {
    animation: var(--animate-code-shake);
  }

  .animate-gradient {
    animation: var(--animate-gradient);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-slack-message-in {
    animation: var(--animate-slack-message-in);
  }

  .animate-slack-typing {
    animation: var(--animate-slack-typing);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .animate-testimonial-progress {
    animation: var(--animate-testimonial-progress);
  }

  .animate-trusted-by-logo-marquee {
    animation: var(--animate-trusted-by-logo-marquee);
  }

  .\!cursor-default {
    cursor: default !important;
  }

  .\!cursor-not-allowed {
    cursor: not-allowed !important;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-wait {
    cursor: wait;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .auto-rows-max {
    grid-auto-rows: max-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_232px\] {
    grid-template-columns: 1fr 232px;
  }

  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }

  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }

  .grid-cols-\[120px_minmax\(0\,1fr\)\] {
    grid-template-columns: 120px minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(84px\,\.35fr\)_minmax\(150px\,2fr\)_minmax\(110px\,\.7fr\)_minmax\(88px\,\.4fr\)_minmax\(60px\,\.3fr\)_minmax\(40px\,\.24fr\)_minmax\(52px\,\.28fr\)_minmax\(76px\,\.34fr\)\] {
    grid-template-columns: minmax(84px, .35fr) minmax(150px, 2fr) minmax(110px, .7fr) minmax(88px, .4fr) minmax(60px, .3fr) minmax(40px, .24fr) minmax(52px, .28fr) minmax(76px, .34fr);
  }

  .grid-cols-\[minmax\(100px\,\.45fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(100px, .45fr) minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(110px\,\.6fr\)_minmax\(0\,1fr\)_36px\] {
    grid-template-columns: minmax(110px, .6fr) minmax(0, 1fr) 36px;
  }

  .grid-cols-\[minmax\(140px\,1\.4fr\)_minmax\(76px\,\.5fr\)_minmax\(56px\,\.4fr\)_minmax\(92px\,\.6fr\)_minmax\(76px\,\.5fr\)\] {
    grid-template-columns: minmax(140px, 1.4fr) minmax(76px, .5fr) minmax(56px, .4fr) minmax(92px, .6fr) minmax(76px, .5fr);
  }

  .grid-cols-\[minmax\(140px\,1\.4fr\)_minmax\(120px\,1fr\)_minmax\(80px\,\.5fr\)_minmax\(90px\,\.55fr\)\] {
    grid-template-columns: minmax(140px, 1.4fr) minmax(120px, 1fr) minmax(80px, .5fr) minmax(90px, .55fr);
  }

  .grid-cols-\[minmax\(150px\,1\.5fr\)_minmax\(80px\,\.5fr\)_minmax\(80px\,\.5fr\)_minmax\(90px\,\.55fr\)\] {
    grid-template-columns: minmax(150px, 1.5fr) minmax(80px, .5fr) minmax(80px, .5fr) minmax(90px, .55fr);
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }

  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }

  .\!flex-col {
    flex-direction: column !important;
  }

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

  .place-items-center {
    place-items: center;
  }

  .\!items-start {
    align-items: flex-start !important;
  }

  .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-start {
    justify-content: flex-start !important;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }

  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-2\.25 {
    gap: calc(var(--spacing) * 2.25);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[7px\] {
    gap: 7px;
  }

  .gap-\[9\.876px\] {
    gap: 9.876px;
  }

  .gap-\[9px\] {
    gap: 9px;
  }

  .gap-\[11px\] {
    gap: 11px;
  }

  .gap-\[13px\] {
    gap: 13px;
  }

  .gap-\[14px\] {
    gap: 14px;
  }

  .gap-\[15px\] {
    gap: 15px;
  }

  .gap-\[34px\] {
    gap: 34px;
  }

  .gap-\[44px\] {
    gap: 44px;
  }

  .gap-\[clamp\(32px\,4vw\,72px\)\] {
    gap: clamp(32px, 4vw, 72px);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * 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-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * 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)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :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)));
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-\[9px\] {
    column-gap: 9px;
  }

  .gap-x-\[30px\] {
    column-gap: 30px;
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  :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-gray-100 > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }

  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }

  .\!self-start {
    align-self: flex-start !important;
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-start {
    justify-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-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-visible {
    overflow-y: visible;
  }

  .\!rounded-3xl {
    border-radius: var(--radius-3xl) !important;
  }

  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }

  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }

  .rounded {
    border-radius: var(--radius);
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[3px\] {
    border-radius: 3px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[5px\] {
    border-radius: 5px;
  }

  .rounded-\[6px\] {
    border-radius: 6px;
  }

  .rounded-\[7px\] {
    border-radius: 7px;
  }

  .rounded-\[9\.876px\] {
    border-radius: 9.876px;
  }

  .rounded-\[9px\] {
    border-radius: 9px;
  }

  .rounded-\[10px\] {
    border-radius: 10px;
  }

  .rounded-\[13px\] {
    border-radius: 13px;
  }

  .rounded-\[14px\] {
    border-radius: 14px;
  }

  .rounded-\[15px\] {
    border-radius: 15px;
  }

  .rounded-\[18px\] {
    border-radius: 18px;
  }

  .rounded-\[19px\] {
    border-radius: 19px;
  }

  .rounded-\[20px\] {
    border-radius: 20px;
  }

  .rounded-\[22px\] {
    border-radius: 22px;
  }

  .rounded-\[24px\] {
    border-radius: 24px;
  }

  .rounded-\[25px\] {
    border-radius: 25px;
  }

  .rounded-\[30px\] {
    border-radius: 30px;
  }

  .rounded-\[33px\] {
    border-radius: 33px;
  }

  .rounded-\[40px\] {
    border-radius: 40px;
  }

  .rounded-\[48px\] {
    border-radius: 48px;
  }

  .rounded-\[50px\] {
    border-radius: 50px;
  }

  .rounded-\[55px\] {
    border-radius: 55px;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

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

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .rounded-t-\[30px\] {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }

  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }

  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }

  .rounded-r-xl {
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
  }

  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl);
  }

  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }

  .rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-br-\[2px\] {
    border-bottom-right-radius: 2px;
  }

  .rounded-bl-\[2px\] {
    border-bottom-left-radius: 2px;
  }

  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }

  .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-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-6 {
    border-style: var(--tw-border-style);
    border-width: 6px;
  }

  .border-12 {
    border-style: var(--tw-border-style);
    border-width: 12px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-y-0 {
    border-block-style: var(--tw-border-style);
    border-block-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-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-none {
    --tw-border-style: none;
    border-style: none;
  }

  .\!border-\[\#E8EAED\] {
    border-color: #e8eaed !important;
  }

  .border-\[\#3c3c43\]\/20 {
    border-color: oklab(35.8849% .00325708 -.0115251 / .2);
  }

  .border-\[\#94a3b8\] {
    border-color: #94a3b8;
  }

  .border-\[\#101418\] {
    border-color: #101418;
  }

  .border-\[\#CBD2D9\] {
    border-color: #cbd2d9;
  }

  .border-\[\#E7EBEE\] {
    border-color: #e7ebee;
  }

  .border-\[\#E8EAED\] {
    border-color: #e8eaed;
  }

  .border-\[\#EEF1F4\] {
    border-color: #eef1f4;
  }

  .border-\[\#F89D6D\] {
    border-color: #f89d6d;
  }

  .border-\[\#bec8d0\] {
    border-color: #bec8d0;
  }

  .border-\[\#df73b4\] {
    border-color: #df73b4;
  }

  .border-\[\#e0e0e0\] {
    border-color: #e0e0e0;
  }

  .border-\[\#e7ebee\] {
    border-color: #e7ebee;
  }

  .border-\[color-mix\(in_srgb\,\#22c55e_35\%\,transparent\)\] {
    border-color: #22c55e59;
  }

  .border-\[color-mix\(in_srgb\,\#6366f1_42\%\,transparent\)\] {
    border-color: #6366f16b;
  }

  .border-\[color-mix\(in_srgb\,\#f59e0b_42\%\,transparent\)\] {
    border-color: #f59e0b6b;
  }

  .border-\[var\(--color-line\)\] {
    border-color: var(--color-line);
  }

  .border-amber-200 {
    border-color: var(--color-amber-200);
  }

  .border-amber-400 {
    border-color: var(--color-amber-400);
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black-dark {
    border-color: var(--color-black-dark);
  }

  .border-black-light {
    border-color: var(--color-black-light);
  }

  .border-black-muted {
    border-color: var(--color-black-muted);
  }

  .border-black\/5 {
    border-color: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-black\/15 {
    border-color: #00000026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }

  .border-black\/\[0\.08\] {
    border-color: #00000014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/\[0\.08\] {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }

  .border-blue-200 {
    border-color: var(--color-blue-200);
  }

  .border-blue-400 {
    border-color: var(--color-blue-400);
  }

  .border-blue-500 {
    border-color: var(--color-blue-500);
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

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

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

  .border-gray-950 {
    border-color: var(--color-gray-950);
  }

  .border-gray-light {
    border-color: var(--color-gray-light);
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-400 {
    border-color: var(--color-green-400);
  }

  .border-green-600 {
    border-color: var(--color-green-600);
  }

  .border-indigo-100 {
    border-color: var(--color-indigo-100);
  }

  .border-line {
    border-color: var(--color-line);
  }

  .border-orange {
    border-color: var(--color-orange);
  }

  .border-purple-200 {
    border-color: var(--color-purple-200);
  }

  .border-purple-300 {
    border-color: var(--color-purple-300);
  }

  .border-purple-400 {
    border-color: var(--color-purple-400);
  }

  .border-purple-500 {
    border-color: var(--color-purple-500);
  }

  .border-purple-600 {
    border-color: var(--color-purple-600);
  }

  .border-red {
    border-color: var(--color-red);
  }

  .border-red-100 {
    border-color: var(--color-red-100);
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-300 {
    border-color: var(--color-red-300);
  }

  .border-red-400 {
    border-color: var(--color-red-400);
  }

  .border-red-500 {
    border-color: var(--color-red-500);
  }

  .border-red\/25 {
    border-color: #e1474740;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red\/25 {
      border-color: color-mix(in oklab, var(--color-red) 25%, transparent);
    }
  }

  .border-select-border {
    border-color: var(--color-select-border);
  }

  .border-select-border-open {
    border-color: var(--color-select-border-open);
  }

  .border-slate-200 {
    border-color: var(--color-slate-200);
  }

  .border-slate-900 {
    border-color: var(--color-slate-900);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/70 {
    border-color: #ffffffb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/70 {
      border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }

  .border-t-black-dark {
    border-top-color: var(--color-black-dark);
  }

  .border-t-blue-500 {
    border-top-color: var(--color-blue-500);
  }

  .border-t-purple-500 {
    border-top-color: var(--color-purple-500);
  }

  .border-t-purple-600 {
    border-top-color: var(--color-purple-600);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .\!bg-editor-bg {
    background-color: var(--color-editor-bg) !important;
  }

  .\!bg-green-500 {
    background-color: var(--color-green-500) !important;
  }

  .\!bg-purple-50 {
    background-color: var(--color-purple-50) !important;
  }

  .\!bg-red-500 {
    background-color: var(--color-red-500) !important;
  }

  .bg-\[\#0f172a\] {
    background-color: #0f172a;
  }

  .bg-\[\#2FAA75\] {
    background-color: #2faa75;
  }

  .bg-\[\#2ca87f\] {
    background-color: #2ca87f;
  }

  .bg-\[\#4A154B\] {
    background-color: #4a154b;
  }

  .bg-\[\#8D8D8D\] {
    background-color: #8d8d8d;
  }

  .bg-\[\#10b981\] {
    background-color: #10b981;
  }

  .bg-\[\#101418\] {
    background-color: #101418;
  }

  .bg-\[\#EAF1FB\] {
    background-color: #eaf1fb;
  }

  .bg-\[\#EFF0FF\] {
    background-color: #eff0ff;
  }

  .bg-\[\#F1F4F9\] {
    background-color: #f1f4f9;
  }

  .bg-\[\#F3F4F6\] {
    background-color: #f3f4f6;
  }

  .bg-\[\#F4F4F4\] {
    background-color: #f4f4f4;
  }

  .bg-\[\#F4F5F7\] {
    background-color: #f4f5f7;
  }

  .bg-\[\#F5F5F5\] {
    background-color: #f5f5f5;
  }

  .bg-\[\#F6F7FA\] {
    background-color: #f6f7fa;
  }

  .bg-\[\#F8F8F8\] {
    background-color: #f8f8f8;
  }

  .bg-\[\#F9FAFC\] {
    background-color: #f9fafc;
  }

  .bg-\[\#d9fdd3\] {
    background-color: #d9fdd3;
  }

  .bg-\[\#efeae2\] {
    background-color: #efeae2;
  }

  .bg-\[\#f1f5f9\] {
    background-color: #f1f5f9;
  }

  .bg-\[\#f6f6f6\]\/95 {
    background-color: oklab(97.3146% 0 0 / .95);
  }

  .bg-\[\#f8fafc\] {
    background-color: #f8fafc;
  }

  .bg-\[\#f9fafc\] {
    background-color: #f9fafc;
  }

  .bg-\[\#fff9f0\] {
    background-color: #fff9f0;
  }

  .bg-\[color-mix\(in_srgb\,\#22c55e_12\%\,white\)\] {
    background-color: #e4f8ec;
  }

  .bg-\[color-mix\(in_srgb\,\#22c55e_85\%\,\#15803d\)\] {
    background-color: #20bb59;
  }

  .bg-\[color-mix\(in_srgb\,\#94a3b8_14\%\,white\)\] {
    background-color: #f0f2f5;
  }

  .bg-\[color-mix\(in_srgb\,\#6366f1_10\%\,white\)\] {
    background-color: #eff0fe;
  }

  .bg-\[color-mix\(in_srgb\,\#f59e0b_10\%\,white\)\] {
    background-color: #fef5e7;
  }

  .bg-\[color-mix\(in_srgb\,\#f59e0b_14\%\,white\)\] {
    background-color: #fef1dd;
  }

  .bg-\[rgba\(110\,86\,207\,0\.08\)\] {
    background-color: #6e56cf14;
  }

  .bg-\[rgba\(110\,86\,207\,0\.12\)\] {
    background-color: #6e56cf1f;
  }

  .bg-\[rgba\(112\,106\,252\,0\.1\)\] {
    background-color: #706afc1a;
  }

  .bg-\[rgba\(231\,235\,238\,0\.6\)\] {
    background-color: #e7ebee99;
  }

  .bg-\[rgba\(248\,157\,109\,0\.15\)\] {
    background-color: #f89d6d26;
  }

  .bg-\[var\(--color-surface-muted-2\)\] {
    background-color: var(--color-surface-muted-2);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-400 {
    background-color: var(--color-amber-400);
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-black-dark {
    background-color: var(--color-black-dark);
  }

  .bg-black-dark\/\[0\.42\] {
    background-color: #1d26306b;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black-dark\/\[0\.42\] {
      background-color: color-mix(in oklab, var(--color-black-dark) 42%, transparent);
    }
  }

  .bg-black-light {
    background-color: var(--color-black-light);
  }

  .bg-black-light\/5 {
    background-color: #4040400d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black-light\/5 {
      background-color: color-mix(in oklab, var(--color-black-light) 5%, transparent);
    }
  }

  .bg-black-light\/6 {
    background-color: #4040400f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black-light\/6 {
      background-color: color-mix(in oklab, var(--color-black-light) 6%, transparent);
    }
  }

  .bg-black-light\/9 {
    background-color: #40404017;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black-light\/9 {
      background-color: color-mix(in oklab, var(--color-black-light) 9%, transparent);
    }
  }

  .bg-black-light\/15 {
    background-color: #40404026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black-light\/15 {
      background-color: color-mix(in oklab, var(--color-black-light) 15%, transparent);
    }
  }

  .bg-black-muted {
    background-color: var(--color-black-muted);
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/60 {
    background-color: #0009;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/60 {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }

  .bg-cream {
    background-color: var(--color-cream);
  }

  .bg-editor-bg {
    background-color: var(--color-editor-bg);
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-gray-950 {
    background-color: var(--color-gray-950);
  }

  .bg-gray-hover-bg {
    background-color: var(--color-gray-hover-bg);
  }

  .bg-gray-light {
    background-color: var(--color-gray-light);
  }

  .bg-gray-selected-bg {
    background-color: var(--color-gray-selected-bg);
  }

  .bg-grayBackground {
    background-color: var(--color-grayBackground);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }

  .bg-indigo-50\/50 {
    background-color: #eef2ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-indigo-50\/50 {
      background-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent);
    }
  }

  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }

  .bg-inherit {
    background-color: inherit;
  }

  .bg-line {
    background-color: var(--color-line);
  }

  .bg-orange {
    background-color: var(--color-orange);
  }

  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }

  .bg-pageBackground {
    background-color: var(--color-pageBackground);
  }

  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }

  .bg-purple-50\/60 {
    background-color: #f1f0ff99;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-50\/60 {
      background-color: color-mix(in oklab, var(--color-purple-50) 60%, transparent);
    }
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-400 {
    background-color: var(--color-purple-400);
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-purple-500\/10 {
    background-color: #706afc1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-purple-500\/10 {
      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
    }
  }

  .bg-purple-600 {
    background-color: var(--color-purple-600);
  }

  .bg-red {
    background-color: var(--color-red);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-50\/40 {
    background-color: #fef2f266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/40 {
      background-color: color-mix(in oklab, var(--color-red-50) 40%, transparent);
    }
  }

  .bg-red-50\/60 {
    background-color: #fef2f299;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-50\/60 {
      background-color: color-mix(in oklab, var(--color-red-50) 60%, transparent);
    }
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-400 {
    background-color: var(--color-red-400);
  }

  .bg-red-600\! {
    background-color: var(--color-red-600) !important;
  }

  .bg-red-light {
    background-color: var(--color-red-light);
  }

  .bg-select-border {
    background-color: var(--color-select-border);
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }

  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }

  .bg-slate-950\/70 {
    background-color: #020618b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate-950\/70 {
      background-color: color-mix(in oklab, var(--color-slate-950) 70%, transparent);
    }
  }

  .bg-surface {
    background-color: var(--color-surface);
  }

  .bg-surface-hover {
    background-color: var(--color-surface-hover);
  }

  .bg-surface-muted {
    background-color: var(--color-surface-muted);
  }

  .bg-surface-muted-2 {
    background-color: var(--color-surface-muted-2);
  }

  .bg-switch-on-green {
    background-color: var(--color-switch-on-green);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/10 {
    background-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .bg-white\/15 {
    background-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/15 {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .bg-white\/20 {
    background-color: #fff3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }

  .bg-white\/25 {
    background-color: #ffffff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/25 {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }

  .bg-white\/60 {
    background-color: #fff9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }

  .bg-white\/65 {
    background-color: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/65 {
      background-color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }

  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[linear-gradient\(-22deg\,\#DF73B4_7\%\,\#FF6A52_44\%\,\#ECB478_80\%\)\] {
    background-image: linear-gradient(-22deg, #df73b4 7%, #ff6a52 44%, #ecb478 80%);
  }

  .bg-\[linear-gradient\(157deg\,\#FFAC6F_0\%\,\#FF5F34_50\%\,\#E43CFF_100\%\)\] {
    background-image: linear-gradient(157deg, #ffac6f 0%, #ff5f34 50%, #e43cff 100%);
  }

  .bg-\[linear-gradient\(280deg\,\#DF73B4_10\.03\%\,\#FF6A52_54\.24\%\,\#ECB478_98\.45\%\)\] {
    background-image: linear-gradient(280deg, #df73b4 10.03%, #ff6a52 54.24%, #ecb478 98.45%);
  }

  .bg-\[linear-gradient\(280deg\,rgba\(223\,115\,180\,0\.9\)_10\.03\%\,rgba\(255\,106\,82\,0\.9\)_54\.24\%\,rgba\(236\,180\,120\,0\.9\)_98\.45\%\)\] {
    background-image: linear-gradient(280deg, #df73b4e6 10.03%, #ff6a52e6 54.24%, #ecb478e6 98.45%);
  }

  .bg-\[linear-gradient\(280deg\,rgba\(223\,115\,180\,0\.10\)_10\.03\%\,rgba\(255\,106\,82\,0\.10\)_54\.24\%\,rgba\(236\,180\,120\,0\.10\)_98\.45\%\)\] {
    background-image: linear-gradient(280deg, #df73b41a 10.03%, #ff6a521a 54.24%, #ecb4781a 98.45%);
  }

  .bg-\[linear-gradient\(280deg\,rgba\(223\,115\,180\,0\.15\)_10\.03\%\,rgba\(255\,106\,82\,0\.15\)_54\.24\%\,rgba\(236\,180\,120\,0\.15\)_98\.45\%\)\] {
    background-image: linear-gradient(280deg, #df73b426 10.03%, #ff6a5226 54.24%, #ecb47826 98.45%);
  }

  .from-\[\#404040\] {
    --tw-gradient-from: #404040;
    --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));
  }

  .from-\[\#ffac6f\] {
    --tw-gradient-from: #ffac6f;
    --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));
  }

  .from-black\/25 {
    --tw-gradient-from: #00000040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/25 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }

  .from-black\/25 {
    --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));
  }

  .from-black\/45 {
    --tw-gradient-from: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/45 {
      --tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .from-black\/45 {
    --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));
  }

  .from-gradient-coral {
    --tw-gradient-from: var(--color-gradient-coral);
    --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));
  }

  .from-gradient-magenta\/15 {
    --tw-gradient-from: #e43cff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-gradient-magenta\/15 {
      --tw-gradient-from: color-mix(in oklab, var(--color-gradient-magenta) 15%, transparent);
    }
  }

  .from-gradient-magenta\/15 {
    --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));
  }

  .from-gradient-magenta\/20 {
    --tw-gradient-from: #e43cff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-gradient-magenta\/20 {
      --tw-gradient-from: color-mix(in oklab, var(--color-gradient-magenta) 20%, transparent);
    }
  }

  .from-gradient-magenta\/20 {
    --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));
  }

  .from-gradient-peach {
    --tw-gradient-from: var(--color-gradient-peach);
    --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));
  }

  .from-gray-500 {
    --tw-gradient-from: var(--color-gray-500);
    --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));
  }

  .from-pink-400 {
    --tw-gradient-from: var(--color-pink-400);
    --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));
  }

  .from-transparent {
    --tw-gradient-from: transparent;
    --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));
  }

  .from-white {
    --tw-gradient-from: var(--color-white);
    --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));
  }

  .from-white\/0 {
    --tw-gradient-from: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-white\/0 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }

  .from-white\/0 {
    --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));
  }

  .from-white\/65 {
    --tw-gradient-from: #ffffffa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-white\/65 {
      --tw-gradient-from: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }

  .from-white\/65 {
    --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));
  }

  .from-25\% {
    --tw-gradient-from-position: 25%;
  }

  .via-\[\#7D7D7D\] {
    --tw-gradient-via: #7d7d7d;
    --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);
  }

  .via-\[\#ff5f34\] {
    --tw-gradient-via: #ff5f34;
    --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);
  }

  .via-black\/10 {
    --tw-gradient-via: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-black\/10 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .via-black\/10 {
    --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);
  }

  .via-gradient-coral {
    --tw-gradient-via: var(--color-gradient-coral);
    --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);
  }

  .via-gradient-coral\/15 {
    --tw-gradient-via: #ff5f3426;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-gradient-coral\/15 {
      --tw-gradient-via: color-mix(in oklab, var(--color-gradient-coral) 15%, transparent);
    }
  }

  .via-gradient-coral\/15 {
    --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);
  }

  .via-gradient-coral\/20 {
    --tw-gradient-via: #ff5f3433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-gradient-coral\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-gradient-coral) 20%, transparent);
    }
  }

  .via-gradient-coral\/20 {
    --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);
  }

  .via-gray-300 {
    --tw-gradient-via: var(--color-gray-300);
    --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);
  }

  .via-orange-400 {
    --tw-gradient-via: var(--color-orange-400);
    --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);
  }

  .via-white\/45 {
    --tw-gradient-via: #ffffff73;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/45 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }

  .via-white\/45 {
    --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);
  }

  .via-white\/90 {
    --tw-gradient-via: #ffffffe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/90 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }

  .via-white\/90 {
    --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);
  }

  .via-white\/95 {
    --tw-gradient-via: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/95 {
      --tw-gradient-via: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .via-white\/95 {
    --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);
  }

  .to-\[\#e43cff\] {
    --tw-gradient-to: #e43cff;
    --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));
  }

  .to-\[\#efeae2\]\/90 {
    --tw-gradient-to: oklab(93.8735% .00212583 .011795 / .9);
    --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));
  }

  .to-\[rgba\(64\,64\,64\,0\.25\)\] {
    --tw-gradient-to: #40404040;
    --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));
  }

  .to-amber-300 {
    --tw-gradient-to: var(--color-amber-300);
    --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));
  }

  .to-black\/5 {
    --tw-gradient-to: #0000000d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/5 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }

  .to-black\/5 {
    --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));
  }

  .to-gradient-magenta {
    --tw-gradient-to: var(--color-gradient-magenta);
    --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));
  }

  .to-gradient-peach\/15 {
    --tw-gradient-to: #ffac6f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-gradient-peach\/15 {
      --tw-gradient-to: color-mix(in oklab, var(--color-gradient-peach) 15%, transparent);
    }
  }

  .to-gradient-peach\/15 {
    --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));
  }

  .to-gradient-peach\/20 {
    --tw-gradient-to: #ffac6f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-gradient-peach\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-gradient-peach) 20%, transparent);
    }
  }

  .to-gradient-peach\/20 {
    --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));
  }

  .to-gray-500 {
    --tw-gradient-to: var(--color-gray-500);
    --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));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --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));
  }

  .to-white {
    --tw-gradient-to: var(--color-white);
    --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));
  }

  .to-white\/30 {
    --tw-gradient-to: #ffffff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-white\/30 {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }

  .to-white\/30 {
    --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));
  }

  .to-75\% {
    --tw-gradient-to-position: 75%;
  }

  .\[mask-image\:linear-gradient\(90deg\,transparent\,black_4\%\,black_96\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 4% 96%, #0000);
    mask-image: linear-gradient(90deg, #0000, #000 4% 96%, #0000);
  }

  .bg-size-\[200\%_100\%\] {
    background-size: 200% 100%;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .mask-size-\[80\%_80\%\] {
    -webkit-mask-size: 80% 80%;
    mask-size: 80% 80%;
  }

  .mask-center {
    -webkit-mask-position: center;
    mask-position: center;
  }

  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }

  .fill-red-500 {
    fill: var(--color-red-500);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .object-left {
    object-position: left;
  }

  .object-top {
    object-position: top;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .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-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[18px\] {
    padding: 18px;
  }

  .p-\[20px\] {
    padding: 20px;
  }

  .p-\[22px\] {
    padding: 22px;
  }

  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }

  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .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-2\.75 {
    padding-inline: calc(var(--spacing) * 2.75);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-3\.25 {
    padding-inline: calc(var(--spacing) * 3.25);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-6\.5 {
    padding-inline: calc(var(--spacing) * 6.5);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-\[0\.5ch\] {
    padding-inline: .5ch;
  }

  .px-\[3px\] {
    padding-inline: 3px;
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[7px\] {
    padding-inline: 7px;
  }

  .px-\[8px\] {
    padding-inline: 8px;
  }

  .px-\[9px\] {
    padding-inline: 9px;
  }

  .px-\[13px\] {
    padding-inline: 13px;
  }

  .px-\[15px\] {
    padding-inline: 15px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[22px\] {
    padding-inline: 22px;
  }

  .px-\[34px\] {
    padding-inline: 34px;
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .\!py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-1\.25 {
    padding-block: calc(var(--spacing) * 1.25);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-6\.5 {
    padding-block: calc(var(--spacing) * 6.5);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-\[5px\] {
    padding-block: 5px;
  }

  .py-\[7px\] {
    padding-block: 7px;
  }

  .py-\[9px\] {
    padding-block: 9px;
  }

  .py-\[11px\] {
    padding-block: 11px;
  }

  .py-\[13px\] {
    padding-block: 13px;
  }

  .py-\[15px\] {
    padding-block: 15px;
  }

  .py-\[26px\] {
    padding-block: 26px;
  }

  .py-\[70px\] {
    padding-block: 70px;
  }

  .py-\[72px\] {
    padding-block: 72px;
  }

  .py-px {
    padding-block: 1px;
  }

  .\!pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-5\.5 {
    padding-top: calc(var(--spacing) * 5.5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-6\.5 {
    padding-top: calc(var(--spacing) * 6.5);
  }

  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }

  .pt-\[15px\] {
    padding-top: 15px;
  }

  .pt-\[20vh\] {
    padding-top: 20vh;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-\[9px\] {
    padding-right: 9px;
  }

  .pr-\[18px\] {
    padding-right: 18px;
  }

  .pr-\[44px\] {
    padding-right: 44px;
  }

  .pr-\[clamp\(16px\,2vw\,32px\)\] {
    padding-right: clamp(16px, 2vw, 32px);
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .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\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-6\.5 {
    padding-bottom: calc(var(--spacing) * 6.5);
  }

  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-\[7px\] {
    padding-bottom: 7px;
  }

  .pb-\[13px\] {
    padding-bottom: 13px;
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-6\.5 {
    padding-left: calc(var(--spacing) * 6.5);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-8\.5 {
    padding-left: calc(var(--spacing) * 8.5);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-18 {
    padding-left: calc(var(--spacing) * 18);
  }

  .pl-\[5px\] {
    padding-left: 5px;
  }

  .pl-\[7px\] {
    padding-left: 7px;
  }

  .pl-\[14px\] {
    padding-left: 14px;
  }

  .pl-\[22px\] {
    padding-left: 22px;
  }

  .pl-\[clamp\(24px\,4\.5vw\,64px\)\] {
    padding-left: clamp(24px, 4.5vw, 64px);
  }

  .\!text-left {
    text-align: left !important;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-dm-mono {
    font-family: var(--font-dm-mono);
  }

  .font-dm-sans {
    font-family: var(--font-dm-sans);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

  .font-serif {
    font-family: var(--font-serif);
  }

  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }

  .\!text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }

  .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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\!text-\[20px\] {
    font-size: 20px !important;
  }

  .text-\[7\.5px\] {
    font-size: 7.5px;
  }

  .text-\[8\.5px\] {
    font-size: 8.5px;
  }

  .text-\[8px\] {
    font-size: 8px;
  }

  .text-\[9\.5px\] {
    font-size: 9.5px;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10\.5px\] {
    font-size: 10.5px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11\.5px\] {
    font-size: 11.5px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13\.5px\] {
    font-size: 13.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14\.5px\] {
    font-size: 14.5px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[17px\] {
    font-size: 17px;
  }

  .text-\[18px\] {
    font-size: 18px;
  }

  .text-\[19px\] {
    font-size: 19px;
  }

  .text-\[20px\] {
    font-size: 20px;
  }

  .text-\[21px\] {
    font-size: 21px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[24px\] {
    font-size: 24px;
  }

  .text-\[26px\] {
    font-size: 26px;
  }

  .text-\[28\.845px\] {
    font-size: 28.845px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[38px\] {
    font-size: 38px;
  }

  .text-\[40px\] {
    font-size: 40px;
  }

  .text-\[44px\] {
    font-size: 44px;
  }

  .text-\[clamp\(28px\,3\.4vw\,42px\)\] {
    font-size: clamp(28px, 3.4vw, 42px);
  }

  .text-\[clamp\(30px\,4vw\,44px\)\] {
    font-size: clamp(30px, 4vw, 44px);
  }

  .text-\[clamp\(34px\,4\.3vw\,48px\)\] {
    font-size: clamp(34px, 4.3vw, 48px);
  }

  .text-\[clamp\(40px\,5vw\,64px\)\] {
    font-size: clamp(40px, 5vw, 64px);
  }

  .text-md {
    font-size: var(--text-md);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-6\.5 {
    --tw-leading: calc(var(--spacing) * 6.5);
    line-height: calc(var(--spacing) * 6.5);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }

  .leading-\[1\.05\] {
    --tw-leading: 1.05;
    line-height: 1.05;
  }

  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[1\.22\] {
    --tw-leading: 1.22;
    line-height: 1.22;
  }

  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }

  .leading-\[1\.46\] {
    --tw-leading: 1.46;
    line-height: 1.46;
  }

  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }

  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }

  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }

  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }

  .leading-\[32px\] {
    --tw-leading: 32px;
    line-height: 32px;
  }

  .leading-\[42px\] {
    --tw-leading: 42px;
    line-height: 42px;
  }

  .leading-\[48px\] {
    --tw-leading: 48px;
    line-height: 48px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }

  .\!font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }

  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }

  .font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }

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

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }

  .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-\[-0\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }

  .tracking-\[-0\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }

  .tracking-\[-0\.14px\] {
    --tw-tracking: -.14px;
    letter-spacing: -.14px;
  }

  .tracking-\[-0\.16px\] {
    --tw-tracking: -.16px;
    letter-spacing: -.16px;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[-0\.032em\] {
    --tw-tracking: -.032em;
    letter-spacing: -.032em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-1\.2px\] {
    --tw-tracking: -1.2px;
    letter-spacing: -1.2px;
  }

  .tracking-\[-1\.4px\] {
    --tw-tracking: -1.4px;
    letter-spacing: -1.4px;
  }

  .tracking-\[-1\.15px\] {
    --tw-tracking: -1.15px;
    letter-spacing: -1.15px;
  }

  .tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }

  .tracking-\[0\.03em\] {
    --tw-tracking: .03em;
    letter-spacing: .03em;
  }

  .tracking-\[0\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }

  .tracking-\[0\.4px\] {
    --tw-tracking: .4px;
    letter-spacing: .4px;
  }

  .tracking-\[0\.05em\] {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }

  .tracking-\[0\.6px\] {
    --tw-tracking: .6px;
    letter-spacing: .6px;
  }

  .tracking-\[4\.8px\] {
    --tw-tracking: 4.8px;
    letter-spacing: 4.8px;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-\[\#6E56CF\] {
    color: #6e56cf !important;
  }

  .\!text-\[\#D32F2F\] {
    color: #d32f2f !important;
  }

  .\!text-purple-500 {
    color: var(--color-purple-500) !important;
  }

  .\!text-white {
    color: var(--color-white) !important;
  }

  .\[color\:inherit\] {
    color: inherit;
  }

  .text-\[\#0f172a\] {
    color: #0f172a;
  }

  .text-\[\#1B1B1B\] {
    color: #1b1b1b;
  }

  .text-\[\#1D1C1D\] {
    color: #1d1c1d;
  }

  .text-\[\#1D2630\], .text-\[\#1d2630\] {
    color: #1d2630;
  }

  .text-\[\#2E2E2E\] {
    color: #2e2e2e;
  }

  .text-\[\#3E4853\] {
    color: #3e4853;
  }

  .text-\[\#3F0E40\] {
    color: #3f0e40;
  }

  .text-\[\#3a3a3a\] {
    color: #3a3a3a;
  }

  .text-\[\#6B7280\] {
    color: #6b7280;
  }

  .text-\[\#6E56CF\] {
    color: #6e56cf;
  }

  .text-\[\#6b7280\] {
    color: #6b7280;
  }

  .text-\[\#7B68EE\] {
    color: #7b68ee;
  }

  .text-\[\#7B8794\] {
    color: #7b8794;
  }

  .text-\[\#7D7D7D\] {
    color: #7d7d7d;
  }

  .text-\[\#7c5cff\] {
    color: #7c5cff;
  }

  .text-\[\#8D8D8D\] {
    color: #8d8d8d;
  }

  .text-\[\#8e8e93\] {
    color: #8e8e93;
  }

  .text-\[\#9AA5B1\] {
    color: #9aa5b1;
  }

  .text-\[\#10b981\] {
    color: #10b981;
  }

  .text-\[\#18bd6a\] {
    color: #18bd6a;
  }

  .text-\[\#94a3b8\] {
    color: #94a3b8;
  }

  .text-\[\#107d4f\] {
    color: #107d4f;
  }

  .text-\[\#1264A3\] {
    color: #1264a3;
  }

  .text-\[\#1976d2\] {
    color: #1976d2;
  }

  .text-\[\#64748b\] {
    color: #64748b;
  }

  .text-\[\#101418\] {
    color: #101418;
  }

  .text-\[\#404040\] {
    color: #404040;
  }

  .text-\[\#464545\] {
    color: #464545;
  }

  .text-\[\#616061\] {
    color: #616061;
  }

  .text-\[\#757575\] {
    color: #757575;
  }

  .text-\[\#B6B6B6\] {
    color: #b6b6b6;
  }

  .text-\[\#D32F2F\] {
    color: #d32f2f;
  }

  .text-\[\#DF73B4\] {
    color: #df73b4;
  }

  .text-\[\#F89D6D\] {
    color: #f89d6d;
  }

  .text-\[\#bf5d98\] {
    color: #bf5d98;
  }

  .text-\[\#c50d0d\] {
    color: #c50d0d;
  }

  .text-\[color-mix\(in_srgb\,\#16a34a_72\%\,\#1d2630\)\] {
    color: #188043;
  }

  .text-\[color-mix\(in_srgb\,\#6366f1_72\%\,\#1d2630\)\] {
    color: #4f54bb;
  }

  .text-\[color-mix\(in_srgb\,\#64748b_80\%\,\#1d2630\)\] {
    color: #566479;
  }

  .text-\[color-mix\(in_srgb\,\#f59e0b_72\%\,\#1d2630\)\] {
    color: #b97c15;
  }

  .text-\[rgba\(29\,38\,48\,0\.50\)\] {
    color: #1d263080;
  }

  .text-\[var\(--color-fg3\)\] {
    color: var(--color-fg3);
  }

  .text-accent-blue {
    color: var(--color-accent-blue);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-black {
    color: var(--color-black);
  }

  .text-black-dark {
    color: var(--color-black-dark);
  }

  .text-black-light {
    color: var(--color-black-light);
  }

  .text-black-mid {
    color: var(--color-black-mid);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-charcoal {
    color: var(--color-charcoal);
  }

  .text-danger-500 {
    color: var(--color-danger-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-fg3 {
    color: var(--color-fg3);
  }

  .text-gray-200 {
    color: var(--color-gray-200);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

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

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

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

  .text-gray-950 {
    color: var(--color-gray-950);
  }

  .text-gray-blue {
    color: var(--color-gray-blue);
  }

  .text-gray-medium {
    color: var(--color-gray-medium);
  }

  .text-gray-muted {
    color: var(--color-gray-muted);
  }

  .text-gray-soft {
    color: var(--color-gray-soft);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-green-800 {
    color: var(--color-green-800);
  }

  .text-indigo-500 {
    color: var(--color-indigo-500);
  }

  .text-indigo-600 {
    color: var(--color-indigo-600);
  }

  .text-indigo-700 {
    color: var(--color-indigo-700);
  }

  .text-inherit {
    color: inherit;
  }

  .text-ink-400 {
    color: var(--color-ink-400);
  }

  .text-ink-600 {
    color: var(--color-ink-600);
  }

  .text-ink-700 {
    color: var(--color-ink-700);
  }

  .text-ink-800 {
    color: var(--color-ink-800);
  }

  .text-ink-900 {
    color: var(--color-ink-900);
  }

  .text-neutral-700 {
    color: var(--color-neutral-700);
  }

  .text-orange {
    color: var(--color-orange);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-purple-700 {
    color: var(--color-purple-700);
  }

  .text-purple-900 {
    color: var(--color-purple-900);
  }

  .text-red {
    color: var(--color-red);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-600\! {
    color: var(--color-red-600) !important;
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-slate-400 {
    color: var(--color-slate-400);
  }

  .text-slate-500 {
    color: var(--color-slate-500);
  }

  .text-slate-600 {
    color: var(--color-slate-600);
  }

  .text-slate-800 {
    color: var(--color-slate-800);
  }

  .text-slate-800\/50 {
    color: #1d263080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-slate-800\/50 {
      color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
  }

  .text-slate-950 {
    color: var(--color-slate-950);
  }

  .text-slate-text {
    color: var(--color-slate-text);
  }

  .text-success-500 {
    color: var(--color-success-500);
  }

  .text-transparent {
    color: #0000;
  }

  .text-violet-500 {
    color: var(--color-violet-500);
  }

  .text-whatsapp {
    color: var(--color-whatsapp);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-white\/80 {
    color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .text-white\/95 {
    color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/95 {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .text-yellow-500 {
    color: var(--color-yellow-500);
  }

  .text-yellow-800 {
    color: var(--color-yellow-800);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

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

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-\[\#bec8d0\] {
    text-decoration-color: #bec8d0;
  }

  .decoration-\[1\.5px\] {
    text-decoration-thickness: 1.5px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }

  .placeholder-gray-400::placeholder {
    color: var(--color-gray-400);
  }

  .caret-black-dark {
    caret-color: var(--color-black-dark);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-45 {
    opacity: .45;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-90 {
    opacity: .9;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-100\! {
    opacity: 1 !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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);
  }

  .shadow-\[0_-8px_24px_rgba\(16\,24\,40\,0\.06\)\] {
    --tw-shadow: 0 -8px 24px var(--tw-shadow-color, #1018280f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_35px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 0 35px 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);
  }

  .shadow-\[0_1px_2px_rgba\(16\,24\,40\,0\.05\)\,0_12px_30px_rgba\(16\,24\,40\,0\.09\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1018280d), 0 12px 30px var(--tw-shadow-color, #10182817);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_1px_2px_rgba\(16\,24\,40\,0\.05\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1018280d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_6px_rgba\(16\,24\,40\,0\.14\)\] {
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #10182824);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_2px_6px_rgba\(29\,38\,48\,0\.10\)\] {
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #1d26301a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_10px_rgba\(255\,95\,52\,0\.32\)\] {
    --tw-shadow: 0 4px 10px var(--tw-shadow-color, #ff5f3452);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_12px_rgba\(29\,38\,48\,0\.16\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #1d263029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_12px_rgba\(255\,95\,52\,0\.18\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #ff5f342e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_16px_rgba\(29\,38\,48\,0\.12\)\] {
    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #1d26301f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_16px_rgba\(29\,38\,48\,0\.16\)\] {
    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #1d263029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_18px_rgba\(16\,24\,40\,0\.24\)\,0_3px_8px_rgba\(16\,24\,40\,0\.16\)\] {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, #1018283d), 0 3px 8px var(--tw-shadow-color, #10182829);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_6px_18px_rgba\(228\,60\,255\,0\.22\)\,0_4px_12px_rgba\(255\,95\,52\,0\.26\)\] {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, #e43cff38), 0 4px 12px var(--tw-shadow-color, #ff5f3442);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_24px_rgba\(16\,24\,40\,0\.06\)\] {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #1018280f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_8px_26px_rgba\(255\,95\,52\,0\.14\)\,0_8px_26px_rgba\(228\,60\,255\,0\.1\)\] {
    --tw-shadow: 0 8px 26px var(--tw-shadow-color, #ff5f3424), 0 8px 26px var(--tw-shadow-color, #e43cff1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_10px_30px_rgba\(255\,95\,52\,0\.24\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #ff5f343d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_30px_-10px_rgba\(16\,24\,40\,\.45\)\,0_4px_10px_-4px_rgba\(16\,24\,40\,\.3\)\] {
    --tw-shadow: 0 16px 30px -10px var(--tw-shadow-color, #10182873), 0 4px 10px -4px var(--tw-shadow-color, #1018284d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_30px_80px_rgba\(16\,24\,40\,0\.30\)\] {
    --tw-shadow: 0 30px 80px var(--tw-shadow-color, #1018284d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_0px_10px_0px_rgba\(0\,0\,0\,0\.10\)\] {
    --tw-shadow: 0px 0px 10px 0px 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);
  }

  .shadow-\[0px_2px_1px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0px 2px 1px 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);
  }

  .shadow-\[0px_2px_2px_0px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0px 2px 2px 0px 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);
  }

  .shadow-\[0px_12px_12px_rgba\(255\,106\,82\,0\.06\)\,0px_8px_20px_rgba\(223\,115\,180\,0\.05\)\] {
    --tw-shadow: 0px 12px 12px var(--tw-shadow-color, #ff6a520f), 0px 8px 20px var(--tw-shadow-color, #df73b40d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0px_15px_35px_0px_rgba\(31\,31\,31\,0\.08\)\,0px_10px_25px_0px_rgba\(0\,0\,0\,0\.09\)\,inset_0px_1px_0px_0px_rgba\(255\,255\,255\,0\.7\)\] {
    --tw-shadow: 0px 15px 35px 0px var(--tw-shadow-color, #1f1f1f14), 0px 10px 25px 0px var(--tw-shadow-color, #00000017), inset 0px 1px 0px 0px var(--tw-shadow-color, #ffffffb3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_\#cbd5e1\,0_2px_8px_rgba\(16\,24\,40\,0\.08\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #cbd5e1), 0 2px 8px var(--tw-shadow-color, #10182814);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_2px_4px_1px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: inset 0 2px 4px 1px 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);
  }

  .shadow-\[inset_0px_0px_65px_0px_rgba\(255\,255\,255\,0\.85\)\] {
    --tw-shadow: inset 0px 0px 65px 0px var(--tw-shadow-color, #ffffffd9);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_3px_0_var\(--color-purple-600\)\] {
    --tw-shadow: inset 3px 0 var(--tw-shadow-color, var(--color-purple-600));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-card {
    --tw-shadow: 0 8px 24px var(--tw-shadow-color, #1d263014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 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);
  }

  .shadow-lg {
    --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);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
  }

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

  .shadow-panel {
    --tw-shadow: 0 14px 36px var(--tw-shadow-color, #1d26301a), 0 3px 8px var(--tw-shadow-color, #1d26300d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-select {
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #1d26301a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-select-menu {
    --tw-shadow: 0 16px 40px var(--tw-shadow-color, #1d263029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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);
  }

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

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }

  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }

  .outline-amber-400\/40 {
    outline-color: #fcbb0066;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .outline-amber-400\/40 {
      outline-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
    }
  }

  .outline-line-strong {
    outline-color: var(--color-line-strong);
  }

  .outline-purple-400\/20 {
    outline-color: #8d88fd33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .outline-purple-400\/20 {
      outline-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent);
    }
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-lg {
    --tw-blur: blur(var(--blur-lg));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .brightness-0 {
    --tw-brightness: brightness(0%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .grayscale-75 {
    --tw-grayscale: grayscale(75%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -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, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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-saturate-150 {
    --tw-backdrop-saturate: saturate(150%);
    -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-filter {
    -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-\[background-color\,border-color\,box-shadow\,color\] {
    transition-property: background-color, border-color, box-shadow, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,color\,box-shadow\] {
    transition-property: background-color, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,box-shadow\,color\,opacity\] {
    transition-property: border-color, box-shadow, color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\] {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\,margin\] {
    transition-property: grid-template-rows, opacity, margin;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\,transform\] {
    transition-property: grid-template-rows, opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\,opacity\] {
    transition-property: grid-template-rows, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin-left\]\! {
    transition-property: margin-left !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }

  .transition-\[shadow\,background-color\,opacity\,border-color\] {
    transition-property: shadow, background-color, opacity, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    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-shadow {
    transition-property: box-shadow;
    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-discrete {
    transition-behavior: allow-discrete;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .duration-\[180ms\] {
    --tw-duration: .18s;
    transition-duration: .18s;
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical;
  }

  .\[-webkit-line-clamp\:4\] {
    -webkit-line-clamp: 4;
  }

  .\[font\:inherit\] {
    font: inherit;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }

    .group-hover\:pointer-events-none:is(:where(.group):hover *) {
      pointer-events: none;
    }

    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }

    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/schema-header\:opacity-100:is(:where(.group\/schema-header):hover *) {
      opacity: 1;
    }
  }

  .group-focus-visible\:opacity-0:is(:where(.group):focus-visible *) {
    opacity: 0;
  }

  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 1;
  }

  .placeholder\:text-\[\#B0B7C3\]::placeholder {
    color: #b0b7c3;
  }

  .placeholder\:text-gray-400::placeholder {
    color: var(--color-gray-400);
  }

  .placeholder\:text-gray-muted::placeholder {
    color: var(--color-gray-muted);
  }

  .placeholder\:text-ink-400::placeholder {
    color: var(--color-ink-400);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-8:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 8);
  }

  .before\:animate-pulse:before {
    content: var(--tw-content);
    animation: var(--animate-pulse);
  }

  .before\:rounded-\[40px\]:before {
    content: var(--tw-content);
    border-radius: 40px;
  }

  .before\:bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(255\,95\,52\,0\.22\)\,transparent_32\%\)\,radial-gradient\(circle_at_80\%_28\%\,rgba\(228\,60\,255\,0\.18\)\,transparent_34\%\)\,radial-gradient\(circle_at_50\%_80\%\,rgba\(112\,106\,252\,0\.16\)\,transparent_38\%\)\]:before {
    content: var(--tw-content);
    background-image: radial-gradient(circle at 20% 20%, #ff5f3438, #0000 32%), radial-gradient(circle at 80% 28%, #e43cff2e, #0000 34%), radial-gradient(circle at 50% 80%, #706afc29, #0000 38%);
  }

  .before\:blur-3xl:before {
    content: var(--tw-content);
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .before\:content-\[\"\"\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:rounded-t-lg:first-child {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .last\:rounded-b-lg:last-child {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .last-of-type\:border-b-0:last-of-type {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .focus-within\:pointer-events-auto:focus-within {
    pointer-events: auto;
  }

  .focus-within\:border-\[var\(--color-purple-400\)\]:focus-within {
    border-color: var(--color-purple-400);
  }

  .focus-within\:border-gray-600:focus-within {
    border-color: var(--color-gray-600);
  }

  .focus-within\:border-purple-500:focus-within {
    border-color: var(--color-purple-500);
  }

  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }

  .focus-within\:shadow-none:focus-within {
    --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);
  }

  .focus-within\:shadow-sm:focus-within {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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);
  }

  @media (hover: hover) {
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }

    .hover\:border-\[\#DDE1E6\]:hover {
      border-color: #dde1e6;
    }

    .hover\:border-\[var\(--color-purple-400\)\]:hover {
      border-color: var(--color-purple-400);
    }

    .hover\:border-black-muted:hover {
      border-color: var(--color-black-muted);
    }

    .hover\:border-black\/20:hover {
      border-color: #0003;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-black\/20:hover {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }

    .hover\:border-gray-300:hover {
      border-color: var(--color-gray-300);
    }

    .hover\:border-gray-400:hover {
      border-color: var(--color-gray-400);
    }

    .hover\:border-purple-400:hover {
      border-color: var(--color-purple-400);
    }

    .hover\:border-purple-500:hover {
      border-color: var(--color-purple-500);
    }

    .hover\:\!bg-purple-100:hover {
      background-color: var(--color-purple-100) !important;
    }

    .hover\:\!bg-red-600:hover {
      background-color: var(--color-red-600) !important;
    }

    .hover\:bg-\[\#0000000D\]:hover {
      background-color: #0000000d;
    }

    .hover\:bg-\[\#0000001a\]:hover {
      background-color: #0000001a;
    }

    .hover\:bg-\[\#131920\]:hover {
      background-color: #131920;
    }

    .hover\:bg-\[\#525252\]:hover {
      background-color: #525252;
    }

    .hover\:bg-\[\#F4F5F7\]:hover {
      background-color: #f4f5f7;
    }

    .hover\:bg-\[\#f5f5f5\]:hover {
      background-color: #f5f5f5;
    }

    .hover\:bg-\[color-mix\(in_srgb\,\#22c55e_75\%\,\#15803d\)\]:hover {
      background-color: #1fb456;
    }

    .hover\:bg-black-mid:hover {
      background-color: var(--color-black-mid);
    }

    .hover\:bg-black-muted:hover {
      background-color: var(--color-black-muted);
    }

    .hover\:bg-cream:hover {
      background-color: var(--color-cream);
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }

    .hover\:bg-gray-200:hover {
      background-color: var(--color-gray-200);
    }

    .hover\:bg-gray-950:hover {
      background-color: var(--color-gray-950);
    }

    .hover\:bg-gray-hover-bg:hover {
      background-color: var(--color-gray-hover-bg);
    }

    .hover\:bg-grayBackground:hover {
      background-color: var(--color-grayBackground);
    }

    .hover\:bg-grayBackgroundHover:hover {
      background-color: var(--color-grayBackgroundHover);
    }

    .hover\:bg-purple-50:hover {
      background-color: var(--color-purple-50);
    }

    .hover\:bg-purple-100:hover {
      background-color: var(--color-purple-100);
    }

    .hover\:bg-red:hover {
      background-color: var(--color-red);
    }

    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }

    .hover\:bg-red-50\!:hover {
      background-color: var(--color-red-50) !important;
    }

    .hover\:bg-red-700\!:hover {
      background-color: var(--color-red-700) !important;
    }

    .hover\:bg-select-hover-bg:hover {
      background-color: var(--color-select-hover-bg);
    }

    .hover\:bg-slate-900:hover {
      background-color: var(--color-slate-900);
    }

    .hover\:bg-slate-950\/85:hover {
      background-color: #020618d9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-slate-950\/85:hover {
        background-color: color-mix(in oklab, var(--color-slate-950) 85%, transparent);
      }
    }

    .hover\:bg-surface-hover:hover {
      background-color: var(--color-surface-hover);
    }

    .hover\:bg-switch-on-green:hover {
      background-color: var(--color-switch-on-green);
    }

    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }

    .hover\:bg-white\/30:hover {
      background-color: #ffffff4d;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/30:hover {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
      }
    }

    .hover\:bg-white\/50:hover {
      background-color: #ffffff80;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/50:hover {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }

    .hover\:bg-white\/70:hover {
      background-color: #ffffffb3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/70:hover {
        background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }

    .hover\:\!text-red-500:hover {
      color: var(--color-red-500) !important;
    }

    .hover\:text-\[\#bf5d98\]:hover {
      color: #bf5d98;
    }

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .hover\:text-black-dark:hover {
      color: var(--color-black-dark);
    }

    .hover\:text-black-light:hover {
      color: var(--color-black-light);
    }

    .hover\:text-blue-500:hover {
      color: var(--color-blue-500);
    }

    .hover\:text-blue-800:hover {
      color: var(--color-blue-800);
    }

    .hover\:text-charcoal:hover {
      color: var(--color-charcoal);
    }

    .hover\:text-gray-600:hover {
      color: var(--color-gray-600);
    }

    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }

    .hover\:text-indigo-700:hover {
      color: var(--color-indigo-700);
    }

    .hover\:text-ink-900:hover {
      color: var(--color-ink-900);
    }

    .hover\:text-purple-500:hover {
      color: var(--color-purple-500);
    }

    .hover\:text-purple-600:hover {
      color: var(--color-purple-600);
    }

    .hover\:text-purple-700:hover {
      color: var(--color-purple-700);
    }

    .hover\:text-purple-800:hover {
      color: var(--color-purple-800);
    }

    .hover\:text-red-500\!:hover {
      color: var(--color-red-500) !important;
    }

    .hover\:text-red-600:hover {
      color: var(--color-red-600);
    }

    .hover\:text-slate-900:hover {
      color: var(--color-slate-900);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-90:hover {
      opacity: .9;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_1px_2px_rgba\(16\,24\,40\,0\.04\)\,0_8px_20px_rgba\(16\,24\,40\,0\.06\)\]:hover {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, #1018280a), 0 8px 20px var(--tw-shadow-color, #1018280f);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_10px_30px_rgba\(255\,95\,52\,0\.2\)\,0_10px_30px_rgba\(228\,60\,255\,0\.14\)\]:hover {
      --tw-shadow: 0 10px 30px var(--tw-shadow-color, #ff5f3433), 0 10px 30px var(--tw-shadow-color, #e43cff24);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-lg:hover {
      --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);
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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);
    }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:border-\[\#6E56CF\]:focus {
    border-color: #6e56cf;
  }

  .focus\:border-black:focus {
    border-color: var(--color-black);
  }

  .focus\:border-black-dark:focus {
    border-color: var(--color-black-dark);
  }

  .focus\:border-gray-300:focus {
    border-color: var(--color-gray-300);
  }

  .focus\:border-gray-400:focus {
    border-color: var(--color-gray-400);
  }

  .focus\:border-purple-300:focus {
    border-color: var(--color-purple-300);
  }

  .focus\:border-purple-500:focus {
    border-color: var(--color-purple-500);
  }

  .focus\:border-red:focus {
    border-color: var(--color-red);
  }

  .focus\:border-red-300:focus {
    border-color: var(--color-red-300);
  }

  .focus\:border-red-500:focus {
    border-color: var(--color-red-500);
  }

  .focus\:border-transparent:focus {
    border-color: #0000;
  }

  .focus\:bg-black-muted:focus {
    background-color: var(--color-black-muted);
  }

  .focus\:text-black-dark:focus {
    color: var(--color-black-dark);
  }

  .focus\:opacity-100:focus {
    opacity: 1;
  }

  .focus\:shadow-\[0_6px_16px_rgba\(29\,38\,48\,0\.12\)\]:focus {
    --tw-shadow: 0 6px 16px var(--tw-shadow-color, #1d26301f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --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);
  }

  .focus\:ring-black-muted:focus {
    --tw-ring-color: var(--color-black-muted);
  }

  .focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-blue-500);
  }

  .focus\:ring-purple-100:focus {
    --tw-ring-color: var(--color-purple-100);
  }

  .focus\:ring-purple-500:focus {
    --tw-ring-color: var(--color-purple-500);
  }

  .focus\:ring-red-100:focus {
    --tw-ring-color: var(--color-red-100);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-purple-500:focus-visible {
    outline-color: var(--color-purple-500);
  }

  .active\:bg-\(--color-press-grey\):active {
    background-color: var(--color-press-grey);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-gray-50:disabled {
    background-color: var(--color-gray-50);
  }

  .disabled\:bg-gray-100:disabled {
    background-color: var(--color-gray-100);
  }

  .disabled\:bg-select-border:disabled {
    background-color: var(--color-select-border);
  }

  .disabled\:text-gray-400:disabled {
    color: var(--color-gray-400);
  }

  .disabled\:text-gray-500:disabled {
    color: var(--color-gray-500);
  }

  .disabled\:text-gray-medium:disabled {
    color: var(--color-gray-medium);
  }

  .disabled\:text-gray-soft:disabled {
    color: var(--color-gray-soft);
  }

  .disabled\:no-underline:disabled {
    text-decoration-line: none;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:shadow-none:disabled {
    --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);
  }

  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }

    .disabled\:hover\:bg-white:disabled:hover {
      background-color: var(--color-white);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:before\:animate-none:before {
      content: var(--tw-content);
      animation: none;
    }
  }

  @media not all and (min-width: 899px) {
    .max-\[899px\]\:mt-11 {
      margin-top: calc(var(--spacing) * 11);
    }

    .max-\[899px\]\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 480px) {
    .min-\[480px\]\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .min-\[480px\]\:w-\[min\(52px\,calc\(\(100\%-50px\)\/6\)\)\] {
      width: min(52px, 16.6667% - 8.33333px);
    }

    .min-\[480px\]\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }

    .min-\[480px\]\:text-\[28px\] {
      font-size: 28px;
    }
  }

  @media (min-width: 900px) {
    .min-\[900px\]\:col-span-1 {
      grid-column: span 1 / span 1;
    }

    .min-\[900px\]\:m-0 {
      margin: calc(var(--spacing) * 0);
    }

    .min-\[900px\]\:grid {
      display: grid;
    }

    .min-\[900px\]\:hidden {
      display: none;
    }

    .min-\[900px\]\:size-\[74\.297px\] {
      width: 74.297px;
      height: 74.297px;
    }

    .min-\[900px\]\:h-\[320px\] {
      height: 320px;
    }

    .min-\[900px\]\:h-full {
      height: 100%;
    }

    .min-\[900px\]\:h-screen {
      height: 100vh;
    }

    .min-\[900px\]\:w-1\/2 {
      width: 50%;
    }

    .min-\[900px\]\:w-full {
      width: 100%;
    }

    .min-\[900px\]\:flex-1 {
      flex: 1;
    }

    .min-\[900px\]\:grid-cols-\[minmax\(84px\,\.35fr\)_minmax\(150px\,2fr\)_minmax\(110px\,\.7fr\)_minmax\(88px\,\.4fr\)_minmax\(60px\,\.3fr\)_minmax\(40px\,\.24fr\)_minmax\(52px\,\.28fr\)_minmax\(76px\,\.34fr\)\] {
      grid-template-columns: minmax(84px, .35fr) minmax(150px, 2fr) minmax(110px, .7fr) minmax(88px, .4fr) minmax(60px, .3fr) minmax(40px, .24fr) minmax(52px, .28fr) minmax(76px, .34fr);
    }

    .min-\[900px\]\:flex-row {
      flex-direction: row;
    }

    .min-\[900px\]\:items-center {
      align-items: center;
    }

    .min-\[900px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .min-\[900px\]\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }

    .min-\[900px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .min-\[900px\]\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .min-\[900px\]\:justify-self-start {
      justify-self: flex-start;
    }

    .min-\[900px\]\:overflow-hidden {
      overflow: hidden;
    }

    .min-\[900px\]\:rounded-\[30px\] {
      border-radius: 30px;
    }

    .min-\[900px\]\:rounded-none {
      border-radius: 0;
    }

    .min-\[900px\]\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .min-\[900px\]\:border-x-0 {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0;
    }

    .min-\[900px\]\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }

    .min-\[900px\]\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }

    .min-\[900px\]\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .min-\[900px\]\:p-\[30px\] {
      padding: 30px;
    }

    .min-\[900px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .min-\[900px\]\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .min-\[900px\]\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }

    .min-\[900px\]\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .min-\[900px\]\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }

    .min-\[900px\]\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }

    .min-\[900px\]\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .min-\[900px\]\:pb-\[30px\] {
      padding-bottom: 30px;
    }

    .min-\[900px\]\:text-\[18px\] {
      font-size: 18px;
    }

    .min-\[900px\]\:text-\[28px\] {
      font-size: 28px;
    }

    .min-\[900px\]\:text-\[44px\] {
      font-size: 44px;
    }

    .min-\[900px\]\:leading-\[36px\] {
      --tw-leading: 36px;
      line-height: 36px;
    }

    .min-\[900px\]\:leading-\[48px\] {
      --tw-leading: 48px;
      line-height: 48px;
    }

    .min-\[900px\]\:tracking-\[-1\.4px\] {
      --tw-tracking: -1.4px;
      letter-spacing: -1.4px;
    }
  }

  @media (min-width: 1100px) {
    .min-\[1100px\]\:text-\[56px\] {
      font-size: 56px;
    }

    .min-\[1100px\]\:leading-\[60px\] {
      --tw-leading: 60px;
      line-height: 60px;
    }
  }

  @media (min-width: 1220px) {
    .min-\[1220px\]\:text-\[68px\] {
      font-size: 68px;
    }

    .min-\[1220px\]\:leading-\[70px\] {
      --tw-leading: 70px;
      line-height: 70px;
    }

    .min-\[1220px\]\:tracking-\[-2\.2px\] {
      --tw-tracking: -2.2px;
      letter-spacing: -2.2px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .sm\:ml-\[220px\] {
      margin-left: 220px;
    }

    .sm\:block {
      display: block;
    }

    .sm\:flex {
      display: flex;
    }

    .sm\:max-w-\[260px\] {
      max-width: 260px;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[150px_minmax\(0\,1fr\)\] {
      grid-template-columns: 150px minmax(0, 1fr);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:gap-\[18px\] {
      gap: 18px;
    }

    .sm\:whitespace-nowrap {
      white-space: nowrap;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .md\:block {
      display: block;
    }

    .md\:h-auto {
      height: auto;
    }

    .md\:h-full {
      height: 100%;
    }

    .md\:h-screen {
      height: 100vh;
    }

    .md\:max-w-\[900px\] {
      max-width: 900px;
    }

    .md\:min-w-\[450px\] {
      min-width: 450px;
    }

    .md\:min-w-\[500px\] {
      min-width: 500px;
    }

    .md\:flex-1 {
      flex: 1;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .md\:overflow-hidden {
      overflow: hidden;
    }

    .md\:rounded-\[30px\] {
      border-radius: 30px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,480px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
    }

    .lg\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container not (min-width: 700px) {
    .\@max-\[700px\]\:hidden {
      display: none;
    }
  }

  @container (min-width: 10rem) {
    .\@\[10rem\]\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .\@\[10rem\]\:block {
      display: block;
    }
  }

  @starting-style {
    .starting\:grid-rows-\[0fr\] {
      grid-template-rows: 0fr;
    }
  }

  @starting-style {
    .starting\:opacity-0 {
      opacity: 0;
    }
  }

  .prose-p\:my-0 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 0);
  }

  .focus-within\:\[\&_\.account-select-overlay\]\:pointer-events-none:focus-within .account-select-overlay {
    pointer-events: none;
  }

  .focus-within\:\[\&_\.account-select-overlay\]\:opacity-0:focus-within .account-select-overlay {
    opacity: 0;
  }

  .\[\&_path\]\:stroke-white path {
    stroke: var(--color-white);
  }

  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }

  .\[\&\>\*\]\:m-0 > * {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\]\:inline > * {
    display: inline;
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: calc(var(--spacing) * 0);
  }
}

@font-face {
  font-family: DM Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("/assets/dm-sans-latin-ext-standard-normal-oos9povj.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("/assets/dm-sans-latin-standard-normal-Bf69Tn_J.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Libre Baskerville Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url("/assets/libre-baskerville-latin-ext-wght-normal-D07agSQC.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Libre Baskerville Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url("/assets/libre-baskerville-latin-wght-normal-kU5d48Ec.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Libre Baskerville Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 400 700;
  src: url("/assets/libre-baskerville-latin-ext-wght-italic-CnaWacb0.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Libre Baskerville Variable;
  font-style: italic;
  font-display: swap;
  font-weight: 400 700;
  src: url("/assets/libre-baskerville-latin-wght-italic-B3uhfRya.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2") format("woff2"), url("/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/dm-mono-latin-400-normal-4GdczIuU.woff2") format("woff2"), url("/assets/dm-mono-latin-400-normal--0xN8mdc.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2") format("woff2"), url("/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2") format("woff2"), url("/assets/dm-mono-latin-500-normal-CN8Miw6E.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Minded Hebrew Sans;
  font-style: normal;
  font-weight: 100 449;
  font-display: swap;
  size-adjust: 94.7%;
  src: url("/assets/polin-hebrew-400-normal-BnNyRrq5.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Minded Hebrew Sans;
  font-style: normal;
  font-weight: 450 549;
  font-display: swap;
  size-adjust: 94.7%;
  src: url("/assets/polin-hebrew-500-normal-BfM-OVCP.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Minded Hebrew Sans;
  font-style: normal;
  font-weight: 550 649;
  font-display: swap;
  size-adjust: 94.7%;
  src: url("/assets/polin-hebrew-600-normal-BlE2vg-G.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Minded Hebrew Sans;
  font-style: normal;
  font-weight: 650 1000;
  font-display: swap;
  size-adjust: 94.7%;
  src: url("/assets/polin-hebrew-700-normal-IIOoyA0n.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Minded Hebrew Serif;
  font-style: normal;
  font-weight: 100 549;
  font-display: swap;
  size-adjust: 117.5%;
  src: url("/assets/ada-hebrew-400-normal-IZNn2kSe.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Minded Hebrew Serif;
  font-style: normal;
  font-weight: 550 1000;
  font-display: swap;
  size-adjust: 117.5%;
  src: url("/assets/ada-hebrew-700-normal-B8Fq-hsB.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  size-adjust: 102.4%;
  src: url("/assets/cascadia-mono-hebrew-400-normal-CGZ2TKPx.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  size-adjust: 102.4%;
  src: url("/assets/cascadia-mono-hebrew-500-normal-BbRex88H.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Minded Flags;
  font-display: swap;
  src: url("/assets/twemoji-country-flags-Bymva2JV.woff2") format("woff2");
  unicode-range: U+1F1E6-1F1FF;
}

:root {
  --ds-ease-hover: .2s ease;
  --ds-dock-inset: 12px;
  --touch-target: 44px;
  --color-ink-wash: #40404012;
  --ds-glass-bg: linear-gradient(180deg, #ffffff75, #ffffff29);
  --ds-glass-filter: blur(12px) saturate(170%) brightness(1.06);
  --ds-glass-edge: #fff9;
  --ds-glass-shadow: inset 1px 1px 0 #ffffffd9, inset 0 0 6px #fff9, inset 0 -1px 0 #0f172a0f, 0 10px 28px #0f172a1f, 0 1px 2px #0f172a14;
  --ds-sweep-p: 240px;
  --ds-sweep-d: 1.133s;
  --ds-keyboard-duration: .35s;
  --ds-keyboard-ease: cubic-bezier(.38, .7, .125, 1);
  --ds-composer-max: 652px;
  --brand-gradient: linear-gradient(157deg, #ffac6f 0%, #ff5f34 50%, #e43cff 100%);
  --brand-gradient-cta: linear-gradient(280deg, #df73b4 10.03%, #ff6a52 54.24%, #ecb478 98.45%);
  --primary-tint: #1d26300f;
  --primary-tint-2: #1d26301a;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-keyboard-duration: 0s;
    --ds-ease-hover: 0s ease;
  }
}

@media (min-width: 1600px) {
  :root {
    --ds-composer-max: 768px;
  }
}

@keyframes ds-toast-drop {
  from {
    opacity: 0;
    transform: translateY(-10px)scale(.98);
  }
}

@keyframes ds-toast-rise {
  from {
    opacity: 0;
    transform: translateY(16px)scale(.98);
  }
}

@keyframes ds-toast-fade {
  from {
    opacity: 0;
  }
}

.ds-app-frame {
  background: var(--color-surface);
  height: 100dvh;
  min-height: 0;
  font-family: var(--font-sans);
  display: flex;
  overflow: hidden;
}

.ds-app-frame > .mm-rail {
  border-right: 1px solid var(--color-line);
  flex: none;
  align-self: stretch;
  height: auto;
  min-height: 0;
}

.ds-app-frame {
  position: relative;
}

.ds-app-frame > .ds-call-corner {
  z-index: 6;
  position: absolute;
  bottom: 24px;
  right: 24px;
}

@media (max-width: 1024px) {
  .ds-app-frame > .ds-call-corner {
    width: 120px;
    bottom: 12px;
    right: 12px;
  }
}

@media (max-width: 767px) {
  .ds-app-frame > .mm-rail, .ds-app-frame > .ds-subnav {
    display: none;
  }
}

.ds-diff {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: 12px;
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden;
  container: ds-diff / inline-size;
}

.ds-diff--bare {
  border: none;
  border-radius: 0;
}

.ds-diff__hd {
  border-bottom: 1px solid var(--color-line);
  flex: none;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 12px;
  display: flex;
}

.ds-diff__hd-ic {
  color: var(--color-slate-500);
  flex: none;
}

.ds-diff__hd-ic--type {
  width: 16px;
  height: 16px;
}

.ds-diff__crumb {
  flex: auto;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  display: inline-flex;
}

.ds-diff__crumb-skill {
  font-family: var(--font-serif);
  color: var(--color-fg3);
  white-space: nowrap;
  flex: none;
  font-size: 13px;
  font-weight: 400;
}

.ds-diff__crumb-sep {
  color: var(--color-ink-400);
  flex: none;
  font-size: 12px;
}

.ds-diff__filemenu {
  min-width: 0;
  display: inline-flex;
  position: relative;
}

.ds-diff__crumb-btn:hover, .ds-diff__crumb-btn[aria-expanded="true"] {
  background: var(--color-surface-hover);
}

.ds-diff__crumb-chev {
  color: var(--color-slate-500);
  flex: none;
  transition: transform .18s;
}

.ds-diff__crumb-btn[aria-expanded="true"] .ds-diff__crumb-chev {
  transform: rotate(180deg);
}

.ds-diff__filemenu-pop {
  z-index: 30;
  position: absolute;
  top: calc(100% + 6px);
  left: -4px;
}

.ds-diff__filemenu-pop .ds-menu {
  min-width: 240px;
  max-height: 280px;
  overflow-y: auto;
}

.ds-diff__filemenu-name {
  font-family: var(--font-mono);
  font-size: 12.5px;
}

.ds-diff__filemenu-counts {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  gap: 7px;
  font-size: 11px;
  display: inline-flex;
}

.ds-diff__head-action {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ds-diff__scroll {
  flex: auto;
  min-height: 0;
}

.ds-diff__plus {
  color: var(--color-success-800);
}

.ds-diff__minus {
  color: var(--color-danger-600);
}

.ds-diff__body {
  padding: 5px 0 7px;
  overflow-x: auto;
}

.ds-diff__row--add {
  background: #2ca87f17;
}

.ds-diff__row--del {
  background: #e1474712;
}

.ds-diff__gut {
  text-align: right;
  width: 30px;
  color: var(--color-ink-400);
  -webkit-user-select: none;
  user-select: none;
  flex: none;
}

.ds-diff__sign {
  text-align: center;
  width: 20px;
  color: var(--color-ink-400);
  -webkit-user-select: none;
  user-select: none;
  flex: none;
}

.ds-diff__row--add .ds-diff__sign {
  color: var(--color-success-800);
}

.ds-diff__row--del .ds-diff__sign {
  color: var(--color-danger-600);
}

.ds-diff__code {
  white-space: pre;
  color: var(--color-ink-900);
}

.ds-diff__mark {
  color: inherit;
  border-radius: 3px;
  padding: 1px 0;
}

.ds-diff__mark--add {
  background: #2ca87f38;
}

.ds-diff__mark--del {
  background: #e147472e;
}

.ds-diff__prose {
  min-width: 0;
  font-family: var(--font-sans);
  white-space: normal;
  overflow-wrap: break-word;
}

.ds-diff--prose {
  background: none;
}

.ds-diff .cv-tok-kw {
  color: var(--color-accent-blue);
}

.ds-diff .cv-tok-fn {
  color: #1f8a5b;
}

.ds-diff .cv-tok-s {
  color: #c2410c;
}

.ds-diff .cv-tok-nm {
  color: var(--color-accent-blue);
}

.ds-diff .cv-tok-cm {
  color: var(--color-ink-400);
  font-style: italic;
}

.ds-board-root {
  position: relative;
}

.ds-board {
  margin: -16px 0 -28px;
  padding: 16px 0 28px;
}

.ds-board__cols {
  grid-auto-flow: column;
  grid-auto-columns: minmax(var(--ds-board-track, 240px), 1fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

.ds-board__col {
  background: var(--color-surface-muted-2);
  border: 1px solid var(--color-line);
  min-width: 0;
  transition: background .2s var(--ds-ease-out, ease), border-color .2s var(--ds-ease-out, ease);
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  padding: 6px;
  display: flex;
}

.ds-board__col > .ds-board__col-head {
  padding: 2px 4px 0;
}

.ds-board__col.is-over {
  border-color: var(--color-line-strong);
  background: #eef1f5;
}

.ds-board__col-head {
  font-family: var(--font-sans);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--color-slate-500);
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 700;
}

.ds-board__col-head b {
  color: var(--color-ink-900);
}

.ds-board__col-head--custom {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: normal;
  text-transform: none;
  color: inherit;
  padding: 0 2px;
}

.ds-board__card--skeleton {
  cursor: default;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.ds-board__sk-foot {
  align-items: center;
  gap: 7px;
  margin-top: 3px;
  display: flex;
}

.ds-board__sk-foot > :nth-child(3) {
  margin-left: auto;
}

.ds-board__col-empty {
  font-family: var(--font-sans);
  color: var(--color-slate-400);
  padding: 10px 4px;
  font-size: 12.5px;
}

.ds-board__card {
  background: var(--color-surface);
  box-shadow: var(--shadow-elevation);
  border-radius: 12px;
  min-width: 0;
  position: relative;
}

.ds-board__card--drag {
  cursor: grab;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  transition: box-shadow .18s var(--ds-ease-out, ease);
}

.ds-board-root:not(.is-dragging) .ds-board__card--drag:hover, .ds-board-root:not(.is-dragging) .ds-board__card--drag:focus-visible {
  box-shadow: 0 10px 26px #1d263021;
}

.ds-board-root.is-dragging, .ds-board-root.is-dragging * {
  -webkit-user-select: none;
  user-select: none;
}

.ds-board-root.is-dragging .ds-board__card--drag {
  cursor: grabbing;
}

.ds-board-root.is-rejecting, .ds-board-root.is-rejecting .ds-board__card--drag, .ds-board-root.is-rejecting * {
  cursor: not-allowed;
}

.ds-board-root.is-rejecting .ds-board__ghost {
  opacity: .55;
}

.ds-board__card--drag.is-grabbed {
  outline: 2px solid var(--color-ink-900);
  outline-offset: 1px;
  box-shadow: var(--shadow-selected);
}

.ds-board__ghost {
  z-index: 90;
  pointer-events: none;
  cursor: grabbing;
  box-shadow: var(--shadow-selected);
  transform-origin: 20%;
  position: fixed;
  transform: rotate(1.5deg)scale(.97);
}

.ds-board__sr, .ds-chat-stack__said {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ds-board__ph {
  box-shadow: inset 0 4px 12px #1d26302e, inset 0 1px 2px #1d263024, inset 0 0 0 1px var(--color-line-strong);
  box-sizing: border-box;
  background: #e9edf2;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.ds-board__ph-bar {
  background: #1d263024;
  border-radius: 5px;
  flex: none;
  height: 9px;
  display: block;
}

.ds-board__ph-bar--thin {
  background: #1d26301a;
  height: 7px;
}

.ds-board__ph-cardfoot {
  align-items: center;
  gap: 7px;
  margin-top: auto;
  display: flex;
}

.ds-board__ph-dot {
  background: #1d263024;
  border-radius: 999px;
  flex: none;
  width: 18px;
  height: 18px;
}

.ds-board__ph-chip {
  background: #1d26301f;
  border-radius: 8px;
  flex: none;
  width: 28px;
  height: 16px;
  margin-left: auto;
}

@media (max-width: 1024px) {
  .ds-board__cols {
    grid-auto-columns: minmax(var(--ds-board-track, 264px), 46%);
  }
}

@media (max-width: 768px) {
  .ds-board__cols {
    grid-auto-columns: min(76vw, 300px);
    gap: 12px;
  }
}

.ds-diff__skip:hover {
  background: #f9fafc8c;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-diff__skip:hover {
    background: color-mix(in srgb, var(--color-surface-muted) 55%, transparent);
  }
}

.ds-diff__skip:hover {
  color: var(--color-fg3);
}

.ds-diff__skip > svg {
  opacity: .6;
}

.ds-diff__load {
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  display: flex;
}

.ds-diff__empty {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 40px 20px;
  display: flex;
}

.ds-diff__empty-ic {
  color: var(--color-success-500);
}

.ds-diff__empty-title {
  font-family: var(--font-sans);
  color: var(--color-ink-900);
  font-size: 13.5px;
  font-weight: 600;
}

.ds-diff__empty-sub {
  font-family: var(--font-mono);
  color: var(--color-fg3);
  font-size: 11.5px;
}

.ds-diffchip {
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  height: 20px;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0 7px;
  font-size: 11px;
  line-height: 1;
  display: inline-flex;
}

.ds-diffchip--btn:hover {
  background: var(--color-surface-hover);
  border-color: var(--color-line-strong);
}

.ds-diffchip--active {
  border-color: var(--color-ink-900);
}

@keyframes ds-rtrace-row-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

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

@keyframes ds-output-error-open {
  from {
    grid-template-rows: 0fr;
  }

  to {
    grid-template-rows: 1fr;
  }
}

@keyframes ds-rtrace-condense {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(-3px);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: none;
  }
}

@keyframes ds-rtrace-fail-glyph {
  from {
    opacity: 0;
    transform: scale(.4)rotate(-60deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ds-rtrace-memchip-in {
  animation: .32s cubic-bezier(.22, .61, .36, 1) both ds-rtrace-memchip-in;
}

@keyframes ds-rtrace-memchip-in {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(3px);
  }

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

@media (prefers-reduced-motion: reduce) {
  .ds-stopped-chip--in, .ds-rtrace-head-in {
    animation: none;
  }
}

:root {
  --brand-peach: var(--color-brand-peach);
  --brand-magenta: var(--color-brand-magenta);
  --primary-50: var(--color-primary-50);
  --primary-100: var(--color-primary-100);
  --primary-400: var(--color-primary-400);
  --primary-500: var(--color-primary-500);
  --primary-600: var(--color-primary-600);
  --primary: var(--color-primary);
  --legacy-purple-500: #706afc;
  --legacy-purple-100: #dbdaff;
  --legacy-purple-50: #f1f0ff;
  --slate-100: var(--color-slate-100);
  --slate-200: var(--color-slate-200);
  --slate-300: var(--color-slate-300);
  --slate-500: var(--color-slate-500);
  --slate-600: var(--color-slate-600);
  --slate-700: var(--color-slate-700);
  --slate-800: var(--color-slate-800);
  --slate-900: var(--color-slate-900);
  --ink-900: var(--color-ink-900);
  --ink-800: var(--color-ink-800);
  --ink-700: var(--color-ink-700);
  --ink-600: var(--color-ink-600);
  --ink-400: var(--color-ink-400);
  --ink-300: var(--color-ink-300);
  --line: var(--color-line);
  --line-strong: var(--color-line-strong);
  --line-soft: var(--color-line-soft);
  --surface: var(--color-surface);
  --surface-muted: var(--color-surface-muted);
  --surface-muted-2: var(--color-surface-muted-2);
  --surface-page: var(--color-surface-page);
  --surface-hover: var(--color-surface-hover);
  --surface-cream: var(--color-surface-cream);
  --surface-ink: var(--color-surface-ink);
  --highlight-tint: var(--color-highlight-tint);
  --fg1: var(--color-fg1);
  --fg2: var(--color-fg2);
  --fg3: var(--color-fg3);
  --fg-slate: var(--color-fg-slate);
  --fg-on-brand: var(--color-fg-on-brand);
  --danger-50: var(--color-danger-50);
  --danger-100: var(--color-danger-100);
  --danger-400: var(--color-danger-400);
  --danger-500: var(--color-danger-500);
  --danger-600: var(--color-danger-600);
  --danger: var(--color-danger);
  --warning-100: var(--color-warning-100);
  --warning-400: var(--color-warning-400);
  --warning-500: var(--color-warning-500);
  --warning-600: var(--color-warning-600);
  --warning: var(--color-warning);
  --hazard: var(--color-hazard);
  --info-100: var(--color-info-100);
  --info-400: var(--color-info-400);
  --info-500: var(--color-info-500);
  --info-800: var(--color-info-800);
  --info: var(--color-info);
  --success-100: var(--color-success-100);
  --success-400: var(--color-success-400);
  --success-500: var(--color-success-500);
  --success-800: var(--color-success-800);
  --success: var(--color-success);
  --accent-blue: var(--color-accent-blue);
  --accent-green: var(--color-accent-green);
  --accent-amber: var(--color-accent-amber);
  --r: var(--radius);
  --r-control: var(--radius-control);
  --r-sm: var(--radius-sm);
  --r-md: var(--radius-md);
  --r-lg: var(--radius-lg);
  --r-pill: var(--radius-pill);
  --shadow-sm: 0 2px 8px #1d263014;
  --shadow-md: var(--shadow-elevation);
  --shadow-lg: var(--shadow-selected);
  --font-ui: var(--font-sans);
  --font-wordmark: var(--font-sans);
  --w-light: 300;
  --w-reg: 400;
  --w-med: 500;
  --w-semi: 600;
  --w-bold: 700;
  --bp-tablet: 1024px;
  --bp-mobile: 768px;
}

.ds-phone-mock {
  contain: layout;
}

[data-frameview="mobile"] .ds-phone-mock {
  contain: none;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 100dvh !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

[data-frameview="tablet"] .ds-tablet-fullbleed {
  z-index: 4;
  width: auto !important;
  left: 10px !important;
  right: 10px !important;
}

.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
  box-shadow: none;
  font-family: var(--font-sans);
  background: none;
  border: 0;
  overflow: visible;
}

.ds-chart-tip {
  opacity: 1;
  position: static;
  transform: none;
}

.ds-chart-tip .ds-tooltip__glyph {
  margin-left: 0;
}

.ds-chart-dot {
  border-radius: 999px;
  width: 9px;
  height: 9px;
  margin-top: 3px;
  display: inline-block;
}

.ds-chart-tip .ds-tooltip__list {
  gap: 5px;
}

.ds-chart-tip__row {
  align-items: center;
  gap: 8px;
}

.ds-chart-tip__row .ds-chart-dot {
  flex: none;
  margin-top: 0;
}

.ds-chart-tip__name {
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 12px;
  overflow: hidden;
}

.ds-chart-tip__val {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin-left: 12px;
}

.ds-chart-tip__foot {
  border-top: 1px solid var(--color-line);
  padding-top: 7px;
}

.ds-journey {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.ds-journey--thread {
  flex: none;
  min-height: auto;
}

.ds-journey--thread .ds-journey__body {
  max-height: 300px;
}

.ds-journey__plan {
  flex-direction: column;
  gap: 8px;
  padding: 0 18px 18px;
  display: flex;
}

.ds-journey__plan-word {
  color: var(--color-fg2);
  font-size: 11.5px;
}

.ds-journey.is-collapsed .ds-journey__body {
  transition: max-height .34s cubic-bezier(.4, 0, .2, 1), opacity .2s, padding .34s cubic-bezier(.4, 0, .2, 1);
}

.ds-journey.is-collapsed.is-folded .ds-journey__body {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.ds-journey.is-collapsed .ds-jov {
  transition: border-color .34s, padding .34s;
}

.ds-journey.is-collapsed.is-folded .ds-jov {
  border-bottom-color: #0000;
  padding-bottom: 6px;
}

@media (prefers-reduced-motion: reduce) {
  .ds-journey.is-collapsed .ds-journey__body, .ds-journey.is-collapsed .ds-jov {
    transition: none;
  }
}

.ds-journey--hit {
  cursor: pointer;
}

.ds-journey__body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 6px 14px 18px 18px;
  display: flex;
}

.ds-journey__hd {
  flex: none;
  height: 56px;
  padding: 0 10px 0 18px;
}

.ds-journey__hd.is-tap {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.ds-journey__hd.is-tap:focus-visible {
  border-radius: 12px;
}

.ds-journey__chev {
  color: var(--color-fg1);
  flex: none;
  margin: -6px -2px -6px 0;
  padding: 6px;
  transition: transform .2s;
  display: inline-flex;
}

.ds-journey__hd .ds-ichip {
  margin-left: 2px;
}

.ds-jov {
  border-bottom: 1px solid var(--color-line);
  flex-direction: column;
  flex: none;
  gap: 7px;
  margin: 0 14px 10px 18px;
  padding-bottom: 11px;
  display: flex;
}

.ds-jov__line {
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ds-jov__big {
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  color: var(--color-fg1);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.1;
}

.ds-jov__sub {
  min-width: 0;
  color: var(--color-fg2);
  font-size: 11.5px;
}

.ds-jov__marks {
  --ds-jov-rows: 8;
  max-height: calc(var(--ds-jov-rows) * 13px - 4px + 6px);
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 4px;
  padding: 3px 0;
  display: flex;
}

button.ds-jov__mark {
  cursor: pointer;
}

button.ds-jov__mark:hover {
  transform: scale(1.3);
}

.ds-jov__mark.is-done {
  background: var(--color-success-500, #22c55e);
}

.ds-jov__mark.is-running {
  background: var(--color-ink-600);
}

.ds-jov__mark.is-blocked, .ds-jov__mark.is-failed {
  background: var(--color-danger-500, #ef4444);
}

.ds-jov__mark.is-sel {
  box-shadow: 0 0 0 1.5px var(--color-surface), 0 0 0 3px var(--color-fg1);
}

.ds-jov__cap {
  display: none;
}

@media (hover: none) {
  .ds-jov__cap {
    white-space: nowrap;
    min-width: 0;
    color: var(--color-fg1);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
    align-items: baseline;
    gap: 6px;
    font-size: 11.5px;
    display: flex;
    overflow: hidden;
  }

  .ds-jov__cap i {
    color: var(--color-fg3);
    font-style: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-jov__mark {
    transition: none;
  }
}

.ds-journey__tl {
  flex-direction: column;
  display: flex;
}

.ds-jstep {
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  font-size: 12.5px;
  display: flex;
  position: relative;
}

.ds-jstep:before {
  content: "";
  background: var(--color-line);
  width: 1px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 10.5px;
}

.ds-jstep:after {
  content: "";
  background: var(--color-line);
  width: 1px;
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 10.5px;
}

.ds-jstep:first-child:before, .ds-jstep:last-child:after {
  display: none;
}

.ds-jstep.is-focused {
  padding: 6px 0;
}

.ds-jstep__mark {
  width: 22px;
  height: 22px;
  color: var(--color-slate-500);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ds-jstep.is-done .ds-jstep__mark {
  color: var(--color-fg3);
}

.ds-jstep.is-upcoming .ds-jstep__mark {
  color: var(--color-line-strong);
}

.ds-jstep.is-running .ds-jstep__mark, .ds-jstep.is-blocked .ds-jstep__mark, .ds-jstep.is-failed .ds-jstep__mark {
  color: var(--color-ink-900);
}

.ds-jstep.is-added .ds-jstep__mark {
  animation: 1.4s ease-out ds-jstep-added;
}

@keyframes ds-jstep-added {
  0% {
    opacity: 0;
    transform: scale(.7);
  }

  55% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-jstep.is-added .ds-jstep__mark {
    animation: none;
  }
}

.ds-jstep__lbl {
  min-width: 0;
  color: var(--color-fg1);
  overflow-wrap: anywhere;
  line-height: 18px;
  display: block;
}

.ds-jstep.is-done .ds-jstep__lbl {
  color: var(--color-fg2);
}

.ds-jstep.is-upcoming .ds-jstep__lbl {
  color: var(--color-fg3);
}

.ds-jstep.is-running .ds-jstep__lbl {
  color: var(--color-fg1);
  font-weight: 600;
}

.ds-jstep__meta {
  color: var(--color-fg3);
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  font-size: 10.5px;
  line-height: 15px;
  display: flex;
}

.ds-jstep__metab {
  padding-left: 8px;
  position: relative;
}

.ds-jstep__metab:before {
  content: "";
  background: var(--color-line-strong);
  border-radius: 999px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  left: 1px;
}

.ds-jstep__chip {
  letter-spacing: .01em;
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  height: 15px;
  padding: 0 6px;
  font-size: 9.5px;
  font-weight: 700;
  display: inline-flex;
}

.ds-jstep__chip.is-done {
  color: var(--color-success-800, #1d7a5f);
  background: #2ca87f21;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-jstep__chip.is-done {
    background: color-mix(in srgb, var(--color-success-500) 13%, transparent);
  }
}

.ds-jstep__chip.is-running {
  color: var(--color-accent-blue);
  background: #4c7dfa1f;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-jstep__chip.is-running {
    background: color-mix(in srgb, var(--color-accent-blue) 12%, transparent);
  }
}

.ds-jstep__chip.is-blocked {
  color: var(--color-danger-600);
  background: #e147471f;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-jstep__chip.is-blocked {
    background: color-mix(in srgb, var(--color-danger-500) 12%, transparent);
  }
}

.ds-jstep__chip.is-failed {
  color: var(--color-danger-600);
  background: #e147471f;
  gap: 3px;
  padding-left: 5px;
}

@supports (color: color-mix(in lab, red, red)) {
  .ds-jstep__chip.is-failed {
    background: color-mix(in srgb, var(--color-danger-500) 12%, transparent);
  }
}

.ds-jstep__chipg {
  display: inline-flex;
}

.ds-jstep__chip.is-failed .ds-jstep__chipg {
  color: var(--color-danger-500);
}

.ds-jstep__chip.is-upcoming {
  color: var(--color-fg3);
  background: var(--color-surface-muted);
}

.ds-jstep__main {
  border: 1px solid #0000;
  border-radius: 11px;
  flex: 1;
  min-width: 0;
  margin: -7px 0 -8px -10px;
  padding: 7px 10px 8px;
}

.ds-jstep__hd {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

@media (hover: none) {
  .ds-jstep__go {
    opacity: 1;
    transform: none;
  }
}

.ds-jstep__card {
  flex-direction: column;
  flex: 1;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.ds-jstep__rowwrap {
  flex: 1;
  min-width: 0;
}

.ds-jsess-hold:hover .ds-jsess {
  border-color: var(--color-line-strong);
  box-shadow: var(--shadow-selected-sm, 0 4px 14px #1d26301a);
}

.ds-jsess .ds-rec-card__fic:hover {
  color: var(--color-ink-900);
  background: var(--color-surface-muted);
}

.ds-jsess .ds-rec-card__chev {
  opacity: 0;
  align-self: flex-start;
  margin-top: 2px;
  transition: opacity .16s, transform .18s;
}

.ds-jsess .ds-rec-card__hd[aria-expanded="true"] .ds-rec-card__chev, .ds-jsess-hold:hover .ds-rec-card__chev, .ds-jsess .ds-rec-card__hd:focus-visible .ds-rec-card__chev {
  opacity: 1;
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .ds-jsess .ds-rec-card__chev {
    opacity: 1;
  }
}

.ds-jsess__body {
  flex-direction: column;
  gap: 9px;
  display: flex;
}

.ds-jsess__thread .ds-user-message, .ds-mindly-chat__thread .ds-user-message {
  max-width: none;
  margin: 0;
}

.ds-mindly-chat__scroll {
  scroll-behavior: auto;
}

.ds-mindly-chat__latest {
  z-index: 4;
  pointer-events: none;
  height: 0;
  position: sticky;
  bottom: 0;
}

.ds-mindly-chat__latest > .ds-thread-latest {
  pointer-events: auto;
}

.ds-mindly-chat {
  container-type: inline-size;
}

.ds-trace-card {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ds-trace-card__body {
  flex: 1;
  min-height: 0;
}

.ds-trace-card__shot {
  width: 100%;
  display: block;
}

.ds-trace-card__out {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  color: var(--color-fg2);
  margin: 0;
  padding: 16px;
  font-size: 12px;
  line-height: 1.7;
}

.ds-trace-card__out--error {
  color: var(--color-danger);
}

.ds-mindly-chat__column {
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
  padding-inline: 24px;
}

.ds-mindly-chat__scroll > .ds-mindly-chat__column {
  padding-block: 12px 24px;
}

.ds-mindly-chat__footer {
  padding-block: 8px 16px;
}

.ds-mindly-chat__scroll + .ds-mindly-chat__footer {
  padding-top: 0;
}

.ds-mindly-chat__scroll:has( + .ds-mindly-chat__footer) > .ds-mindly-chat__column {
  padding-bottom: 32px;
}

:where(.ds-page-titlebar) + .ds-mindly-chat > .ds-mindly-chat__scroll {
  margin-top: -16px;
  padding-top: 16px;
}

:where(.ds-page-titlebar--phone) + .ds-mindly-chat > .ds-mindly-chat__scroll {
  margin-top: -7px;
  padding-top: 7px;
}

.ds-mindly-chat__empty {
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  display: flex;
}

@container (max-width: 430px) {
  .ds-mindly-chat__column {
    padding-inline: 14px;
  }

  .ds-mindly-chat__scroll > .ds-mindly-chat__column {
    padding-block: 12px 20px;
  }

  .ds-mindly-chat__footer {
    padding-block: 6px 12px;
  }

  .ds-mindly-chat__scroll + .ds-mindly-chat__footer {
    padding-top: 0;
  }

  .ds-mindly-chat__scroll:has( + .ds-mindly-chat__footer) > .ds-mindly-chat__column {
    padding-bottom: 26px;
  }
}

.ds-mindly-chat__panel-dock:has(.ds-panel-dock__line-row[data-show], .ds-panel-dock__card) {
  padding-bottom: 10px;
}

.ds-mindly-chat__panel-dock:has(.ds-panel-dock__line-row[data-show]):not(:has(.ds-panel-dock__card)) {
  z-index: 1;
  margin-top: -54px;
  position: relative;
}

.ds-mindly-chat__panel-dock {
  transition: padding-bottom .28s cubic-bezier(.32, .72, .3, 1), margin-top .28s cubic-bezier(.32, .72, .3, 1);
}

@container (max-width: 430px) {
  .ds-mindly-chat__panel-dock:has(.ds-panel-dock__line-row[data-show], .ds-panel-dock__card) {
    padding-bottom: 8px;
  }

  .ds-mindly-chat__panel-dock:has(.ds-panel-dock__line-row[data-show]):not(:has(.ds-panel-dock__card)) {
    margin-top: -52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-mindly-chat__panel-dock {
    transition: none;
  }
}

.ds-reading-thread {
  max-width: 560px;
  padding-inline: var(--ds-reading-inset, 16px);
}

.ds-reading-dock {
  max-width: 744px;
  padding-inline: 12px;
}

.ds-reading-thread, .ds-reading-dock {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
}

.ds-dock-notice {
  animation: .24s cubic-bezier(.22, 1, .36, 1) .2s both ds-dock-notice-in;
}

@keyframes ds-dock-notice-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-dock-notice {
    animation: none;
  }
}

.ds-jsess__trace {
  max-width: none !important;
}

.ds-mindly-video {
  aspect-ratio: 4 / 3;
  --ds-mindly-fade: .52s;
  --ds-mindly-level: 0;
  background: #0d1116;
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ds-mindly-video__clip {
  object-fit: cover;
  object-position: 50% 56%;
  opacity: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0s linear .62s;
  position: absolute;
  inset: 0;
}

.ds-mindly-video__clip[data-on="true"] {
  opacity: 1;
  z-index: 1;
  transition: opacity var(--ds-mindly-fade) cubic-bezier(.45, 0, .25, 1);
}

.ds-mindly-video__ring {
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 calc(1px + 5px * var(--ds-mindly-level)) rgba(255, 95, 52, calc(.15 + .55 * var(--ds-mindly-level)));
  transition: box-shadow 80ms linear;
  position: absolute;
  inset: 0;
}

.ds-mindly-video[data-live="false"] .ds-mindly-video__ring {
  box-shadow: inset 0 0 0 1px #ffffff14;
}

.ds-mindly-video__pill {
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  letter-spacing: .14em;
  background: #0d11169e;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  padding: 3px 8px 3px 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: 10px;
  left: 10px;
}

.ds-mindly-video__pill__dot {
  background: #ff5f34;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 2s ease-in-out infinite ml-pulse;
}

@keyframes ml-pulse {
  50% {
    opacity: .35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-mindly-video__clip, .ds-mindly-video__clip[data-on="true"] {
    transition: none;
  }

  .ds-mindly-video__pill__dot {
    animation: none;
  }
}

.ds-extpanel--floating {
  box-shadow: 0 24px 60px #1d263038, 0 2px 8px #1d263014;
}

.ds-extpanel__brandname {
  font-family: var(--font-sans);
  color: var(--color-ink-900);
  font-size: 14px;
  font-weight: 600;
}

.ds-extpanel__sp {
  flex: 1;
}

.ds-extpanel__hd {
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 0 12px 8px;
  display: flex;
}

.ds-extpanel__title {
  text-align: left;
  --ds-trunc-fade: 28px;
  min-width: 0;
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  color: var(--color-fg1);
  white-space: nowrap;
  flex: 1 1 0;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
}

.ds-extpanel__body {
  scrollbar-width: thin;
  scrollbar-color: #00000024 transparent;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 4px 22px 22px;
  display: flex;
  overflow-y: auto;
}

.mm-chat--sel {
  background: var(--mm-hover, var(--color-surface-hover));
  color: var(--mm-ink-strong, var(--color-fg1));
  font-weight: 600;
}

.mm-chat__t {
  text-align: left;
  --ds-trunc-fade: 26px;
  flex: 1 1 0;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.mm-chat__t--pending, .mm-chat__t--unread {
  color: var(--mm-ink-strong, var(--color-fg1));
  font-weight: 500;
}

.mm-chat--sel .mm-chat__t--pending, .mm-chat--sel .mm-chat__t--unread {
  font-weight: 600;
}

.mm-chat__dot--error {
  background: var(--color-danger-500, #e14747);
}

.mm-chat-row {
  align-items: center;
  min-width: 0;
  height: 36px;
  transition: height .2s cubic-bezier(.2, .8, .2, 1), margin-bottom .2s cubic-bezier(.2, .8, .2, 1), opacity .12s;
  display: flex;
  position: relative;
}

.mm-chat__src {
  filter: grayscale();
  opacity: .6;
  transition: filter var(--ds-ease-hover), opacity var(--ds-ease-hover);
  flex: none;
  margin-right: -2px;
}

.mm-chat-row:hover .mm-chat__src, .mm-chat-row:has(:focus-visible) .mm-chat__src, .ds-page-chat-menu__chat:hover .mm-chat__src {
  filter: none;
  opacity: 1;
}

.ds-page-chat-menu__name.mm-chat-row, .mm-chat-row--editing {
  height: auto;
}

.mm-chat__door {
  opacity: 0;
  transition: opacity var(--ds-ease-hover);
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
}

.mm-chat__door .ds-btn--ghost, .mm-chats__filter .ds-btn--ghost {
  box-shadow: none;
  color: var(--color-fg3);
  transition: color var(--ds-ease-hover);
  background: none;
}

.mm-chat__door .ds-btn--ghost:hover, .mm-chat__door .ds-btn--ghost[aria-expanded="true"], .mm-chats__filter .ds-btn--ghost:hover, .mm-chats__filter .ds-btn--ghost[aria-expanded="true"] {
  color: var(--color-fg1);
  background: none;
}

.mm-chat-row:hover .mm-chat__door, .mm-chat-row:has(:focus-visible) .mm-chat__door, .mm-chat__door:has([aria-expanded="true"]) {
  opacity: 1;
}

.mm-chat__menu {
  min-width: 172px;
}

.mm-chat-row--editing {
  grid-template-rows: var(--mm-row-h, 36px) auto;
  align-items: center;
  display: grid;
}

.mm-chat__box {
  margin-inline: calc(var(--mm-pad, 10px)  - 12px);
  font-family: var(--font-sans);
  color: var(--mm-ink-strong, var(--color-fg1));
  padding: 6px 11px;
  font-size: 13px;
  font-weight: 400;
}

.mm-chat__box--strong:not(.mm-chat__box--sel) {
  font-weight: 500;
}

.mm-chat__box--sel {
  font-weight: 600;
}

.mm-chat-row--editing > .ds-edit-box__error {
  padding-inline: var(--mm-pad, 10px);
}

@keyframes mm-chat-row-in {
  from {
    opacity: 0;
    height: 0;
    margin-bottom: -4px;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  .mm-chat__door {
    opacity: 1;
  }
}

.ds-recent-chats--touch .mm-chat__door {
  opacity: 1;
}

.ds-recent-chats--touch .mm-chat-row {
  height: 44px;
}

.ds-recent-chats--touch .mm-chat-row--editing {
  height: auto;
}

.ds-recent-chats--touch .mm-chat-row--leaving {
  height: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mm-chat-row, .mm-chat__src {
    transition: none;
  }
}

.ds-recent-chats--touch {
  --mm-row-h: 44px;
}

.mm-chats__filter {
  opacity: 0;
  flex: none;
  width: max-content;
  transition: opacity .2s .1s;
  container-type: normal;
}

.mm-chats__filter--applied, .mm-chats__filter--open, .ds-recent-chats--touch .mm-chats__filter {
  opacity: 1;
  transition-delay: 0s;
}

@media (max-width: 767px), (pointer: coarse) {
  .mm-chats__filter {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mm-chats__filter {
    transition: none;
  }
}

.ds-recent-chats__loading {
  --ds-skel-base: var(--color-surface-hover);
  --ds-skel-sheen: var(--color-slate-200);
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  animation: .16s ease-out both ds-recent-chats-in;
  display: flex;
}

.mm-chat-row--landed {
  animation: .22s ease-out both ds-recent-chats-in;
}

.mm-chat-row--editing .mm-chat__field {
  animation: .16s ease-out both ds-recent-chats-in;
}

@media (prefers-reduced-motion: reduce) {
  .mm-chat-row--landed, .mm-chat-row--editing .mm-chat__field, .ds-recent-chats__loading {
    animation: none;
  }
}

.ds-recent-chats__loading .ds-recent-chats__skel {
  margin: 11px 10px;
}

.ds-recent-chats__empty {
  color: var(--color-fg3);
  padding: 0 10px;
  font-size: 13px;
}

.ds-recent-chats__error {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

@media (prefers-reduced-motion: no-preference) {
  .ds-recent-chats__error {
    animation: .2s ease-out both ds-recent-chats-in;
  }
}

.ds-recent-chats__error > .ds-btn {
  margin-left: 10px;
}

@keyframes ds-recent-chats-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ds-nav-menu__list > .ds-recent-chats {
  flex: none;
  margin-top: 8px;
}

.ds-nav-menu__footer {
  padding: 0 14px max(12px, env(safe-area-inset-bottom));
  flex: none;
}

.ds-nav-menu__divider {
  background: var(--color-line);
  height: 1px;
  margin: 8px 0;
}

.ds-nav-menu__profile {
  gap: 12px;
  min-height: 48px;
  padding: 8px 10px;
  font-size: 14px;
}

.ds-nav-menu__profile .ds-nav-menu__sub {
  font-size: 12px;
}

.ds-nav-menu__profile .ds-nav-menu__stack {
  line-height: 1.25;
}

.ds-extension-home {
  --ds-ext-gutter: max(12px, calc((100cqw - 720px) / 2));
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  container: extension-home / size;
}

.ds-extension-home--flush {
  --ds-ext-gutter: 0px;
}

.ds-extension-recents {
  flex: none;
  margin: 0 0 12px;
  display: none;
}

@container extension-home (min-height: 560px) {
  .ds-extension-recents {
    display: flex;
  }
}

.ds-extension-home__stack {
  text-align: center;
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.ds-suggest-hero {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 8px 4px 18px;
  display: flex;
}

.ds-suggest-hero__mark {
  margin-bottom: 18px;
  display: inline-flex;
}

.ds-suggest-hero__mark > img {
  max-width: none;
  display: block;
}

.ds-suggest-hero__q {
  text-wrap: balance;
  max-width: 320px;
  color: var(--color-ink-900);
  margin: 0 0 6px;
  font-size: 21px;
  line-height: 1.34;
}

.ds-suggest-hero__reading {
  color: var(--color-fg3);
  align-items: center;
  gap: 6px;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.3;
  display: inline-flex;
}

.ds-suggest-hero__skel-q {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 6px 0 12px;
  display: flex;
}

.ds-suggest-hero__skel-sub {
  margin: 5px 0 15px;
}

.ds-suggest-hero__chips {
  --ds-chip-max: 296px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 320px;
  margin-top: 14px;
  display: flex;
}

.ds-suggest-hero__slot-in, .ds-suggest-hero__slot {
  display: inline-flex;
}

.ds-suggest-hero__chips .ds-chip {
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid var(--color-line-strong);
  height: 34px;
  box-shadow: var(--shadow-button);
  transition: box-shadow var(--ds-ease-hover), transform var(--ds-ease-hover), border-color var(--ds-ease-hover), background var(--ds-ease-hover);
  padding: 0 15px;
  font-size: 13px;
}

.ds-suggest-hero__chips .ds-chip:hover {
  border-color: var(--color-ink-900);
  background: var(--primary-tint);
  box-shadow: var(--shadow-elevation);
  transform: translateY(-1px);
}

.ds-suggest-hero__chips {
  max-height: 160px;
  transition: opacity .16s ease-in, max-height .22s .1s, margin-top .22s .1s;
}

.ds-suggest-hero__chips.is-retire {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
}

.ds-suggest-hero__slot.is-flown {
  visibility: hidden;
  pointer-events: none;
}

.ds-suggest-hero__chips.is-leaving {
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease-in;
}

.ds-suggest-hero__mark, .ds-suggest-hero__q, .ds-suggest-hero__reading {
  transition: opacity .2s;
  animation: .2s ds-suggest-hero-in;
}

@keyframes ds-suggest-hero-in {
  from {
    opacity: 0;
  }
}

.ds-suggest-hero__mark.is-out, .ds-suggest-hero__q.is-out, .ds-suggest-hero.is-leaving .ds-suggest-hero__reading {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ds-suggest-hero__chips, .ds-suggest-hero__chips.is-leaving, .ds-suggest-hero__mark, .ds-suggest-hero__q, .ds-suggest-hero__reading {
    transition: none;
    animation: none;
  }
}

.ds-suggest-pick__fly {
  z-index: 5;
  pointer-events: none;
  will-change: transform;
  transition: transform .32s cubic-bezier(.2, .7, .2, 1);
  position: absolute;
  top: 0;
  left: 0;
}

.ds-suggest-pick__fly-y {
  will-change: transform;
  transition: transform .32s cubic-bezier(.55, .06, .35, 1);
  display: block;
}

.ds-suggest-pick__fly .ds-chip {
  border-radius: var(--radius-control);
  background: var(--color-surface);
  border: 1px solid var(--color-ink-900);
  height: 34px;
  box-shadow: var(--shadow-elevation);
  padding: 0 15px;
  font-size: 13px;
}

.ds-suggest-pick__wash {
  z-index: 2;
  pointer-events: none;
  color: var(--color-ink-900);
  white-space: pre-wrap;
  text-align: left;
  position: absolute;
}

.ds-suggest-pick__field {
  border-radius: 16px;
  transition: box-shadow .26s;
  position: relative;
}

.ds-suggest-pick__field.is-hold {
  box-shadow: 0 0 0 4px var(--color-surface-hover);
  transition: box-shadow 60ms;
}

.ds-suggest-pick__field.is-washing .ds-composer__draft .ds-mdx [class*="_placeholder"] {
  color: #0000;
}

@media (prefers-reduced-motion: reduce) {
  .ds-suggest-hero__slot, .ds-suggest-pick__fly, .ds-suggest-pick__fly-y, .ds-suggest-pick__field {
    transition-duration: 1ms;
  }
}

.ds-extpanel {
  position: relative;
}

.ds-extpanel__brand ~ * .ds-extension-navigation-menu {
  top: var(--ds-extension-brand-height, 48px);
}

.ds-extension-navigation-menu .ds-nav-menu__head {
  border-bottom: 0;
  height: 40px;
  padding: 0 12px;
}

.ds-extension-navigation-title {
  font: 600 16px var(--font-serif);
  color: var(--color-fg1);
}

.ds-extension-session__k {
  color: var(--color-fg3);
  margin-right: 6px;
}

.ds-extension-session__v {
  font: 500 12.5px var(--font-mono);
  color: var(--color-fg2);
}

.ds-extpanel__hd > .ds-nav-menu__trigger {
  flex: none;
  width: 32px;
  height: 32px;
}

.ds-extension-settings.ds-btn {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

@media (prefers-reduced-motion: reduce) {
  .ds-nav-menu__panel, .ds-nav-menu__list {
    transition: none;
    animation: none;
  }
}

.ds-task-ref__name {
  min-width: 0;
  color: var(--color-fg1);
  font-family: var(--font-serif);
  --ds-trunc-fade: 28px;
  flex: 1;
  font-size: 13.5px;
  line-height: 20px;
  display: block;
}

.ds-task-conversation {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.ds-task-conversation__heading:focus {
  outline: none;
}

.ds-task-conversation__trail > .ds-btn {
  height: 24px;
}

.ds-task-conversation__body {
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
}

.ds-task-conversation__body:has(.ds-active-call-tile:not([data-ended])) .ds-task-conversation__messages {
  padding-bottom: 136px;
}

.ds-task-conversation__foot {
  flex-direction: column;
  flex: none;
  gap: 8px;
  padding: 8px 14px 14px;
  display: flex;
}

.ds-active-call-tile {
  z-index: 3;
  border-radius: 14px;
  width: 148px;
  max-width: 100%;
  position: absolute;
  bottom: 10px;
  right: 14px;
  box-shadow: 0 4px 14px #1d263029;
}

.ds-active-call-tile__return {
  border-radius: 14px;
  width: 100%;
  display: block;
  position: relative;
}

.ds-active-call-tile .ds-mindly-video {
  border-radius: 14px;
}

.ds-active-call-tile .ds-mindly-video__pill {
  display: none;
}

.ds-active-call-tile__mute {
  z-index: 2;
  opacity: 0;
  transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover);
  position: absolute;
  bottom: 6px;
  right: 42px;
  transform: translateY(2px);
}

.ds-active-call-tile__mute[aria-pressed="true"] {
  color: var(--color-danger-600);
}

.ds-call-corner {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 148px;
  display: flex;
  position: relative;
}

.ds-call-task, .ds-call-bubble {
  pointer-events: auto;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  border-radius: 12px;
  flex: none;
  align-items: center;
  display: flex;
}

.ds-call-task {
  width: 100%;
  position: relative;
  box-shadow: 0 2px 8px #1018281a;
}

.ds-call-task__open {
  border-radius: inherit;
  min-width: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  display: flex;
}

.ds-call-task:is(.ds-call-task--x, .ds-call-task--dot) .ds-call-task__open {
  padding-right: 38px;
}

.ds-call-task__name, .ds-call-bubble__name {
  min-width: 0;
  font-family: var(--font-serif);
  color: var(--color-ink-900);
  white-space: nowrap;
  flex: 1;
  font-size: 12.5px;
  font-weight: 600;
  overflow: hidden;
}

.ds-call-task__seat {
  pointer-events: none;
  width: 7px;
  height: 7px;
  transition: opacity .16s;
  display: flex;
  position: absolute;
  top: 50%;
  right: 14.5px;
  translate: 0 -50%;
}

.ds-call-task__dot {
  position: absolute;
  inset: 0;
}

.ds-call-task__dot--done {
  background: var(--color-success-500);
}

.ds-call-task__dot--muted {
  background: var(--color-slate-400);
}

.ds-call-task__x {
  opacity: 0;
  transition: opacity var(--ds-ease-hover), scale .2s cubic-bezier(.2, 0, 0, 1), background var(--ds-ease-hover), box-shadow var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover);
  position: absolute;
  top: 50%;
  right: 2px;
  translate: 0 -50%;
}

@media (prefers-reduced-motion: no-preference) {
  .ds-call-task__x {
    scale: .8;
  }
}

@media (hover: hover) {
  .ds-call-task:is(:hover, :has(:focus-visible)) .ds-call-task__x {
    opacity: 1;
    scale: 1;
  }

  .ds-call-task--x:is(:hover, :has(:focus-visible)) .ds-call-task__seat {
    opacity: 0;
  }
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .ds-call-task__x {
    opacity: 1;
    scale: 1;
  }

  .ds-call-task--x .ds-call-task__seat {
    right: 38px;
  }

  .ds-call-task--x.ds-call-task--dot .ds-call-task__open {
    padding-right: 53px;
  }
}

.ds-call-corner__notice {
  z-index: 1;
  width: 300px;
  max-width: calc(100vw - 24px);
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
}

.ds-call-corner--seat {
  z-index: 6;
  position: absolute;
  bottom: calc(100% + 8px);
  right: 24px;
}

.ds-card-drawer__above > .ds-call-corner--seat {
  bottom: 10px;
}

@media (max-width: 599px) {
  .ds-call-corner--seat {
    width: 120px;
    right: 12px;
  }
}

.ds-call-corner--in-seat {
  z-index: 6;
  position: absolute;
  bottom: 64px;
  right: 24px;
}

@media (max-width: 599px) {
  .ds-call-corner--in-seat {
    width: 120px;
    right: 12px;
  }
}

.ds-live-menu .ds-menu {
  min-width: 232px;
}

.ds-live-menu .ds-mi__sub {
  overflow-wrap: anywhere;
}

.ds-live-menu .ds-mi__hint {
  color: var(--color-ink-600);
  opacity: 0;
  transition: opacity var(--ds-ease-hover);
  display: inline-flex;
}

.ds-live-menu .ds-mi:is(:hover, :focus, :focus-visible, .kbd) .ds-mi__hint, .ds-live-menu .ds-mi__hint:has(.is-copied) {
  opacity: 1;
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .ds-live-menu .ds-mi__hint {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-live-menu .ds-mi__hint {
    transition: none;
  }
}

.ds-call-bubble {
  gap: 7px;
  padding: 6px 7px 6px 10px;
  box-shadow: 0 4px 14px #10182824;
}

@media (prefers-reduced-motion: no-preference) {
  .ds-call-bubble {
    animation: .22s cubic-bezier(0, 0, 0, 1) ds-call-bubble-in;
  }
}

@keyframes ds-call-bubble-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

.ds-call-bubble__main {
  cursor: pointer;
  text-align: left;
  background: none;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 2px 0;
  display: flex;
}

.ds-call-bubble--ask .ds-call-bubble__name {
  font-size: 13px;
}

.ds-chat-stack {
  pointer-events: none;
  flex: none;
  min-width: 0;
  margin-bottom: -8px;
  position: relative;
}

.ds-chat-stack:not(.ds-chat-stack--hug) {
  container: ds-chat-stack / inline-size;
}

.ds-chat-stack__scroll {
  --ds-fade-size: 42px;
  max-height: 186px;
  margin: -20px -18px -12px;
  padding: 20px 18px;
}

.ds-chat-stack__list {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.ds-chat-stack__item {
  overflow-clip-margin: 10px;
  justify-content: flex-end;
  display: flex;
}

.ds-chat-stack__slot {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.ds-chat-stack__fold {
  pointer-events: auto;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  height: 28px;
  font: 500 12px var(--font-sans);
  color: var(--color-fg2);
  cursor: pointer;
  transition: color var(--ds-ease-hover), background-color var(--ds-ease-hover);
  border-radius: 9px;
  align-items: center;
  gap: 6px;
  padding: 0 9px 0 11px;
  display: inline-flex;
  box-shadow: 0 2px 8px #10182814;
}

.ds-chat-stack__fold:hover {
  color: var(--color-fg1);
  background: var(--color-surface-muted, #f1f2f4);
}

.ds-chat-stack__foldrow {
  z-index: 1;
  overflow-clip-margin: 10px;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.ds-chat-stack__foldrow:not(.ds-chat-stack__foldrow--float) + .ds-chat-stack__scroll {
  margin-top: 0;
  padding-top: 6px;
}

.ds-chat-stack__foldrow--float {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}

.ds-chat-stack__foldrow--float .ds-chat-stack__fold {
  pointer-events: auto;
}

@media (max-width: 767px), (pointer: coarse) {
  .ds-chat-stack__fold {
    position: relative;
  }

  .ds-chat-stack__fold:after {
    content: "";
    position: absolute;
    inset: -11px -1px -7px;
  }
}

.ds-chat-stack__slot > * {
  pointer-events: auto;
}

.ds-call-corner > .ds-chat-stack {
  align-self: flex-end;
  width: min(380px, 100vw - 24px);
}

.ds-call-corner > .ds-chat-stack :is(.ds-call-task, .ds-call-bubble), .ds-chat-stack--hug :is(.ds-call-task, .ds-call-bubble) {
  width: auto;
  max-width: min(380px, 100%);
}

.ds-call-corner > .ds-chat-stack :is(.ds-call-task__name, .ds-call-task__open, .ds-call-bubble__name, .ds-call-bubble__main), .ds-chat-stack--hug :is(.ds-call-task__name, .ds-call-task__open, .ds-call-bubble__name, .ds-call-bubble__main) {
  flex: 0 auto;
}

.ds-call-corner > .ds-chat-stack .ds-chat-stack__slot, .ds-chat-stack--hug .ds-chat-stack__slot {
  align-items: flex-end;
}

@media (max-width: 599px) {
  .ds-call-corner > .ds-chat-stack {
    width: calc(100vw - 24px);
  }

  .ds-chat-stack__scroll {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .ds-chat-stack--hug {
    align-self: stretch;
  }

  .ds-call-corner > .ds-chat-stack :is(.ds-call-task, .ds-call-bubble), .ds-chat-stack--hug :is(.ds-call-task, .ds-call-bubble) {
    width: 100%;
    max-width: 100%;
  }

  .ds-call-corner > .ds-chat-stack :is(.ds-call-task__name, .ds-call-task__open, .ds-call-bubble__name, .ds-call-bubble__main), .ds-chat-stack--hug :is(.ds-call-task__name, .ds-call-task__open, .ds-call-bubble__name, .ds-call-bubble__main) {
    flex: auto;
  }

  .ds-call-corner > .ds-chat-stack .ds-chat-stack__slot, .ds-chat-stack--hug .ds-chat-stack__slot {
    align-items: stretch;
  }
}

.ds-call-drawer {
  --sd-w: min(calc((100cqw - 68px) * .4), 420px);
}

.ds-call-drawer-body {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 700px;
  min-height: 0;
  margin-inline: auto;
  display: flex;
}

.ds-call-face {
  flex: none;
  padding: 2px 12px 10px;
}

.ds-call-face__frame {
  width: min(100%, 420px, 64dvh);
  position: relative;
}

.ds-call-face__overlay {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ds-call-face__overlay > * {
  pointer-events: auto;
}

.ds-call-drawer-body__notice {
  flex: none;
  padding: 0 12px 10px;
}

.ds-call-drawer-body__thread {
  --ds-turn-gap: 20px;
  flex: 1;
  min-height: 0;
  margin-top: -10px;
  padding: 14px 12px 12px;
}

.ds-call-drawer-body__controls {
  flex-direction: column;
  gap: 8px;
  padding: 0 12px 12px;
  display: flex;
}

@keyframes ds-call-pip-ended {
  to {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px)scale(.96);
  }
}

@media (hover: none) {
  .ds-active-call-tile__mute {
    opacity: 1;
    transform: none;
  }
}

.ds-task-ref {
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  width: 100%;
  min-width: 0;
  min-height: 48px;
  box-shadow: var(--shadow-xs);
  color: inherit;
  font: inherit;
  text-align: left;
  transition: box-shadow var(--ds-ease-hover), transform var(--ds-ease-hover);
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  display: flex;
}

button.ds-task-ref {
  cursor: pointer;
}

.ds-tc-bar {
  z-index: 8;
  -webkit-backdrop-filter: blur(12px) saturate(170%) contrast(.4) brightness(1.65);
  backdrop-filter: blur(12px) saturate(170%) contrast(.4) brightness(1.65);
  border: 1px solid var(--ds-glass-edge);
  width: min(540px, 100% - 32px);
  color: var(--color-fg1);
  box-shadow: var(--ds-glass-shadow);
  background: linear-gradient(#ffffff8f, #ffffff52);
  border-radius: 20px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 10px 12px 10px 14px;
  display: flex;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
}

@media (prefers-reduced-transparency: reduce) {
  .ds-tc-bar {
    background: var(--color-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

.ds-tc-bar__txt {
  flex-direction: column;
  flex: 150px;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ds-tc-bar__t {
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.ds-tc-bar__s {
  font-family: var(--font-sans);
  color: var(--color-fg2);
  font-size: 12px;
  line-height: 1.35;
}

.ds-tc-bar__btns {
  flex: none;
  align-items: center;
  gap: 8px;
  margin-inline-start: auto;
  display: flex;
}

@keyframes ds-tc-bar-ring {
  0% {
    box-shadow: 0 0 #1d263047;
  }

  70%, 100% {
    box-shadow: 0 0 0 8px #1d263000;
  }
}

.ds-tc-bar__lit {
  animation: 2.4s ease-out infinite ds-tc-bar-ring;
}

@media (prefers-reduced-motion: reduce) {
  .ds-tc-bar__lit {
    animation: none;
  }
}

button.ds-task-ref:is(:hover, .is-hover) {
  box-shadow: var(--shadow-elevation);
}

button.ds-task-ref:active {
  transform: scale(.99);
}

.ds-task-ref__main {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ds-task-ref__glyph {
  color: var(--color-slate-500);
  flex: none;
}

.ds-task-ref__open {
  color: var(--color-fg3);
  opacity: 0;
  transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover), color var(--ds-ease-hover);
  flex: none;
  transform: translateX(-3px);
}

button.ds-task-ref:is(:hover, .is-hover) .ds-task-ref__open, button.ds-task-ref:focus-visible .ds-task-ref__open, button.ds-task-ref:focus-within .ds-task-ref__open {
  opacity: 1;
  color: var(--color-fg1);
  transform: none;
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .ds-task-ref__open {
    opacity: 1;
    transform: none;
  }
}

.ds-task-ref__caption {
  color: var(--color-fg2);
  --ds-trunc-fade: 28px;
  font-size: 12px;
  line-height: 18px;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .ds-task-ref, .ds-task-ref__open {
    transition: none;
  }
}

.ds-task-breadcrumb {
  width: 100%;
  min-width: 0;
  max-width: 640px;
  font: inherit;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  display: flex;
  position: relative;
}

.ds-task-breadcrumb:focus {
  outline: none;
}

.ds-task-breadcrumb__current {
  --ds-trunc-fade: 24px;
  flex: none;
  min-width: 0;
  max-width: 100%;
}

.ds-task-breadcrumb__context {
  align-items: center;
  min-width: 0;
  max-width: min(280px, 100%);
  margin-inline-start: -8px;
  display: flex;
}

.ds-task-breadcrumb__overflow {
  flex: 0 auto;
  min-width: 0;
  max-width: 100%;
}

.ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent {
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: 28px;
  color: var(--color-fg3);
  --ds-trunc-fade: 16px;
  border-radius: 6px;
  gap: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent:hover, .ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent:active {
  color: var(--color-fg3);
}

.ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent svg {
  color: inherit;
  stroke-width: 1.5px;
  flex: none;
}

.ds-task-breadcrumb__quiet-parent > svg:first-child {
  width: 14px;
  height: 14px;
}

.ds-task-breadcrumb__quiet-parent > svg:last-child:not(:first-child) {
  width: 12px;
  height: 12px;
}

.ds-page-titlebar:has(.ds-task-breadcrumb__context) {
  height: auto;
  min-height: 70px;
  padding-block: 6px;
}

.ds-page-titlebar:has(.ds-task-breadcrumb__context) > .ds-page-titlebar__lead, .ds-page-titlebar:has(.ds-task-breadcrumb__context) > .ds-page-titlebar__actions {
  align-self: flex-start;
  height: 30px;
}

.ds-task-breadcrumb__menu {
  width: min(360px, 100vw - 24px);
}

.ds-task-breadcrumb__menu .ds-mi {
  color: var(--color-fg1);
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
}

.ds-task-breadcrumb__menu .ds-mi > span:not(.ds-mi__ic) {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
  font-family: var(--font-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}

.ds-task-breadcrumb__menu .ds-mi__ic {
  width: 14px;
  height: 14px;
  color: var(--color-fg3);
  margin-top: 4px;
}

.ds-task-breadcrumb__menu .ds-mi__ic svg {
  stroke-width: 1.5px;
  width: 14px;
  height: 14px;
}

@media (max-width: 1024px) {
  .ds-task-breadcrumb {
    max-width: none;
  }
}

:is(.ds-drawer-hd, .ds-card-drawer__hd, .ds-extpanel__hd):has(.ds-task-breadcrumb__context) > :is(.ds-panel__hd-act, .ds-btn, :has( > .ds-panel__hd-act)) {
  align-self: flex-start;
  margin-top: -4px;
}

.ds-drawer-hd:has(.ds-task-breadcrumb__context) > :is(.ds-panel__hd-act, .ds-btn, :has( > .ds-panel__hd-act)) {
  margin-top: -6.4px;
}

:is(.ds-panel__hd-title, .ds-card-drawer__title, .ds-extpanel__title):has(.ds-task-breadcrumb) {
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
}

@media (min-width: 601px) {
  .ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent {
    font-size: 14px;
  }
}

.ds-calldoor:hover {
  box-shadow: inset 0 0 0 1px #1018281f, 0 6px 16px -6px #191f3447, 0 2px 6px #1018280f;
}

.ds-calldoor__go {
  appearance: none;
  cursor: pointer;
  text-align: left;
  color: var(--color-ink-900);
  background: none;
  border: 0;
  align-items: center;
  gap: 10px;
  padding: 0;
  display: flex;
}

.ds-calldoor__go:focus-visible {
  border-radius: 10px;
}

.ds-calldoor__tile {
  clip-path: inset(0 round 10px);
  width: 46px;
  box-shadow: none;
  border-radius: 10px;
  flex: none;
}

.ds-calldoor__txt {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.ds-calldoor__txt b {
  font: 600 13.5px var(--font-sans);
}

.ds-calldoor__txt i {
  font-style: normal;
  font: 400 12px var(--font-sans);
  color: var(--color-slate-600, #5e6b78);
}

.ds-calldoor__call.ds-btn {
  background: var(--color-surface-hover);
  transition: background var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
  align-self: center;
}

.ds-calldoor__call.ds-btn svg {
  color: var(--color-slate-600, #5e6b78);
  transition: color var(--ds-ease-hover);
}

.ds-calldoor:hover .ds-calldoor__call.ds-btn, .ds-calldoor:focus-within .ds-calldoor__call.ds-btn {
  background: var(--color-success-500);
  box-shadow: var(--shadow-button);
}

.ds-calldoor:hover .ds-calldoor__call.ds-btn svg, .ds-calldoor:focus-within .ds-calldoor__call.ds-btn svg {
  color: #fff;
}

.ds-calldoor .ds-calldoor__call.ds-btn:hover {
  background: var(--color-success-800);
}

.ds-calldoor .ds-calldoor__call.ds-btn:hover svg {
  color: #fff;
}

.ds-calldoor.is-disabled {
  opacity: .55;
  cursor: not-allowed;
}

.ds-calldoor.is-disabled button {
  cursor: not-allowed;
}

.ds-calldoor.is-disabled:hover {
  box-shadow: inset 0 0 0 1px #1018281a, 0 2px 6px #1018280f;
}

.ds-calldoor.is-disabled .ds-calldoor__tile {
  filter: grayscale();
}

.ds-calldoor.is-disabled .ds-calldoor__call.ds-btn, .ds-calldoor.is-disabled .ds-calldoor__call.ds-btn:hover {
  background: var(--color-surface-hover);
  box-shadow: none;
}

.ds-calldoor.is-disabled .ds-calldoor__call.ds-btn svg, .ds-calldoor.is-disabled .ds-calldoor__call.ds-btn:hover svg {
  color: var(--color-slate-600, #5e6b78);
}

.ds-voicewave {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  height: 26px;
  display: flex;
}

.ds-voicewave__bar {
  width: 2px;
  height: var(--p, 3px);
  background: var(--color-ink-900);
  transform-origin: center;
  border-radius: 2px;
  flex: none;
  transition: height .2s;
}

.ds-voicewave--line {
  flex: 1 0 auto;
  height: 1lh;
}

.ds-voicewave--line .ds-voicewave__bar {
  height: min(calc(var(--p, 3px) * 1.5), 26px);
}

.ds-callcomposer__strip {
  align-items: center;
  padding: 0 10px 4px;
  display: flex;
}

.ds-callcomposer {
  --ds-composer-pad-t: 8px;
  padding-top: 8px;
}

.ds-callcomposer .ds-composer__bar {
  padding-left: 10px;
  padding-right: 10px;
}

.ds-callcomposer--compact {
  --ds-composer-pad-t: 10px;
  padding-top: 10px;
}

.ds-callcomposer--compact .ds-composer__input {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.ds-callcomposer__mute.is-muted {
  color: var(--color-danger-500);
}

.ds-callcomposer__group {
  border-radius: var(--radius-lg);
  transition: background var(--ds-ease-hover);
  align-items: center;
  display: inline-flex;
}

.ds-callcomposer__group:hover, .ds-callcomposer__group:has(.ds-calldevices__caret[aria-expanded="true"]) {
  background: var(--color-surface-page);
}

.ds-callcomposer__group .ds-btn--ghost:hover:not(:disabled), .ds-callcomposer__group .ds-btn--ghost:active:not(:disabled), .ds-callcomposer__group .ds-btn--ghost.is-active, .ds-callcomposer__group:has(.ds-calldevices__caret.is-disabled:hover) {
  background: none;
}

.ds-calldevices__caret {
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 32px;
  padding: 0 8px 0 0;
  display: inline-flex;
}

.ds-calldevices__caret.is-disabled {
  color: var(--color-ink-400);
  cursor: default;
}

@media (max-width: 767px), (pointer: coarse) {
  .ds-calldevices__caret {
    position: relative;
  }

  .ds-calldevices__caret:after {
    content: "";
    height: 44px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
}

.ds-calldevices__menu {
  min-width: 236px;
}

.ds-callcard__end {
  flex: none;
  position: relative;
}

.ds-callcard__end:before {
  content: "";
  border-radius: 14px;
  position: absolute;
  inset: -6px;
}

.ds-endedcall__note {
  margin-top: 2px;
  display: block;
}

.ds-endedcall__skel {
  flex-direction: column;
  gap: 12px;
  padding: 2px 2px 6px;
  display: flex;
}

.ds-endedcall__skel-you {
  align-self: flex-end;
}

.ds-endedcall__convo {
  max-height: 300px;
  padding: 2px 2px 0;
}

.ds-endedcall .ds-endedcall__convo {
  --ds-turn-gap: 12px;
}

.ds-endedcall__trace {
  margin: 0 0 14px;
}

.ds-endedcall__convo [data-at].is-seeked {
  background: var(--color-surface-muted);
  box-shadow: 0 0 0 6px var(--color-surface-muted);
  border-radius: 6px;
}

.ds-plan-offer {
  border: 1px solid var(--color-line);
  transition: border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
  box-sizing: border-box;
  background: #fff;
  border-radius: 16px;
  flex-direction: column;
  padding: 18px;
  display: flex;
  position: relative;
}

.ds-plan-offer--highlighted {
  background: linear-gradient(#fff, #fff) padding-box, var(--brand-gradient-cta) border-box;
  border: 1.5px solid #0000;
  box-shadow: 0 8px 24px #ff5f341a;
}

.ds-plan-offer__tag {
  border-radius: var(--radius-md);
  background: var(--brand-gradient-cta);
  color: #fff;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.ds-plan-offer__tag--neutral {
  background: var(--color-surface-muted-2);
  color: var(--color-slate-600);
  box-shadow: none;
}

.ds-plan-offer__name {
  color: var(--color-ink-900);
  font-size: 15px;
  font-weight: 600;
}

.ds-plan-offer__price {
  align-items: baseline;
  gap: 4px;
  margin: 8px 0 2px;
  display: flex;
}

.ds-plan-offer__amount {
  letter-spacing: -.02em;
  color: var(--color-ink-900);
  font-size: 28px;
  font-weight: 600;
}

.ds-plan-offer__unit {
  color: var(--color-slate-600);
  font-size: 13px;
}

.ds-plan-offer__desc {
  color: var(--color-slate-600);
  min-height: 34px;
  font-size: 12.5px;
  line-height: 1.45;
}

.ds-plan-offer__list {
  flex-direction: column;
  flex: 1;
  gap: 9px;
  margin: 14px 0 16px;
  padding: 0;
  list-style: none;
  display: flex;
}

.ds-plan-offer__list li {
  color: var(--color-ink-800);
  align-items: flex-start;
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.4;
  display: flex;
}

.ds-plan-offer__list li svg {
  color: var(--color-success-500);
  stroke-width: 2.4px;
  flex: none;
  margin-top: 1px;
}

.ds-plan-offer__seat {
  justify-content: center;
  align-items: center;
  min-height: 36px;
  display: flex;
}

.ds-plans__toggle {
  align-items: center;
  gap: 14px;
  display: flex;
}

.ds-modal-hd .ds-plans__toggle {
  flex-wrap: wrap;
  gap: 8px 10px;
  margin-top: 12px;
}

.ds-plans__window {
  padding-top: 24px;
  container-type: inline-size;
}

.ds-plans__cards {
  justify-content: center;
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

@media (prefers-reduced-motion: no-preference) {
  .ds-plans__cards {
    animation: .22s ease-out ds-fade-in;
  }
}

.ds-plans__undo {
  font: inherit;
  color: var(--color-ink-900);
  text-underline-offset: 2px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 600;
  text-decoration: underline;
}

.ds-plans__card {
  box-sizing: border-box;
  border: 1px solid var(--color-line);
  min-width: 0;
  max-width: 400px;
  min-height: 650px;
  box-shadow: var(--shadow-xs);
  transition: transform var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
  background: #fff;
  border-radius: 16px;
  flex: 1 1 0;
  padding: 18px;
  position: relative;
  overflow: hidden;
}

.ds-plans__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px #1d263021;
}

.ds-plans__card > * {
  z-index: 1;
  position: relative;
}

.ds-plans__card--pop {
  box-shadow: var(--shadow-elevation);
  overflow: visible;
}

.ds-plans__card--pop:hover {
  box-shadow: 0 22px 48px #1d263029;
}

.ds-plans__card--current:hover {
  box-shadow: var(--shadow-xs);
  transform: none;
}

.ds-plans__card .ds-plans__mascot, .ds-plans__card .ds-plans__price, .ds-plans__card .ds-plans__feats {
  transition: opacity var(--ds-ease-hover);
}

.ds-plans__card--current .ds-plans__mascot, .ds-plans__card--current .ds-plans__price, .ds-plans__card--current .ds-plans__feats {
  opacity: .6;
}

.ds-plans__seat {
  justify-content: center;
  align-items: center;
  height: 32px;
  display: flex;
}

.ds-plans__tag {
  border-radius: var(--radius-md);
  background: var(--brand-gradient);
  color: #fff;
  letter-spacing: .02em;
  white-space: nowrap;
  align-items: center;
  width: fit-content;
  height: 24px;
  margin: -31px auto 10px;
  padding: 0 12px;
  font-size: 11.5px;
  font-weight: 700;
  display: flex;
  box-shadow: 0 6px 18px #e43cff38, 0 4px 12px #ff5f3442;
}

.ds-plans__name {
  font: 600 22px / 1.2 var(--font-sans);
  letter-spacing: -.01em;
  color: var(--color-ink-900);
}

.ds-plans__price {
  align-items: flex-end;
  gap: 5px;
  margin: 14px 0;
  display: flex;
}

.ds-plans__amount {
  font: 600 40px / 1 var(--font-sans);
  letter-spacing: -.02em;
  color: var(--color-ink-900);
}

.ds-plans__per {
  color: var(--color-slate-600);
  padding-bottom: 4px;
  font-size: 14px;
}

.ds-plans__per small {
  color: var(--color-ink-400);
  font-size: 11px;
  display: block;
}

.ds-plans__pick {
  margin-bottom: 14px;
  display: flex;
}

.ds-plans__pick--ghost {
  visibility: hidden;
  pointer-events: none;
  height: 36px;
}

.ds-plans__renew {
  text-align: center;
  color: var(--color-ink-400);
  margin-top: 10px;
  font-size: 12px;
}

.ds-plans__divider {
  background: var(--color-hairline, var(--color-line));
  height: 1px;
  margin: 14px 0;
}

.ds-plans__feats {
  flex-direction: column;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ds-plans__feats li {
  color: var(--color-ink-800);
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
}

.ds-plans__feats li svg {
  color: var(--color-success-500);
  stroke-width: 2.4px;
  flex: none;
  margin-top: 2px;
}

.ds-plans__mascot {
  transform-origin: bottom;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)scale(.98);
}

.ds-plans__mascot--pro {
  background-position: 50% 26.527%;
  background-repeat: no-repeat;
  background-size: 100% 132.41%;
  width: 300px;
  height: 226px;
}

.ds-plans__mascot--business {
  background-position: 50% 1.469%;
  background-repeat: no-repeat;
  background-size: 100% 146.964%;
  width: 348px;
  height: 237px;
}

.ds-plans__mascot--enterprise {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 199px;
  height: 251px;
}

@container (max-width: 700px) {
  .ds-plans__amount {
    font-size: 34px;
  }

  .ds-plans__toggle {
    gap: 10px;
  }

  .ds-plans__cards {
    flex-direction: column;
    align-items: stretch;
    max-width: 420px;
  }

  .ds-plans__card {
    flex: none;
    max-width: 100%;
    min-height: 0;
    padding-bottom: 165px;
  }

  .ds-plans__card--pop {
    margin-top: 20px;
  }

  .ds-plans__mascot--pro {
    width: 176px;
    height: 132px;
  }

  .ds-plans__mascot--business {
    width: 203px;
    height: 138px;
  }

  .ds-plans__mascot--enterprise {
    width: 116px;
    height: 146px;
  }
}

@container (min-width: 701px) and (max-width: 790px) {
  .ds-plans__pick .ds-plans__pick-per {
    display: none;
  }
}

.ds-save-action {
  transition: opacity var(--ds-ease-hover), visibility var(--ds-ease-hover), background var(--ds-ease-hover), box-shadow var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover);
}

.ds-save-action--idle {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .ds-save-action {
    transition: none;
  }
}

.ds-impact {
  display: block;
}

.ds-impact__fold {
  grid-template-rows: 1fr;
  transition: grid-template-rows .22s, opacity .16s;
  display: grid;
}

.ds-impact__fold > div {
  min-height: 0;
}

.ds-impact--emptied .ds-impact__fold {
  opacity: 0;
  grid-template-rows: 0fr;
}

.ds-impact--emptied .ds-impact__fold > div {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ds-impact__fold {
    transition: none;
  }
}

.ds-pay {
  max-height: calc(100% - 32px);
}

.ds-pay__ft.ds-modal-ft {
  background: #fff;
  flex: none;
}

.ds-pay__safe {
  color: var(--color-slate-500);
  text-wrap: pretty;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.ds-pay__safe svg {
  flex: none;
  margin-top: 1px;
}

.ds-pay__msg {
  color: var(--color-ink-900);
  align-items: flex-start;
  gap: 6px;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.45;
  display: flex;
}

.ds-pay__msg svg {
  color: var(--color-slate-500);
  flex: none;
  margin-top: 2px;
}

@media (prefers-reduced-motion: no-preference) {
  .ds-pay__msg {
    animation: .22s ease-out ds-fade-in;
  }
}

.ds-pay__terms {
  color: var(--color-slate-500);
  text-wrap: pretty;
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
}

@container (max-width: 560px) {
  .ds-pay-scrim.ds-modal-scrim {
    align-items: stretch;
    padding: 0;
    position: fixed;
  }

  .ds-pay.ds-modal {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .ds-pay__ft.ds-modal-ft {
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 560px) {
  .ds-pay-scrim.ds-modal-scrim {
    align-items: stretch;
    padding: 0;
    position: fixed;
  }

  .ds-pay.ds-modal {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .ds-pay__ft.ds-modal-ft {
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
  }
}

.ds-pay__seat {
  position: relative;
}

.ds-pay__form-host {
  transition: opacity .18s;
}

.ds-pay__seat[data-form="loading"] > .ds-pay__form-host {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  inset: 0 0 auto;
}

.ds-pay__shimmer {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ds-pay__shimmer-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  display: grid;
}

.ds-pay__shimmer-row > div {
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  display: flex;
}

@media (prefers-reduced-motion: reduce) {
  .ds-pay__form-host {
    transition: none;
  }
}

.ds-pay--ledger.ds-modal {
  grid-template: "ledger head"
                 "ledger body" minmax(0, 1fr)
                 "ledger foot"
                 / 280px minmax(0, 1fr);
  max-height: calc(100% - 32px);
  display: grid;
}

.ds-pay--ledger > .ds-modal-hd {
  grid-area: head;
}

.ds-pay--ledger .ds-pay__ledger {
  border-right: 1px solid var(--color-line);
  min-height: 0;
  font-family: var(--font-sans);
  background: #fff;
  flex-direction: column;
  grid-area: ledger;
  gap: 10px;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.ds-pay--ledger .ds-pay__ledger p {
  margin: 0;
}

.ds-pay__lplan {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ds-pay__lplan b {
  letter-spacing: -.01em;
  color: var(--color-ink-900);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}

.ds-pay__lplan span {
  color: var(--color-fg-slate);
  font-size: 14px;
  line-height: 1.5;
}

.ds-pay__lprice {
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  color: var(--color-ink-900);
  align-items: baseline;
  gap: 3px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  margin-top: 6px !important;
}

.ds-pay__choice {
  min-width: 0;
}

.ds-pay__lprice small {
  letter-spacing: 0;
  color: var(--color-fg-slate);
  font-size: 14px;
  font-weight: 500;
}

.ds-pay__lnote {
  color: var(--color-slate-600);
  font-size: 14px;
  line-height: 1.5;
  margin-top: 6px !important;
}

.ds-pay__due {
  border-top: 1px solid var(--color-line);
  color: var(--color-fg-slate);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-top: 14px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  margin-top: 8px !important;
}

.ds-pay__due b {
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  color: var(--color-ink-900);
  font-size: 16px;
  font-weight: 600;
}

.ds-pay--ledger .ds-pay__ledger .ds-pay__safe {
  padding-top: 14px;
  font-size: 13px;
  line-height: 1.45;
  margin-top: auto !important;
}

.ds-pay--ledger .ds-pay__body {
  grid-area: body;
  min-height: 0;
  scroll-padding: 16px 0;
  display: block;
  overflow: auto;
}

.ds-pay--ledger .ds-pay__msg {
  font-size: 14px;
}

.ds-pay--ledger .ds-pay__ft.ds-modal-ft {
  flex-direction: column;
  grid-area: foot;
  align-items: stretch;
  gap: 12px;
  display: flex;
}

.ds-pay--ledger .ds-pay__ft .ds-btn {
  height: 44px;
}

@container (max-width: 720px) {
  .ds-pay--ledger.ds-modal {
    grid-template: "head"
                   "ledger"
                   "body" minmax(0, 1fr)
                   "foot"
                   / minmax(0, 1fr);
  }

  .ds-pay--ledger .ds-pay__ledger {
    border-right: 0;
    border-top: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line);
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "plan price"
                         "choice choice"
                         "due due"
                         "note note"
                         "safe safe";
    align-items: center;
    gap: 6px 16px;
    padding: 14px 20px;
    display: grid;
  }

  .ds-pay--ledger .ds-pay__due {
    grid-area: due;
    padding-top: 10px;
    margin-top: 4px !important;
  }

  .ds-pay--ledger .ds-pay__lplan {
    grid-area: plan;
  }

  .ds-pay--ledger .ds-pay__choice {
    grid-area: choice;
  }

  .ds-pay--ledger .ds-pay__lprice {
    grid-area: price;
    font-size: 26px;
    margin-top: 0 !important;
  }

  .ds-pay--ledger .ds-pay__lnote {
    grid-area: note;
    margin-top: 0 !important;
  }

  .ds-pay--ledger .ds-pay__ledger .ds-pay__safe {
    grid-area: safe;
    padding-top: 0;
    margin-top: 0 !important;
  }

  .ds-pay--ledger .ds-pay__body {
    padding-top: 20px;
  }
}

@media (max-width: 720px) {
  .ds-pay--ledger.ds-modal {
    grid-template: "head"
                   "ledger"
                   "body" minmax(0, 1fr)
                   "foot"
                   / minmax(0, 1fr);
  }

  .ds-pay--ledger .ds-pay__ledger {
    border-right: 0;
    border-top: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line);
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "plan price"
                         "choice choice"
                         "due due"
                         "note note"
                         "safe safe";
    align-items: center;
    gap: 6px 16px;
    padding: 14px 20px;
    display: grid;
  }

  .ds-pay--ledger .ds-pay__due {
    grid-area: due;
    padding-top: 10px;
    margin-top: 4px !important;
  }

  .ds-pay--ledger .ds-pay__lplan {
    grid-area: plan;
  }

  .ds-pay--ledger .ds-pay__choice {
    grid-area: choice;
  }

  .ds-pay--ledger .ds-pay__lprice {
    grid-area: price;
    font-size: 26px;
    margin-top: 0 !important;
  }

  .ds-pay--ledger .ds-pay__lnote {
    grid-area: note;
    margin-top: 0 !important;
  }

  .ds-pay--ledger .ds-pay__ledger .ds-pay__safe {
    grid-area: safe;
    padding-top: 0;
    margin-top: 0 !important;
  }

  .ds-pay--ledger .ds-pay__body {
    padding-top: 20px;
  }
}

@container (max-width: 560px) {
  .ds-pay-scrim--sheet.ds-modal-scrim {
    align-items: flex-end;
  }

  .ds-pay--ledger.ds-modal {
    border-radius: 16px 16px 0 0;
    width: 100%;
    height: auto;
    max-height: 100%;
  }

  .ds-pay--ledger .ds-pay__ledger {
    padding: 12px 20px;
  }
}

@media (max-width: 560px) {
  .ds-pay-scrim--sheet.ds-modal-scrim {
    align-items: flex-end;
  }

  .ds-pay--ledger.ds-modal {
    border-radius: 16px 16px 0 0;
    width: 100%;
    height: auto;
    max-height: 100%;
  }

  .ds-pay--ledger .ds-pay__ledger {
    padding: 12px 20px;
  }
}

.ds-limits {
  flex-direction: column;
  display: flex;
}

.ds-limits--ruled {
  border-top: 1px solid var(--color-line);
  margin-top: 28px;
  padding-top: 20px;
}

.ds-limits__head {
  margin-bottom: 16px;
}

.ds-limits__title {
  margin: 0 0 4px;
}

.ds-limit-sub {
  color: var(--color-slate-600);
  font-size: 12.5px;
  line-height: 1.45;
  display: block;
}

.ds-limit-label {
  color: var(--color-ink-900);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.ds-limit-amounts {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 32px;
  display: flex;
}

.ds-limit-amount.ds-field--setting {
  min-width: 148px;
  max-width: none;
  padding: 0;
}

.ds-limit-amount .t-label {
  white-space: nowrap;
}

.ds-limit-amount__box {
  box-sizing: border-box;
  border: 0;
  width: 148px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ds-limit-amount > .ds-edit-box {
  width: 148px;
}

.ds-limit-amount__box:disabled .ds-edit-box {
  background: var(--color-surface-hover);
  border-color: #0000000f;
}

.ds-limit-amount__nolimit .ds-switch {
  --ds-tap-t: 5px;
  --ds-tap-b: 17px;
}

.ds-limit-amount__nolimit {
  color: var(--color-ink-900);
  cursor: pointer;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  margin-top: 1px;
  font-size: 13.5px;
  line-height: 20px;
  display: inline-flex;
}

.ds-limits__tablehead {
  margin: 32px 0 12px;
}

.ds-limit-name {
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.ds-limit-name__text {
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  display: flex;
}

.ds-limit-name__n {
  white-space: nowrap;
  font-weight: 500;
}

.ds-limit-name__s {
  color: var(--color-slate-600);
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.3;
}

.ds-limit-value {
  color: var(--color-ink-900);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 500;
}

.ds-limit-of {
  color: var(--color-slate-600);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

.ds-limit-month {
  flex-direction: column;
  gap: 6px;
  min-width: 140px;
  display: inline-flex;
}

.ds-limit-month .ds-progress {
  width: 140px;
}

.ds-limit-usage {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  display: inline-flex;
}

.ds-limit-person {
  white-space: nowrap;
  vertical-align: bottom;
  color: var(--color-ink-900);
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.ds-limits__go {
  color: var(--color-slate-500);
  opacity: 0;
  transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover);
  margin-left: auto;
  display: block;
  transform: translateX(-2px);
}

@media (hover: none) {
  .ds-limits__go {
    opacity: 1;
    transform: none;
  }
}

.ds-limit-name__session {
  display: none;
}

@container (max-width: 520px) {
  .ds-limits__go {
    opacity: 1;
    transform: none;
  }

  .ds-limits__dt th:nth-child(2), .ds-limits__dt td:nth-child(2) {
    display: none;
  }

  .ds-limit-name__session {
    display: block;
  }

  .ds-limit-name__n, .ds-limit-name__s {
    white-space: normal;
  }

  .ds-limit-month, .ds-limit-month .ds-progress {
    width: 72px;
    min-width: 0;
  }

  .ds-limit-month .ds-limit-of {
    display: block;
  }

  .ds-limit-of__sep {
    display: none;
  }

  .ds-limits__dt table :is(th, td) {
    --ds-dt-pad-l: 8px;
    --ds-dt-pad-r: 8px;
  }

  .ds-limits__dt table :is(th, td):first-child {
    --ds-dt-pad-l: 12px;
  }

  .ds-limits__dt table :is(th, td):last-child {
    --ds-dt-pad-r: 6px;
  }
}

.ds-limits__row--new td {
  animation: .25s cubic-bezier(.22, 1, .36, 1) ds-limits-row-land;
}

@keyframes ds-limits-row-land {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
}

.ds-limits__row--gone td {
  animation: .2s cubic-bezier(.22, 1, .36, 1) forwards ds-limits-row-fold;
}

@keyframes ds-limits-row-fold {
  to {
    opacity: 0;
    transform: translateX(12px);
  }
}

.ds-limit-dialog__body {
  gap: 18px;
}

.ds-limit-dialog__body > * {
  flex: none;
}

.ds-limit-who-menu .ds-menu {
  width: var(--ds-dropdown-anchor-w);
  box-sizing: border-box;
}

.ds-limit-quota {
  border: 1px solid var(--color-line);
  cursor: pointer;
  border-radius: 12px;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 14px;
  display: flex;
}

.ds-limit-quota > span {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.ds-limit-quota .ds-switch {
  flex: none;
  margin-top: 2px;
}

.ds-limit-dcol {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.ds-scroll.ds-limit-dbody {
  flex: auto;
  min-height: 0;
}

.ds-limit-dstack {
  flex-direction: column;
  gap: 16px;
  padding: 4px 18px 24px;
  display: flex;
}

.ds-limit-dkind {
  margin: 0;
}

.ds-limit-dstack > .ds-meter-card {
  width: 100%;
}

.ds-limit-graph {
  margin: 4px 0 0;
}

.ds-section-head.ds-limit-dhead {
  margin: 8px 0 -4px;
}

.ds-limit-fields {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.ds-limit-card + .ds-limit-fields {
  margin-top: 20px;
}

.ds-limit-dfoot {
  flex: none;
  justify-content: flex-start;
  gap: 8px;
  padding: 10px 16px 16px;
  display: flex;
}

.ds-scroll--fade + .ds-limit-dfoot {
  padding-top: 0;
}

.ds-limit-card__block {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ds-limit-card__label {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ds-limit-card__under {
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.ds-limit-card__hint {
  color: var(--color-slate-600);
  margin: 10px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.ds-limit-card__skel {
  max-width: 100%;
}

@container ds-subshell (max-width: 768px) {
  .ds-limit-card__skel {
    --ds-limit-skel-w: 100%;
  }
}

.ds-cancel-plan__step {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.ds-cancel-plan__plans {
  gap: 12px;
  display: grid;
}

.ds-cancel-plan__plans--two {
  grid-template-columns: 1fr 1fr;
}

@container ds-subshell (max-width: 768px) {
  .ds-cancel-plan__plans--two {
    grid-template-columns: 1fr;
  }
}

@container ds-subshell (max-width: 560px) {
  .ds-cancel-plan-scrim.ds-modal-scrim {
    align-items: stretch;
    padding: 0;
    position: fixed;
  }

  .ds-cancel-plan.ds-modal {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
  }

  .ds-cancel-plan__ft > * {
    flex: 1 1 0;
    min-width: 0;
  }
}

.bap-panel {
  flex-direction: column;
  width: 100%;
  max-width: 294px;
  margin-inline: auto;
  display: flex;
  position: relative;
}

.bap-hd {
  padding: 10px 13px 8px;
}

.bap-xbtn {
  margin: -2px;
}

.bap-xmodal {
  width: min(92%, 1180px, 160dvh - 192px);
}

.bap-panel.is-tile {
  background: #ffffffb8;
  border: 1px solid #ffffffb3;
  border-radius: 14px;
  width: 44px;
  max-width: none;
  height: 44px;
  margin-inline: 0;
  box-shadow: 0 4px 14px #1d263029;
}

.bap-panel[data-morph] {
  max-width: none;
  width: var(--ds-rail-w, 100%);
  height: var(--ds-rail-h);
  margin-inline: 0;
}

.bap-panel--expanded {
  border-radius: 20px;
  max-width: none;
}

.bap-panel--expanded .bap-hd {
  padding: 14px 18px 10px;
}

.bap-panel--expanded .bap-bbody {
  padding: 0 18px 18px;
}

.bap-sheet {
  flex: auto;
  min-height: 0;
}

.bap-sheet__in {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  padding: 4px 12px 12px;
  display: flex;
}

.bap-sheet__bar {
  flex: none;
  padding: 0 12px 16px;
}

.bap-sheet__bar .ds-tc-bar {
  width: auto;
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
}

.bap-sheet--keyboard + .bap-sheet__bar {
  padding-bottom: 12px;
}

.bap-stopbtn {
  color: var(--color-ink-600);
  flex-shrink: 0;
  margin-left: auto;
}

.bap-stopbtn-sq {
  background: var(--color-danger-500, #e5484d);
  border-radius: 2px;
  flex: none;
  width: 9px;
  height: 9px;
  margin-left: -2px;
  padding-block: 0;
}

.bap-tabstrip {
  z-index: 2;
  align-items: flex-end;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
  padding: 0 6px;
  display: flex;
  position: relative;
}

.bap-tab {
  border: 1px solid var(--color-line);
  min-width: 0;
  height: 30px;
  color: var(--color-ink-600);
  font-family: var(--font-sans);
  cursor: pointer;
  transition: background var(--ds-ease-hover), color var(--ds-ease-hover);
  background: #ffffff80;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  font-size: 12px;
  display: inline-flex;
}

@media (max-width: 767px), (pointer: coarse) {
  .bap-tab, .bap-wdock .bap-mhd {
    position: relative;
  }

  .bap-tab:after, .bap-wdock .bap-mhd:after {
    content: "";
    position: absolute;
    inset: -4px -1px;
  }

  .bap-wdock .bap-mhd {
    isolation: isolate;
  }

  .bap-wdock .bap-mhd:after {
    z-index: -1;
  }
}

.bap-tab:not(.bap-tab--active):hover {
  background: #fffc;
}

.bap-tab--active {
  color: var(--color-ink-900);
  background: #fff;
  height: 32px;
  margin-bottom: -1px;
  font-weight: 500;
}

.bap-tab--muted {
  color: var(--color-ink-400);
}

.bap-tab--muted .bap-tab-fv {
  filter: grayscale();
  opacity: .65;
}

.bap-tab-fv {
  flex: none;
  width: 13px;
  height: 13px;
  transition: filter .15s, opacity .15s;
  display: block;
}

.bap-tab-ask {
  color: var(--color-ink-900);
  flex: none;
  animation: .2s both bap-tab-ask-in;
}

@keyframes bap-tab-ask-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.bap-tab-end {
  color: var(--color-ink-600);
  animation: .2s both bap-tab-ask-in;
}

@media (prefers-reduced-motion: reduce) {
  .bap-tab-fv {
    transition: none;
  }

  .bap-tab-ask, .bap-tab-end {
    animation: none;
  }
}

.bap-tab-label {
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.bap-tab--more {
  color: var(--color-ink-600);
  flex: none;
  gap: 5px;
  font-weight: 500;
}

.bap-tabstrip > .bap-more {
  flex: none;
}

.bap-fv-spin {
  border: 2px solid var(--color-slate-200, #e2e7ec);
  border-top-color: var(--color-slate-500, #7a8694);
  background: none;
  border-radius: 999px;
  flex: none;
  width: 12px;
  height: 12px;
  display: inline-block;
}

.bap-bbody {
  padding: 0 13px 13px;
}

.bap-bbody .bap-tabstrip {
  padding-left: 4px;
  padding-right: 0;
}

.bap-bchrome {
  z-index: 1;
  border: 1px solid var(--color-line);
  box-shadow: var(--shadow-button);
  background: #fff;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.bap-viewer {
  aspect-ratio: 8 / 5;
  background: #f5f7fa;
  position: relative;
  overflow: hidden;
}

.bap-viewer--loading {
  aspect-ratio: auto;
  background: #f5f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  height: 212px;
  padding: 14px;
  display: flex;
}

.bap-page {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  transition: var(--bap-page-transition, filter .3s ease, opacity .3s ease);
  display: block;
}

.bap-panel--inactive .bap-page {
  filter: grayscale();
  opacity: .5;
}

.bap-panel--stopped .bap-page {
  filter: grayscale(.5);
  opacity: .8;
}

.bap-viewer--reopening .bap-page {
  filter: grayscale();
}

.bap-viewer--loading > * {
  flex-shrink: 0;
}

.bap-paused {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(to top, #0f141a57, #0f141a0a);
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0;
}

.bap-panel--stopped .bap-paused {
  opacity: 1;
}

.bap-viewer--handoff {
  box-sizing: border-box;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 14px;
  display: flex;
}

.bap-handoff-title {
  font-family: var(--font-sans);
  color: var(--color-ink-900);
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
}

.bap-handoff-sub {
  font-family: var(--font-sans);
  color: var(--color-fg3);
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 1.4;
}

.bap-viewer--closed .bap-page {
  filter: grayscale();
  opacity: .55;
}

@media (prefers-reduced-motion: no-preference) {
  .brh-player .bap-reopen {
    animation: .22s ease-out ds-fade-in;
  }
}

.bap-reopen {
  background: #f5f7fa59;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  inset: 0;
}

.bap-door {
  z-index: 3;
  opacity: 0;
  background: linear-gradient(to top, #0f141a9e, #0f141a00);
  justify-content: flex-end;
  padding: 22px 12px 12px;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.bap-viewer:hover .bap-door {
  opacity: 1;
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .bap-door {
    opacity: 1;
  }
}

.bap-door[data-called] {
  opacity: 1;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
}

.bap-door[data-called] .ds-btn {
  opacity: 1;
  transform: none;
}

.bap-door__note {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-family: var(--font-sans);
  color: #fff;
  text-align: right;
  background: #0d11169e;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.bap-glass {
  cursor: pointer;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  font-family: var(--font-sans);
  transition: background var(--ds-ease-hover), transform .16s ease, opacity .16s ease;
  background: #0d11169e;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.bap-glass:hover {
  background: #0d1116cc;
}

.bap-door .ds-btn {
  opacity: 0;
  transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover), background var(--ds-ease-hover), box-shadow var(--ds-ease-hover), border-color var(--ds-ease-hover), color var(--ds-ease-hover);
  transform: translateY(2px);
}

.bap-viewer:hover .bap-door .ds-btn {
  opacity: 1;
  transform: none;
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .bap-door, .bap-door .ds-btn {
    opacity: 1;
    transform: none;
  }
}

.bap-runtime {
  vertical-align: -2px;
  color: var(--color-fg3);
  align-items: center;
  margin-left: 6px;
  display: inline-flex;
}

.bap-took {
  z-index: 4;
  border-radius: var(--radius-control);
  background: var(--color-surface, #fff);
  font-family: var(--font-sans);
  color: var(--color-ink-900);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 1px 3px #0f141a29;
}

.bap-viewer .bap-framelayer {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.bap-viewer .bap-linestrip {
  z-index: 4;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
}

.bap-viewer .bap-agepill {
  z-index: 4;
  cursor: default;
  position: absolute;
  bottom: 12px;
  left: 10px;
}

.bap-wdock {
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  display: flex;
  position: relative;
}

.bap-wdock > * {
  width: 100%;
  min-width: 0;
}

.bap-wdock .bap-pillwrap {
  align-self: flex-end;
  width: auto;
}

.bap-wdock .bap-mcard {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow: visible;
}

.bap-wdock .bap-mhd {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 9px;
  margin-top: -4px;
  display: flex;
}

.bap-wdock .bap-mhd-icon {
  color: var(--color-slate-600);
  display: inline-flex;
}

.bap-wdock .bap-mhd-icon svg {
  width: 17px;
  height: 17px;
}

.bap-wdock .bap-mhd-title {
  font-family: var(--font-serif);
  color: var(--color-ink-900);
  flex: 1;
  min-width: 0;
  font-size: 16px;
}

.bap-wdock .bap-mhd-chevron {
  color: var(--color-ink-900);
  margin: -6px -2px -6px 0;
  padding: 6px;
  display: inline-flex;
}

.bap-wdock .bap-mhd-chevron svg {
  width: 17px;
  height: 17px;
}

.bap-wdock .bap-mcard .bap-tab {
  background: #ffffffbf;
}

.bap-wdock .bap-mpill {
  padding: 0;
  position: relative;
  overflow: hidden;
}

.bap-wdock .bap-mpill-chg {
  opacity: 0;
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  max-width: 0;
  transition: max-width .45s cubic-bezier(.32, .72, .3, 1), opacity .28s 50ms, padding .45s cubic-bezier(.32, .72, .3, 1);
  display: inline-flex;
  overflow: hidden;
}

.bap-wdock .bap-mpill--acting .bap-mpill-chg {
  opacity: 1;
  max-width: 200px;
  padding-left: 14px;
}

.bap-wdock .bap-mpill-ct {
  font-family: var(--font-sans);
  color: var(--color-ink-900);
  font-size: 13px;
}

.bap-wdock .bap-mpill-fv {
  object-fit: contain;
  flex: none;
  width: 20px;
  height: 20px;
  display: block;
}

.brh-panel {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.brh-panel--rail {
  max-width: 294px;
  margin-inline: auto;
}

.brh-hd {
  gap: 8px;
  padding: 10px 13px 8px;
}

.brh-body {
  padding: 2px 13px 13px;
}

.brh-stop {
  color: var(--color-ink-600);
  flex-shrink: 0;
  margin-left: auto;
}

.brh-stop__sq {
  background: var(--color-danger-500, #e5484d);
  border-radius: 2px;
  flex: none;
  width: 9px;
  height: 9px;
  margin-left: -2px;
  padding-block: 0;
}

.brh-live {
  aspect-ratio: 8 / 5;
  border: 1px solid var(--color-line);
  background: #f5f7fa;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.brh-live__shot {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes brh-fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.brh-fade {
  animation: .18s ease-out brh-fadein;
}

@keyframes brh-livepulse {
  0%, 100% {
    box-shadow: 0 0 #ff5f3400;
  }

  50% {
    box-shadow: 0 0 calc(var(--brh-strip-gap)  - 2px) 0px #ff5f3461;
  }
}

.brh-lthumb {
  cursor: pointer;
  background: linear-gradient(#fff, #fff) padding-box, var(--brand-gradient) border-box;
  width: 92px;
  height: 48px;
  transition: opacity var(--ds-ease-hover);
  opacity: .9;
  border: 1.5px solid #0000;
  border-radius: 8px;
  flex: none;
  padding: 0;
  animation: 2.4s ease-in-out infinite brh-livepulse;
  position: relative;
  overflow: hidden;
}

.brh-lthumb:hover, .brh-lthumb--act {
  opacity: 1;
}

.brh-lthumb .brh-thumb__shot {
  border-radius: 6px;
}

.brh-lthumb__badge {
  color: #fff;
  height: 15px;
  font-family: var(--font-sans);
  letter-spacing: .06em;
  background: #0f141ab8;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 0 5px;
  font-size: 8.5px;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.brh-lthumb__dot {
  background: var(--color-accent-green);
  border-radius: 999px;
  width: 5px;
  height: 5px;
}

.brh-player--noshot {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  display: flex;
}

.brh-player--noshot .bap-reopen {
  background: none;
  position: static;
}

.brh-player__site {
  font-family: var(--font-sans);
  color: var(--color-fg3);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.brh-player__site img {
  border-radius: 3px;
  width: 16px;
  height: 16px;
}

.brh-player__site--top {
  position: absolute;
  top: calc(50% - 38px);
  left: 50%;
  transform: translate(-50%, -50%);
}

.brh-thumb__noshot {
  background: #f5f7fa;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.brh-thumb__noshot img {
  border-radius: 4px;
  width: 18px;
  height: 18px;
}

.brh-player.bap-viewer--closed .bap-reopen {
  text-align: center;
  background: #f5f7fae0;
  padding: 0 16px;
}

.brh-player {
  aspect-ratio: 8 / 5;
  border: 1px solid var(--color-line);
  background: #f5f7fa;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.brh-player__shot {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.brh-player__video {
  object-fit: cover;
  object-position: top;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.brh-player__video--on {
  opacity: 1;
}

.ds-video-veil {
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--ds-ease-hover);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

:hover > .ds-video-veil, :focus-within > .ds-video-veil, .ds-video-veil--paused, .ds-video-veil--shown {
  opacity: 1;
}

.ds-video-veil:before {
  content: "";
  -webkit-backdrop-filter: saturate(.85) brightness(.97);
  backdrop-filter: saturate(.85) brightness(.97);
  background: linear-gradient(#10182000 55%, #1018200d 72%, #10182024 86%, #1018204d 100%);
  position: absolute;
  inset: 0;
}

.ds-video-veil__seat {
  scale: var(--ds-video-veil-scale, 1);
  pointer-events: auto;
  position: relative;
}

.ds-video-veil__btn {
  cursor: pointer;
  width: 48px;
  height: 48px;
  color: var(--color-ink-900);
  -webkit-backdrop-filter: blur(.6px) saturate(150%) brightness(1.04);
  backdrop-filter: blur(.6px) saturate(150%) brightness(1.04);
  transition: transform var(--ds-ease-hover), background var(--ds-ease-hover), box-shadow var(--ds-ease-hover);
  background: linear-gradient(135deg, #ffffff1f, #f5f8fc08);
  border: 0;
  border-radius: 999px;
  place-items: center;
  padding: 0;
  display: grid;
  position: relative;
  box-shadow: inset .5px .5px 1px #fffffff2, inset -.5px -.5px 1px #ffffff47, 0 2px 6px #0f172a24, 0 12px 30px #0f172a38;
}

.ds-video-veil__btn:before {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  -webkit-mask-composite: xor, source-over;
  background: linear-gradient(140deg, #fffffff2, #ffffff40 30%, #fff0 55%, #ffffff73);
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor, source-over;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

@media (hover: hover) and (pointer: fine) {
  .ds-video-veil__btn:hover {
    background: linear-gradient(135deg, #fff3, #f5f8fc0f);
    transform: scale(1.06);
    box-shadow: inset .5px .5px 1px #fffffff2, inset -.5px -.5px 1px #ffffff52, 0 3px 8px #0f172a29, 0 16px 36px #0f172a42;
  }
}

.ds-video-veil__btn:active {
  transform: scale(.96);
}

.ds-video-veil__btn:focus-visible {
  box-shadow: inset .5px .5px 1px #fffffff2, 0 12px 30px #0f172a38, var(--shadow-field-focus);
  outline: none;
}

.ds-video-veil__btn svg {
  filter: drop-shadow(0 0 1.5px #ffffffe6) drop-shadow(0 0 4px #ffffff8c);
}

.ds-video-veil__btn svg polygon {
  fill: currentColor;
  stroke-width: 1.2px;
  stroke-linejoin: round;
}

.ds-video-veil__btn svg rect {
  fill: currentColor;
  stroke: none;
  rx: 1.4px;
}

@media (prefers-reduced-transparency: reduce) {
  .ds-video-veil:before {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .ds-video-veil__btn {
    background: var(--color-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .ds-video-veil__btn:before {
    display: none;
  }
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .ds-video-veil {
    opacity: 1;
    padding: calc(8px * var(--ds-video-veil-scale, 1));
    place-items: start end;
  }

  .ds-video-veil:before {
    display: none;
  }

  .ds-video-veil__seat {
    transform-origin: 100% 0;
  }

  .ds-video-veil__btn {
    width: 32px;
    height: 32px;
    position: relative;
  }

  .ds-video-veil__btn:after {
    content: "";
    position: absolute;
    inset: -6px;
  }

  .ds-video-veil__btn svg {
    width: 14px;
    height: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-video-veil, .ds-video-veil__btn {
    transition: none;
  }
}

.brh-player .ds-video-veil:before {
  background: none;
}

.brh-player__bar {
  color: #fff;
  background: linear-gradient(to top, #0f141ab8, #0f141a9e 24px, #0f141a00);
  align-items: center;
  gap: 10px;
  padding: 24px 12px 9px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.brh-player__time {
  font-family: var(--font-mono);
  letter-spacing: .02em;
  flex: none;
  font-size: 10.5px;
}

.brh-player__track {
  background: #ffffff52;
  flex: 1;
  height: 3px;
}

.brh-player__track .ds-progress__fill {
  background: #fff;
  transition: width 1s linear;
}

.brh-striprow {
  --brh-strip-gap: 8px;
  gap: var(--brh-strip-gap);
  min-width: 0;
  margin-top: 10px;
  display: flex;
}

.brh-strip {
  gap: var(--brh-strip-gap);
  flex: 1;
  min-width: 0;
  display: flex;
}

.brh-thumb {
  border: 1px solid var(--color-line);
  cursor: pointer;
  min-width: 0;
  height: 48px;
  transition: border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), opacity var(--ds-ease-hover);
  opacity: .75;
  background: #f5f7fa;
  border-radius: 8px;
  flex: 1 0 92px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.brh-thumb:hover {
  opacity: 1;
}

.brh-thumb--act {
  opacity: 1;
  border-color: var(--color-ink-900);
  box-shadow: 0 0 0 1px var(--color-ink-900);
}

.brh-thumb__shot {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  display: block;
}

.brh-thumb__fv {
  background: #ffffffeb;
  border-radius: 4px;
  width: 14px;
  height: 14px;
  padding: 2px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  box-shadow: 0 1px 3px #1d26302e;
}

.brh-thumb__dur {
  color: #fff;
  font-family: var(--font-mono);
  background: #0f141aa8;
  border-radius: 5px;
  padding: 1px 5px;
  font-size: 9.5px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.brh-thumb__play {
  width: 22px;
  height: 22px;
  color: var(--color-ink-900);
  opacity: 0;
  transition: opacity var(--ds-ease-hover), transform var(--ds-ease-hover);
  pointer-events: none;
  background: #fffffff2;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(.82);
}

.brh-thumb__play svg {
  margin-left: 1px;
}

.brh-thumb--unplayed:hover .brh-thumb__play {
  opacity: 1;
  transform: translate(-50%, -50%)scale(1);
}

@media (max-width: 767px), (pointer: coarse), (hover: none) {
  .brh-thumb--unplayed .brh-thumb__play {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.ds-conn--foot > .ds-card__actions {
  margin-left: 40px;
}

.ds-conn--narrow > .ds-card__actions {
  margin-left: 38px;
}

@media (max-width: 480px) {
  .ds-conn > .ds-card__actions {
    margin-left: 38px;
  }
}

.ds-offer {
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  border-radius: 14px;
  flex-direction: column;
  gap: 8px;
  padding: 13px 14px 11px;
  display: flex;
  box-shadow: 0 1px 3px #1018280a;
}

.ds-offer__hd {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ds-offer__glyph {
  color: var(--color-fg3);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ds-offer__title {
  --ds-edit-error-gap: 8px;
  min-width: 0;
  color: var(--color-fg1);
  flex: 1;
  grid-template-rows: 24px auto;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  display: grid;
}

.ds-offer__hd:has( > .ds-offer__title) {
  align-items: flex-start;
}

.ds-offer__hd:has( > .ds-offer__title) > .ds-offer__glyph {
  height: 24px;
}

.ds-offer__hd:has( > .ds-offer__title) > .ds-offer__x {
  margin-block: -4px;
}

.ds-offer__words {
  justify-self: start;
  min-width: 0;
  max-width: calc(100% + 16px);
  margin: -4px -8px;
}

.ds-offer__words > span {
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.ds-offer__title > .ds-edit-box {
  margin: -5px -7px;
  padding: 4px 6px;
}

.ds-offer__x {
  flex: none;
  margin: -6px -8px -6px 0;
}

.ds-offer__clamp {
  position: relative;
  overflow: hidden;
}

.ds-offer__clamp.is-clamped:after {
  content: "";
  background: linear-gradient(to bottom, transparent, var(--color-surface));
  pointer-events: none;
  height: 34px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ds-offer__more {
  color: var(--color-fg3);
  cursor: pointer;
  transition: opacity var(--ds-ease-hover);
  background: none;
  border: 0;
  align-self: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: -2px;
  padding: 0;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.ds-offer__more:hover {
  opacity: .72;
}

.ds-offer__brief {
  color: var(--color-fg1);
  margin: 0;
  font-size: 13px;
  line-height: 1.85;
}

.ds-offer__foot {
  justify-content: flex-end;
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.ds-offer--toast {
  box-shadow: var(--shadow-elevation);
}

.ds-admin-contacts {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  margin: 6px auto 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ds-admin-contacts__who {
  max-width: 100%;
  color: var(--color-ink-900);
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  line-height: 20px;
  display: inline-flex;
}

.ds-admin-contacts__who > span:last-child {
  min-width: 0;
}

.ds-admin-contacts__more {
  color: var(--color-slate-600);
  padding-left: 32px;
  font-size: 13.5px;
  line-height: 20px;
}

.ds-fix-ring {
  flex: none;
  display: inline-flex;
  position: relative;
}

.ds-fix-ring svg {
  display: block;
}

.ds-fix-ring__track {
  fill: none;
  stroke: var(--color-danger-100);
}

.ds-fix-ring__arc {
  fill: none;
  stroke: var(--color-success-500);
}

.ds-fix-ring__in {
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.ds-fix-ring__pct {
  font-family: var(--font-sans);
  letter-spacing: -.01em;
  color: var(--color-ink-900);
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.05;
}

.ds-fix-ring__cap {
  font-family: var(--font-sans);
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--color-slate-500);
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2;
}

.ds-usage-tiles {
  container: ds-usage-tiles / inline-size;
}

.ds-usage-tiles .ds-usage-tiles__tile--loading {
  padding-bottom: 17px;
}

.ds-usage-tiles__none {
  font: 400 12px / 18px var(--font-sans);
  color: var(--color-slate-500);
}

@container ds-usage-tiles (max-width: 460px) {
  .ds-usage-tiles .ds-usage-tiles__tile {
    min-height: 0;
  }
}

.ds-meet-tile {
  aspect-ratio: 4 / 3;
  flex: none;
  width: 100%;
  position: relative;
}

.ds-meet-tile__in {
  position: absolute;
  inset: 0;
}

.ds-meet-tile .ds-meet-tile__take {
  width: 100%;
  box-shadow: var(--shadow-selected);
  position: absolute;
  inset: 0;
}

.ds-meet-tile .ds-meet-tile__take--top {
  opacity: 0;
}

.ds-meet-tile .ds-meet-tile__take--top.is-on {
  opacity: 1;
}

.ds-meet-tile__caption {
  z-index: 2;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: fit-content;
  max-width: calc(100% - 16px);
  font-family: var(--font-serif);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background: #08080c6b;
  border: 1px solid #ffffff24;
  border-radius: 12px;
  margin: 0 auto;
  padding: 8px 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
}

.ds-meet-tile--compact .ds-meet-tile__caption {
  padding: 8px 12px;
  font-size: 14px;
  bottom: 8px;
}

.ds-meet-tile__caption--idle {
  opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .ds-meet-tile--animated .ds-meet-tile__take--top {
    transition: opacity .36s;
  }

  .ds-meet-tile--animated .ds-meet-tile__caption {
    transition: opacity .3s;
  }

  .ds-meet-tile--animated .ds-meet-tile__said {
    animation: .16s ease-out both ds-meet-tile-said-in;
  }
}

@keyframes ds-meet-tile-said-in {
  from {
    opacity: 0;
  }
}

.ds-edit-box .ds-mdx {
  font: inherit;
  color: inherit;
}

@keyframes ds-delegation-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

@keyframes ds-delegation-shimmer {
  to {
    transform: translateX(100%);
  }
}

@keyframes ds-delegation-sheet-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ds-call-face + .ds-extpanel-thread {
  margin-top: -10px;
  padding-top: 12px;
}

.ds-extpanel-thread ~ .ds-extpanel-seat {
  margin-top: 0;
}

.ds-extpanel-thread:has( ~ .ds-extpanel-seat) {
  padding-bottom: 22px;
}

.ds-extpanel-thread > *, .ds-extpanel-thread__col > * {
  flex: none;
}

.ds-file-upload-fail {
  width: 100%;
  display: block;
}

.ds-file-upload-fail > span {
  display: block;
}

.ds-modal-scrim.ds-wac-scrim--sheet {
  align-items: flex-end;
  padding: 0;
}

.ds-wac-scrim--sheet > .ds-modal {
  width: 100%;
}

.ds-wac {
  z-index: 2;
  background: var(--color-surface);
  width: 560px;
  max-width: 100%;
  font-family: var(--font-sans);
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #10182861;
}

.ds-wac--sheet {
  border-radius: 20px 20px 0 0;
  width: 100%;
  box-shadow: 0 -12px 34px #1018283d;
}

.ds-wac__hero {
  color: #fff;
  background: linear-gradient(-22deg, #df73b4 7%, #ff6a52 44%, #ecb478 80%);
  grid-template-columns: 1fr 232px;
  gap: 8px;
  padding: 26px 0 0 26px;
  display: grid;
  position: relative;
}

.ds-wac__hero:after {
  content: "";
  pointer-events: none;
  background: #ffffff14;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  position: absolute;
  top: -110px;
  right: -90px;
}

.ds-wac__x {
  z-index: 6;
  position: absolute;
  top: 14px;
  right: 14px;
}

.ds-wac__copy {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
  display: flex;
  position: relative;
}

.ds-wac__link {
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.ds-wac__mark {
  filter: drop-shadow(0 3px 8px #00000038);
  display: block;
}

.ds-wac__title {
  font-family: var(--font-serif);
  letter-spacing: -.005em;
  text-shadow: 0 1px 2px #00000014;
  max-width: 18ch;
  margin: 0 0 6px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.22;
}

.ds-wac__lede {
  opacity: .94;
  max-width: 24ch;
  margin: 0 0 18px;
  font-size: 12px;
  line-height: 1.45;
}

.ds-wac__qr {
  background: #fff;
  border-radius: 8px;
  padding: 2px;
  box-shadow: 0 10px 26px #00000038;
}

.ds-wac__scan {
  opacity: .94;
  margin-top: 8px;
  font-size: 10.5px;
  font-weight: 600;
}

.ds-wac__qr-slot {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ds-wac__qr--failed {
  box-sizing: border-box;
  width: 160px;
  color: var(--color-ink-900);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.ds-wac__failed {
  color: var(--color-fg2);
  align-items: flex-start;
  gap: 6px;
  font-size: 12.5px;
  line-height: 1.4;
  display: flex;
}

.ds-wac__failed svg {
  color: var(--color-danger, #d93025);
  flex: none;
  margin-top: 1px;
}

.ds-wac__failed-row {
  background: var(--color-surface-muted);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.ds-wac__stage {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  padding-top: 10px;
  display: flex;
  position: relative;
}

.ds-wac--sheet .ds-wac__hero {
  padding: 12px 18px 0;
  display: block;
  overflow: hidden;
}

.ds-wac__grab {
  background: #ffffff73;
  border-radius: 999px;
  width: 32px;
  height: 4px;
  margin: 0 auto 14px;
}

.ds-wac--sheet .ds-wac__copy {
  padding-bottom: 0;
}

.ds-wac--sheet .ds-wac__link {
  gap: 6px;
  margin-bottom: 10px;
}

.ds-wac--sheet .ds-wac__title {
  max-width: none;
  margin-bottom: 4px;
  font-size: 16.5px;
  line-height: 1.25;
}

.ds-wac--sheet .ds-wac__lede {
  max-width: none;
  margin-bottom: 4px;
  font-size: 10.5px;
}

.ds-wac--sheet .ds-wac__stage {
  height: 172px;
  margin-top: 12px;
  padding-top: 0;
  overflow: hidden;
}

.ds-wac__phone {
  background: #efeae2 top / cover;
  border: 6px solid #101418;
  border-bottom: none;
  border-radius: 30px 30px 0 0;
  flex: none;
  width: 200px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 30px -10px #10182873, 0 4px 10px -4px #1018284d;
}

.ds-wac__phone--sm {
  border-radius: 24px 24px 0 0;
  width: 190px;
}

.ds-wac__notch {
  z-index: 4;
  background: #101418;
  border-radius: 999px;
  width: 56px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.ds-wac__phone--sm .ds-wac__notch {
  width: 52px;
  height: 14px;
  top: 4px;
}

.ds-wac__phone-status {
  z-index: 2;
  background: #f6f6f6f5;
  justify-content: space-between;
  align-items: center;
  padding: 8px 13px 2px;
  display: flex;
  position: relative;
}

.ds-wac__phone--sm .ds-wac__phone-status {
  padding: 7px 11px 1px;
}

.ds-wac__phone-time {
  color: #101418;
  font-variant-numeric: tabular-nums;
  font-size: 9px;
  font-weight: 700;
}

.ds-wac__phone-ics {
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.ds-wac__phone-hd {
  color: #101418;
  z-index: 2;
  background: #f6f6f6f5;
  border-bottom: 1px solid #3c3c432e;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 7px;
  display: flex;
  position: relative;
}

.ds-wac__phone--sm .ds-wac__phone-hd {
  padding: 4px 9px 6px;
}

.ds-wac__phone-id {
  flex-direction: column;
  flex: 1;
  line-height: 1.15;
  display: flex;
}

.ds-wac__phone-name {
  color: #101418;
  font-size: 10.5px;
  font-weight: 700;
}

.ds-wac__phone-online {
  color: #8e8e93;
  font-size: 8.5px;
}

.ds-wac__phone-thread {
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px 14px;
  display: flex;
}

.ds-wac__msg {
  max-width: 84%;
  color: var(--color-ink-900);
  background: #fff;
  border-radius: 9px 9px 9px 2px;
  align-self: flex-start;
  padding: 5px 8px;
  font-size: 9.5px;
  line-height: 1.4;
  box-shadow: 0 1px 1px #00000014;
}

.ds-wac__msg--me {
  background: #d9fdd3;
  border-radius: 9px 9px 2px;
  align-self: flex-end;
}

.ds-wac__msg-time {
  text-align: right;
  color: var(--color-ink-400);
  margin-top: 2px;
  font-size: 7.5px;
  display: block;
}

.ds-wac__phone-fade {
  z-index: 3;
  background: linear-gradient(#efeae200, #efeae2e6);
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.ds-wac__body {
  z-index: 2;
  background: var(--color-surface);
  padding: 22px 26px 26px;
  position: relative;
}

.ds-wac--sheet .ds-wac__body {
  padding: 16px 18px 20px;
}

.ds-wac__bullets {
  flex-direction: column;
  gap: 9px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  display: flex;
}

.ds-wac__bullets li {
  color: var(--color-ink-800);
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.ds-wac__ck {
  color: #1dab61;
  flex: none;
  place-items: center;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  display: grid;
}

.ds-wac__cta {
  width: 100%;
}

.ds-wac__cta.ds-wac__ok {
  width: auto;
  min-width: 120px;
}

.ds-wac__cta-row {
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

.ds-wac__alt {
  cursor: pointer;
  text-align: center;
  width: 100%;
  font: inherit;
  color: var(--color-ink-600);
  opacity: .82;
  transition: opacity var(--ds-ease-hover);
  background: none;
  border: none;
  margin-top: 13px;
  padding: 0;
  font-size: 11px;
  display: block;
}

.ds-wac--sheet .ds-wac__alt {
  margin-top: 11px;
}

.ds-wac__alt:hover {
  opacity: 1;
}

.ds-wac__alt b {
  color: var(--color-ink-700);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-line);
  -webkit-text-decoration-color: var(--color-line);
  text-decoration-color: var(--color-line);
  text-underline-offset: 2px;
  font-weight: 500;
}

.ds-wac__share-box {
  border: 1px solid var(--color-line-strong);
  background: var(--color-surface-muted-2);
  border-radius: 11px;
  padding: 12px 13px;
}

.ds-wac__row {
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.ds-wac__num {
  flex: 1;
  min-width: 0;
}

.ds-wac__fine {
  color: var(--color-ink-600);
  text-align: center;
  margin-top: 7px;
  font-size: 9.5px;
}

.ds-wac__again {
  cursor: pointer;
  font: inherit;
  color: var(--color-ink-700);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-line);
  -webkit-text-decoration-color: var(--color-line);
  text-decoration-color: var(--color-line);
  text-underline-offset: 2px;
  background: none;
  border: none;
  padding: 0;
  font-size: 11px;
  font-weight: 500;
}

.ds-wac__done {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.ds-wac__done > .ds-signin-tab__pair {
  margin-bottom: 16px;
}

.ds-wac__words {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.ds-wac__step .ds-wac__done-sub {
  max-width: 34ch;
  margin-bottom: 10px;
}

.ds-wac__waiting {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 500;
}

.ds-wac__done-title {
  font-family: var(--font-serif);
  color: var(--color-ink-900);
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 500;
}

.ds-wac__done-title:focus {
  outline: none;
}

.ds-wac__done-sub {
  color: var(--color-ink-600);
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 600px) {
  .ds-wac:not(.ds-wac--sheet) .ds-wac__hero {
    grid-template-columns: 1fr;
    padding-right: 26px;
  }

  .ds-wac:not(.ds-wac--sheet) .ds-wac__stage {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .ds-file-upload-fail {
    animation: .22s ease-out ds-fade-in;
  }
}

.ds-newchat {
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  min-height: 0;
  display: flex;
}

.ds-newchat__top {
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  container: ds-newchat / inline-size;
}

.ds-newchat__col {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 720px;
  display: flex;
}

.ds-newchat__rest {
  flex-direction: column;
  flex: 1;
  align-items: center;
  width: 100%;
  max-width: 720px;
  min-height: 0;
  display: flex;
}

.ds-newchat__h1 {
  font-family: var(--font-serif);
  letter-spacing: -.01em;
  text-align: center;
  color: var(--color-ink-900);
  margin: 40px 0 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.18;
  transition: margin-top .45s cubic-bezier(.22, 1, .36, 1);
}

.ds-newchat.is-compact .ds-newchat__h1 {
  margin-top: 14px;
}

.ds-newchat__gap {
  flex: none;
  height: 24px;
  transition: height .5s cubic-bezier(.22, 1, .36, 1);
}

.ds-newchat__gap.is-roomy {
  height: 72px;
}

@media (prefers-reduced-motion: reduce) {
  .ds-newchat__gap, .ds-newchat__h1 {
    transition: none;
  }
}

.ds-newchat__title {
  flex: none;
  width: 100%;
}

.ds-newchat__composer {
  flex: none;
  width: 100%;
  position: relative;
}

.ds-newchat__composer .ds-composer {
  box-shadow: 0 10px 26px -16px #191f342e;
}

.ds-newchat__picks {
  --ds-newchat-lines: 2;
  width: calc(100% + 24px);
  max-height: calc(var(--ds-newchat-lines) * 40px - 8px + 18px);
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 8px;
  margin: 8px -12px -12px;
  padding: 6px 12px 12px;
  display: flex;
  overflow: hidden;
}

.ds-newchat__picks.is-more {
  max-height: none;
}

.ds-newchat__picks.is-ideas {
  --ds-newchat-lines: 3;
}

.ds-newchat__line {
  flex: none;
  align-items: flex-start;
  width: calc(100% + 24px);
  margin: 8px -12px -12px;
  display: flex;
}

.ds-newchat__line > .ds-newchat__picks {
  scrollbar-width: none;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  max-height: none;
  margin: 0;
  overflow: auto hidden;
}

.ds-newchat__back {
  flex: none;
  margin: 6px 0 0 12px;
}

.ds-newchat__back + .ds-newchat__picks {
  padding-left: 8px;
}

.ds-newchat__line .ds-newchat__row {
  flex-wrap: nowrap;
  flex: none;
  width: auto;
}

.ds-tooltip.ds-newchat__rectip {
  max-width: none;
  padding: 6px;
}

.ds-newchat__row {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  width: 100%;
  display: flex;
  position: relative;
}

.ds-newchat__row:empty {
  display: none;
}

.ds-newchat__slot {
  display: inline-flex;
}

.ds-newchat__slot[data-cut] {
  visibility: hidden;
}

.ds-newchat__recents {
  flex: none;
  align-self: flex-start;
  width: min(100%, 440px);
  margin-top: 28px;
}

@container ds-newchat (max-width: 432px) {
  .ds-newchat__h1 {
    margin-top: 22px;
    font-size: 28px;
  }

  .ds-newchat__gap.is-roomy {
    height: 40px;
  }

  .ds-newchat__picks {
    --ds-newchat-lines: 3;
  }

  .ds-newchat__picks .ds-chip {
    --ds-chip-max: 230px;
  }

  .ds-newchat__slot[data-record] {
    display: none;
  }
}

.ds-diff__crumb-file {
  font-family: var(--font-mono);
  color: var(--color-ink-900);
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 500;
  overflow: hidden;
}

.ds-diff__crumb-btn {
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  margin: -2px -4px;
  padding: 2px 4px;
  transition: background .12s;
  display: inline-flex;
}

.ds-diff__steps {
  flex: none;
  align-items: center;
  gap: 2px;
  display: inline-flex;
}

.ds-diff__step {
  width: 24px;
  height: 24px;
  color: var(--color-slate-600);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: background .12s;
  display: inline-flex;
}

.ds-diff__step:hover {
  background: var(--color-surface-hover);
  color: var(--color-ink-900);
}

.ds-diff__row {
  min-width: max-content;
  font-family: var(--font-mono);
  padding-right: 12px;
  font-size: 12px;
  line-height: 1.7;
  transition: background .15s;
  display: flex;
}

.ds-diff__row.ds-mem-card__diffrow {
  min-width: 0;
  font-family: var(--font-sans);
  padding: 4px 10px 4px 6px;
  font-size: 12px;
  line-height: 1.5;
}

.ds-mem-card__difftx {
  white-space: normal;
  overflow-wrap: break-word;
  min-width: 0;
}

.ds-diff__skip {
  text-align: center;
  width: 100%;
  color: var(--color-ink-400);
  font-family: var(--font-mono);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 5px 12px;
  font-size: 11px;
  transition: background .12s, color .12s;
  display: flex;
}

.ds-diffchip--btn {
  cursor: pointer;
  transition: background .12s, border-color .12s;
}

.ds-jov__mark {
  background: var(--color-line-strong);
  border: 0;
  border-radius: 3px;
  flex: none;
  width: 9px;
  height: 9px;
  padding: 0;
  transition: transform .14s, box-shadow .14s;
}

.ds-jstep__main.is-clickable {
  cursor: pointer;
  transition: background .16s, border-color .16s, box-shadow .16s;
}

.ds-jstep__main.is-clickable:hover {
  border-color: var(--color-line);
  box-shadow: var(--shadow-button);
  background: #fff;
}

.ds-jstep__go {
  color: var(--color-fg3);
  opacity: 0;
  flex: none;
  margin-left: auto;
  transition: opacity .16s, transform .16s;
  display: inline-flex;
  transform: translateX(-2px);
}

.ds-jstep__main.is-clickable:hover .ds-jstep__go, .ds-jstep__main.is-clickable:focus-visible .ds-jstep__go {
  opacity: 1;
  transform: none;
}

.ds-jsess {
  max-width: none;
  transition: border-color .16s, box-shadow .16s;
}

.ds-jsess .ds-rec-card__fic {
  cursor: pointer;
  pointer-events: auto;
  border-radius: 6px;
  transition: color .14s, background .14s;
}

.ds-jsess__thread {
  max-height: var(--ds-jsess-maxh, 230px);
  flex-direction: column;
  gap: 10px;
  padding: 2px 2px 2px 0;
  display: flex;
}

.ds-trace-card__from {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 40%;
  font-family: var(--font-mono);
  color: var(--color-fg3);
  flex-shrink: 0;
  font-size: 12px;
  overflow: hidden;
}

.ds-trace-card__copy {
  position: relative;
}

.ds-trace-card__glyph {
  transition: opacity .2s;
  position: absolute;
}

.ds-trace-card__glyph--out {
  opacity: 0;
}

.ds-extpanel {
  background: var(--color-surface);
  flex-direction: column;
  flex: none;
  width: 392px;
  display: flex;
  overflow: hidden;
}

.ds-extpanel--standalone {
  border: 1px solid var(--color-line);
  border-radius: 18px;
}

.ds-extpanel__brand {
  height: var(--ds-extension-brand-height, 48px);
  box-sizing: border-box;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 10px 12px 10px 14px;
  display: flex;
}

.ds-extpanel__gbtn {
  appearance: none;
  cursor: pointer;
  width: 28px;
  height: 28px;
  color: var(--color-slate-500);
  background: none;
  border: 0;
  border-radius: 8px;
  place-items: center;
  transition: background .15s, color .15s;
  display: grid;
}

.ds-extpanel__gbtn:hover {
  background: var(--color-surface-hover);
  color: var(--color-ink-900);
}

.ds-extpanel__back {
  margin-left: -6px;
}

.mm-chat {
  box-sizing: border-box;
  height: 36px;
  min-height: 36px;
  color: var(--mm-ink2, var(--color-fg2));
  font-family: var(--font-sans);
  cursor: pointer;
  white-space: nowrap;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 400;
  transition: background .12s;
  display: flex;
  overflow: hidden;
}

.mm-chat:not(.mm-chat--sel):hover, .mm-chat:not(.mm-chat--sel):hover, .mm-chat-row:hover .mm-chat:not(.mm-chat--sel), .mm-chat-row:has(.mm-chat__door [aria-expanded="true"]) .mm-chat:not(.mm-chat--sel) {
  background: var(--mm-hover, var(--color-surface-hover));
}

.mm-chat__dot {
  transition: opacity .12s;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}

.mm-chat-row:has(.mm-chat__dot) .mm-chat__t {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), #0000);
  mask-image: linear-gradient(90deg, #000 calc(100% - 30px), #0000);
}

.mm-chat-row:has(.mm-chat__door):hover .mm-chat__dot, .mm-chat-row:has(.mm-chat__door):focus-within .mm-chat__dot, .mm-chat-row:has(.mm-chat__door [aria-expanded="true"]) .mm-chat__dot {
  opacity: 0;
}

.mm-chat-row > .mm-chat {
  flex: auto;
}

.ds-recent-chats--compact .mm-chat-row {
  height: 32px;
}

.mm-chat-row:hover .mm-chat__t, .mm-chat-row:focus-within .mm-chat__t, .mm-chat-row:has(.mm-chat__door [aria-expanded="true"]) .mm-chat__t {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 52px), #0000);
  mask-image: linear-gradient(90deg, #000 calc(100% - 52px), #0000);
}

.ds-recent-chats .mm-chat-row--leaving {
  opacity: 0;
  pointer-events: none;
  height: 0;
  margin-bottom: -4px;
  overflow: hidden;
}

.ds-recent-chats .mm-chat-row--arriving {
  animation: .2s cubic-bezier(.2, .8, .2, 1) both mm-chat-row-in;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ds-recent-chats .mm-chat-row--arriving {
    animation: none;
  }
}

.ds-recent-chats--compact {
  --mm-row-h: 32px;
  --mm-pad: 8px;
}

@media (pointer: coarse) {
  .mm-chat__door {
    opacity: 1;
  }

  .ds-recent-chats--doors .mm-chat__t {
    margin-right: 29px;
  }

  .ds-recent-chats .mm-chat-row {
    height: 44px;
  }

  .ds-recent-chats .mm-chat-row--editing {
    height: auto;
  }

  .ds-recent-chats .mm-chat-row--leaving {
    height: 0;
  }

  .ds-recent-chats--doors .mm-chat__dot {
    right: 38px;
  }

  .ds-recent-chats--doors .mm-chat-row:has(.mm-chat__dot) .mm-chat__t {
    margin-right: 42px;
  }

  .ds-recent-chats, .ds-recent-chats--compact {
    --mm-row-h: 44px;
  }
}

.ds-recent-chats--touch.ds-recent-chats--doors .mm-chat__t {
  margin-right: 29px;
}

.ds-recent-chats--touch .mm-chat {
  height: 44px;
  min-height: 44px;
}

.ds-recent-chats--touch.ds-recent-chats--doors .mm-chat__dot {
  right: 38px;
}

.ds-recent-chats--touch.ds-recent-chats--doors .mm-chat-row:has(.mm-chat__dot) .mm-chat__t {
  margin-right: 42px;
}

.ds-recent-chats--compact .mm-chat__dot {
  left: -6px;
  right: auto;
}

.ds-recent-chats--compact .mm-chat-row:has(.mm-chat__dot) .mm-chat__t {
  -webkit-mask-image: none;
  mask-image: none;
}

.ds-recent-chats {
  text-align: left;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.ds-recent-chats__heading {
  font: 500 13px var(--font-sans);
  color: var(--color-fg3);
  padding: 10px 10px 4px;
}

.ds-nav-menu__panel .ds-nav-menu__close, .ds-nav-menu__panel .ds-nav-menu__back {
  min-width: 44px;
  min-height: 44px;
}

.ds-recent-chats--compact {
  gap: 0;
}

.ds-recent-chats--compact .ds-recent-chats__heading {
  padding: 4px 8px;
  font-size: 12px;
}

.ds-recent-chats--compact .mm-chat {
  border-radius: 8px;
  height: 32px;
  min-height: 32px;
  padding-inline: 8px;
}

.ds-extension-session__swap {
  width: 18px;
  height: 18px;
  display: inline-flex;
  position: relative;
}

.ds-extension-session__swap svg {
  margin: auto;
  transition: opacity .16s, transform .24s cubic-bezier(.2, .8, .2, 1);
  position: absolute;
  inset: 0;
}

.ds-extension-session__swap svg:last-child, .ds-extension-session.is-copied .ds-extension-session__swap svg:first-child {
  opacity: 0;
  transform: scale(.4)rotate(-40deg);
}

.ds-extension-session.is-copied .ds-extension-session__swap svg:last-child {
  opacity: 1;
  transform: none;
}

.ds-task-dock {
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ds-task-dock__bar {
  width: 100%;
  height: 40px;
  color: var(--color-fg1);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  display: flex;
}

.ds-task-dock__dots {
  flex: none;
  gap: 4px;
  display: inline-flex;
}

.ds-task-dock__dot {
  background: var(--color-line-strong);
  border-radius: 3px;
  width: 9px;
  height: 9px;
}

.ds-task-dock__dot.is-needs-you {
  background: var(--color-accent-blue);
}

.ds-task-dock__dot.is-running {
  background: var(--color-ink-600);
}

.ds-task-dock__dot.is-done {
  background: var(--color-success-500);
}

.ds-task-dock__dot.is-blocked, .ds-task-dock__dot.is-failed {
  background: var(--color-danger-500);
}

.ds-task-dock__current, .ds-task-dock__notice {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  animation: .18s ease-out ds-task-dock-rise;
  display: flex;
}

.ds-task-dock__name, .ds-task-dock__row-name {
  min-width: 0;
  color: var(--color-fg1);
  font-family: var(--font-serif);
  --ds-trunc-fade: 28px;
  flex: 1;
  font-size: 13.5px;
  line-height: 20px;
  display: block;
}

.ds-task-dock__count, .ds-task-dock__chevron {
  flex: none;
}

.ds-task-dock__chevron {
  color: var(--color-fg3);
}

.ds-task-dock__tray {
  visibility: hidden;
  max-height: 0;
  transition: max-height .24s, visibility 0s linear .24s;
  overflow: hidden;
}

.ds-task-dock--open .ds-task-dock__tray {
  visibility: visible;
  max-height: 520px;
  transition: max-height .24s;
}

.ds-task-dock__scroll {
  max-height: 248px;
}

.ds-task-dock__rows {
  flex-direction: column;
  gap: 8px;
  padding: 4px 10px 12px;
  display: flex;
}

.ds-task-conversation__trail {
  align-items: flex-start;
}

.ds-task-conversation__trail .ds-extpanel__title {
  overflow: visible;
}

.ds-task-conversation__messages {
  flex-direction: column;
  flex: 1;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  padding: 8px 18px;
  display: flex;
  overflow-y: auto;
}

.ds-active-call-tile__time {
  z-index: 2;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
  font-variant-numeric: tabular-nums;
  background: #0d11169e;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  bottom: 8px;
  left: 8px;
}

.ds-active-call-tile__end {
  z-index: 2;
  opacity: 0;
  width: 28px;
  height: 28px;
  transition: opacity .16s, transform .16s;
  position: absolute;
  bottom: 6px;
  right: 6px;
  transform: translateY(2px);
}

.ds-active-call-tile:hover .ds-active-call-tile__end, .ds-active-call-tile:focus-within .ds-active-call-tile__end {
  opacity: 1;
  transform: none;
}

.ds-active-call-tile[data-ended] {
  pointer-events: none;
  animation: .38s cubic-bezier(.2, 0, 0, 1) 1.2s forwards ds-call-pip-ended;
}

.ds-task-dock__row {
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  width: 100%;
  min-width: 0;
  min-height: 48px;
  box-shadow: var(--shadow-xs);
  color: inherit;
  font: inherit;
  text-align: left;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  transition: box-shadow .16s, transform .1s;
  display: flex;
}

button.ds-task-dock__row {
  cursor: pointer;
}

button.ds-task-dock__row:hover {
  box-shadow: var(--shadow-elevation);
}

button.ds-task-dock__row:active {
  transform: scale(.99);
}

.ds-task-dock__row-main {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.ds-task-dock__row-open {
  color: var(--color-fg3);
  opacity: 0;
  flex: none;
  transition: opacity .16s, transform .16s, color .16s;
  transform: translateX(-3px);
}

button.ds-task-dock__row:hover .ds-task-dock__row-open, button.ds-task-dock__row:focus-visible .ds-task-dock__row-open, button.ds-task-dock__row:focus-within .ds-task-dock__row-open {
  opacity: 1;
  color: var(--color-fg1);
  transform: none;
}

.ds-task-dock__row-caption {
  color: var(--color-fg2);
  --ds-trunc-fade: 28px;
  font-size: 12px;
  line-height: 18px;
  display: block;
}

:is(.ds-drawer-hd, .ds-card-drawer__hd, .ds-extpanel__hd):has(.ds-task-breadcrumb__context) {
  align-items: flex-start;
  height: auto;
  min-height: 64px;
  padding-block: 6px;
}

.ds-drawer-hd:has(.ds-task-breadcrumb__context) {
  padding-top: 18.4px;
}

.ds-card-drawer__hd:has(.ds-task-breadcrumb__context) {
  padding-top: 20px;
}

.ds-card-drawer--covering .ds-card-drawer__hd:has(.ds-task-breadcrumb__context) {
  min-height: 46px;
  padding-top: 11px;
}

@media (max-width: 767px) {
  .ds-drawer-hd:has(.ds-task-breadcrumb__context) {
    padding-top: 13.4px;
  }
}

.ds-page-titlebar:has(.ds-task-breadcrumb__context) > .ds-page-titlebar__title {
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
}

.ds-calldoor {
  background: var(--color-surface);
  border-radius: 16px;
  flex: none;
  align-self: flex-end;
  align-items: stretch;
  gap: 10px;
  padding: 8px;
  transition: box-shadow .16s;
  display: flex;
  box-shadow: inset 0 0 0 1px #1018281a, 0 2px 6px #1018280f;
}

.ds-calldoor__call {
  appearance: none;
  cursor: pointer;
  border-radius: var(--radius-lg);
  background: var(--color-surface-hover);
  width: 32px;
  height: 32px;
  color: var(--color-slate-600, #5e6b78);
  border: 0;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  transition: background .16s, color .16s, box-shadow .16s;
  display: inline-flex;
}

.ds-calldoor:hover .ds-calldoor__call, .ds-calldoor:focus-within .ds-calldoor__call {
  background: var(--color-success-500);
  color: #fff;
  box-shadow: var(--shadow-button);
}

.ds-calldoor .ds-calldoor__call:hover {
  background: var(--color-success-800);
}

.ds-calldoor.is-disabled .ds-calldoor__call, .ds-calldoor.is-disabled .ds-calldoor__call:hover {
  background: var(--color-surface-hover);
  color: var(--color-slate-600, #5e6b78);
  box-shadow: none;
}

.ds-injected-message__source {
  min-width: 0;
  max-width: 100%;
  font-family: var(--font-sans);
  color: var(--color-fg3);
  white-space: nowrap;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 4px;
  align-items: center;
  gap: 5px;
  margin: -4px;
  padding: 4px;
  font-size: 11.5px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: background-color .16s;
  display: inline-flex;
}

.ds-injected-message__task {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ds-injection-flow__thread {
  flex-direction: column;
  gap: 22px;
  width: 100%;
  max-width: 748px;
  margin: 0 auto;
  padding: 28px 28px 40px;
  display: flex;
}

.ds-injection-flow__continuation {
  flex-direction: column;
  gap: 22px;
  display: flex;
}

.ds-rec-card--corners .ds-rec-card__hdrow:has(.ds-rec-card__hd:focus-visible) {
  box-shadow: var(--shadow-field-focus);
  border-color: currentColor;
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  .ds-rtrace-row-in, .ds-rtrace-memchip-in {
    animation: none;
  }

  .ds-active-call-tile[data-ended] {
    visibility: hidden;
    animation: none;
  }

  .ds-task-dock__current, .ds-task-dock__notice {
    animation: none;
  }

  .ds-task-dock__tray, .ds-task-dock__row, .ds-task-dock__row-open {
    transition: none;
  }

  .ds-rtrace-row-in, .ds-rtrace-memchip-in, .ds-rtrace-row-in .ds-output--error, .ds-rtrace-row-in .ds-output--error > div > * {
    animation: none;
  }
}

@media (pointer: coarse) {
  .ds-recent-chats .mm-chat {
    height: 44px;
    min-height: 44px;
  }

  .ds-extpanel__hd > .ds-nav-menu__trigger, .ds-extension-settings.ds-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent {
    position: relative;
    overflow: visible;
  }

  .ds-task-breadcrumb__context .ds-task-breadcrumb__quiet-parent:after {
    content: "";
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (hover: none) {
  .ds-active-call-tile__end, .ds-task-dock__row-open {
    opacity: 1;
    transform: none;
  }
}

.ds-task-breadcrumb {
  max-width: var(--ds-composer-max);
}

@media (max-width: 1024px) {
  .ds-task-breadcrumb {
    max-width: none;
  }
}

@media (min-width: 1025px) and (pointer: fine) {
  .ds-page-titlebar:has(.ds-task-breadcrumb__context) {
    padding-block: 16px 8px;
  }
}

.ds-page-titlebar--phone:has(.ds-task-breadcrumb__context) {
  min-height: 0;
  padding-bottom: 0;
}

.ds-page-titlebar--phone:has(.ds-task-breadcrumb__context) > .ds-page-titlebar__lead, .ds-page-titlebar--phone:has(.ds-task-breadcrumb__context) > .ds-page-titlebar__actions {
  height: 24px;
}

@container (max-width: 700px) {
  .ds-injection-flow__thread {
    gap: 18px;
    padding: 20px 16px 32px;
  }
}

.md {
  font-family: var(--font-sans);
  color: var(--fg2);
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 1.72;
}

.md.md--reply {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.md.md--reply table {
  font-family: var(--font-sans);
}

.md.md--reply :is(h1, h2, h3, h4, h5) {
  margin-top: 1.1em;
  font-family: inherit;
}

.md.md--reply h1 {
  font-size: 1.375em;
}

.md.md--reply h2 {
  font-size: 1.125em;
}

.md.md--reply h3 {
  font-size: 1em;
}

.md > :first-child {
  margin-top: 0;
}

.md > :last-child {
  margin-bottom: 0;
}

.md p {
  margin: 0 0 16px;
}

.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
  font-family: var(--font-sans);
  color: var(--ink-900);
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 1.6em 0 .55em;
  font-weight: 600;
  line-height: 1.25;
}

.md > h1:first-child, .md > h2:first-child, .md > h3:first-child {
  margin-top: 0;
}

.md h1 {
  letter-spacing: -.02em;
  font-size: 1.6em;
  line-height: 1.18;
}

.md h2 {
  letter-spacing: -.015em;
  font-size: 1.3333em;
}

.md h3 {
  font-size: 1.2em;
}

.md h4 {
  font-size: 16px;
}

.md h5 {
  font-size: 14px;
}

.md h6 {
  font-size: 12px;
  font-family: var(--font-mono);
  color: var(--fg3);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 500;
}

.md h1 + p, .md h2 + p, .md h3 + p, .md h4 + p, .md h5 + p, .md h6 + p {
  margin-top: 0;
}

.md strong {
  color: var(--ink-900);
  font-weight: 600;
}

.md em {
  font-style: italic;
}

.md del {
  color: var(--fg3);
  text-decoration: line-through;
}

.md mark {
  background: var(--highlight-tint);
  color: var(--ink-900);
  border-radius: 3px;
  padding: .04em .26em;
}

.md a {
  color: var(--ink-900);
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: var(--slate-300);
  -webkit-text-decoration-color: var(--slate-300);
  text-decoration-color: var(--slate-300);
  transition: text-decoration-color var(--ds-ease-hover);
  font-weight: 500;
}

.md a:hover {
  -webkit-text-decoration-color: var(--color-ink-900);
  -webkit-text-decoration-color: var(--color-ink-900);
  text-decoration-color: var(--color-ink-900);
}

.md a.ds-dt__link:not(:focus-visible) {
  text-decoration: none;
}

.md a.ds-url-link {
  font-weight: 400;
  text-decoration: none;
}

.md a.ds-ichip {
  font-weight: inherit;
  transition: background var(--ds-ease-hover), border-color var(--ds-ease-hover);
  text-decoration: none;
}

.md code {
  font-family: var(--font-mono);
  color: var(--ink-900);
  background: var(--surface-muted-2);
  border: 1px solid var(--line);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  direction: ltr;
  unicode-bidi: isolate;
  border-radius: 6px;
  padding: .1em .4em;
  font-size: .86em;
}

.md blockquote {
  border-left: 2px solid var(--slate-300);
  font-family: var(--font-sans);
  color: var(--slate-700);
  margin: 18px 0;
  padding: 1px 0 1px 20px;
  font-size: 15px;
  line-height: 1.6;
}

.md blockquote p {
  margin: 0 0 10px;
}

.md blockquote > :last-child {
  margin-bottom: 0;
}

.md blockquote cite {
  font-family: var(--font-sans);
  color: var(--fg3);
  margin-top: 9px;
  font-size: 13px;
  font-style: normal;
  display: block;
}

.md blockquote cite:before {
  content: "— ";
}

.md ul, .md ol {
  margin: 0 0 16px;
  padding-left: 0;
  list-style: none;
}

.md li {
  margin: 0 0 7px;
  padding-inline-start: 26px;
  position: relative;
}

.md li:last-child {
  margin-bottom: 0;
}

.md li > ul, .md li > ol {
  margin: 8px 0 0;
}

.md ul > li:before {
  content: "";
  background: var(--ink-800);
  inset-inline-start: 7px;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  position: absolute;
  top: .62em;
}

.md ul ul > li:before {
  border: 1.5px solid var(--slate-500);
  background: none;
}

.md ul ul ul > li:before {
  background: var(--slate-500);
  border: none;
  border-radius: 0;
  width: 8px;
  height: 1.6px;
  top: .85em;
}

.md ol {
  counter-reset: ol;
}

.md ol > li {
  counter-increment: ol;
}

.md ol > li:before, .md ol > li > p:first-child:before {
  content: counter(ol) ".";
  width: 26px;
  font-family: var(--font-mono);
  color: var(--ink-600);
  margin-inline-start: -26px;
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
}

.md ol > li:has( > p:first-child):before {
  content: none;
}

.md ol ol {
  counter-reset: ol2;
}

.md ol ol > li {
  counter-increment: ol2;
}

.md ol ol > li:before, .md ol ol > li > p:first-child:before {
  content: counter(ol2, lower-alpha) ".";
}

.md li[class*="nestedListItem"] {
  counter-increment: none;
}

.md li[class*="nestedListItem"]:before {
  display: none;
}

.md li > p {
  margin: 0 0 6px;
}

.md li > p:last-child {
  margin-bottom: 0;
}

.md li.md-task {
  padding-inline-start: 30px;
  list-style: none;
}

.md li.md-task:before {
  display: none;
}

.md li.md-task .ds-check {
  inset-inline-start: 1px;
  position: absolute;
  top: .16em;
}

.md li.md-task.done {
  color: var(--fg3);
}

.md hr {
  background: var(--line);
  border: none;
  height: 1px;
  margin: 28px 0;
}

.md pre {
  background: var(--surface-muted-2);
  border: 1px solid var(--line);
  border-radius: 12px;
  margin: 0 0 18px;
  padding: 14px 16px;
  overflow: auto;
}

.md pre code {
  white-space: pre;
  color: var(--ink-900);
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.7;
  display: block;
}

.md .cv-hl pre {
  border: none;
  border-radius: 0;
  overflow: visible;
}

.md .tok-kw {
  color: var(--accent-blue);
}

.md .tok-fn {
  color: #1f8a5b;
}

.md .tok-str {
  color: #c2410c;
}

.md .tok-num {
  color: var(--accent-blue);
}

.md .tok-com {
  color: var(--ink-400);
  font-style: italic;
}

.md table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  width: 100%;
  margin: 0 0 18px;
  font-size: 14px;
  overflow: hidden;
}

.md thead th {
  text-align: start;
  white-space: nowrap;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--fg3);
  background: var(--surface-muted);
  border-bottom: 1px solid var(--line);
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 500;
}

.md tbody td {
  text-align: start;
  border-bottom: 1px solid var(--line);
  color: var(--ink-900);
  padding: 11px 14px;
}

.md tbody tr:last-child td {
  border-bottom: none;
}

.md .md-table {
  border: 1px solid var(--line);
  transition: box-shadow var(--ds-ease-hover);
  border-radius: 12px;
  margin: 0 0 18px;
  position: relative;
  overflow: hidden;
}

.md .md-table > .ds-scroll > table {
  border: none;
  border-radius: 0;
  width: max-content;
  min-width: 100%;
  margin: 0;
  overflow: visible;
}

.md .md-table :is(th, td) {
  max-width: 32ch;
}

.md .md-table thead th {
  z-index: 2;
  position: sticky;
  top: 0;
}

.md .md-table--wide :is(th, td):first-child {
  z-index: 1;
  position: sticky;
  inset-inline-start: 0;
}

.md .md-table--wide thead th:first-child {
  z-index: 3;
}

.md .md-table--wide tbody td:first-child {
  background: var(--surface);
}

.md .md-table--wide :is(th, td):first-child:after {
  content: "";
  width: var(--ds-fade-l, 0px);
  pointer-events: none;
  background: linear-gradient(to right, var(--md-pin-bg, var(--surface)), transparent);
  top: 0;
  bottom: 0;
  position: absolute;
  inset-inline-start: 100%;
}

.md .md-table thead th:first-child {
  --md-pin-bg: var(--surface-muted);
}

.md .md-table--wide:dir(rtl) :is(th, td):first-child:after {
  background: linear-gradient(to left, var(--md-pin-bg, var(--surface)), transparent);
}

.md .md-table > .ds-scroll.ds-scroll--fade {
  --ds-fade-b: 0px;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-fade-r)), #000000bf calc(100% - var(--ds-fade-r) * .5), #0000004a calc(100% - var(--ds-fade-r) * .16), transparent 100%), linear-gradient(to bottom, #000 calc(100% - var(--ds-fade-b)), #000000bf calc(100% - var(--ds-fade-b) * .5), #0000004a calc(100% - var(--ds-fade-b) * .16), transparent 100%);
  -webkit-mask-composite: source-in;
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-fade-r)), #000000bf calc(100% - var(--ds-fade-r) * .5), #0000004a calc(100% - var(--ds-fade-r) * .16), transparent 100%), linear-gradient(to bottom, #000 calc(100% - var(--ds-fade-b)), #000000bf calc(100% - var(--ds-fade-b) * .5), #0000004a calc(100% - var(--ds-fade-b) * .16), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-fade-r)), #000000bf calc(100% - var(--ds-fade-r) * .5), #0000004a calc(100% - var(--ds-fade-r) * .16), transparent 100%), linear-gradient(to bottom, #000 calc(100% - var(--ds-fade-b)), #000000bf calc(100% - var(--ds-fade-b) * .5), #0000004a calc(100% - var(--ds-fade-b) * .16), transparent 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - var(--ds-fade-r)), #000000bf calc(100% - var(--ds-fade-r) * .5), #0000004a calc(100% - var(--ds-fade-r) * .16), transparent 100%), linear-gradient(to bottom, #000 calc(100% - var(--ds-fade-b)), #000000bf calc(100% - var(--ds-fade-b) * .5), #0000004a calc(100% - var(--ds-fade-b) * .16), transparent 100%);
  -webkit-mask-composite: source-in;
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.md.md--reply .md-table > .ds-scroll {
  max-height: 440px;
  overflow-y: auto;
}

.md .md-table > .ds-rtrace-expand {
  right: auto;
  z-index: 4;
  inset-inline-end: 3px;
  top: 3px;
}

.md .md-table:hover > .ds-rtrace-expand {
  opacity: 1;
}

.md .md-table--expand thead th:last-child {
  padding-inline-end: 40px;
}

.md .md-table--on {
  box-shadow: var(--shadow-elevation);
}

.ds-table-preview {
  background: var(--surface);
  flex-direction: column;
  flex: auto;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ds-table-preview__bd {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 0 18px 18px;
  display: flex;
}

.ds-table-preview__bd > .md {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.ds-table-preview .md .md-table {
  flex-direction: column;
  min-height: 0;
  margin: 0;
  display: flex;
}

.ds-table-preview .md.md--reply .md-table > .ds-scroll {
  min-height: 0;
  max-height: none;
}

.ds-table-preview .md tbody td {
  vertical-align: top;
}

.md td.num, .md th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.md .md-table td.md-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.md .md-table td.md-num .ds-dt__clamp {
  -webkit-line-clamp: unset;
  display: block;
}

.md .md-table .md-empty {
  color: var(--fg3);
}

.md td .pos {
  color: var(--success-800);
}

.md td .neg {
  color: var(--danger-600);
}

.md img {
  border: 1px solid var(--line);
  border-radius: 10px;
  max-width: 100%;
  margin: 0 0 18px;
  display: block;
}

.md img.md-emoji {
  vertical-align: -.25em;
  border: 0;
  border-radius: 0;
  width: auto;
  height: 1.25em;
  margin: 0 .05em;
  display: inline-block;
}

.md .ds-ichip__ic img, .md .ds-ichip__glyph img {
  border: 0;
  border-radius: 0;
  width: 16px;
  max-width: none;
  height: 16px;
  margin: 0;
  display: block;
}

.md .cv-hd img, .md .ds-chip__ic img {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.md .ds-url-link__site img {
  border: 0;
  border-radius: 0;
  max-width: none;
  margin: 0;
}

.md math {
  font-size: 1.05em;
}

.md .katex:has( > math[display="block"]) {
  scroll-timeline: --ds-math inline;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--ds-math-l), #000 calc(100% - var(--ds-math-r)), transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--ds-math-l), #000 calc(100% - var(--ds-math-r)), transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--ds-math-l), #000 calc(100% - var(--ds-math-r)), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 var(--ds-math-l), #000 calc(100% - var(--ds-math-r)), transparent);
  margin: .9em 0;
  animation: linear both ds-math-fade;
  animation-timeline: --ds-math;
  display: block;
  overflow: auto hidden;
}

@property --ds-math-l {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --ds-math-r {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@keyframes ds-math-fade {
  from {
    --ds-math-l: 0px;
    --ds-math-r: 24px;
  }

  10% {
    --ds-math-l: 24px;
  }

  90% {
    --ds-math-r: 24px;
  }

  to {
    --ds-math-l: 24px;
    --ds-math-r: 0px;
  }
}

.ds-mdx {
  font-family: var(--font-sans);
  color: var(--color-ink-900);
  font-size: 15px;
  line-height: 22px;
  position: relative;
}

.ds-mdx.ds-agent-prompt__editor {
  font-size: 16px;
  line-height: 1.7;
}

.ds-mdx .ds-mdx__editor {
  color: inherit;
  --font-mono: inherit;
  background: none;
  font-family: inherit;
}

.ds-mdx .ds-mdx__editor > div, .ds-mdx .ds-mdx__content {
  max-width: none;
  padding: 0;
}

.ds-mdx .ds-mdx__content {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  min-height: var(--ds-mdx-min-h, 22px);
  overflow-wrap: anywhere;
  outline: none;
}

.ds-mdx:not(.ds-mdx--rich) .ds-mdx__content p {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.ds-mdx--rich .ds-mdx__content > :last-child {
  margin-bottom: 0;
}

.ds-composer__draft .ds-mdx--rich .ds-mdx__content p {
  margin: 0;
}

.ds-composer__draft .ds-mdx {
  font-size: inherit;
  line-height: inherit;
}

.ds-composer__draft .ds-mdx.ds-composer-editor .ds-mdx__content {
  min-height: calc(var(--ds-composer-rows, 1) * 1.5em);
}

.ds-mdx [class*="_placeholder"] {
  color: var(--color-ink-400);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  pointer-events: none;
  max-width: none;
  padding: 0;
  left: 0;
  right: 0;
}

.ds-mdx [class*="_placeholder"] p {
  line-height: inherit;
  white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  mask-image: linear-gradient(90deg, #000 calc(100% - var(--ds-trunc-fade, 20px)), transparent);
  margin: 0;
  overflow: hidden;
}

.ds-mdx--readonly .ds-mdx__content {
  cursor: default;
}

.ds-mdx [data-ds-ghost]:after, .ds-mdx[data-ds-ghost-empty] [class*="_placeholder"]:before {
  content: var(--ds-ghost);
  content: var(--ds-ghost) / "";
  color: var(--color-ink-600);
  pointer-events: none;
}

.ds-mdx[data-ds-ghost-empty] [class*="_placeholder"] > p {
  display: none;
}

.ds-mdx [data-ds-ghost-key]:after, .ds-mdx[data-ds-ghost-empty] [class*="_placeholder"]:after {
  content: "tab";
  content: "tab" / "";
  font-family: var(--font-mono);
  color: var(--color-ink-400);
  pointer-events: none;
  margin-left: 8px;
  font-size: 14px;
  line-height: 17px;
}

.ds-mdx, .ds-mdx-view {
  --ds-ichip-max: 20ch;
  --ds-url-link-max: 20ch;
}

.ds-mdx .ds-mdx-chip {
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  display: inline-flex;
}

.ds-mdx .ds-mdx-chip .ds-ichip, .ds-mdx .ds-mdx-chip .ds-url-link {
  vertical-align: middle;
}

.ds-mdx span[data-lexical-decorator="true"] {
  vertical-align: middle;
  display: inline-flex;
}

.ds-mdx .ds-mdx-link {
  border-radius: 6px;
}

.ds-mdx .ds-mdx-link--selected {
  box-shadow: 0 0 0 2px var(--color-ink-900);
}

@media (prefers-reduced-motion: no-preference) {
  .ds-mdx .ds-mdx-link {
    transition: box-shadow .12s cubic-bezier(.22, 1, .36, 1);
  }

  .ds-mdx--ready .ds-mdx-chip:not(:has(.ds-mdx-link)) {
    transition: opacity .2s cubic-bezier(.22, 1, .36, 1), transform .2s cubic-bezier(.22, 1, .36, 1);
  }

  .ds-mdx--ready .ds-mdx-link {
    transition: box-shadow .12s cubic-bezier(.22, 1, .36, 1), background-color .9s cubic-bezier(.22, 1, .36, 1);
  }

  @starting-style {
    .ds-mdx--ready .ds-mdx-chip:not(:has(.ds-mdx-link)) {
      opacity: 0;
      transform: scale(.92);
    }

    .ds-mdx--ready .ds-mdx-link {
      background-color: #4040401a;
    }
  }
}

.ds-mdx-menu {
  z-index: var(--ds-menu-z, 60);
  height: 0;
  animation: .16s cubic-bezier(.22, 1, .36, 1) both ds-mdx-menu-up;
  position: absolute;
  top: calc(-100% - 11px);
  left: 0;
}

.ds-mdx-menu > .ds-menu {
  transform: translateY(-100%);
}

@keyframes ds-mdx-menu-up {
  from {
    opacity: 0;
    transform: translateY(6px)scale(.99);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ds-mdx-menu--below {
  animation-name: ds-mdx-menu-in;
  top: calc(100% + 8px);
}

.ds-mdx-menu--below > .ds-menu {
  transform: none;
}

@keyframes ds-mdx-menu-in {
  from {
    opacity: 0;
    transform: translateY(-6px)scale(.99);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-mdx-menu {
    animation: none;
  }
}

.ds-mdx-menu > .ds-menu {
  min-width: 260px;
  max-width: min(420px, 90vw);
  max-height: min(440px, var(--ds-mdx-menu-room, 440px));
  overflow: auto;
}

@media (min-width: 1280px) {
  .ds-mdx-menu > .ds-menu {
    max-height: min(640px, var(--ds-mdx-menu-room, 640px));
  }
}

.ds-mdx-menu .ds-mi > span:not([class]) {
  min-width: 0;
}

.ds-mdx-menu .ds-mi .ds-fade-text {
  display: block;
}

.ds-mdx-menu .ds-mi:not(.kbd) .ds-mi__kb {
  visibility: hidden;
}

.ds-mdx-menu__searching {
  padding: 6px 10px 4px;
  font-size: 12px;
  line-height: 16px;
}

.ds-mdx-menu__pending .ds-mi.is-disabled {
  opacity: 1;
}

.ds-mdx-menu__failed {
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 0 10px 10px;
  display: flex;
}

.ds-mdx__content:not(.md) code {
  font-family: var(--font-mono);
  color: var(--ink-900);
  background: var(--surface-muted-2);
  border: 1px solid var(--line);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  direction: ltr;
  unicode-bidi: isolate;
  border-radius: 6px;
  padding: .1em .4em;
  font-size: .86em;
}

.ds-mdx--fallback .ds-textarea {
  width: 100%;
  max-height: none;
  font: inherit;
}

.ds-mdx__probe {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

@keyframes ds-mdx-arrive {
  from {
    opacity: 0;
  }
}

.ds-mdx--arrive {
  animation: .24s ease-out both ds-mdx-arrive;
}

@media (prefers-reduced-motion: reduce) {
  .ds-mdx--arrive {
    animation: none;
  }
}

.ds-code-editor {
  box-sizing: border-box;
  border: 1px solid var(--color-line);
  background: var(--color-surface);
  border-radius: 12px;
  min-height: 44px;
  transition: box-shadow .15s;
  position: relative;
}

.ds-code-editor:not(.ds-code-editor--readonly):focus-within {
  box-shadow: var(--shadow-field-focus);
}

.ds-code-editor > .cm-editor, .ds-mdx .ds-code-editor > .cm-editor {
  border-radius: inherit;
  background: none;
  min-height: 42px;
  padding: 0;
  font-size: 13px;
}

.ds-code-editor .cm-editor.cm-focused {
  outline: none;
}

.ds-code-editor .cm-scroller {
  font-family: var(--font-mono);
  line-height: 1.7;
}

.ds-code-editor .cm-content {
  padding: 8px 0;
}

.ds-code-editor .cm-gutters {
  color: var(--color-slate-400);
  background: none;
  border-right: 0;
}

.ds-code-editor .cm-lineNumbers .cm-gutterElement {
  text-align: right;
  padding: 0 12px 0 14px;
  font-size: 12px;
  line-height: 22.1px;
  display: block;
}

.ds-code-editor .cm-line {
  padding: 0 6px;
}

.ds-code-editor .cm-line.ds-code-hang {
  padding-left: calc(6px + var(--ds-hang));
  text-indent: calc(-1 * var(--ds-hang));
}

.ds-code-editor__picker, .ds-code-editor .ds-code-copy {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  background: var(--color-surface);
  border-radius: 9px;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 6px;
}

.ds-code-editor__picker {
  right: 44px;
}

.ds-code-editor:is(:hover, :has(.ds-code-copy:focus-visible, .ds-code-editor__picker :focus-visible, .ds-code-editor__picker [aria-expanded="true"])) :is(.ds-code-editor__picker, .ds-code-copy) {
  opacity: 1;
  pointer-events: auto;
}

.ds-code-editor .ds-code-copy {
  width: 32px;
  height: 32px;
  color: var(--color-slate-500);
  cursor: pointer;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
  right: 6px;
}

.ds-code-editor .ds-code-copy:hover {
  background: var(--color-surface-hover);
  color: var(--color-ink-900);
}

.ds-code-editor .ds-code-copy:focus-visible {
  outline: 2px solid var(--color-ink-900);
  outline-offset: -2px;
}

.ds-code-editor .ds-code-copy:before {
  content: "";
  background: currentColor;
  width: 16px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

.ds-code-editor .ds-code-copy[data-copied] {
  color: var(--color-ink-900);
}

.ds-code-editor .ds-code-copy[data-copied]:before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

@media (hover: none) {
  .ds-code-editor :is(.ds-code-editor__picker, .ds-code-copy) {
    opacity: 1;
    pointer-events: auto;
  }

  .ds-code-editor > .cm-editor, .ds-mdx .ds-code-editor > .cm-editor {
    padding-top: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-code-editor, .ds-code-editor :is(.ds-code-editor__picker, .ds-code-copy) {
    transition: none;
  }
}

.ds-mdx--rich .ds-mdx__content img {
  max-width: 100%;
  height: auto;
}

:is(.ds-composer-editor, .ds-mdx--message) .ds-mdx__content.md :is(p, ul, ol, blockquote, li), :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) :is(p, ul, ol, blockquote, li) {
  margin-bottom: 0;
}

:is(.ds-composer-editor, .ds-mdx--message) .ds-mdx__content.md :is(h1, h2), :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) :is(h1, h2) {
  color: inherit;
  letter-spacing: 0;
  margin: 4px 0 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.4;
}

:is(.ds-composer-editor, .ds-mdx--message) .ds-mdx__content.md > :is(h1, h2):first-child, :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) > :is(h1, h2):first-child {
  margin-top: 0;
}

:is(.ds-composer-editor, .ds-mdx--message) .ds-mdx__content.md h1, :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) h1 {
  font-size: 1.3333em;
}

:is(.ds-composer-editor, .ds-mdx--message) .ds-mdx__content.md h2, :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) h2 {
  font-size: 1.2em;
}

:is(.ds-composer-editor, .ds-mdx--message) .ds-mdx__content.md blockquote, :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) blockquote {
  font-size: inherit;
  margin-block: 4px;
}

:is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) .cv-hl, :is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) .cv-hl:not(:last-child) {
  margin-block: 6px;
}

:is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) > :last-child {
  margin-bottom: 0;
}

:is(.ds-user-message__bubble .ds-mdx-view, .ds-mdx-view.md--message) :is(p, li:not(:has( > :is(p, ul, ol)))) {
  white-space: pre-wrap;
}

.ds-mdx-view.md--inline {
  font: inherit;
  color: inherit;
  line-height: inherit;
}

.ds-mdx-view.md--inline :is(p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote) {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: 0;
  margin: 0;
  padding: 0;
  display: inline;
}

.ds-mdx-view.md--inline li:before {
  content: none;
}

.ds-mdx-view.md--inline :is(p, li, h1, h2, h3, h4, h5, h6, blockquote):after {
  content: " ";
}

.ds-mdx-view .ds-ichip, .ds-mdx-view .ds-url-link {
  vertical-align: middle;
}

.ds-mdx-view .cv-hl:not(:last-child) {
  margin: 0 0 18px;
}

.ds-mdx-view li.md-task {
  position: relative;
}

.ds-store-shot {
  isolation: isolate;
  aspect-ratio: 16 / 10;
  font-family: var(--font-sans);
  background: linear-gradient(112deg, #eab49c 0%, #d38e95 48%, #ba99cf 100%);
  margin: 0;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
}

.ds-store-shot__atmosphere {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.ds-store-shot__atmosphere img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ds-store-shot__headline {
  z-index: 2;
  color: #fff;
  font-family: var(--font-serif);
  letter-spacing: -.025em;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 .1cqw .4cqw #4322371f;
  margin: 0;
  font-size: 4.0625cqw;
  font-weight: 400;
  line-height: 1.25;
  position: absolute;
  top: 54.25cqw;
  left: 4cqw;
  right: 4cqw;
}

.ds-store-shot[data-layout^="top-"] .ds-store-shot__headline {
  top: 2.25cqw;
}

.ds-store-shot[data-headline-tone="dark"] .ds-store-shot__headline {
  color: var(--color-ink-900, #1d2630);
  text-shadow: none;
}

.ds-store-shot[data-format="small-tile"] {
  aspect-ratio: 440 / 280;
}

.ds-store-shot[data-format="small-tile"] .ds-store-shot__headline {
  font-size: 5.4545cqw;
  line-height: 1.2;
  top: 2.7273cqw;
}

.ds-store-shot[data-format="marquee"] {
  aspect-ratio: 1400 / 560;
}

.ds-store-shot[data-format="marquee"] .ds-store-shot__headline {
  text-align: left;
  font-size: 3.2857cqw;
  line-height: 1.2;
  top: 50%;
  left: 4.5714cqw;
  right: auto;
  transform: translateY(-50%);
}

.ds-store-shot__title-shade {
  pointer-events: none;
  background: linear-gradient(to top, rgba(78, 40, 66, var(--store-title-shade)) 0%, rgba(78, 40, 66, var(--store-title-shade)) 16%, #4e284200 39%);
  position: absolute;
  inset: 0;
}

.ds-store-shot[data-layout^="top-"] .ds-store-shot__title-shade {
  background: linear-gradient(to bottom, rgba(78, 40, 66, var(--store-title-shade)) 0%, rgba(78, 40, 66, var(--store-title-shade)) 14%, #4e284200 35%);
}

.ds-store-shot *, .ds-store-shot :before, .ds-store-shot :after {
  pointer-events: none;
  transition: none !important;
  animation: none !important;
}

.ds-link-preview {
  isolation: isolate;
  width: 1200px;
  height: 630px;
  font-family: var(--font-sans);
  color: var(--color-ink-900, #1d2630);
  background: linear-gradient(112deg, #eab49c 0%, #d38e95 48%, #ba99cf 100%);
  margin: 0;
  position: relative;
  overflow: hidden;
}

.ds-link-preview__atmosphere {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ds-link-preview__atmosphere img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ds-link-preview__ribbon {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #ffffffbd;
  border-block: 2px solid #fffffff2;
  align-items: center;
  height: 420px;
  padding: 0 44px;
  display: flex;
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
}

.ds-link-preview__fig {
  align-items: center;
  gap: 24px;
  min-width: 0;
  display: flex;
}

.ds-link-preview__fig-text {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ds-link-preview__fig b {
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 104px;
  font-weight: 700;
  line-height: 1;
}

.ds-link-preview__fig-text > span {
  color: #1d2630b3;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.15;
}

.ds-link-preview__fig b[data-danger] {
  color: #d92d20;
}

.ds-link-preview__fig--person b {
  font-size: 84px;
}

.ds-link-preview__fig--wing {
  width: 236px;
}

.ds-link-preview__fig--wing b {
  font-size: 92px;
}

.ds-link-preview__fig--wing[data-long] b {
  font-size: 64px;
}

.ds-link-preview__mascot {
  object-fit: contain;
  object-position: center;
  width: 280px;
  height: 440px;
  position: absolute;
  top: 96px;
  left: 912px;
}

.ds-link-preview__mascot[data-mirrored] {
  transform: scaleX(-1);
}

.ds-link-preview__brand {
  position: absolute;
  top: 32px;
  left: 36px;
}

.ds-link-preview__card {
  background: #fff;
  border-radius: 32px;
  flex-direction: column;
  width: 580px;
  height: 586px;
  padding: 40px 36px 0;
  display: flex;
  position: absolute;
  top: 22px;
  left: 310px;
  overflow: hidden;
  box-shadow: 0 28px 64px #1d263029;
}

.ds-link-preview__title {
  font-family: var(--font-serif);
  letter-spacing: -.025em;
  text-wrap: balance;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 70px;
  font-weight: 600;
  line-height: 1.02;
  display: -webkit-box;
  overflow: hidden;
}

.ds-link-preview__title[data-long] {
  letter-spacing: -.01em;
  font-size: 46px;
  line-height: 1.1;
}

.ds-link-preview__stage {
  flex: 1;
  min-height: 0;
  margin: 18px -36px 0;
  padding: 0 36px;
  position: relative;
  overflow: hidden;
}

.ds-link-preview__lead {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.ds-link-preview__lead .ds-link-preview__fig {
  flex: 1;
}

.ds-link-preview__faces {
  padding-left: 18px;
  display: flex;
}

.ds-link-preview__faces > * {
  border-radius: 999px;
  margin-left: -18px;
  box-shadow: 0 0 0 6px #fff;
}

.ds-link-preview__trend {
  position: absolute;
  bottom: -10px;
  left: -8px;
  right: -8px;
}

.ds-link-preview__shot {
  object-fit: cover;
  object-position: left top;
  width: 150%;
  height: 150%;
  position: absolute;
  top: 0;
  left: 0;
}

.ds-link-preview--kind .ds-link-preview__title {
  font-size: 76px;
}

.ds-link-preview__org {
  align-items: center;
  gap: 16px;
  min-width: 0;
  margin-top: 8px;
  display: flex;
}

.ds-link-preview__org > span:last-child {
  white-space: nowrap;
  min-width: 0;
  font-family: var(--font-serif);
  letter-spacing: -.025em;
  flex: 1;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.15;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 64px), #000000f5 calc(100% - 51.2px), #000000e0 calc(100% - 41.6px), #000000bf calc(100% - 32px), #00000093 calc(100% - 22.4px), #00000070 calc(100% - 16px), #0000004b calc(100% - 10.24px), #00000027 calc(100% - 5.12px), #0000 100%);
  mask-image: linear-gradient(90deg, #000 calc(100% - 64px), #000000f5 calc(100% - 51.2px), #000000e0 calc(100% - 41.6px), #000000bf calc(100% - 32px), #00000093 calc(100% - 22.4px), #00000070 calc(100% - 16px), #0000004b calc(100% - 10.24px), #00000027 calc(100% - 5.12px), #0000 100%);
}

.ds-link-preview--short .ds-link-preview__card {
  height: auto;
  max-height: 586px;
  padding-bottom: 40px;
  top: 50%;
  transform: translateY(-50%);
}

.ds-link-preview--short .ds-link-preview__stage {
  flex: none;
  overflow: visible;
}

.ds-link-preview--short .ds-link-preview__lead {
  align-items: center;
}

.ds-link-preview--short .ds-link-preview__lead .ds-link-preview__fig:not([data-long]):not(.ds-link-preview__fig--person) b {
  font-size: 150px;
}

.ds-injected-message {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
  display: flex;
  position: relative;
}

.ds-injected-message__header {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px 6px;
  min-width: 0;
  display: flex;
}

.ds-injected-message--plain .ds-injected-message__header {
  justify-content: flex-start;
}

a.ds-injected-message__source, button.ds-injected-message__source {
  cursor: pointer;
}

a.ds-injected-message__source:hover, button.ds-injected-message__source:hover, .ds-injected-message__source:focus-visible {
  background: var(--color-surface-hover);
}

.ds-injected-message__source > :not(.ds-injected-message__task) {
  flex-shrink: 0;
}

.ds-injected-message__sender {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.ds-injected-message__direction {
  width: 11px;
  height: 11px;
  display: inline-flex;
  position: relative;
}

.ds-injected-message__from, .ds-injected-message__open, .ds-injected-message__wait {
  transition: opacity .2s, transform .2s cubic-bezier(.2, 0, 0, 1);
}

.ds-injected-message__open {
  opacity: 0;
  position: absolute;
  inset: 0;
  transform: translate(-2px, 2px);
}

.ds-injected-message__wait {
  opacity: 0;
  position: absolute;
  inset: 0;
  transform: scale(.6);
}

.ds-injected-message--pending .ds-injected-message__wait {
  opacity: 1;
  transform: none;
}

.ds-injected-message--pending .ds-injected-message__from {
  opacity: 0;
  transform: translate(-2px, 2px);
}

a.ds-injected-message__source:hover .ds-injected-message__from, button.ds-injected-message__source:hover .ds-injected-message__from, .ds-injected-message__source:focus-visible .ds-injected-message__from {
  opacity: 0;
  transform: translate(2px, -2px);
}

.ds-injected-message__source:hover .ds-injected-message__open, .ds-injected-message__source:focus-visible .ds-injected-message__open {
  opacity: 1;
  transform: none;
}

.ds-injected-message .ds-injected-message__body {
  max-width: none;
  margin: 0;
}

.ds-injected-message__slot {
  transition: opacity .3s cubic-bezier(.32, .72, 0, 1);
}

.ds-injected-message--pending .ds-injected-message__slot {
  opacity: .55;
}

.ds-injected-message .ds-clamp__more {
  margin-top: 4px;
}

.ds-injected-message__cancel-host {
  display: inline-flex;
}

.ds-injected-message__question {
  z-index: 30;
  transform-origin: 100% 0;
  width: 380px;
  max-width: 100%;
  animation: .18s cubic-bezier(.2, 0, 0, 1) both ds-injected-question-in;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
}

.ds-injected-message--plain .ds-injected-message__question {
  transform-origin: 0 0;
  left: 0;
  right: auto;
}

.ds-injected-message__question .ds-question {
  box-shadow: var(--shadow-selected);
  border-radius: 16px;
}

@keyframes ds-injected-question-in {
  from {
    opacity: 0;
    transform: translateY(-6px)scale(.98);
  }

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

@media (prefers-reduced-motion: reduce) {
  .ds-injected-message__question {
    animation: none;
  }

  .ds-injected-message__source, .ds-injected-message__from, .ds-injected-message__open, .ds-injected-message__wait, .ds-injected-message__slot {
    transition: none;
  }
}

.ds-injection-flow {
  background: var(--color-surface);
  height: 760px;
  min-height: 0;
  container-type: inline-size;
}

.ds-injection-flow > .ds-app-shell {
  height: 100%;
}

.ds-injection-flow .ds-app-shell__composer {
  width: 100%;
  max-width: 748px;
  margin: 0 auto;
}

.ds-injection-flow__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.ds-injection-flow__thread > *, .ds-injection-flow__continuation > * {
  flex-shrink: 0;
}

.ds-injection-flow__thread .ds-user-message {
  max-width: 100%;
  margin: 0;
}

.ds-injection-flow__rail {
  width: calc(clamp(290px, 29cqw, 380px) + 20px);
  height: 100%;
  margin-left: -20px;
  padding: 20px;
  transition: width .28s, padding .28s, margin-left .28s, opacity .28s;
  overflow-y: auto;
}

.ds-injection-flow[data-born="false"] .ds-injection-flow__rail {
  opacity: 0;
  visibility: hidden;
  width: 0;
  margin-left: 0;
  padding: 20px 0;
  overflow: hidden;
}

.ds-injection-flow__rail .ds-rec-card {
  max-width: 100%;
}

.ds-injection-flow__task {
  max-width: 600px;
  animation: .32s cubic-bezier(.2, 0, 0, 1) both ds-injection-arrive;
}

.ds-injection-flow__arrival, .ds-injection-flow__continuation {
  animation: .32s cubic-bezier(.2, 0, 0, 1) both ds-injection-arrive;
}

.ds-injection-flow[data-phase="cancelled"] .ds-injection-flow__continuation {
  animation-delay: .22s;
}

@keyframes ds-injection-arrive {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@container (max-width: 700px) {
  .ds-injection-flow .ds-app-shell__rail {
    display: none;
  }

  .ds-injection-flow .ds-app-shell__composer {
    padding: 0 16px 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-injection-flow__arrival, .ds-injection-flow__task, .ds-injection-flow__rail, .ds-injection-flow__continuation {
    transition: none;
    animation: none;
  }
}

.ds-injected-message__key {
  margin-right: -2px;
}

:is([class^="ds-"], [class*=" ds-"], [class^="mm-"], [class*=" mm-"]):focus-visible:not(input, textarea, select, [contenteditable], .ds-select__trigger, .ds-mi, .ds-subnav__item-fold, .mm-row__fold, .ds-clamp__more, .ds-dt__clamp, .ds-fade-text, .ds-line-clamp, .ds-dt__link, .ds-rec-card--corners .ds-rec-card__hd, .ds-glass-pill__core, .ds-rec-card__scrub, .ds-side-drawer__edge, .ds-call-task__open, .ds-file-row--btn, .ds-suggestion-card__sentence, .ds-suggestion-card__peek, .ds-edit-lift, .ds-agent-prompt__press, [tabindex="-1"], .ds-btn--gradient, .ds-panel__hd-act, .ds-att-preview__act, .ds-journey__act, .ds-btn--icon.ds-btn--ghost, .ds-btn--icon.ds-btn--secondary, .ds-nav-menu__trigger), .ds-chip.is-focus, .ds-glass-pill:has(.ds-glass-pill__core:focus-visible), .ds-call-task:has( > .ds-call-task__open:focus-visible), .ds-rec-card--corners .ds-rec-card__hdrow:has(.ds-rec-card__hd:focus-visible) {
  box-shadow: var(--shadow-field-focus);
  border-color: currentColor;
  outline: none;
}

.ds-file-row--btn:focus-visible {
  box-shadow: inset 0 0 0 1px var(--color-ink-900), var(--shadow-field-focus);
  outline: none;
}

:is(.ds-panel__hd-act, .ds-att-preview__act, .ds-journey__act, .ds-btn--icon.ds-btn--ghost, .ds-btn--icon.ds-btn--secondary, .ds-nav-menu__trigger):focus-visible {
  box-shadow: inset 0 0 0 1px var(--color-ink-900), var(--shadow-square);
  outline: none;
}

.ds-btn--gradient:focus-visible {
  outline: none;
  box-shadow: 0 10px 30px #ff5f3433, 0 10px 30px #e43cff24;
}

.ds-composer svg, .ds-composer button, .ds-composer textarea, .ds-composer input {
  transition: filter .26s cubic-bezier(.4, 0, .2, 1), opacity .26s cubic-bezier(.4, 0, .2, 1), color var(--ds-ease-hover), background-color var(--ds-ease-hover), border-color var(--ds-ease-hover), box-shadow var(--ds-ease-hover), fill var(--ds-ease-hover), stroke var(--ds-ease-hover), transform var(--ds-ease-hover);
}

@media (prefers-reduced-motion: reduce) {
  .ds-composer svg, .ds-composer button, .ds-composer textarea, .ds-composer input {
    transition-duration: .01ms;
  }
}

.ds-rtrace-voice > :not(a, code, kbd, pre, samp) {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@keyframes mindly-caret {
  50% {
    opacity: .25;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ds-shimmer, [style*="shimmer"] {
    animation: none !important;
  }
}

@font-face {
  font-family: DM Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2") format("woff2-variations");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 1000;
  src: url("/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2") format("woff2-variations");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root, .light, .light-theme {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --blue-1: color(display-p3 .986 .992 .999);
      --blue-2: color(display-p3 .96 .979 .998);
      --blue-3: color(display-p3 .912 .956 .991);
      --blue-4: color(display-p3 .853 .932 1);
      --blue-5: color(display-p3 .788 .894 .998);
      --blue-6: color(display-p3 .709 .843 .976);
      --blue-7: color(display-p3 .606 .777 .947);
      --blue-8: color(display-p3 .451 .688 .917);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .234 .523 .912);
      --blue-11: color(display-p3 .15 .44 .84);
      --blue-12: color(display-p3 .102 .193 .379);
    }
  }
}

.dark, .dark-theme {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --blue-1: color(display-p3 .057 .081 .122);
      --blue-2: color(display-p3 .072 .098 .147);
      --blue-3: color(display-p3 .078 .154 .27);
      --blue-4: color(display-p3 .033 .197 .37);
      --blue-5: color(display-p3 .08 .245 .441);
      --blue-6: color(display-p3 .14 .298 .511);
      --blue-7: color(display-p3 .195 .361 .6);
      --blue-8: color(display-p3 .239 .434 .72);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .344 .612 .973);
      --blue-11: color(display-p3 .49 .72 1);
      --blue-12: color(display-p3 .788 .898 .99);
    }
  }
}

:root, .light, .light-theme {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-1: color(display-p3 .988 .988 .992);
      --slate-2: color(display-p3 .976 .976 .984);
      --slate-3: color(display-p3 .94 .941 .953);
      --slate-4: color(display-p3 .908 .909 .925);
      --slate-5: color(display-p3 .88 .881 .901);
      --slate-6: color(display-p3 .85 .852 .876);
      --slate-7: color(display-p3 .805 .808 .838);
      --slate-8: color(display-p3 .727 .733 .773);
      --slate-9: color(display-p3 .547 .553 .592);
      --slate-10: color(display-p3 .503 .512 .549);
      --slate-11: color(display-p3 .379 .392 .421);
      --slate-12: color(display-p3 .113 .125 .14);
    }
  }
}

.dark, .dark-theme {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-1: color(display-p3 .067 .067 .074);
      --slate-2: color(display-p3 .095 .098 .105);
      --slate-3: color(display-p3 .13 .135 .145);
      --slate-4: color(display-p3 .156 .163 .176);
      --slate-5: color(display-p3 .183 .191 .206);
      --slate-6: color(display-p3 .215 .226 .244);
      --slate-7: color(display-p3 .265 .28 .302);
      --slate-8: color(display-p3 .357 .381 .409);
      --slate-9: color(display-p3 .415 .431 .463);
      --slate-10: color(display-p3 .469 .483 .514);
      --slate-11: color(display-p3 .692 .704 .728);
      --slate-12: color(display-p3 .93 .933 .94);
    }
  }
}

:root, .light, .light-theme {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --grass-1: color(display-p3 .986 .996 .985);
      --grass-2: color(display-p3 .966 .983 .964);
      --grass-3: color(display-p3 .923 .965 .917);
      --grass-4: color(display-p3 .872 .94 .865);
      --grass-5: color(display-p3 .811 .908 .802);
      --grass-6: color(display-p3 .733 .864 .724);
      --grass-7: color(display-p3 .628 .803 .622);
      --grass-8: color(display-p3 .477 .72 .482);
      --grass-9: color(display-p3 .38 .647 .378);
      --grass-10: color(display-p3 .344 .598 .342);
      --grass-11: color(display-p3 .263 .488 .261);
      --grass-12: color(display-p3 .151 .233 .153);
    }
  }
}

.dark, .dark-theme {
  --grass-1: #0e1511;
  --grass-2: #141a15;
  --grass-3: #1b2a1e;
  --grass-4: #1d3a24;
  --grass-5: #25482d;
  --grass-6: #2d5736;
  --grass-7: #366740;
  --grass-8: #3e7949;
  --grass-9: #46a758;
  --grass-10: #53b365;
  --grass-11: #71d083;
  --grass-12: #c2f0c2;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --grass-1: color(display-p3 .062 .083 .067);
      --grass-2: color(display-p3 .083 .103 .085);
      --grass-3: color(display-p3 .118 .163 .122);
      --grass-4: color(display-p3 .142 .225 .15);
      --grass-5: color(display-p3 .178 .279 .186);
      --grass-6: color(display-p3 .217 .337 .224);
      --grass-7: color(display-p3 .258 .4 .264);
      --grass-8: color(display-p3 .302 .47 .305);
      --grass-9: color(display-p3 .38 .647 .378);
      --grass-10: color(display-p3 .426 .694 .426);
      --grass-11: color(display-p3 .535 .807 .542);
      --grass-12: color(display-p3 .797 .936 .776);
    }
  }
}

:root, .light, .light-theme {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --cyan-1: color(display-p3 .982 .992 .996);
      --cyan-2: color(display-p3 .955 .981 .984);
      --cyan-3: color(display-p3 .888 .965 .975);
      --cyan-4: color(display-p3 .821 .941 .959);
      --cyan-5: color(display-p3 .751 .907 .935);
      --cyan-6: color(display-p3 .671 .862 .9);
      --cyan-7: color(display-p3 .564 .8 .854);
      --cyan-8: color(display-p3 .388 .715 .798);
      --cyan-9: color(display-p3 .282 .627 .765);
      --cyan-10: color(display-p3 .264 .583 .71);
      --cyan-11: color(display-p3 .08 .48 .63);
      --cyan-12: color(display-p3 .108 .232 .277);
    }
  }
}

.dark, .dark-theme {
  --cyan-1: #0b161a;
  --cyan-2: #101b20;
  --cyan-3: #082c36;
  --cyan-4: #003848;
  --cyan-5: #004558;
  --cyan-6: #045468;
  --cyan-7: #12677e;
  --cyan-8: #11809c;
  --cyan-9: #00a2c7;
  --cyan-10: #23afd0;
  --cyan-11: #4ccce6;
  --cyan-12: #b6ecf7;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --cyan-1: color(display-p3 .053 .085 .098);
      --cyan-2: color(display-p3 .072 .105 .122);
      --cyan-3: color(display-p3 .073 .168 .209);
      --cyan-4: color(display-p3 .063 .216 .277);
      --cyan-5: color(display-p3 .091 .267 .336);
      --cyan-6: color(display-p3 .137 .324 .4);
      --cyan-7: color(display-p3 .186 .398 .484);
      --cyan-8: color(display-p3 .23 .496 .6);
      --cyan-9: color(display-p3 .282 .627 .765);
      --cyan-10: color(display-p3 .331 .675 .801);
      --cyan-11: color(display-p3 .446 .79 .887);
      --cyan-12: color(display-p3 .757 .919 .962);
    }
  }
}

:root, .light, .light-theme {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-1: color(display-p3 .995 .992 .985);
      --amber-2: color(display-p3 .994 .986 .921);
      --amber-3: color(display-p3 .994 .969 .782);
      --amber-4: color(display-p3 .989 .937 .65);
      --amber-5: color(display-p3 .97 .902 .527);
      --amber-6: color(display-p3 .936 .844 .506);
      --amber-7: color(display-p3 .89 .762 .443);
      --amber-8: color(display-p3 .85 .65 .3);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 .959 .741 .274);
      --amber-11: color(display-p3 .64 .4 0);
      --amber-12: color(display-p3 .294 .208 .145);
    }
  }
}

.dark, .dark-theme {
  --amber-1: #16120c;
  --amber-2: #1d180f;
  --amber-3: #302008;
  --amber-4: #3f2700;
  --amber-5: #4d3000;
  --amber-6: #5c3d05;
  --amber-7: #714f19;
  --amber-8: #8f6424;
  --amber-9: #ffc53d;
  --amber-10: #ffd60a;
  --amber-11: #ffca16;
  --amber-12: #ffe7b3;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --amber-1: color(display-p3 .082 .07 .05);
      --amber-2: color(display-p3 .111 .094 .064);
      --amber-3: color(display-p3 .178 .128 .049);
      --amber-4: color(display-p3 .239 .156 0);
      --amber-5: color(display-p3 .29 .193 0);
      --amber-6: color(display-p3 .344 .245 .076);
      --amber-7: color(display-p3 .422 .314 .141);
      --amber-8: color(display-p3 .535 .399 .189);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 1 .87 .15);
      --amber-11: color(display-p3 1 .8 .29);
      --amber-12: color(display-p3 .984 .909 .726);
    }
  }
}

:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-1: color(display-p3 .998 .989 .988);
      --red-2: color(display-p3 .995 .971 .971);
      --red-3: color(display-p3 .985 .925 .925);
      --red-4: color(display-p3 .999 .866 .866);
      --red-5: color(display-p3 .984 .812 .811);
      --red-6: color(display-p3 .955 .751 .749);
      --red-7: color(display-p3 .915 .675 .672);
      --red-8: color(display-p3 .872 .575 .572);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .798 .294 .285);
      --red-11: color(display-p3 .744 .234 .222);
      --red-12: color(display-p3 .36 .115 .143);
    }
  }
}

.dark, .dark-theme {
  --red-1: #191111;
  --red-2: #201314;
  --red-3: #3b1219;
  --red-4: #500f1c;
  --red-5: #611623;
  --red-6: #72232d;
  --red-7: #8c333a;
  --red-8: #b54548;
  --red-9: #e5484d;
  --red-10: #ec5d5e;
  --red-11: #ff9592;
  --red-12: #ffd1d9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --red-1: color(display-p3 .093 .068 .067);
      --red-2: color(display-p3 .118 .077 .079);
      --red-3: color(display-p3 .211 .081 .099);
      --red-4: color(display-p3 .287 .079 .113);
      --red-5: color(display-p3 .348 .11 .142);
      --red-6: color(display-p3 .414 .16 .183);
      --red-7: color(display-p3 .508 .224 .236);
      --red-8: color(display-p3 .659 .298 .297);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .861 .403 .387);
      --red-11: color(display-p3 1 .57 .55);
      --red-12: color(display-p3 .971 .826 .852);
    }
  }
}

.mdxeditor .cm-editor {
  --sp-font-mono: var(--font-mono);
  --sp-font-body: var(--font-body);
  padding: var(--sp-space-4) 0;
}

.mdxeditor .sp-editor .cm-editor {
  padding-bottom: 0;
}

.mdxeditor .cm-scroller {
  padding: 0 !important;
}

.mdxeditor .cm-focused {
  outline: none;
}

.mdxeditor .sp-wrapper {
  overflow: hidden;
}

.mdxeditor .sp-layout {
  border: none;
}

.mdxeditor .sp-cm pre {
  white-space: break-spaces;
  word-break: break-word;
  overflow-wrap: anywhere;
  flex-shrink: 1;
}

.mdxeditor .cm-mergeView .cm-scroller, .mdxeditor .cm-sourceView .cm-scroller {
  font-family: var(--font-mono);
  line-height: 1.3rem;
  font-size: var(--text-xs);
}

.mdxeditor .cm-gutters {
  font-size: var(--text-xxs);
  background: none;
}

.mdxeditor .cm-activeLine {
  background: none;
}

.mdxeditor .cm-tooltip-autocomplete {
  background: var(--baseBgSubtle);
}

.mdxeditor hr.selected[data-lexical-decorator="true"] {
  outline: 2px solid highlight;
}

:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
      --blue-1: color(display-p3 .986 .992 .999);
      --blue-2: color(display-p3 .96 .979 .998);
      --blue-3: color(display-p3 .912 .956 .991);
      --blue-4: color(display-p3 .853 .932 1);
      --blue-5: color(display-p3 .788 .894 .998);
      --blue-6: color(display-p3 .709 .843 .976);
      --blue-7: color(display-p3 .606 .777 .947);
      --blue-8: color(display-p3 .451 .688 .917);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .234 .523 .912);
      --blue-11: color(display-p3 .15 .44 .84);
      --blue-12: color(display-p3 .102 .193 .379);
    }
  }
}

._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
      --blue-1: color(display-p3 .057 .081 .122);
      --blue-2: color(display-p3 .072 .098 .147);
      --blue-3: color(display-p3 .078 .154 .27);
      --blue-4: color(display-p3 .033 .197 .37);
      --blue-5: color(display-p3 .08 .245 .441);
      --blue-6: color(display-p3 .14 .298 .511);
      --blue-7: color(display-p3 .195 .361 .6);
      --blue-8: color(display-p3 .239 .434 .72);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .344 .612 .973);
      --blue-11: color(display-p3 .49 .72 1);
      --blue-12: color(display-p3 .788 .898 .99);
    }
  }
}

:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
      --slate-1: color(display-p3 .988 .988 .992);
      --slate-2: color(display-p3 .976 .976 .984);
      --slate-3: color(display-p3 .94 .941 .953);
      --slate-4: color(display-p3 .908 .909 .925);
      --slate-5: color(display-p3 .88 .881 .901);
      --slate-6: color(display-p3 .85 .852 .876);
      --slate-7: color(display-p3 .805 .808 .838);
      --slate-8: color(display-p3 .727 .733 .773);
      --slate-9: color(display-p3 .547 .553 .592);
      --slate-10: color(display-p3 .503 .512 .549);
      --slate-11: color(display-p3 .379 .392 .421);
      --slate-12: color(display-p3 .113 .125 .14);
    }
  }
}

._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
      --slate-1: color(display-p3 .067 .067 .074);
      --slate-2: color(display-p3 .095 .098 .105);
      --slate-3: color(display-p3 .13 .135 .145);
      --slate-4: color(display-p3 .156 .163 .176);
      --slate-5: color(display-p3 .183 .191 .206);
      --slate-6: color(display-p3 .215 .226 .244);
      --slate-7: color(display-p3 .265 .28 .302);
      --slate-8: color(display-p3 .357 .381 .409);
      --slate-9: color(display-p3 .415 .431 .463);
      --slate-10: color(display-p3 .469 .483 .514);
      --slate-11: color(display-p3 .692 .704 .728);
      --slate-12: color(display-p3 .93 .933 .94);
    }
  }
}

:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
      --grass-1: color(display-p3 .986 .996 .985);
      --grass-2: color(display-p3 .966 .983 .964);
      --grass-3: color(display-p3 .923 .965 .917);
      --grass-4: color(display-p3 .872 .94 .865);
      --grass-5: color(display-p3 .811 .908 .802);
      --grass-6: color(display-p3 .733 .864 .724);
      --grass-7: color(display-p3 .628 .803 .622);
      --grass-8: color(display-p3 .477 .72 .482);
      --grass-9: color(display-p3 .38 .647 .378);
      --grass-10: color(display-p3 .344 .598 .342);
      --grass-11: color(display-p3 .263 .488 .261);
      --grass-12: color(display-p3 .151 .233 .153);
    }
  }
}

:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
      --cyan-1: color(display-p3 .982 .992 .996);
      --cyan-2: color(display-p3 .955 .981 .984);
      --cyan-3: color(display-p3 .888 .965 .975);
      --cyan-4: color(display-p3 .821 .941 .959);
      --cyan-5: color(display-p3 .751 .907 .935);
      --cyan-6: color(display-p3 .671 .862 .9);
      --cyan-7: color(display-p3 .564 .8 .854);
      --cyan-8: color(display-p3 .388 .715 .798);
      --cyan-9: color(display-p3 .282 .627 .765);
      --cyan-10: color(display-p3 .264 .583 .71);
      --cyan-11: color(display-p3 .08 .48 .63);
      --cyan-12: color(display-p3 .108 .232 .277);
    }
  }
}

:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
      --amber-1: color(display-p3 .995 .992 .985);
      --amber-2: color(display-p3 .994 .986 .921);
      --amber-3: color(display-p3 .994 .969 .782);
      --amber-4: color(display-p3 .989 .937 .65);
      --amber-5: color(display-p3 .97 .902 .527);
      --amber-6: color(display-p3 .936 .844 .506);
      --amber-7: color(display-p3 .89 .762 .443);
      --amber-8: color(display-p3 .85 .65 .3);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 .959 .741 .274);
      --amber-11: color(display-p3 .64 .4 0);
      --amber-12: color(display-p3 .294 .208 .145);
    }
  }
}

:root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
      --red-1: color(display-p3 .998 .989 .988);
      --red-2: color(display-p3 .995 .971 .971);
      --red-3: color(display-p3 .985 .925 .925);
      --red-4: color(display-p3 .999 .866 .866);
      --red-5: color(display-p3 .984 .812 .811);
      --red-6: color(display-p3 .955 .751 .749);
      --red-7: color(display-p3 .915 .675 .672);
      --red-8: color(display-p3 .872 .575 .572);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .798 .294 .285);
      --red-11: color(display-p3 .744 .234 .222);
      --red-12: color(display-p3 .36 .115 .143);
    }
  }
}

._bold_6j9u9_10 {
  font-weight: 700;
}

._italic_6j9u9_14 {
  font-style: italic;
}

._underline_6j9u9_18 {
  text-decoration: underline;
}

._strikethrough_6j9u9_34 {
  text-decoration: line-through;
}

._underlineStrikethrough_6j9u9_38 {
  text-decoration: underline line-through;
}

._subscript_6j9u9_42 {
  font-size: .8em;
  vertical-align: sub !important;
}

._superscript_6j9u9_47 {
  vertical-align: super;
  font-size: .8em;
}

._code_6j9u9_52 {
  background-color: var(--baseBg);
  font-family: var(--font-mono);
  padding: 1px .25rem;
  font-size: 94%;
}

._quote_6j9u9_59 {
  border-inline-start: 3px solid var(--baseBorder);
  color: var(--baseText);
  margin-inline-start: 0;
  padding-inline-start: var(--spacing-4);
}

._nestedListItem_6j9u9_66 {
  list-style: none;
}

._listitem_6j9u9_76 {
  margin: var(--spacing-2) 0;
}

._listItemChecked_6j9u9_80, ._listItemUnchecked_6j9u9_81 {
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
  margin-left: 0;
  margin-right: 0;
  outline: none;
  margin-inline-start: -1rem;
  list-style-type: none;
  position: relative;
}

._listItemChecked_6j9u9_80 {
  text-decoration: line-through;
}

._listItemUnchecked_6j9u9_81:before, ._listItemChecked_6j9u9_80:before {
  content: "";
  width: var(--spacing-4);
  height: var(--spacing-4);
  cursor: pointer;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

._listItemUnchecked_6j9u9_81[dir="rtl"]:before, ._listItemChecked_6j9u9_80[dir="rtl"]:before {
  left: auto;
  right: 0;
}

._listItemUnchecked_6j9u9_81:focus:before, ._listItemChecked_6j9u9_80:focus:before {
  box-shadow: 0 0 0 2px var(--accentBgActive);
  border-radius: var(--radius-small);
}

._listItemUnchecked_6j9u9_81:before {
  border: 1px solid var(--baseBorder);
  border-radius: var(--radius-small);
}

._listItemChecked_6j9u9_80:before {
  border: 1px solid var(--accentBorder);
  border-radius: var(--radius-small);
  background-color: var(--accentSolid);
  background-repeat: no-repeat;
}

._listItemChecked_6j9u9_80:after {
  content: "";
  cursor: pointer;
  border-color: var(--baseBase);
  top: var(--spacing-0_5);
  width: var(--spacing-1);
  left: var(--spacing-1_5);
  right: var(--spacing-1_5);
  height: var(--spacing-2);
  border-style: solid;
  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
  display: block;
  position: absolute;
  transform: rotate(45deg);
}

._nestedListItem_6j9u9_66 {
  list-style-type: none;
}

._nestedListItem_6j9u9_66:before, ._nestedListItem_6j9u9_66:after {
  display: none;
}

._admonitionDanger_6j9u9_158, ._admonitionInfo_6j9u9_159, ._admonitionNote_6j9u9_160, ._admonitionTip_6j9u9_161, ._admonitionCaution_6j9u9_162 {
  padding: var(--spacing-2);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
  border-left: 3px solid var(--admonitionBorder);
  background-color: var(--admonitionBg);
}

._admonitionInfo_6j9u9_159 {
  --admonitionBorder: var(--admonitionInfoBorder);
  --admonitionBg: var(--admonitionInfoBg);
}

._admonitionTip_6j9u9_161 {
  --admonitionBorder: var(--admonitionTipBorder);
  --admonitionBg: var(--admonitionTipBg);
}

._admonitionCaution_6j9u9_162 {
  --admonitionBorder: var(--admonitionCautionBorder);
  --admonitionBg: var(--admonitionCautionBg);
}

._admonitionDanger_6j9u9_158 {
  --admonitionBorder: var(--admonitionDangerBorder);
  --admonitionBg: var(--admonitionDangerBg);
}

._admonitionNote_6j9u9_160 {
  --admonitionBorder: var(--admonitionNoteBorder);
  --admonitionBg: var(--admonitionNoteBg);
}

._mdxExpression_6j9u9_195 {
  font-family: var(--font-mono);
  color: var(--accentText);
  font-size: 84%;
}

._mdxExpression_6j9u9_195 input:focus-visible {
  outline: none;
}

._editorRoot_er3ed_53 {
  --accentBase: var(--blue-1);
  --accentBgSubtle: var(--blue-2);
  --accentBg: var(--blue-3);
  --accentBgHover: var(--blue-4);
  --accentBgActive: var(--blue-5);
  --accentLine: var(--blue-6);
  --accentBorder: var(--blue-7);
  --accentBorderHover: var(--blue-8);
  --accentSolid: var(--blue-9);
  --accentSolidHover: var(--blue-10);
  --accentText: var(--blue-11);
  --accentTextContrast: var(--blue-12);
  --basePageBg: white;
  --baseBase: var(--slate-1);
  --baseBgSubtle: var(--slate-2);
  --baseBg: var(--slate-3);
  --baseBgHover: var(--slate-4);
  --baseBgActive: var(--slate-5);
  --baseLine: var(--slate-6);
  --baseBorder: var(--slate-7);
  --baseBorderHover: var(--slate-8);
  --baseSolid: var(--slate-9);
  --baseSolidHover: var(--slate-10);
  --baseText: var(--slate-11);
  --baseTextContrast: var(--slate-12);
  --admonitionTipBg: var(--cyan-4);
  --admonitionTipBorder: var(--cyan-8);
  --admonitionInfoBg: var(--grass-4);
  --admonitionInfoBorder: var(--grass-8);
  --admonitionCautionBg: var(--amber-4);
  --admonitionCautionBorder: var(--amber-8);
  --admonitionDangerBg: var(--red-4);
  --admonitionDangerBorder: var(--red-8);
  --admonitionNoteBg: var(--slate-4);
  --admonitionNoteBorder: var(--slate-8);
  --error-color: var(--red-10);
  --spacing-0: 0px;
  --spacing-px: 1px;
  --spacing-0_5: .125rem;
  --spacing-1: .25rem;
  --spacing-1_5: .375rem;
  --spacing-2: .5rem;
  --spacing-2_5: .625rem;
  --spacing-3: .75rem;
  --spacing-3_5: .875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --radius-none: 0px;
  --radius-small: var(--spacing-0_5);
  --radius-base: var(--spacing-1);
  --radius-medium: var(--spacing-1_5);
  --radius-large: var(--spacing-2);
  --radius-extra-large: var(--spacing-3);
  --radius-full: 9999px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --text-base: 1rem;
  --text-sm: .875rem;
  --text-xs: .75rem;
  --text-xxs: .6rem;
  font-family: var(--font-body);
  color: var(--baseText);
}

._nestedListItem_er3ed_158 {
  list-style: none;
}

._toolbarRoot_er3ed_162 {
  z-index: 2;
  gap: var(--spacing-1);
  border-radius: var(--radius-medium);
  padding: var(--spacing-1_5);
  background-color: var(--baseBg);
  width: inherit;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

._toolbarRoot_er3ed_162 div[role="separator"] {
  margin: var(--spacing-2) var(--spacing-1);
  border-left: 1px solid var(--baseBorder);
  border-right: 1px solid var(--baseBase);
  height: var(--spacing-4);
}

._toolbarRoot_er3ed_162 svg {
  color: var(--baseTextContrast);
  display: block;
}

._readOnlyToolbarRoot_er3ed_189 {
  pointer-events: none;
  background: var(--baseBase);
}

._readOnlyToolbarRoot_er3ed_189 > div {
  opacity: .5;
}

._toolbarModeSwitch_er3ed_198 {
  border: 1px solid var(--baseBg);
  border-radius: var(--radius-medium);
  font-size: var(--text-xs);
  align-self: stretch;
  align-items: stretch;
  margin-left: auto;
  display: flex;
  opacity: 1 !important;
}

._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208 {
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4);
}

._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:active, ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208[data-state="on"] {
  background-color: var(--baseBorder);
}

._toolbarGroupOfGroups_er3ed_219 {
  margin: 0 var(--spacing-1);
  display: flex;
}

._toolbarToggleSingleGroup_er3ed_224:first-of-type ._toolbarToggleItem_er3ed_208:only-child, ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:first-child, ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toolbarToggleSingleGroup_er3ed_224:last-of-type ._toolbarToggleItem_er3ed_208:only-child, ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:last-child, ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarToggleItem_er3ed_208, ._toolbarButton_er3ed_239 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-0_5);
}

@media (hover: hover) {
  ._toolbarToggleItem_er3ed_208:hover, ._toolbarButton_er3ed_239:hover {
    background-color: var(--baseBgActive);
  }
}

._toolbarToggleItem_er3ed_208:active svg, ._toolbarButton_er3ed_239:active svg {
  transform: translate(1px, 1px);
}

._toolbarToggleItem_er3ed_208[data-state="on"], ._toolbarButton_er3ed_239[data-state="on"], ._toolbarToggleItem_er3ed_208:active, ._toolbarButton_er3ed_239:active {
  color: var(--baseTextContrast);
  background-color: var(--baseBgActive);
}

._toolbarToggleItem_er3ed_208[data-disabled], ._toolbarButton_er3ed_239[data-disabled] {
  pointer-events: none;
}

._toolbarToggleItem_er3ed_208[data-disabled] svg, ._toolbarButton_er3ed_239[data-disabled] svg {
  color: var(--baseBorderHover);
}

._toolbarButton_er3ed_239 {
  border-radius: var(--radius-base);
}

._toolbarButton_er3ed_239 + ._toolbarButton_er3ed_239 {
  margin-left: var(--spacing-1);
}

._activeToolbarButton_er3ed_275 {
  color: var(--accentText);
}

._toolbarToggleSingleGroup_er3ed_224 {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

._toolbarNodeKindSelectContainer_er3ed_285, ._toolbarButtonDropdownContainer_er3ed_286, ._toolbarCodeBlockLanguageSelectContent_er3ed_287, ._selectContainer_er3ed_288 {
  filter: drop-shadow(0 2px 2px #0003);
  z-index: 3;
  width: var(--spacing-36);
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
  background-color: var(--basePageBg);
  font-size: var(--text-sm);
}

._toolbarButtonDropdownContainer_er3ed_286, ._toolbarButtonDropdownContainer_er3ed_286 ._selectItem_er3ed_301:first-child {
  border-top-right-radius: var(--radius-base);
}

._toolbarNodeKindSelectTrigger_er3ed_306, ._toolbarButtonSelectTrigger_er3ed_307, ._selectTrigger_er3ed_308 {
  color: inherit;
  width: var(--spacing-36);
  padding: var(--spacing-0_5) var(--spacing-1);
  border-radius: var(--radius-medium);
  white-space: nowrap;
  font-size: var(--text-sm);
  background-color: #0000;
  background-color: var(--basePageBg);
  margin: 0 var(--spacing-1);
  border: 0;
  flex-wrap: nowrap;
  align-items: center;
  padding-inline-start: var(--spacing-2);
  display: flex;
}

._toolbarNodeKindSelectTrigger_er3ed_306[data-state="open"], ._toolbarButtonSelectTrigger_er3ed_307[data-state="open"], ._selectTrigger_er3ed_308[data-state="open"] {
  filter: drop-shadow(0 2px 2px #0003);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-left-radius: var(--radius-none);
}

._selectTrigger_er3ed_308[data-placeholder] > span:first-child {
  color: var(--baseBorderHover);
}

._toolbarButtonSelectTrigger_er3ed_307 {
  width: auto;
  padding-inline-start: var(--spacing-2);
  padding-inline-end: var(--spacing-1);
  padding-block: var(--spacing-0_5);
}

._toolbarCodeBlockLanguageSelectTrigger_er3ed_342, ._toolbarCodeBlockLanguageSelectContent_er3ed_287 {
  width: var(--spacing-48);
}

._toolbarNodeKindSelectItem_er3ed_347, ._selectItem_er3ed_301 {
  cursor: default;
  padding: var(--spacing-2);
  display: flex;
}

._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
  background-color: var(--baseBg);
}

._toolbarNodeKindSelectItem_er3ed_347[data-state="checked"], ._selectItem_er3ed_301[data-state="checked"] {
  color: var(--baseTextContrast);
  background-color: var(--baseBg);
}

._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
  outline: none;
}

._toolbarNodeKindSelectItem_er3ed_347:last-child, ._selectItem_er3ed_301:last-child {
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarNodeKindSelectDropdownArrow_er3ed_372, ._selectDropdownArrow_er3ed_373 {
  align-items: center;
  margin-left: auto;
  display: flex;
}

._contentEditable_er3ed_379 {
  box-sizing: border-box;
  width: 100%;
  color: var(--baseTextContrast);
  padding: var(--spacing-3);
}

._contentEditable_er3ed_379:focus {
  outline: none;
}

._codeMirrorWrapper_er3ed_391 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  padding: .8rem;
  position: relative;
  overflow: hidden;
}

._sandPackWrapper_er3ed_400 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  position: relative;
  overflow: hidden;
}

._codeMirrorToolbar_er3ed_408 {
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

._frontmatterWrapper_er3ed_412 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-3);
  background-color: var(--baseBgSubtle);
}

._frontmatterWrapper_er3ed_412[data-expanded="true"] {
  margin-bottom: var(--spacing-10);
}

._frontmatterToggleButton_er3ed_422 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  align-items: center;
  gap: var(--spacing-1);
  font-size: var(--text-sm);
  display: flex;
}

._propertyPanelTitle_er3ed_430 {
  font-size: var(--text-xs);
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-2);
  margin: 0;
  font-weight: 400;
}

._propertyEditorTable_er3ed_438 {
  table-layout: fixed;
  border-spacing: var(--spacing-2);
}

._propertyEditorTable_er3ed_438 th {
  text-align: left;
  font-size: var(--text-sm);
  padding: var(--spacing-2) var(--spacing-3);
}

._propertyEditorTable_er3ed_438 col:first-child {
  width: 30%;
}

._propertyEditorTable_er3ed_438 col:nth-child(2) {
  width: 70%;
}

._propertyEditorTable_er3ed_438 td:last-child ._iconButton_er3ed_456 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

._propertyEditorTable_er3ed_438 ._readOnlyColumnCell_er3ed_461 {
  padding-left: 0;
}

._propertyEditorLabelCell_er3ed_466 {
  font-weight: 400;
}

._readOnlyColumnCell_er3ed_461 {
  padding-left: 0;
}

._buttonsFooter_er3ed_474 {
  justify-content: flex-end;
  gap: var(--spacing-2);
  display: flex;
}

._propertyEditorInput_er3ed_480 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  font-size: var(--text-sm);
}

._iconButton_er3ed_456 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseText);
}

@media (hover: hover) {
  ._iconButton_er3ed_456:hover {
    color: var(--baseTextContrast);
  }
}

._iconButton_er3ed_456:disabled, ._iconButton_er3ed_456:disabled:hover {
  color: var(--baseLine);
}

._primaryButton_er3ed_506, ._secondaryButton_er3ed_507 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-2) var(--spacing-3);
  border: 1px solid var(--accentBorder);
  background-color: var(--accentSolidHover);
  color: var(--baseBase);
  font-size: var(--text-xs);
  border-radius: var(--radius-medium);
}

._primaryButton_er3ed_506:disabled, ._secondaryButton_er3ed_507:disabled {
  background: var(--accentLine);
  border-color: var(--accentBg);
}

._smallButton_er3ed_522 {
  font-size: var(--text-xs);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-base);
}

._secondaryButton_er3ed_507 {
  border: 1px solid var(--baseBorder);
  background-color: var(--baseSolidHover);
  color: var(--baseBase);
}

._dialogForm_er3ed_534 {
  gap: var(--spacing-2);
  flex-direction: row;
  display: flex;
}

._linkDialogEditForm_er3ed_540 {
  align-items: stretch;
  gap: var(--spacing-2);
  flex-direction: column;
  padding: 0;
  display: flex;
}

._linkDialogInputContainer_er3ed_548 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._linkDialogInputWrapper_er3ed_554 {
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  align-items: center;
  display: flex;
}

._linkDialogInputWrapper_er3ed_554[data-visible-dropdown="true"] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}

._linkDialogInputWrapper_er3ed_554 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}

._linkDialogInput_er3ed_548, ._dialogInput_er3ed_575 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._linkDialogInput_er3ed_548::-moz-placeholder {
  color: var(--baseBorder);
}

._dialogInput_er3ed_575::-moz-placeholder {
  color: var(--baseBorder);
}

._linkDialogInput_er3ed_548::placeholder, ._dialogInput_er3ed_575::placeholder {
  color: var(--baseBorder);
}

._linkDialogAnchor_er3ed_586 {
  z-index: -1;
  background-color: highlight;
  position: fixed;
}

._linkDialogAnchor_er3ed_586[data-visible="true"] {
  visibility: visible;
}

._linkDialogAnchor_er3ed_586[data-visible="false"] {
  visibility: hidden;
}

._linkDialogPopoverContent_er3ed_600, ._tableColumnEditorPopoverContent_er3ed_601, ._dialogContent_er3ed_602 {
  filter: drop-shadow(0 2px 2px #0003);
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBg);
  background-color: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-1);
  font-size: var(--text-sm);
  display: flex;
}

._largeDialogContent_er3ed_614 {
  filter: drop-shadow(0 2px 2px #0003);
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-4);
  font-size: var(--text-sm);
}

._dialogTitle_er3ed_624 {
  font-size: var(--text-base);
  padding-left: var(--spacing-2);
  font-weight: 600;
}

._dialogCloseButton_er3ed_630 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  position: absolute;
  top: 10px;
  right: 10px;
}

._popoverContent_er3ed_637 {
  filter: drop-shadow(0 2px 2px #0003);
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-2) var(--spacing-2);
  font-size: var(--text-sm);
  z-index: 1;
  display: flex;
}

._popoverArrow_er3ed_649 {
  fill: var(--basePageBg);
}

._linkDialogPreviewAnchor_er3ed_653 {
  margin-right: var(--spacing-1);
  color: var(--accentText);
  border: 1px solid #0000;
  align-items: center;
  text-decoration: none;
  display: flex;
}

@media (hover: hover) {
  ._linkDialogPreviewAnchor_er3ed_653:hover {
    color: var(--accentSolidHover);
  }
}

._linkDialogPreviewAnchor_er3ed_653 span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14rem;
  overflow-x: hidden;
}

._tooltipTrigger_er3ed_676 {
  align-self: center;
}

._tooltipContent_er3ed_680 {
  z-index: 2;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1) var(--spacing-2);
  font-size: var(--text-xs);
  background-color: var(--baseText);
  color: var(--baseBase);
  position: relative;
}

._tooltipContent_er3ed_680 svg {
  fill: var(--baseText);
}

._actionButton_er3ed_694 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  padding: var(--spacing-1) var(--spacing-1);
  border-radius: var(--radius-medium);
  color: var(--baseTextContrast);
}

._actionButton_er3ed_694 svg {
  display: block;
}

@media (hover: hover) {
  ._actionButton_er3ed_694:hover {
    background-color: var(--baseBg);
  }
}

._actionButton_er3ed_694:active svg {
  transform: translate(1px, 1px);
}

._actionButton_er3ed_694[data-state="on"], ._actionButton_er3ed_694:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._primaryActionButton_er3ed_701 {
  background-color: var(--accentSolid);
  color: var(--baseBase);
}

@media (hover: hover) {
  ._primaryActionButton_er3ed_701:hover {
    background-color: var(--accentSolidHover);
    color: var(--baseBase);
  }
}

._tableEditor_er3ed_713 {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

._tableEditor_er3ed_713 thead > tr > th {
  text-align: right;
}

._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724), ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell="true"]) {
  border: 1px solid var(--baseBgActive);
  padding: var(--spacing-1) var(--spacing-2);
  white-space: normal;
}

:is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724), ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell="true"])) > div {
  outline: none;
}

:is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724), ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell="true"])) > div > p {
  margin: 0;
}

[data-active="true"]:is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724), ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell="true"])) {
  outline: solid 1px var(--baseSolid);
}

._tableEditor_er3ed_713 ._tableColumnEditorTrigger_er3ed_743, ._tableEditor_er3ed_713 ._tableRowEditorTrigger_er3ed_744, ._tableEditor_er3ed_713 ._addRowButton_er3ed_745, ._tableEditor_er3ed_713 ._addColumnButton_er3ed_746, ._tableEditor_er3ed_713 ._iconButton_er3ed_456 {
  opacity: .15;
}

@media (hover: hover) {
  ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743, ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744, ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745, ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746, ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456 {
    opacity: .3;
  }

  ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743:hover, ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744:hover, ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745:hover, ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746:hover, ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456:hover {
    opacity: 1;
  }
}

._toolCell_er3ed_724 {
  text-align: right;
}

._toolCell_er3ed_724 button {
  margin: auto;
  display: block;
}

._tableColumnEditorTrigger_er3ed_743 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseTextContrast);
  padding: var(--spacing-1);
  border-radius: var(--radius-full);
  opacity: .2;
}

._tableColumnEditorTrigger_er3ed_743 svg {
  display: block;
}

@media (hover: hover) {
  ._tableColumnEditorTrigger_er3ed_743:hover {
    background-color: var(--baseBg);
  }
}

._tableColumnEditorTrigger_er3ed_743:active svg {
  transform: translate(1px, 1px);
}

._tableColumnEditorTrigger_er3ed_743[data-state="on"], ._tableColumnEditorTrigger_er3ed_743:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._tableColumnEditorTrigger_er3ed_743[data-active="true"] {
  opacity: 1 !important;
}

._tableColumnEditorToolbar_er3ed_788 {
  display: flex;
}

._tableColumnEditorToolbar_er3ed_788 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}

._tableColumnEditorToolbar_er3ed_788 > button svg {
  display: block;
}

@media (hover: hover) {
  ._tableColumnEditorToolbar_er3ed_788 > button:hover {
    background-color: var(--baseBg);
  }
}

._tableColumnEditorToolbar_er3ed_788 > button:active svg {
  transform: translate(1px, 1px);
}

._tableColumnEditorToolbar_er3ed_788 > button[data-state="on"], ._tableColumnEditorToolbar_er3ed_788 > button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._tableColumnEditorToolbar_er3ed_788 [role="separator"] {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

._toggleGroupRoot_er3ed_801 {
  display: inline-flex;
}

._toggleGroupRoot_er3ed_801 button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}

._toggleGroupRoot_er3ed_801 button svg {
  display: block;
}

@media (hover: hover) {
  ._toggleGroupRoot_er3ed_801 button:hover {
    background-color: var(--baseBg);
  }
}

._toggleGroupRoot_er3ed_801 button:active svg {
  transform: translate(1px, 1px);
}

._toggleGroupRoot_er3ed_801 button[data-state="on"], ._toggleGroupRoot_er3ed_801 button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._toggleGroupRoot_er3ed_801 button:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toggleGroupRoot_er3ed_801 button:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._tableToolsColumn_er3ed_819 {
  width: 2rem;
}

._tableToolsColumn_er3ed_819 button {
  margin: auto;
  display: block;
}

._leftAlignedCell_er3ed_828 {
  text-align: left;
}

._rightAlignedCell_er3ed_832 {
  text-align: right;
}

._centeredCell_er3ed_836 {
  text-align: center;
}

._addColumnButton_er3ed_746, ._addRowButton_er3ed_745 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  background-color: var(--baseBase);
  align-items: center;
  display: flex;
}

._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
  display: block;
}

@media (hover: hover) {
  ._addColumnButton_er3ed_746:hover, ._addRowButton_er3ed_745:hover {
    background-color: var(--baseBg);
  }
}

._addColumnButton_er3ed_746:active svg, ._addRowButton_er3ed_745:active svg {
  transform: translate(1px, 1px);
}

._addColumnButton_er3ed_746[data-state="on"], ._addRowButton_er3ed_745[data-state="on"], ._addColumnButton_er3ed_746:active, ._addRowButton_er3ed_745:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
  margin: auto;
}

._addRowButton_er3ed_745 {
  width: 100%;
  margin-top: var(--spacing-px);
  box-sizing: border-box;
  border-bottom-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
}

._addColumnButton_er3ed_746 {
  margin-left: var(--spacing-px);
  border-top-right-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  height: 100%;
}

._dialogOverlay_er3ed_869 {
  background-color: var(--baseBase);
  z-index: 51;
  opacity: .5;
  animation: .15s cubic-bezier(.16, 1, .3, 1) _overlayShow_er3ed_1;
  position: fixed;
  inset: 0;
}

._dialogContent_er3ed_602, ._largeDialogContent_er3ed_614 {
  z-index: 52;
  animation: .15s cubic-bezier(.16, 1, .3, 1) _contentShow_er3ed_1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._dialogContent_er3ed_602:focus, ._largeDialogContent_er3ed_614:focus {
  outline: none;
}

@keyframes _overlayShow_er3ed_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: .5;
  }
}

@keyframes _contentShow_er3ed_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

._focusedImage_er3ed_915 {
  outline: 2px solid highlight;
}

._imageWrapper_er3ed_919 {
  display: inline-block;
  position: relative;
}

._imageWrapper_er3ed_919[draggable="true"] {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

._editImageToolbar_er3ed_932 {
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

._editImageButton_er3ed_936 svg {
  display: block;
}

._inlineEditor_er3ed_942 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-1);
  gap: var(--spacing-2);
  background: var(--baseBg);
  align-items: center;
  display: inline-flex;
}

._blockEditor_er3ed_951 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-2);
  justify-content: stretch;
  gap: var(--spacing-2);
  background: var(--baseBg);
  align-items: center;
  display: flex;
}

._blockEditor_er3ed_951 ._nestedEditor_er3ed_960 {
  flex-grow: 1;
}

._nestedEditor_er3ed_960 {
  background: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-medium);
}

._nestedEditor_er3ed_960 > p {
  margin: 0;
}

._nestedEditor_er3ed_960:focus {
  outline: none;
}

._genericComponentName_er3ed_979 {
  font-size: var(--text-sm);
  color: var(--baseText);
  padding-right: var(--spacing-2);
}

._diffSourceToggleWrapper_er3ed_985 {
  pointer-events: auto;
  opacity: 1;
  margin-left: auto;
  position: sticky;
  right: 0;
}

._diffSourceToggle_er3ed_985 {
  border-radius: var(--radius-medium);
  background-color: var(--baseBase);
  display: flex;
}

._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 {
  padding: 0;
}

._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 > span {
  padding: var(--spacing-1) var(--spacing-1);
  display: block;
}

._selectWithLabel_er3ed_1011 {
  align-items: center;
  gap: var(--spacing-2);
  margin-left: var(--spacing-2);
  display: flex;
}

._selectWithLabel_er3ed_1011 > label {
  font-size: var(--text-sm);
}

._selectWithLabel_er3ed_1011 ._selectTrigger_er3ed_308 {
  border: 1px solid var(--baseBorder);
}

._toolbarTitleMode_er3ed_1026 {
  font-size: var(--text-sm);
  margin-left: var(--spacing-2);
}

._imageControlWrapperResizing_er3ed_1031 {
  touch-action: none;
}

._imageResizer_er3ed_1035 {
  background-color: var(--accentText);
  border: 1px solid var(--baseBg);
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
}

._imageResizer_er3ed_1035._imageResizerN_er3ed_1044 {
  cursor: n-resize;
  top: -6px;
  left: 48%;
}

._imageResizer_er3ed_1035._imageResizerNe_er3ed_1050 {
  cursor: ne-resize;
  top: -6px;
  right: -6px;
}

._imageResizer_er3ed_1035._imageResizerE_er3ed_1056 {
  cursor: e-resize;
  bottom: 48%;
  right: -6px;
}

._imageResizer_er3ed_1035._imageResizerSe_er3ed_1062 {
  cursor: nwse-resize;
  bottom: -2px;
  right: -6px;
}

._imageResizer_er3ed_1035._imageResizerS_er3ed_1062 {
  cursor: s-resize;
  bottom: -2px;
  left: 48%;
}

._imageResizer_er3ed_1035._imageResizerSw_er3ed_1074 {
  cursor: sw-resize;
  bottom: -2px;
  left: -6px;
}

._imageResizer_er3ed_1035._imageResizerW_er3ed_1080 {
  cursor: w-resize;
  bottom: 48%;
  left: -6px;
}

._imageResizer_er3ed_1035._imageResizerNw_er3ed_1086 {
  cursor: nw-resize;
  top: -6px;
  left: -6px;
}

._imagePlaceholder_er3ed_1092 {
  border: 2px dashed;
  width: fit-content;
  height: fit-content;
  margin: 12px;
  padding: 48px;
}

._imageDimensionsContainer_er3ed_1100 {
  gap: var(--spacing-4);
  display: flex;
}

._placeholder_er3ed_1105 {
  color: var(--baseSolid);
  padding: var(--spacing-3);
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 0;
  overflow: hidden;
}

._rootContentEditableWrapper_er3ed_1118 {
  position: relative;
}

._downshiftContainer_er3ed_1122 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._downshiftInputWrapper_er3ed_1128 {
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  align-items: center;
  display: flex;
}

._downshiftInputWrapper_er3ed_1128[data-visible-dropdown="true"] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}

._downshiftInputWrapper_er3ed_1128 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}

._downshiftInput_er3ed_1128 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._downshiftInput_er3ed_1128::placeholder {
  color: var(--baseBorder);
}

._downshiftAutocompleteContainer_er3ed_1159 {
  position: relative;
}

._downshiftAutocompleteContainer_er3ed_1159 ul {
  all: unset;
  box-sizing: border-box;
  font-size: var(--text-sm);
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  width: 100%;
  max-height: var(--spacing-48);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  border-top-width: 0;
  display: none;
  position: absolute;
  overflow: hidden auto;
}

._downshiftAutocompleteContainer_er3ed_1159 ul[data-visible="true"] {
  display: block;
}

._downshiftAutocompleteContainer_er3ed_1159 ul li {
  padding: var(--spacing-2) var(--spacing-3);
  white-space: nowrap;
  margin-bottom: var(--spacing-1);
  text-overflow: ellipsis;
  overflow-x: hidden;
}

._downshiftAutocompleteContainer_er3ed_1159 ul li[data-selected="true"] {
  background-color: var(--baseBgSubtle);
}

._downshiftAutocompleteContainer_er3ed_1159 ul li[data-highlighted="true"] {
  background-color: var(--baseBgHover);
}

._downshiftAutocompleteContainer_er3ed_1159 ul li:last-of-type {
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}

._textInput_er3ed_1205 {
  all: unset;
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  padding: var(--spacing-2) var(--spacing-3);
}

form._multiFieldForm_er3ed_1213 {
  padding: var(--spacing-2);
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 {
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
  font-size: var(--text-xs);
}

._markdownParseError_er3ed_1230 {
  border-radius: var(--radius-base);
  border: 1px solid var(--error-color);
  padding: var(--spacing-2);
  margin-block: var(--spacing-2);
  color: var(--error-color);
  font-size: var(--text-xs);
}

._popupContainer_er3ed_1239 {
  z-index: 2;
  position: relative;
}

._inputSizer_er3ed_1244 {
  vertical-align: baseline;
  align-items: center;
  display: inline-grid;
  position: relative;
}

._inputSizer_er3ed_1244:after, ._inputSizer_er3ed_1244 input {
  width: auto;
  min-width: 1rem;
  font: inherit;
  resize: none;
  appearance: none;
  color: inherit;
  background: none;
  border: none;
  grid-area: 1 / 2;
  margin: 0;
  padding: 0 2px;
}

._inputSizer_er3ed_1244 span {
  padding: .25em;
}

._inputSizer_er3ed_1244:after {
  content: attr(data-value);
  white-space: pre-wrap;
}

.mdxeditor.mdxeditor-full-height {
  flex-direction: column;
  display: flex;
}

.mdxeditor-full-height .mdxeditor-toolbar {
  flex-shrink: 0;
}

.mdxeditor-full-height .mdxeditor-root-contenteditable {
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.mdxeditor-full-height .mdxeditor-contenteditable-wrapper {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.mdxeditor-full-height .mdxeditor-contenteditable-wrapper ._contentEditable_er3ed_379 {
  flex-grow: 1;
}

.mdxeditor-full-height .mdxeditor-diff-source-wrapper {
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  display: flex;
}

.mdxeditor-full-height .mdxeditor-rich-text-editor {
  flex-grow: 1;
  min-height: 0;
}

.mdxeditor-full-height .mdxeditor-rich-text-editor .mdxeditor-root-contenteditable {
  box-sizing: border-box;
  height: 100%;
}

.mdxeditor-full-height .mdxeditor-source-editor, .mdxeditor-full-height .mdxeditor-diff-editor {
  flex-grow: 1;
  min-height: 0;
  overflow: auto;
}

.mdxeditor-full-height .mdxeditor-source-editor .cm-editor {
  height: 100%;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2") format("woff2"), url("/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff") format("woff");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: DM Mono;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("/assets/dm-mono-latin-400-normal-4GdczIuU.woff2") format("woff2"), url("/assets/dm-mono-latin-400-normal--0xN8mdc.woff") format("woff");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter var;
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("/assets/Inter-roman.var-BgdjCeQL.woff2?v=3.18") format("woff2");
}

@font-face {
  font-family: Inter var;
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("/assets/Inter-italic.var-Dtl0NJxe.woff2?v=3.18") format("woff2");
}

@media (prefers-reduced-motion: reduce) {
  .animate-slack-typing, .animate-slack-message-in, .animate-demo-attention-wiggle, .animate-demo-attention-pulse {
    animation: none !important;
  }
}

:root {
  --ds-menu-z: 1300;
  --ds-tooltip-z: 1500;
}

@media (prefers-reduced-motion: no-preference) {
  * {
    scroll-behavior: smooth;
  }
}

html, #root {
  overflow: hidden;
}

#root [hidden] {
  display: none;
}

.qualificationPromptWrapper {
  border: 1px solid #efefef;
  border-radius: 8px;
  padding: 8px;
}

.qualificationPromptEditor {
  color: #555;
  font-family: Consolas, Monaco, Lucida Console, monospace;
  font-size: 10pt;
  line-height: 1.6;
}

.MuiDateRangeCalendar-root > div:first-child {
  display: none;
}

.example-history-add-message-container {
  opacity: 0;
  transition: visibility, opacity .2s;
}

.example-history-message-container:hover .example-history-add-message-container {
  visibility: visible;
  opacity: 1;
  transition: visibility, opacity .5s;
}

.chat-message-action-container {
  visibility: hidden;
}

.example-history-message-container:hover .chat-message-action-container {
  display: block;
}

.markdown-message {
  white-space: pre-wrap;
  word-break: break-word;
}

.markdown-message h1, h2, h3 {
  margin: 0;
  padding: 0;
}

.markdown-message p {
  margin: 0;
  font-weight: 500;
}

.markdown-message ol, .markdown-message ul {
  white-space: normal;
  margin: 0;
}

.markdown-message li {
  white-space: normal;
}

.react-flow__node {
  border-radius: 20px;
}

.MuiButtonBase-root {
  overflow: hidden;
}

.MuiTouchRipple-root {
  border-radius: inherit;
}

.MuiTouchRipple-rippleVisible {
  animation-duration: .6s !important;
  transform: scale(.8) !important;
}

.json-view-container > div {
  margin-left: -10px !important;
  padding-left: 0 !important;
}

.json-view-container > div > span {
  display: none;
}

.json-view-collapse-icon {
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M3.75 6.125L7.5 9.875L11.25 6.125' stroke='black' stroke-width='0.9375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 16px;
  display: inline-block;
}

.json-view-collapse-icon:after {
  content: "";
}

.json-view-expand-icon {
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M5.625 11.75L9.375 8L5.625 4.25' stroke='black' stroke-width='0.9375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 15px;
  height: 16px;
  display: inline-block;
}

.json-view-expand-icon:after {
  content: "";
}

.json-view-punctuation {
  display: none;
}

.json-view-label {
  color: #1d2630;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: var(--font-dm-mono);
  vertical-align: middle;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.json-view-value {
  color: #706afc;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: var(--font-dm-mono);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

@container ds-filterbar (min-width: 420px) {
  .skill-runs-filterbar .ds-filterbar__k {
    display: inline;
  }
}

@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-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-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-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-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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@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-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

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

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes gradient {
  0% {
    background-position: 150%;
  }

  100% {
    background-position: -50%;
  }
}

@keyframes code-shake {
  20% {
    transform: translateX(-6px);
  }

  40% {
    transform: translateX(5px);
  }

  60% {
    transform: translateX(-3px);
  }

  80% {
    transform: translateX(2px);
  }
}

@keyframes trusted-by-logo-marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-33.3333%);
  }
}

@keyframes testimonial-progress {
  0% {
    transform: scaleX(0);
  }

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

@keyframes slack-typing {
  0%, 60%, 100% {
    opacity: .35;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@keyframes slack-message-in {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}