@font-face {
  font-family: Anthropic Sans;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc27851ad-Ch5JsymX.woff2)
    format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
  font-feature-settings: "dlig" 0;
}
@font-face {
  font-family: Anthropic Sans;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c9d3a3a49-D6YfRYB0.woff2)
    format("woff2");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
  font-feature-settings: "dlig" 0;
}
@font-face {
  font-family: "Anthropic Serif";
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c66fc489e-B-BVv4OK.woff2)
    format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Anthropic Serif";
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cc410af59-CLt5s1k1.woff2)
    format("woff2");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Anthropic Mono;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c5dbe0935-67JqZoo7.woff2)
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Anthropic Mono;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c2f08283e-CoIWmE_y.woff2)
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: OpenDyslexic;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/cf5d8819d-D7oQwCA_.woff2)
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: OpenDyslexic;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/ce6cfa480-T9ivnrk-.woff2)
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: OpenDyslexic;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/c59d6eb1d-lZojiKrH.woff2)
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: OpenDyslexic;
  src: url(https://assets-proxy.anthropic.com/claude-ai/v2/assets/v1/ce4f31d76-ChjKfT4W.woff2)
    format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
:root {
  --font-anthropic-sans:
    "Anthropic Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-anthropic-serif:
    "Anthropic Serif", Georgia, "Arial Hebrew", "Noto Sans Hebrew",
    "Times New Roman", Times, "PingFang SC", "Microsoft YaHei",
    "Noto Sans CJK SC", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC",
    "Hiragino Sans", "Yu Gothic", Meiryo, "Noto Sans CJK JP",
    "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", serif;
  --font-anthropic-mono: "Anthropic Mono", ui-monospace, monospace;
  --font-open-dyslexic: "OpenDyslexic", "Comic Sans MS", ui-serif, serif;
}
:root:lang(ja) {
  --font-anthropic-serif:
    "Anthropic Serif", Georgia, "Arial Hebrew", "Noto Sans Hebrew",
    "Times New Roman", Times, "Hiragino Sans", "Yu Gothic", Meiryo,
    "Noto Sans CJK JP", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
    "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC",
    "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", serif;
}
:root:lang(ko) {
  --font-anthropic-serif:
    "Anthropic Serif", Georgia, "Arial Hebrew", "Noto Sans Hebrew",
    "Times New Roman", Times, "Apple SD Gothic Neo", "Malgun Gothic",
    "Noto Sans CJK KR", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
    "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Hiragino Sans",
    "Yu Gothic", Meiryo, "Noto Sans CJK JP", serif;
} /*! tailwindcss v4.3.0 | 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)))) {
    :root,
    :host {
      --cds-badge-x-wght: 577.8;
    }
    *,
    :before,
    :after,
    ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-scrollbar-thumb: #0000;
      --tw-scrollbar-track: #0000;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --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: "";
      --cds-outset-x: 0px;
      --cds-outset-y: 0px;
      --cds-scroll-fade-size: 28px;
      --cds-scroll-fade-top: 0px;
      --cds-scroll-fade-bottom: 0px;
      --cds-scroll-fade-left: 0px;
      --cds-scroll-fade-right: 0px;
      --cds-scroll-fade-top-raw: 0px;
      --cds-scroll-fade-bottom-raw: 0px;
      --cds-scroll-fade-left-raw: 0px;
      --cds-scroll-fade-right-raw: 0px;
      --cds-scroll-fade-y-active: 0;
      --cds-scroll-fade-x-active: 0;
    }
  }
}
@layer conway-preflight;
@layer theme {
  :root,
  :host {
    --font-sans: var(--cds-font-sans);
    --font-mono: var(--cds-font-mono);
    --spacing: 0.25rem;
    --breakpoint-sm: 40rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --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: 1.2;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: var(--cds-font-weight-medium);
    --font-weight-semibold: var(--cds-font-weight-semibold);
    --font-weight-bold: var(--cds-font-weight-bold);
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-sm: var(--cds-shadow-sm);
    --shadow-md: var(--cds-shadow-md);
    --shadow-lg: var(--cds-shadow-lg);
    --drop-shadow-md: 0 3px 3px #0000001f;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--cds-font-sans);
    --default-mono-font-family: var(--cds-font-mono);
    --radius: var(--cds-radius);
    --font-voice: var(--cds-font-voice);
    --text-caption: var(--cds-font-size-caption);
    --text-footnote: var(--cds-font-size-footnote);
    --text-body: var(--cds-font-size-body);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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;
  }
  html:where(.cds-root),
  html:where(.cds-root):before,
  html:where(.cds-root):after,
  html:where(.cds-root) *,
  html:where(.cds-root) :before,
  html:where(.cds-root) :after,
  html :where(.cds-root),
  html :where(.cds-root):before,
  html :where(.cds-root):after,
  html :where(.cds-root) *,
  html :where(.cds-root) :before,
  html :where(.cds-root) :after {
    border-color: var(--cds-border);
  }
  :where(.cds-root)
    :where(
      button,
      [role="button"],
      [role="tab"],
      [role="menuitem"],
      [role="menuitemcheckbox"],
      [role="menuitemradio"],
      [role="option"],
      [role="switch"],
      [role="checkbox"],
      [role="radio"]
    ) {
    cursor: var(--cds-cursor-interactive);
  }
  :where(.cds-root)
    :where(button, [role]):where(
      :disabled,
      [aria-disabled="true"],
      [data-disabled]
    ) {
    cursor: default;
  }
  :where(.cds-root) :where(input, textarea, select).cds-input {
    appearance: none;
    box-shadow: none;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: 0;
    border-radius: 0;
    outline: none;
    padding: 0;
  }
  :where(.cds-root) :where(input, textarea).cds-input.cds-input:focus {
    box-shadow: none;
    border-color: var(--cds-border);
    outline: none;
  }
  :where(.cds-root) :where(input, textarea).cds-input.cds-input:focus-visible {
    box-shadow: var(--cds-focus-shadow);
  }
  :where(.cds-root) ::selection {
    background-color: var(--cds-bg-accent);
    color: var(--cds-text-accent);
  }
  pre code.hljs {
    padding: 1em;
    display: block;
    overflow-x: auto;
  }
  code.hljs {
    padding: 3px 5px;
  }
  .hljs {
    color: #abb2bf;
    background: #282c34;
  }
  .hljs-comment,
  .hljs-quote {
    color: #5c6370;
    font-style: italic;
  }
  .hljs-doctag,
  .hljs-formula,
  .hljs-keyword {
    color: #c678dd;
  }
  .hljs-deletion,
  .hljs-name,
  .hljs-section,
  .hljs-selector-tag,
  .hljs-subst {
    color: #e06c75;
  }
  .hljs-literal {
    color: #56b6c2;
  }
  .hljs-addition,
  .hljs-attribute,
  .hljs-meta .hljs-string,
  .hljs-regexp,
  .hljs-string {
    color: #98c379;
  }
  .hljs-attr,
  .hljs-number,
  .hljs-selector-attr,
  .hljs-selector-class,
  .hljs-selector-pseudo,
  .hljs-template-variable,
  .hljs-type,
  .hljs-variable {
    color: #d19a66;
  }
  .hljs-bullet,
  .hljs-link,
  .hljs-meta,
  .hljs-selector-id,
  .hljs-symbol,
  .hljs-title {
    color: #61aeee;
  }
  .hljs-built_in,
  .hljs-class .hljs-title,
  .hljs-title.class_ {
    color: #e6c07b;
  }
  .hljs-emphasis {
    font-style: italic;
  }
  .hljs-strong {
    font-weight: 700;
  }
  .hljs-link {
    text-decoration: underline;
  }
  :root {
    --always-white: 0 0% 100%;
    --always-black: 0 0% 0%;
  }
  [data-theme="claude"],
  [data-theme="claude"][data-mode="light"] {
    --accent-brand: 15 63.1% 59.6%;
    --accent-000: 210 73.7% 40.2%;
    --accent-100: 210 70.9% 51.6%;
    --accent-200: 210 70.9% 51.6%;
    --accent-900: 211 72% 90%;
    --accent-pro-000: 251 34.2% 33.3%;
    --accent-pro-100: 251 40% 45.1%;
    --accent-pro-200: 251 61% 72.2%;
    --accent-pro-900: 253 33.3% 91.8%;
    --bg-000: 0 0% 100%;
    --bg-100: 48 33.3% 97.1%;
    --bg-200: 53 28.6% 94.5%;
    --bg-300: 48 25% 92.2%;
    --bg-400: 50 20.7% 88.6%;
    --bg-500: 50 20.7% 88.6%;
    --brand-000: 15 54.2% 51.2%;
    --brand-100: 15 54.2% 51.2%;
    --brand-200: 15 63.1% 59.6%;
    --brand-900: 0 0% 0%;
    --border-100: 30 3.3% 11.8%;
    --border-200: 30 3.3% 11.8%;
    --border-300: 30 3.3% 11.8%;
    --border-400: 30 3.3% 11.8%;
    --danger-000: 0 58.6% 34.1%;
    --danger-100: 0 56.2% 45.4%;
    --danger-200: 0 56.2% 45.4%;
    --danger-900: 0 50% 95%;
    --oncolor-100: 0 0% 100%;
    --oncolor-200: 60 6.7% 97.1%;
    --oncolor-300: 60 6.7% 97.1%;
    --pictogram-100: 50 20.7% 88.6%;
    --pictogram-200: 51 16.5% 84.5%;
    --pictogram-300: 0 0% 100%;
    --pictogram-400: 48 33.3% 97.1%;
    --success-000: 125 100% 18%;
    --success-100: 103 72.3% 26.9%;
    --success-200: 103 72.3% 26.9%;
    --success-900: 86 45.1% 90%;
    --text-000: 60 2.6% 7.6%;
    --text-100: 60 2.6% 7.6%;
    --text-200: 60 2.5% 23.3%;
    --text-300: 60 2.5% 23.3%;
    --text-400: 51 3.1% 43.7%;
    --text-500: 51 3.1% 43.7%;
    --warning-000: 45 91.8% 19%;
    --warning-100: 39 88.8% 28%;
    --warning-200: 39 88.8% 28%;
    --warning-900: 38 65.9% 92%;
  }
  [data-theme="claude"][data-mode="dark"] {
    --accent-brand: 15 63.1% 59.6%;
    --accent-000: 210 65.5% 67.1%;
    --accent-100: 210 70.9% 51.6%;
    --accent-200: 210 70.9% 51.6%;
    --accent-900: 210 55.9% 24.6%;
    --accent-pro-000: 251 84.6% 74.5%;
    --accent-pro-100: 251 40.2% 54.1%;
    --accent-pro-200: 251 40% 45.1%;
    --accent-pro-900: 250 25.3% 19.4%;
    --bg-000: 60 2.1% 18.4%;
    --bg-100: 60 2.7% 14.5%;
    --bg-200: 30 3.3% 11.8%;
    --bg-300: 60 2.6% 7.6%;
    --bg-400: 0 0% 0%;
    --bg-500: 0 0% 0%;
    --brand-000: 15 54.2% 51.2%;
    --brand-100: 15 63.1% 59.6%;
    --brand-200: 15 63.1% 59.6%;
    --brand-900: 0 0% 0%;
    --border-100: 51 16.5% 84.5%;
    --border-200: 51 16.5% 84.5%;
    --border-300: 51 16.5% 84.5%;
    --border-400: 51 16.5% 84.5%;
    --danger-000: 0 98.4% 75.1%;
    --danger-100: 0 67% 59.6%;
    --danger-200: 0 67% 59.6%;
    --danger-900: 0 46.5% 27.8%;
    --oncolor-100: 0 0% 100%;
    --oncolor-200: 60 6.7% 97.1%;
    --oncolor-300: 60 6.7% 97.1%;
    --pictogram-100: 48 3.4% 29.2%;
    --pictogram-200: 60 2.5% 23.3%;
    --pictogram-300: 60 2.1% 18.4%;
    --pictogram-400: 60 2.7% 14.5%;
    --success-000: 97 59.1% 46.1%;
    --success-100: 97 75% 32.9%;
    --success-200: 97 75% 32.9%;
    --success-900: 127 100% 13.9%;
    --text-000: 48 33.3% 97.1%;
    --text-100: 48 33.3% 97.1%;
    --text-200: 50 9% 73.7%;
    --text-300: 50 9% 73.7%;
    --text-400: 48 4.8% 59.2%;
    --text-500: 48 4.8% 59.2%;
    --warning-000: 40 71% 50%;
    --warning-100: 39 93.4% 35.9%;
    --warning-200: 39 93.4% 35.9%;
    --warning-900: 45 94.8% 15.1%;
  }
  @media (prefers-color-scheme: dark) {
    [data-theme="claude"] {
      --accent-brand: 15 63.1% 59.6%;
      --accent-000: 210 65.5% 67.1%;
      --accent-100: 210 70.9% 51.6%;
      --accent-200: 210 70.9% 51.6%;
      --accent-900: 210 55.9% 24.6%;
      --accent-pro-000: 251 84.6% 74.5%;
      --accent-pro-100: 251 40.2% 54.1%;
      --accent-pro-200: 251 40% 45.1%;
      --accent-pro-900: 250 25.3% 19.4%;
      --bg-000: 60 2.1% 18.4%;
      --bg-100: 60 2.7% 14.5%;
      --bg-200: 30 3.3% 11.8%;
      --bg-300: 60 2.6% 7.6%;
      --bg-400: 0 0% 0%;
      --bg-500: 0 0% 0%;
      --brand-000: 15 54.2% 51.2%;
      --brand-100: 15 63.1% 59.6%;
      --brand-200: 15 63.1% 59.6%;
      --brand-900: 0 0% 0%;
      --border-100: 51 16.5% 84.5%;
      --border-200: 51 16.5% 84.5%;
      --border-300: 51 16.5% 84.5%;
      --border-400: 51 16.5% 84.5%;
      --danger-000: 0 98.4% 75.1%;
      --danger-100: 0 67% 59.6%;
      --danger-200: 0 67% 59.6%;
      --danger-900: 0 46.5% 27.8%;
      --oncolor-100: 0 0% 100%;
      --oncolor-200: 60 6.7% 97.1%;
      --oncolor-300: 60 6.7% 97.1%;
      --pictogram-100: 48 3.4% 29.2%;
      --pictogram-200: 60 2.5% 23.3%;
      --pictogram-300: 60 2.1% 18.4%;
      --pictogram-400: 60 2.7% 14.5%;
      --success-000: 97 59.1% 46.1%;
      --success-100: 97 75% 32.9%;
      --success-200: 97 75% 32.9%;
      --success-900: 127 100% 13.9%;
      --text-000: 48 33.3% 97.1%;
      --text-100: 48 33.3% 97.1%;
      --text-200: 50 9% 73.7%;
      --text-300: 50 9% 73.7%;
      --text-400: 48 4.8% 59.2%;
      --text-500: 48 4.8% 59.2%;
      --warning-000: 40 71% 50%;
      --warning-100: 39 93.4% 35.9%;
      --warning-200: 39 93.4% 35.9%;
      --warning-900: 45 94.8% 15.1%;
    }
  }
  [data-theme="console"][data-mode="dark"],
  [data-theme="console"] {
    --accent-brand: 15 63.1% 59.6%;
    --accent-000: 158 68% 32%;
    --accent-100: 158 80.4% 28%;
    --accent-200: 158 79.2% 24.5%;
    --accent-900: 160 18.1% 16.3%;
    --accent-pro-000: 251 40.2% 54.1%;
    --accent-pro-100: 251 40% 45.1%;
    --accent-pro-200: 251 34.2% 33.3%;
    --accent-pro-900: 249 25% 19.4%;
    --bg-000: 0 0% 6%;
    --bg-100: 0 0% 10%;
    --bg-200: 0 0% 14%;
    --bg-300: 0 0% 17%;
    --bg-400: 0 0% 19%;
    --bg-500: 0 0% 23%;
    --brand-000: 18 50.4% 47.5%;
    --brand-100: 18 56.8% 43.5%;
    --brand-200: 19 58.3% 40.4%;
    --brand-900: 16 21.6% 20%;
    --border-100: 51 16.5% 84.5%;
    --border-200: 51 16.5% 84.5%;
    --border-300: 51 16.5% 84.5%;
    --border-400: 51 16.5% 84.5%;
    --danger-000: 4 90.4% 79.5%;
    --danger-100: 5 91.7% 72.5%;
    --danger-200: 5 58.4% 33.9%;
    --danger-900: 0 48.2% 16.5%;
    --oncolor-100: 0 0% 100%;
    --oncolor-200: 60 6.7% 97.1%;
    --oncolor-300: 60 6.7% 97.1%;
    --pictogram-100: 48 3.4% 29.2%;
    --pictogram-200: 60 2.5% 23.3%;
    --pictogram-300: 0 0% 6%;
    --pictogram-400: 0 0% 10%;
    --success-000: 97 50.9% 43.1%;
    --success-100: 125 100% 18%;
    --success-200: 125 100% 18%;
    --success-900: 135 88.2% 10%;
    --text-000: 0 0% 100%;
    --text-100: 60 3.7% 94.7%;
    --text-200: 60 1.5% 86.9%;
    --text-300: 30 1.4% 71.8%;
    --text-400: 50 0.8% 65.1%;
    --text-500: 45 0.6% 48%;
    --warning-000: 40 71% 50%;
    --warning-100: 39 93.4% 35.9%;
    --warning-200: 39 93.4% 35.9%;
    --warning-900: 45 94.8% 15.1%;
  }
  b,
  strong {
    font-weight: 600;
  }
  *,
  :before,
  :after {
    border-color: hsl(var(--border-100));
  }
  .chat-ui-core .standard-markdown hr + h1,
  .chat-ui-core .standard-markdown hr + h2,
  .chat-ui-core .standard-markdown hr + h3,
  .chat-ui-core .standard-markdown hr + h4 {
    margin-top: 0 !important;
  }
  .chat-ui-core .standard-markdown div:has(> table) + hr {
    display: none;
  }
  .chat-ui-core .max-w-3xl.px-6 :is(p, h1, h2, h3, h4, h5, h6) {
    padding-left: 0.5rem;
  }
  .root {
    isolation: isolate;
  }
  .can-focus,
  a,
  button,
  input,
  textarea {
    outline: 2px solid hsla(var(--accent-100) / 0%);
    outline-offset: 2px;
  }
  .can-focus:focus-visible,
  .can-focus-within:focus-within,
  a:not([role="menuitem"]):not(.hide-focus-ring):focus-visible,
  button:not([role="menuitem"]):not(.hide-focus-ring):focus-visible,
  input:not(.hide-focus-ring):focus-visible,
  textarea:not(.hide-focus-ring):focus-visible,
  .peer:focus-visible ~ .peer\:can-focus {
    outline: 2px solid hsl(var(--accent-100));
    transition: outline 0.2s !important;
  }
  .PhoneInput .PhoneInputInput {
    outline: none !important;
  }
  [data-mode="dark"] .PhoneInputCountrySelect {
    background-color: hsl(var(--bg-200));
    color: hsl(var(--text-000));
  }
  [data-headlessui-portal]
    + [data-headlessui-portal]:last-child
    .dialog-panel--enter {
    border-top: 0.5px solid #00000040;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.75, 0, 0, 1.15);
  }
  [data-headlessui-portal]:not(:last-child) .dialog-panel--enter {
    filter: brightness(0.75);
    overflow: hidden;
    transform: scale(0.975) translateY(-16px);
  }
  [data-headlessui-portal]:not(:last-child)
    .dialog-panel--enter
    .dialog-panel__inner {
    opacity: 0.25;
    filter: blur(2px);
  }
  svg,
  img {
    flex-shrink: 0;
  }
  html,
  body {
    margin: 0;
    padding: 0;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  .inline-link {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }
  .inline-link:not(:is(:hover, :focus)) {
    text-decoration-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .inline-link:not(:is(:hover, :focus)) {
      -webkit-text-decoration-color: color-mix(
        in srgb,
        currentColor,
        transparent 60%
      );
      text-decoration-color: color-mix(in srgb, currentColor, transparent 60%);
    }
  }
  * {
    box-sizing: border-box;
    outline-color: hsl(var(--accent-100));
    scrollbar-width: thin;
    scrollbar-color: hsla(var(--border-300) / 35%) transparent;
  }
  .ProseMirror {
    font-feature-settings: inherit !important;
    font-variant-ligatures: inherit !important;
    -webkit-font-variant-ligatures: inherit !important;
  }
  .ProseMirror:focus {
    outline: none;
  }
  .ProseMirror img.ProseMirror-separator {
    border: none;
    width: 0;
    height: 0;
    margin: 0;
    display: inline;
  }
  .ProseMirror p.is-editor-empty:first-child:before {
    color: #adb5bd;
    content: attr(data-placeholder);
    float: left;
    pointer-events: none;
    height: 0;
  }
  .swagger-ui {
    width: 100%;
  }
  div.ProseMirror h1 {
    margin: 0.1rem 0 0.3rem;
    font-size: 1.6rem;
    font-weight: 600;
  }
  div.ProseMirror h2 {
    margin: 0.1rem 0 0.3rem;
    font-weight: 600;
  }
  div.ProseMirror h3 {
    margin: 0.1rem 0 0.3rem;
    font-size: 1rem;
    font-weight: 500;
  }
  div.ProseMirror ul {
    list-style-type: unset;
    padding-left: 2rem;
  }
  div.ProseMirror ol {
    padding-left: 2rem;
    list-style-type: decimal;
  }
  div.ProseMirror a {
    cursor: pointer;
    color: hsl(var(--accent-000));
    font-weight: 500;
  }
  div.ProseMirror a:hover {
    color: hsl(var(--accent-100));
  }
  div.ProseMirror table {
    margin: 1.2rem 0;
  }
  div.ProseMirror th {
    color: #43403c;
    border: 1px solid #d5d3d1;
    padding: 0.5rem;
    font-size: 0.875rem;
  }
  div.ProseMirror td {
    color: #77716d;
    border: 1px solid #d5d3d1;
    padding: 0.4rem;
  }
  div.ProseMirror > p > code {
    border: 0.5px solid rgb(from hsl(var(--border-300)) r g b / 0.25);
    background-color: rgb(from hsl(var(--text-200)) r g b / 0.05);
    color: hsl(var(--danger-000));
    white-space: pre-wrap;
    border-radius: 0.3rem;
    padding: 1px 4px;
    font-size: 0.9rem;
  }
  .anthropic-animated-logo * {
    fill: currentColor !important;
  }
  .fade-out-bottom {
    -webkit-mask-image: linear-gradient(#000 65%, #0000);
    mask-image: linear-gradient(#000 65%, #0000);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .ReactMarkdown h1 {
    margin: 0.1rem 0 0.3rem;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .ReactMarkdown h2 {
    margin: 0.1rem 0 0.3rem;
    font-weight: 600;
  }
  .ReactMarkdown h3 {
    margin: 0.1rem 0 0.3rem;
    font-size: 1rem;
    font-weight: 500;
  }
  .ReactMarkdown a {
    cursor: pointer;
    color: hsl(var(--accent-000));
    font-weight: 500;
  }
  .ReactMarkdown a:hover {
    color: hsl(var(--accent-100));
  }
  .ReactMarkdown table {
    display: block;
    overflow-x: scroll;
  }
  .ReactMarkdown th,
  .ReactMarkdown td {
    border: 1px solid #d5d3d1;
    padding: 0.5rem;
  }
  .ReactMarkdown code {
    border: 0.5px solid rgb(from hsl(var(--border-300)) r g b / 0.25);
    background-color: rgb(from hsl(var(--text-200)) r g b / 0.05);
    color: hsl(var(--danger-000));
    white-space: pre-wrap;
    border-radius: 0.3rem;
    padding: 1px 4px;
    font-size: 0.9rem;
  }
  .grecaptcha-badge {
    visibility: hidden;
  }
  :root {
    --dropdown-max-height: 480px;
  }
  .shadow-level-1 {
    box-shadow:
      -80px 200px 120px #0000001a,
      -8px 20px 48px #00000026;
  }
  .animated-loading-background {
    background-image: linear-gradient(
      45deg,
      hsl(var(--bg-000)),
      hsl(var(--bg-200))
    );
    background-size: 250% 250%;
    animation: 2s linear infinite loading-background;
  }
  .greeting-container {
    align-items: center;
    gap: 0.75rem;
    display: inline-flex;
  }
  .greeting-container-animated {
    clip-path: inset(0);
    will-change: transform, clip-path;
    transition:
      transform 0.6s cubic-bezier(0, 0.7, 0.4, 1) 0.1s,
      clip-path 0.6s cubic-bezier(0, 0.7, 0.4, 1) 0.1s;
    transform: translate(0);
  }
  @starting-style {
    .greeting-container-animated {
      transform: translate(calc(var(--reveal-distance) / 2));
      clip-path: inset(0 var(--reveal-distance) 0 0);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }
    .greeting-container-animated {
      clip-path: inset(0);
      transition: none;
      transform: translate(0);
    }
  }
  [data-reduce-motion="true"] *,
  [data-reduce-motion="true"] :before,
  [data-reduce-motion="true"] :after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  [data-reduce-motion="true"] .greeting-container-animated {
    clip-path: inset(0);
    transition: none;
    transform: translate(0);
  }
  .code-block__code::selection {
    background-color: hsl(var(--accent-100));
    color: hsl(var(--oncolor-100)) !important;
  }
  .code-block__code span::selection {
    background-color: hsl(var(--accent-100));
    color: hsl(var(--oncolor-100)) !important;
  }
  .code-block__code .table {
    display: inline;
  }
  .code-block__code .linenumber:after {
    content: attr(data-line-number);
    -webkit-user-select: none !important;
    user-select: none !important;
    pointer-events: none !important;
  }
  .u-hidden-scrollbar {
    scrollbar-width: none;
  }
  .u-hidden-scrollbar::-webkit-scrollbar {
    opacity: 0;
    width: 0;
  }
  [data-mode="light"] {
    color-scheme: light;
  }
  [data-mode="dark"] {
    color-scheme: dark;
  }
  .draggable {
    app-region: drag;
    -webkit-user-select: none;
    user-select: none;
  }
  .draggable a,
  .draggable button,
  .draggable input,
  .draggable label,
  .draggable select,
  .draggable textarea,
  .draggable-none {
    app-region: no-drag;
  }
  ._dev-mode .debug {
    border: 1px dashed red;
  }
  ._dev-mode .debug2 {
    border: 1px solid #00f;
  }
  html[data-window-blurred] .cds-root ::selection {
    background-color: var(--cds-alpha-2) !important;
    color: currentColor !important;
  }
}
@layer components;
@layer utilities {
  .\@container,
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }
  .\[container-type\:size\] {
    container-type: size;
  }
  .\!pointer-events-auto {
    pointer-events: auto !important;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .\!visible {
    visibility: visible !important;
  }
  .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;
  }
  .\!absolute {
    position: absolute !important;
  }
  .\!fixed {
    position: fixed !important;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .fixed\! {
    position: fixed !important;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-1 {
    inset: calc(var(--spacing) * 1);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-3 {
    inset: calc(var(--spacing) * 3);
  }
  .inset-\[-1px\] {
    inset: -1px;
  }
  .inset-\[0\.5px\] {
    inset: 0.5px;
  }
  .inset-\[50px_8px_8px_8px\] {
    inset: 50px 8px 8px;
  }
  .inset-auto {
    inset: auto;
  }
  .-inset-x-2 {
    inset-inline: calc(var(--spacing) * -2);
  }
  .-inset-x-4 {
    inset-inline: calc(var(--spacing) * -4);
  }
  .-inset-x-\[8px\] {
    inset-inline: -8px;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-x-1 {
    inset-inline: calc(var(--spacing) * 1);
  }
  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }
  .inset-x-\[12px\] {
    inset-inline: 12px;
  }
  .inset-x-\[20px\] {
    inset-inline: 20px;
  }
  .inset-x-\[var\(--p7\)\] {
    inset-inline: var(--p7);
  }
  .-inset-y-0\.5 {
    inset-block: calc(var(--spacing) * -0.5);
  }
  .-inset-y-\[10px\] {
    inset-block: -10px;
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .inset-y-\[4px\] {
    inset-block: 4px;
  }
  .inset-y-px {
    inset-block: 1px;
  }
  .start-\[2px\] {
    inset-inline-start: 2px;
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .\!top-0 {
    top: calc(var(--spacing) * 0) !important;
  }
  .\!top-\[var\(--toast-top-offset\,68px\)\] {
    top: var(--toast-top-offset, 68px) !important;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-10 {
    top: calc(var(--spacing) * -10);
  }
  .-top-12 {
    top: calc(var(--spacing) * -12);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .-top-\[1\.5px\] {
    top: -1.5px;
  }
  .-top-\[1px\] {
    top: -1px;
  }
  .-top-\[3px\] {
    top: -3px;
  }
  .-top-\[5px\] {
    top: -5px;
  }
  .-top-\[7px\] {
    top: -7px;
  }
  .-top-\[14px\] {
    top: -14px;
  }
  .-top-\[20px\] {
    top: -20px;
  }
  .-top-\[32px\] {
    top: -32px;
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-1\/3 {
    top: 33.3333%;
  }
  .top-1\/4 {
    top: 25%;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-3\/4 {
    top: 75%;
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-25 {
    top: calc(var(--spacing) * 25);
  }
  .top-32 {
    top: calc(var(--spacing) * 32);
  }
  .top-48 {
    top: calc(var(--spacing) * 48);
  }
  .top-50 {
    top: calc(var(--spacing) * 50);
  }
  .top-\[-4px\] {
    top: -4px;
  }
  .top-\[-8px\] {
    top: -8px;
  }
  .top-\[-18px\] {
    top: -18px;
  }
  .top-\[-19px\] {
    top: -19px;
  }
  .top-\[0\.5px\] {
    top: 0.5px;
  }
  .top-\[1\%\] {
    top: 1%;
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[2\%\] {
    top: 2%;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[5px\] {
    top: 5px;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[9px\] {
    top: 9px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[11px\] {
    top: 11px;
  }
  .top-\[12px\] {
    top: 12px;
  }
  .top-\[13px\] {
    top: 13px;
  }
  .top-\[16px\] {
    top: 16px;
  }
  .top-\[18px\] {
    top: 18px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[22px\] {
    top: 22px;
  }
  .top-\[24px\] {
    top: 24px;
  }
  .top-\[25px\] {
    top: 25px;
  }
  .top-\[26px\] {
    top: 26px;
  }
  .top-\[27px\] {
    top: 27px;
  }
  .top-\[28px\] {
    top: 28px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[32px\] {
    top: 32px;
  }
  .top-\[33px\] {
    top: 33px;
  }
  .top-\[35px\] {
    top: 35px;
  }
  .top-\[39px\] {
    top: 39px;
  }
  .top-\[40\%\] {
    top: 40%;
  }
  .top-\[42px\] {
    top: 42px;
  }
  .top-\[43px\] {
    top: 43px;
  }
  .top-\[45px\] {
    top: 45px;
  }
  .top-\[48px\] {
    top: 48px;
  }
  .top-\[49px\] {
    top: 49px;
  }
  .top-\[50px\] {
    top: 50px;
  }
  .top-\[52px\] {
    top: 52px;
  }
  .top-\[53px\] {
    top: 53px;
  }
  .top-\[54px\] {
    top: 54px;
  }
  .top-\[60px\] {
    top: 60px;
  }
  .top-\[61px\] {
    top: 61px;
  }
  .top-\[66px\] {
    top: 66px;
  }
  .top-\[69px\] {
    top: 69px;
  }
  .top-\[72px\] {
    top: 72px;
  }
  .top-\[78px\] {
    top: 78px;
  }
  .top-\[80px\] {
    top: 80px;
  }
  .top-\[83px\] {
    top: 83px;
  }
  .top-\[108\.5px\] {
    top: 108.5px;
  }
  .top-\[114px\] {
    top: 114px;
  }
  .top-\[119px\] {
    top: 119px;
  }
  .top-\[132px\] {
    top: 132px;
  }
  .top-\[136px\] {
    top: 136px;
  }
  .top-\[140px\] {
    top: 140px;
  }
  .top-\[162px\] {
    top: 162px;
  }
  .top-\[170px\] {
    top: 170px;
  }
  .top-\[216\.5px\] {
    top: 216.5px;
  }
  .top-\[236px\] {
    top: 236px;
  }
  .top-\[calc\(var\(--bar\)\+8px\)\] {
    top: calc(var(--bar) + 8px);
  }
  .top-\[calc\(var\(--df-row-h\)\/2\)\] {
    top: calc(var(--df-row-h) / 2);
  }
  .top-\[var\(--active-tab-top\)\] {
    top: var(--active-tab-top);
  }
  .top-\[var\(--p2\)\] {
    top: var(--p2);
  }
  .top-\[var\(--p4\)\] {
    top: var(--p4);
  }
  .top-auto {
    top: auto;
  }
  .top-full {
    top: 100%;
  }
  .top-px {
    top: 1px;
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-2 {
    right: calc(var(--spacing) * -2);
  }
  .-right-2\.5 {
    right: calc(var(--spacing) * -2.5);
  }
  .-right-4 {
    right: calc(var(--spacing) * -4);
  }
  .-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .-right-6 {
    right: calc(var(--spacing) * -6);
  }
  .-right-8 {
    right: calc(var(--spacing) * -8);
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .-right-16 {
    right: calc(var(--spacing) * -16);
  }
  .-right-\[1\.5px\] {
    right: -1.5px;
  }
  .-right-\[1px\] {
    right: -1px;
  }
  .-right-\[3px\] {
    right: -3px;
  }
  .-right-\[5px\] {
    right: -5px;
  }
  .-right-px {
    right: -1px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\/4 {
    right: 25%;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-7 {
    right: calc(var(--spacing) * 7);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .right-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-20 {
    right: calc(var(--spacing) * 20);
  }
  .right-\[-16px\] {
    right: -16px;
  }
  .right-\[-24px\] {
    right: -24px;
  }
  .right-\[0\.5px\] {
    right: 0.5px;
  }
  .right-\[2px\] {
    right: 2px;
  }
  .right-\[4px\] {
    right: 4px;
  }
  .right-\[6px\] {
    right: 6px;
  }
  .right-\[8px\] {
    right: 8px;
  }
  .right-\[12px\] {
    right: 12px;
  }
  .right-\[16px\] {
    right: 16px;
  }
  .right-\[17px\] {
    right: 17px;
  }
  .right-\[22px\] {
    right: 22px;
  }
  .right-\[40px\] {
    right: 40px;
  }
  .right-\[140px\] {
    right: 140px;
  }
  .right-\[174px\] {
    right: 174px;
  }
  .right-\[calc\(var\(--p4\)\+var\(--p1\)\)\] {
    right: calc(var(--p4) + var(--p1));
  }
  .right-\[var\(--df-tray-caret-col\)\] {
    right: var(--df-tray-caret-col);
  }
  .right-\[var\(--h8\)\] {
    right: var(--h8);
  }
  .right-\[var\(--p2\)\] {
    right: var(--p2);
  }
  .right-\[var\(--p3\)\] {
    right: var(--p3);
  }
  .right-\[var\(--rs-sidebar-gap\)\] {
    right: var(--rs-sidebar-gap);
  }
  .right-full {
    right: 100%;
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-5 {
    bottom: calc(var(--spacing) * -5);
  }
  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }
  .-bottom-8 {
    bottom: calc(var(--spacing) * -8);
  }
  .-bottom-\[3px\] {
    bottom: -3px;
  }
  .-bottom-\[35\%\] {
    bottom: -35%;
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-0\.5 {
    bottom: calc(var(--spacing) * 0.5);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\/4 {
    bottom: 25%;
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-7 {
    bottom: calc(var(--spacing) * 7);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-9 {
    bottom: calc(var(--spacing) * 9);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-16 {
    bottom: calc(var(--spacing) * 16);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-\[-13px\] {
    bottom: -13px;
  }
  .bottom-\[-16px\] {
    bottom: -16px;
  }
  .bottom-\[-47\.5px\] {
    bottom: -47.5px;
  }
  .bottom-\[0\.5px\] {
    bottom: 0.5px;
  }
  .bottom-\[1px\] {
    bottom: 1px;
  }
  .bottom-\[2px\] {
    bottom: 2px;
  }
  .bottom-\[6px\] {
    bottom: 6px;
  }
  .bottom-\[8px\] {
    bottom: 8px;
  }
  .bottom-\[24px\] {
    bottom: 24px;
  }
  .bottom-\[32px\] {
    bottom: 32px;
  }
  .bottom-\[var\(--p3\)\] {
    bottom: var(--p3);
  }
  .bottom-\[var\(--p4\)\] {
    bottom: var(--p4);
  }
  .bottom-\[var\(--p7\)\] {
    bottom: var(--p7);
  }
  .bottom-\[var\(--ra-sidebar-gap\)\] {
    bottom: var(--ra-sidebar-gap);
  }
  .bottom-\[var\(--rs-sidebar-gap\)\] {
    bottom: var(--rs-sidebar-gap);
  }
  .bottom-full {
    bottom: 100%;
  }
  .bottom-px {
    bottom: 1px;
  }
  .-left-0\.5 {
    left: calc(var(--spacing) * -0.5);
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .-left-2 {
    left: calc(var(--spacing) * -2);
  }
  .-left-2\.5 {
    left: calc(var(--spacing) * -2.5);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .-left-4 {
    left: calc(var(--spacing) * -4);
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .-left-8 {
    left: calc(var(--spacing) * -8);
  }
  .-left-10 {
    left: calc(var(--spacing) * -10);
  }
  .-left-16 {
    left: calc(var(--spacing) * -16);
  }
  .-left-\[3px\] {
    left: -3px;
  }
  .-left-\[14\.5px\] {
    left: -14.5px;
  }
  .-left-\[18px\] {
    left: -18px;
  }
  .-left-\[20px\] {
    left: -20px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-1\/4 {
    left: 25%;
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .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-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-7 {
    left: calc(var(--spacing) * 7);
  }
  .left-12 {
    left: calc(var(--spacing) * 12);
  }
  .left-14 {
    left: calc(var(--spacing) * 14);
  }
  .left-16 {
    left: calc(var(--spacing) * 16);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-\[-6px\] {
    left: -6px;
  }
  .left-\[-12px\] {
    left: -12px;
  }
  .left-\[-16px\] {
    left: -16px;
  }
  .left-\[-24px\] {
    left: -24px;
  }
  .left-\[2px\] {
    left: 2px;
  }
  .left-\[3px\] {
    left: 3px;
  }
  .left-\[5\.5rem\] {
    left: 5.5rem;
  }
  .left-\[6px\] {
    left: 6px;
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[8px\] {
    left: 8px;
  }
  .left-\[10px\] {
    left: 10px;
  }
  .left-\[11px\] {
    left: 11px;
  }
  .left-\[12px\] {
    left: 12px;
  }
  .left-\[18px\] {
    left: 18px;
  }
  .left-\[21px\] {
    left: 21px;
  }
  .left-\[22\.5px\] {
    left: 22.5px;
  }
  .left-\[24px\] {
    left: 24px;
  }
  .left-\[26px\] {
    left: 26px;
  }
  .left-\[27px\] {
    left: 27px;
  }
  .left-\[30px\] {
    left: 30px;
  }
  .left-\[33px\] {
    left: 33px;
  }
  .left-\[35px\] {
    left: 35px;
  }
  .left-\[38px\] {
    left: 38px;
  }
  .left-\[40px\] {
    left: 40px;
  }
  .left-\[55px\] {
    left: 55px;
  }
  .left-\[65\.5px\] {
    left: 65.5px;
  }
  .left-\[65px\] {
    left: 65px;
  }
  .left-\[72px\] {
    left: 72px;
  }
  .left-\[76px\] {
    left: 76px;
  }
  .left-\[78px\] {
    left: 78px;
  }
  .left-\[92px\] {
    left: 92px;
  }
  .left-\[107px\] {
    left: 107px;
  }
  .left-\[120px\] {
    left: 120px;
  }
  .left-\[200px\] {
    left: 200px;
  }
  .left-\[204px\] {
    left: 204px;
  }
  .left-\[205px\] {
    left: 205px;
  }
  .left-\[315px\] {
    left: 315px;
  }
  .left-\[337px\] {
    left: 337px;
  }
  .left-\[489px\] {
    left: 489px;
  }
  .left-\[calc\(38\%\+12px\)\] {
    left: calc(38% + 12px);
  }
  .left-\[calc\(var\(--df-row-px\)\+\(var\(--df-leading-slot\)-16px\)\/2\)\] {
    left: calc(var(--df-row-px) + (var(--df-leading-slot) - 16px) / 2);
  }
  .left-\[calc\(var\(--df-sidebar-clearance\)_\+_var\(--df-content-gutter\)\)\] {
    left: calc(var(--df-sidebar-clearance) + var(--df-content-gutter));
  }
  .left-\[var\(--active-tab-left\)\] {
    left: var(--active-tab-left);
  }
  .left-\[var\(--p3\)\] {
    left: var(--p3);
  }
  .left-\[var\(--ra-sidebar-gap\)\] {
    left: var(--ra-sidebar-gap);
  }
  .left-\[var\(--slider-drag-pos\,var\(--slider-rest-pos\)\)\] {
    left: var(--slider-drag-pos, var(--slider-rest-pos));
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .\!\[z-index\:0\] {
    z-index: 0 !important;
  }
  .\!z-\[42\] {
    z-index: 42 !important;
  }
  .\!z-\[43\] {
    z-index: 43 !important;
  }
  .\!z-auto {
    z-index: auto !important;
  }
  .-z-10 {
    z-index: -10;
  }
  .-z-20 {
    z-index: -20;
  }
  .-z-\[1\] {
    z-index: -1;
  }
  .-z-\[2\] {
    z-index: -2;
  }
  .\[z-index\:\.\.\.\] {
    z-index: ...;
  }
  .\[z-index\:0\],
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[10\] {
    z-index: 10;
  }
  .z-\[11\] {
    z-index: 11;
  }
  .z-\[12\] {
    z-index: 12;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[31\] {
    z-index: 31;
  }
  .z-\[42\]\! {
    z-index: 42 !important;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[51\] {
    z-index: 51;
  }
  .z-\[55\] {
    z-index: 55;
  }
  .z-\[59\] {
    z-index: 59;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[989\] {
    z-index: 989;
  }
  .z-\[990\] {
    z-index: 990;
  }
  .z-\[999\] {
    z-index: 999;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[2000\] {
    z-index: 2000;
  }
  .z-\[2100\] {
    z-index: 2100;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .z-\[integer\:0\] {
    z-index: 0;
  }
  .z-auto {
    z-index: auto;
  }
  .z-coachmark {
    z-index: var(--cds-z-coachmark);
  }
  .z-dropdown {
    z-index: 50;
  }
  .z-header {
    z-index: 20;
  }
  .z-modal {
    z-index: var(--cds-z-modal);
  }
  .z-overlay {
    z-index: 50;
  }
  .z-popover {
    z-index: var(--cds-z-popover);
  }
  .z-sidebar {
    z-index: 30;
  }
  .z-toast {
    z-index: var(--cds-z-toast);
  }
  .z-tooltip {
    z-index: var(--cds-z-tooltip);
  }
  .-order-1 {
    order: -1;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .col-1 {
    grid-column: 1;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-7 {
    grid-column: span 7 / span 7;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-full {
    grid-column: 1/-1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-end-2 {
    grid-column-end: 2;
  }
  .row-1 {
    grid-row: 1;
  }
  .row-2 {
    grid-row: 2;
  }
  .row-6 {
    grid-row: 6;
  }
  .row-span-1 {
    grid-row: span 1 / span 1;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-end-2 {
    grid-row-end: 2;
  }
  .float-right {
    float: right;
  }
  .clear-right {
    clear: right;
  }
  .\!container {
    width: 100% !important;
  }
  @media (min-width: 40rem) {
    .\!container {
      max-width: 40rem !important;
    }
  }
  @media (min-width: 48rem) {
    .\!container {
      max-width: 48rem !important;
    }
  }
  @media (min-width: 64rem) {
    .\!container {
      max-width: 64rem !important;
    }
  }
  @media (min-width: 80rem) {
    .\!container {
      max-width: 80rem !important;
    }
  }
  @media (min-width: 96rem) {
    .\!container {
      max-width: 96rem !important;
    }
  }
  .container {
    width: 100%;
  }
  @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-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-1\.5 {
    margin: calc(var(--spacing) * -1.5);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .-m-4 {
    margin: calc(var(--spacing) * -4);
  }
  .-m-6 {
    margin: calc(var(--spacing) * -6);
  }
  .-m-32 {
    margin: calc(var(--spacing) * -32);
  }
  .-m-\[0\.2rem\] {
    margin: -0.2rem;
  }
  .-m-\[var\(--p2\)\] {
    margin: calc(var(--p2) * -1);
  }
  .-m-pad-lg {
    margin: calc(var(--cds-pad-lg) * -1);
  }
  .-m-pad-sm {
    margin: calc(var(--cds-pad-sm) * -1);
  }
  .-m-px {
    margin: -1px;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-0\.5 {
    margin: calc(var(--spacing) * 0.5);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-3\.5 {
    margin: calc(var(--spacing) * 3.5);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .m-\[12px_-18px_0\] {
    margin: 12px -18px 0;
  }
  .m-\[24px\] {
    margin: 24px;
  }
  .m-auto {
    margin: auto;
  }
  .m-xs {
    margin: var(--cds-gap-xs);
  }
  .\!-mx-2 {
    margin-inline: calc(var(--spacing) * -2) !important;
  }
  .\!mx-0 {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .\!mx-2 {
    margin-inline: calc(var(--spacing) * 2) !important;
  }
  .-mx-0\.5 {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-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-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .-mx-\[0\.2rem\] {
    margin-inline: -0.2rem;
  }
  .-mx-\[calc\(var\(--h4\)\+var\(--g3\)\)\] {
    margin-inline: calc(calc(var(--h4) + var(--g3)) * -1);
  }
  .-mx-\[var\(--g6\)\] {
    margin-inline: calc(var(--g6) * -1);
  }
  .-mx-\[var\(--p1\)\] {
    margin-inline: calc(var(--p1) * -1);
  }
  .-mx-\[var\(--p2\)\] {
    margin-inline: calc(var(--p2) * -1);
  }
  .-mx-\[var\(--p3\)\] {
    margin-inline: calc(var(--p3) * -1);
  }
  .-mx-\[var\(--p6\)\] {
    margin-inline: calc(var(--p6) * -1);
  }
  .-mx-lg {
    margin-inline: calc(var(--cds-gap-lg) * -1);
  }
  .-mx-md {
    margin-inline: calc(var(--cds-gap-md) * -1);
  }
  .-mx-pad-lg {
    margin-inline: calc(var(--cds-pad-lg) * -1);
  }
  .-mx-pad-md {
    margin-inline: calc(var(--cds-pad-md) * -1);
  }
  .-mx-pad-xl {
    margin-inline: calc(var(--cds-pad-xl) * -1);
  }
  .-mx-px {
    margin-inline: -1px;
  }
  .-mx-xl {
    margin-inline: calc(var(--cds-gap-xl) * -1);
  }
  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-2\.5 {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .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-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-\[6px\] {
    margin-inline: 6px;
  }
  .mx-\[8px\] {
    margin-inline: 8px;
  }
  .mx-\[10px\] {
    margin-inline: 10px;
  }
  .mx-\[16px\] {
    margin-inline: 16px;
  }
  .mx-\[var\(--df-row-px\)\] {
    margin-inline: var(--df-row-px);
  }
  .mx-\[var\(--p4\)\] {
    margin-inline: var(--p4);
  }
  .mx-\[var\(--p6\)\] {
    margin-inline: var(--p6);
  }
  .mx-\[var\(--rs-list-x\)\] {
    margin-inline: var(--rs-list-x);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-lg {
    margin-inline: var(--cds-gap-lg);
  }
  .mx-md {
    margin-inline: var(--cds-gap-md);
  }
  .mx-outset {
    margin-inline: calc(var(--cds-outset-x, 0px) * -1);
  }
  .mx-pad-md {
    margin-inline: var(--cds-pad-md);
  }
  .mx-px {
    margin-inline: 1px;
  }
  .\!my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .\!my-3 {
    margin-block: calc(var(--spacing) * 3) !important;
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.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-3 {
    margin-block: calc(var(--spacing) * -3);
  }
  .-my-\[0\.225em\] {
    margin-block: -0.225em;
  }
  .-my-\[1\.5px\] {
    margin-block: -1.5px;
  }
  .-my-\[5px\] {
    margin-block: -5px;
  }
  .-my-\[calc\(\(var\(--class-base-height\)-var\(--leading-body\)\)\/2\)\] {
    margin-block: calc(
      calc((var(--class-base-height) - var(--leading-body)) / 2) * -1
    );
  }
  .-my-\[var\(--p3\)\] {
    margin-block: calc(var(--p3) * -1);
  }
  .-my-px {
    margin-block: -1px;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.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-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-16 {
    margin-block: calc(var(--spacing) * 16);
  }
  .my-32 {
    margin-block: calc(var(--spacing) * 32);
  }
  .my-\[0\.35rem\] {
    margin-block: 0.35rem;
  }
  .my-\[2px\] {
    margin-block: 2px;
  }
  .my-\[3px\] {
    margin-block: 3px;
  }
  .my-\[4px\] {
    margin-block: 4px;
  }
  .my-\[6px\] {
    margin-block: 6px;
  }
  .my-\[7px\] {
    margin-block: 7px;
  }
  .my-\[var\(--g3\)\] {
    margin-block: var(--g3);
  }
  .my-\[var\(--rs-sidebar-gap\)\] {
    margin-block: var(--rs-sidebar-gap);
  }
  .my-auto {
    margin-block: auto;
  }
  .my-md {
    margin-block: var(--cds-gap-md);
  }
  .my-px {
    margin-block: 1px;
  }
  .my-sm {
    margin-block: var(--cds-gap-sm);
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .ms-outset {
    margin-inline-start: calc(var(--cds-outset-x, 0px) * -1);
  }
  .ms-pad-md {
    margin-inline-start: var(--cds-pad-md);
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-outset {
    margin-inline-end: calc(var(--cds-outset-x, 0px) * -1);
  }
  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .\!mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }
  .\!mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.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-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-10 {
    margin-top: calc(var(--spacing) * -10);
  }
  .-mt-20 {
    margin-top: calc(var(--spacing) * -20);
  }
  .-mt-\[0\.5px\] {
    margin-top: -0.5px;
  }
  .-mt-\[8px\] {
    margin-top: -8px;
  }
  .-mt-\[10px\] {
    margin-top: -10px;
  }
  .-mt-\[12px\] {
    margin-top: -12px;
  }
  .-mt-pad-sm {
    margin-top: calc(var(--cds-pad-sm) * -1);
  }
  .-mt-pad-xl {
    margin-top: calc(var(--cds-pad-xl) * -1);
  }
  .-mt-sm {
    margin-top: calc(var(--cds-gap-sm) * -1);
  }
  .-mt-xs {
    margin-top: calc(var(--cds-gap-xs) * -1);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.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-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mt-\[-12px\] {
    margin-top: -12px;
  }
  .mt-\[-24px\] {
    margin-top: -24px;
  }
  .mt-\[0\.25em\] {
    margin-top: 0.25em;
  }
  .mt-\[0\.25rem\] {
    margin-top: 0.25rem;
  }
  .mt-\[0\.35rem\] {
    margin-top: 0.35rem;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[9px\] {
    margin-top: 9px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[13px\] {
    margin-top: 13px;
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-\[22px\] {
    margin-top: 22px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mt-\[90px\] {
    margin-top: 90px;
  }
  .mt-\[calc\(\(var\(--cds-leading-body\,20px\)-var\(--cds-checkbox\,16px\)\)\/2\)\] {
    margin-top: calc(
      (var(--cds-leading-body, 20px) - var(--cds-checkbox, 16px)) / 2
    );
  }
  .mt-\[clamp\(1\.5rem\,10vw\,3rem\)\] {
    margin-top: clamp(1.5rem, 10vw, 3rem);
  }
  .mt-\[var\(--chat-item-gap\)\] {
    margin-top: var(--chat-item-gap);
  }
  .mt-\[var\(--g2\)\] {
    margin-top: var(--g2);
  }
  .mt-\[var\(--g6\)\] {
    margin-top: var(--g6);
  }
  .mt-\[var\(--msg-gap\,1\.5rem\)\] {
    margin-top: var(--msg-gap, 1.5rem);
  }
  .mt-\[var\(--p1\)\] {
    margin-top: var(--p1);
  }
  .mt-\[var\(--p2\)\] {
    margin-top: var(--p2);
  }
  .mt-\[var\(--p3\)\] {
    margin-top: var(--p3);
  }
  .mt-\[var\(--p4\)\] {
    margin-top: var(--p4);
  }
  .mt-\[var\(--p6\)\] {
    margin-top: var(--p6);
  }
  .mt-\[var\(--p8\)\] {
    margin-top: var(--p8);
  }
  .mt-\[var\(--ra-sidebar-gap\)\] {
    margin-top: var(--ra-sidebar-gap);
  }
  .mt-\[var\(--rs-sidebar-gap\)\] {
    margin-top: var(--rs-sidebar-gap);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-lg {
    margin-top: var(--cds-gap-lg);
  }
  .mt-md {
    margin-top: var(--cds-gap-md);
  }
  .mt-pad-lg {
    margin-top: var(--cds-pad-lg);
  }
  .mt-pad-md {
    margin-top: var(--cds-pad-md);
  }
  .mt-px {
    margin-top: 1px;
  }
  .mt-sm {
    margin-top: var(--cds-gap-sm);
  }
  .mt-xs {
    margin-top: var(--cds-gap-xs);
  }
  .\!mr-0 {
    margin-right: calc(var(--spacing) * 0) !important;
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-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-2\.5 {
    margin-right: calc(var(--spacing) * -2.5);
  }
  .-mr-3 {
    margin-right: calc(var(--spacing) * -3);
  }
  .-mr-6 {
    margin-right: calc(var(--spacing) * -6);
  }
  .-mr-24 {
    margin-right: calc(var(--spacing) * -24);
  }
  .-mr-\[2px\] {
    margin-right: -2px;
  }
  .-mr-\[4px\] {
    margin-right: -4px;
  }
  .-mr-\[calc\(var\(--cds-pad-md\)-2px\)\] {
    margin-right: calc(calc(var(--cds-pad-md) - 2px) * -1);
  }
  .-mr-\[calc\(var\(--cds-pad-md\)-6px\)\] {
    margin-right: calc(calc(var(--cds-pad-md) - 6px) * -1);
  }
  .-mr-\[var\(--chat-gutter\)\] {
    margin-right: calc(var(--chat-gutter) * -1);
  }
  .-mr-\[var\(--p1\)\] {
    margin-right: calc(var(--p1) * -1);
  }
  .-mr-\[var\(--p3\)\] {
    margin-right: calc(var(--p3) * -1);
  }
  .-mr-pad-sm {
    margin-right: calc(var(--cds-pad-sm) * -1);
  }
  .-mr-xs {
    margin-right: calc(var(--cds-gap-xs) * -1);
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .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-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mr-20 {
    margin-right: calc(var(--spacing) * 20);
  }
  .mr-\[-0\.8px\] {
    margin-right: -0.8px;
  }
  .mr-\[0\.35em\] {
    margin-right: 0.35em;
  }
  .mr-\[3px\] {
    margin-right: 3px;
  }
  .mr-\[8px\] {
    margin-right: 8px;
  }
  .mr-\[12px\] {
    margin-right: 12px;
  }
  .mr-\[24px\] {
    margin-right: 24px;
  }
  .mr-\[32px\] {
    margin-right: 32px;
  }
  .mr-\[36px\] {
    margin-right: 36px;
  }
  .mr-\[calc\(min\(3px\,\(var\(--cds-h-control-nested\)-12px\)\/2\)-var\(--cds-pad-sm\)\)\] {
    margin-right: calc(
      min(3px, (var(--cds-h-control-nested) - 12px) / 2) - var(--cds-pad-sm)
    );
  }
  .mr-\[var\(--p4\)\] {
    margin-right: var(--p4);
  }
  .mr-\[var\(--rs-sidebar-gap\)\] {
    margin-right: var(--rs-sidebar-gap);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mr-md {
    margin-right: var(--cds-gap-md);
  }
  .mr-px {
    margin-right: 1px;
  }
  .mr-sm {
    margin-right: var(--cds-gap-sm);
  }
  .\!-mb-5 {
    margin-bottom: calc(var(--spacing) * -5) !important;
  }
  .\!mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -0.5);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-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-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-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-20 {
    margin-bottom: calc(var(--spacing) * -20);
  }
  .-mb-\[2px\] {
    margin-bottom: -2px;
  }
  .-mb-\[4px\] {
    margin-bottom: -4px;
  }
  .-mb-\[var\(--g5\)\] {
    margin-bottom: calc(var(--g5) * -1);
  }
  .-mb-pad-xl {
    margin-bottom: calc(var(--cds-pad-xl) * -1);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .-mb-sm {
    margin-bottom: calc(var(--cds-gap-sm) * -1);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.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-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[4px\] {
    margin-bottom: 4px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[14px\] {
    margin-bottom: 14px;
  }
  .mb-\[15px\] {
    margin-bottom: 15px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[22px\] {
    margin-bottom: 22px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .mb-\[48px\] {
    margin-bottom: 48px;
  }
  .mb-\[calc\(var\(--rs-sidebar-gap\)\+var\(--p7\)\)\] {
    margin-bottom: calc(var(--rs-sidebar-gap) + var(--p7));
  }
  .mb-\[var\(--chat-item-gap\)\] {
    margin-bottom: var(--chat-item-gap);
  }
  .mb-\[var\(--g3\)\] {
    margin-bottom: var(--g3);
  }
  .mb-\[var\(--g6\)\] {
    margin-bottom: var(--g6);
  }
  .mb-\[var\(--g8\)\] {
    margin-bottom: var(--g8);
  }
  .mb-\[var\(--p2\)\] {
    margin-bottom: var(--p2);
  }
  .mb-\[var\(--p4\)\] {
    margin-bottom: var(--p4);
  }
  .mb-lg {
    margin-bottom: var(--cds-gap-lg);
  }
  .mb-md {
    margin-bottom: var(--cds-gap-md);
  }
  .mb-pad-md {
    margin-bottom: var(--cds-pad-md);
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .mb-sm {
    margin-bottom: var(--cds-gap-sm);
  }
  .mb-xl {
    margin-bottom: var(--cds-gap-xl);
  }
  .mb-xs {
    margin-bottom: var(--cds-gap-xs);
  }
  .\!ml-0 {
    margin-left: calc(var(--spacing) * 0) !important;
  }
  .\!ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5) !important;
  }
  .\!ml-1 {
    margin-left: calc(var(--spacing) * 1) !important;
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-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-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-5 {
    margin-left: calc(var(--spacing) * -5);
  }
  .-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-10 {
    margin-left: calc(var(--spacing) * -10);
  }
  .-ml-\[2px\] {
    margin-left: -2px;
  }
  .-ml-\[4px\] {
    margin-left: -4px;
  }
  .-ml-\[5px\] {
    margin-left: -5px;
  }
  .-ml-\[6px\] {
    margin-left: -6px;
  }
  .-ml-\[calc\(var\(--cds-pad-md\)-\(var\(--cds-h-control\)-var\(--cds-checkbox\)\)\/2\)\] {
    margin-left: calc(
      calc(
          var(--cds-pad-md) - (var(--cds-h-control) - var(--cds-checkbox)) / 2
        ) *
        -1
    );
  }
  .-ml-\[var\(--g1\)\] {
    margin-left: calc(var(--g1) * -1);
  }
  .-ml-\[var\(--p4\)\] {
    margin-left: calc(var(--p4) * -1);
  }
  .-ml-\[var\(--p5\)\] {
    margin-left: calc(var(--p5) * -1);
  }
  .-ml-\[var\(--p6\)\] {
    margin-left: calc(var(--p6) * -1);
  }
  .-ml-pad-md {
    margin-left: calc(var(--cds-pad-md) * -1);
  }
  .-ml-pad-sm {
    margin-left: calc(var(--cds-pad-sm) * -1);
  }
  .-ml-pad-xl {
    margin-left: calc(var(--cds-pad-xl) * -1);
  }
  .-ml-px {
    margin-left: -1px;
  }
  .-ml-sm {
    margin-left: calc(var(--cds-gap-sm) * -1);
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .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-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-\[-8px\] {
    margin-left: -8px;
  }
  .ml-\[0\.875rem\] {
    margin-left: 0.875rem;
  }
  .ml-\[1px\] {
    margin-left: 1px;
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-\[6px\] {
    margin-left: 6px;
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }
  .ml-\[9\.5px\] {
    margin-left: 9.5px;
  }
  .ml-\[22px\] {
    margin-left: 22px;
  }
  .ml-\[34px\] {
    margin-left: 34px;
  }
  .ml-\[38px\] {
    margin-left: 38px;
  }
  .ml-\[71px\] {
    margin-left: 71px;
  }
  .ml-\[120px\] {
    margin-left: 120px;
  }
  .ml-\[calc\(\(var\(--cds-h-control-nested\)-12px\)\/2-var\(--cds-pad-sm\)\+1px\)\] {
    margin-left: calc(
      (var(--cds-h-control-nested) - 12px) / 2 - var(--cds-pad-sm) + 1px
    );
  }
  .ml-\[calc\(\(var\(--cds-h-control-nested\)-16px\)\/2-var\(--cds-pad-sm\)\+1px\)\] {
    margin-left: calc(
      (var(--cds-h-control-nested) - 16px) / 2 - var(--cds-pad-sm) + 1px
    );
  }
  .ml-\[calc\(\(var\(--cds-h-control-nested\)-20px\)\/2-var\(--cds-pad-sm\)\+1px\)\] {
    margin-left: calc(
      (var(--cds-h-control-nested) - 20px) / 2 - var(--cds-pad-sm) + 1px
    );
  }
  .ml-\[calc\(50\%-50vw\)\] {
    margin-left: calc(50% - 50vw);
  }
  .ml-\[clamp\(1\.5rem\,10vw\,3rem\)\] {
    margin-left: clamp(1.5rem, 10vw, 3rem);
  }
  .ml-\[var\(--g3\)\] {
    margin-left: var(--g3);
  }
  .ml-\[var\(--g6\)\] {
    margin-left: var(--g6);
  }
  .ml-\[var\(--p3\)\] {
    margin-left: var(--p3);
  }
  .ml-\[var\(--p7\)\] {
    margin-left: var(--p7);
  }
  .ml-auto {
    margin-left: auto;
  }
  .ml-lg {
    margin-left: var(--cds-gap-lg);
  }
  .ml-md {
    margin-left: var(--cds-gap-md);
  }
  .ml-pad-md {
    margin-left: var(--cds-pad-md);
  }
  .ml-px {
    margin-left: 1px;
  }
  .ml-sm {
    margin-left: var(--cds-gap-sm);
  }
  .ml-xs {
    margin-left: var(--cds-gap-xs);
  }
  .\!box-content {
    box-sizing: content-box !important;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-4 {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-5 {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-6,
  .line-clamp-\[6\] {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-\[7\] {
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-\[10\] {
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .\!block {
    display: block !important;
  }
  .\!hidden {
    display: none !important;
  }
  .\!inline {
    display: inline !important;
  }
  .\!inline-flex {
    display: inline-flex !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .\[field-sizing\:content\] {
    field-sizing: content;
  }
  .\!aspect-auto {
    aspect-ratio: auto !important;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .aspect-\[149\/106\] {
    aspect-ratio: 149/106;
  }
  .aspect-\[258\/240\] {
    aspect-ratio: 258/240;
  }
  .aspect-\[1080\/1350\] {
    aspect-ratio: 1080/1350;
  }
  .aspect-\[2750\/1850\] {
    aspect-ratio: 2750/1850;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .\!size-4 {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }
  .\!size-5 {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .\!size-6 {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .\!size-8 {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .\!size-\[var\(--fhn\)\] {
    width: var(--fhn) !important;
    height: var(--fhn) !important;
  }
  .size-0 {
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
  }
  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .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-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-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-56 {
    width: calc(var(--spacing) * 56);
    height: calc(var(--spacing) * 56);
  }
  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }
  .size-\[0\.375rem\] {
    width: 0.375rem;
    height: 0.375rem;
  }
  .size-\[1\.4rem\] {
    width: 1.4rem;
    height: 1.4rem;
  }
  .size-\[1\.25rem\] {
    width: 1.25rem;
    height: 1.25rem;
  }
  .size-\[1lh\] {
    width: 1lh;
    height: 1lh;
  }
  .size-\[2px\] {
    width: 2px;
    height: 2px;
  }
  .size-\[3px\] {
    width: 3px;
    height: 3px;
  }
  .size-\[4px\] {
    width: 4px;
    height: 4px;
  }
  .size-\[5px\] {
    width: 5px;
    height: 5px;
  }
  .size-\[6\.5rem\] {
    width: 6.5rem;
    height: 6.5rem;
  }
  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }
  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }
  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }
  .size-\[9px\] {
    width: 9px;
    height: 9px;
  }
  .size-\[10\.7px\] {
    width: 10.7px;
    height: 10.7px;
  }
  .size-\[10px\] {
    width: 10px;
    height: 10px;
  }
  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }
  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }
  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }
  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[20px\] {
    width: 20px;
    height: 20px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }
  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .size-\[32px\] {
    width: 32px;
    height: 32px;
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-\[36px\] {
    width: 36px;
    height: 36px;
  }
  .size-\[38px\] {
    width: 38px;
    height: 38px;
  }
  .size-\[48px\] {
    width: 48px;
    height: 48px;
  }
  .size-\[61px\] {
    width: 61px;
    height: 61px;
  }
  .size-\[62px\] {
    width: 62px;
    height: 62px;
  }
  .size-\[92px\] {
    width: 92px;
    height: 92px;
  }
  .size-\[calc\(var\(--cds-checkbox\,16px\)\*0\.5\)\] {
    width: calc(var(--cds-checkbox, 16px) * 0.5);
    height: calc(var(--cds-checkbox, 16px) * 0.5);
  }
  .size-\[calc\(var\(--cds-checkbox\,16px\)-8px\)\] {
    width: calc(var(--cds-checkbox, 16px) - 8px);
    height: calc(var(--cds-checkbox, 16px) - 8px);
  }
  .size-\[calc\(var\(--cds-h-control-nested\)-4px\)\] {
    width: calc(var(--cds-h-control-nested) - 4px);
    height: calc(var(--cds-h-control-nested) - 4px);
  }
  .size-\[calc\(var\(--cds-switch-h\,20px\)-4px\)\] {
    width: calc(var(--cds-switch-h, 20px) - 4px);
    height: calc(var(--cds-switch-h, 20px) - 4px);
  }
  .size-\[calc\(var\(--df-row-h\)-8px\)\] {
    width: calc(var(--df-row-h) - 8px);
    height: calc(var(--df-row-h) - 8px);
  }
  .size-\[max\(calc\(var\(--cds-h-control-nested\)-6px\)\,12px\)\] {
    width: max(calc(var(--cds-h-control-nested) - 6px), 12px);
    height: max(calc(var(--cds-h-control-nested) - 6px), 12px);
  }
  .size-\[var\(--cds-avatar-lg\)\] {
    width: var(--cds-avatar-lg);
    height: var(--cds-avatar-lg);
  }
  .size-\[var\(--cds-avatar-md\)\] {
    width: var(--cds-avatar-md);
    height: var(--cds-avatar-md);
  }
  .size-\[var\(--cds-avatar-sm\)\] {
    width: var(--cds-avatar-sm);
    height: var(--cds-avatar-sm);
  }
  .size-\[var\(--cds-checkbox\)\] {
    width: var(--cds-checkbox);
    height: var(--cds-checkbox);
  }
  .size-\[var\(--class-small-height\)\] {
    width: var(--class-small-height);
    height: var(--class-small-height);
  }
  .size-\[var\(--df-footer-btn-size\)\] {
    width: var(--df-footer-btn-size);
    height: var(--df-footer-btn-size);
  }
  .size-\[var\(--df-icon-size\)\] {
    width: var(--df-icon-size);
    height: var(--df-icon-size);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-icon {
    width: var(--cds-icon);
    height: var(--cds-icon);
  }
  .\!h-0 {
    height: calc(var(--spacing) * 0) !important;
  }
  .\!h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .\!h-6 {
    height: calc(var(--spacing) * 6) !important;
  }
  .\!h-7 {
    height: calc(var(--spacing) * 7) !important;
  }
  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .\!h-9 {
    height: calc(var(--spacing) * 9) !important;
  }
  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .\!h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .\!h-16 {
    height: calc(var(--spacing) * 16) !important;
  }
  .\!h-\[3\.25rem\] {
    height: 3.25rem !important;
  }
  .\!h-\[10rem\] {
    height: 10rem !important;
  }
  .\!h-\[18px\] {
    height: 18px !important;
  }
  .\!h-\[36px\] {
    height: 36px !important;
  }
  .\!h-\[52px\] {
    height: 52px !important;
  }
  .\!h-\[calc\(var\(--df-row-h\)-6px\)\] {
    height: calc(var(--df-row-h) - 6px) !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .\!h-px {
    height: 1px !important;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .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-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .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-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-\[0\.5px\] {
    height: 0.5px;
  }
  .h-\[0\.8em\] {
    height: 0.8em;
  }
  .h-\[0\.975em\] {
    height: 0.975em;
  }
  .h-\[1\.5em\] {
    height: 1.5em;
  }
  .h-\[1\.5px\] {
    height: 1.5px;
  }
  .h-\[1\.125rem\] {
    height: 1.125rem;
  }
  .h-\[1\.375rem\] {
    height: 1.375rem;
  }
  .h-\[1lh\] {
    height: 1lh;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2\.25rem\] {
    height: 2.25rem;
  }
  .h-\[2\.625rem\] {
    height: 2.625rem;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[2rem\] {
    height: 2rem;
  }
  .h-\[3\.5px\] {
    height: 3.5px;
  }
  .h-\[3\.25rem\] {
    height: 3.25rem;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[3rem\] {
    height: 3rem;
  }
  .h-\[4\.5rem\] {
    height: 4.5rem;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[5\.3px\] {
    height: 5.3px;
  }
  .h-\[5\.5rem\] {
    height: 5.5rem;
  }
  .h-\[5\.6px\] {
    height: 5.6px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[5vh\] {
    height: 5vh;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7\.625rem\] {
    height: 7.625rem;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[9px\] {
    height: 9px;
  }
  .h-\[10\.25rem\] {
    height: 10.25rem;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[10rem\] {
    height: 10rem;
  }
  .h-\[12\.5rem\] {
    height: 12.5rem;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[24rem\] {
    height: 24rem;
  }
  .h-\[26\.5px\] {
    height: 26.5px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[29px\] {
    height: 29px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[32rem\] {
    height: 32rem;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[35vh\] {
    height: 35vh;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[39px\] {
    height: 39px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[43px\] {
    height: 43px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[45px\] {
    height: 45px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[55px\] {
    height: 55px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[57px\] {
    height: 57px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[59px\] {
    height: 59px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[62px\] {
    height: 62px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[65px\] {
    height: 65px;
  }
  .h-\[66px\] {
    height: 66px;
  }
  .h-\[69px\] {
    height: 69px;
  }
  .h-\[70vh\] {
    height: 70vh;
  }
  .h-\[71px\] {
    height: 71px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[80vh\] {
    height: 80vh;
  }
  .h-\[82px\] {
    height: 82px;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[85vh\] {
    height: 85vh;
  }
  .h-\[88px\] {
    height: 88px;
  }
  .h-\[94px\] {
    height: 94px;
  }
  .h-\[96\%\] {
    height: 96%;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[98\%\] {
    height: 98%;
  }
  .h-\[98px\] {
    height: 98px;
  }
  .h-\[99px\] {
    height: 99px;
  }
  .h-\[100\%\] {
    height: 100%;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[108\.7\%\] {
    height: 108.7%;
  }
  .h-\[111px\] {
    height: 111px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[130px\] {
    height: 130px;
  }
  .h-\[134px\] {
    height: 134px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[145px\] {
    height: 145px;
  }
  .h-\[148px\] {
    height: 148px;
  }
  .h-\[160px\] {
    height: 160px;
  }
  .h-\[164px\] {
    height: 164px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[232px\] {
    height: 232px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[259px\] {
    height: 259px;
  }
  .h-\[264px\] {
    height: 264px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[283px\] {
    height: 283px;
  }
  .h-\[294px\] {
    height: 294px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[310px\] {
    height: 310px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[358px\] {
    height: 358px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[419px\] {
    height: 419px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[450px\] {
    height: 450px;
  }
  .h-\[460px\] {
    height: 460px;
  }
  .h-\[472px\] {
    height: 472px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[500px\] {
    height: 500px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[533px\] {
    height: 533px;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[620px\] {
    height: 620px;
  }
  .h-\[680px\] {
    height: 680px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[720px\] {
    height: 720px;
  }
  .h-\[800px\] {
    height: 800px;
  }
  .h-\[900px\] {
    height: 900px;
  }
  .h-\[calc\(100\%-4px\)\] {
    height: calc(100% - 4px);
  }
  .h-\[calc\(100dvh-2rem\)\] {
    height: calc(100dvh - 2rem);
  }
  .h-\[calc\(100dvh-12rem\)\] {
    height: calc(100dvh - 12rem);
  }
  .h-\[calc\(100vh-2rem\)\] {
    height: calc(100vh - 2rem);
  }
  .h-\[calc\(100vh-4\.5rem\)\] {
    height: calc(100vh - 4.5rem);
  }
  .h-\[calc\(100vh-5rem\)\] {
    height: calc(100vh - 5rem);
  }
  .h-\[calc\(100vh-6rem\)\] {
    height: calc(100vh - 6rem);
  }
  .h-\[calc\(100vh-12\.5rem\)\] {
    height: calc(100vh - 12.5rem);
  }
  .h-\[calc\(100vh-12rem\)\] {
    height: calc(100vh - 12rem);
  }
  .h-\[calc\(100vh-32px\)\] {
    height: calc(100vh - 32px);
  }
  .h-\[calc\(var\(--h3\)\+8px\)\] {
    height: calc(var(--h3) + 8px);
  }
  .h-\[calc\(var\(--misc-slider-handle-height-lg\)-4px\)\] {
    height: calc(var(--misc-slider-handle-height-lg) - 4px);
  }
  .h-\[clamp\(10\.5rem\,28\.1vw\,23\.45rem\)\] {
    height: clamp(10.5rem, 28.1vw, 23.45rem);
  }
  .h-\[clamp\(10rem\,62vw\,30\.75rem\)\] {
    height: clamp(10rem, 62vw, 30.75rem);
  }
  .h-\[max\(28px\,var\(--df-footer-btn-size\)\)\] {
    height: max(28px, var(--df-footer-btn-size));
  }
  .h-\[min\(18rem\,50vh\)\] {
    height: min(18rem, 50vh);
  }
  .h-\[min\(44rem\,calc\(100vh-6rem\)\)\] {
    height: min(44rem, 100vh - 6rem);
  }
  .h-\[min\(720px\,calc\(100dvh-5rem\)\)\] {
    height: min(720px, 100dvh - 5rem);
  }
  .h-\[min\(720px\,calc\(100vh-4rem\)\)\] {
    height: min(720px, 100vh - 4rem);
  }
  .h-\[var\(--accordion-panel-height\)\] {
    height: var(--accordion-panel-height);
  }
  .h-\[var\(--active-tab-height\)\] {
    height: var(--active-tab-height);
  }
  .h-\[var\(--cds-avatar-lg\)\] {
    height: var(--cds-avatar-lg);
  }
  .h-\[var\(--cds-avatar-md\)\] {
    height: var(--cds-avatar-md);
  }
  .h-\[var\(--cds-avatar-sm\)\] {
    height: var(--cds-avatar-sm);
  }
  .h-\[var\(--cds-switch-h\)\] {
    height: var(--cds-switch-h);
  }
  .h-\[var\(--class-small-height\)\] {
    height: var(--class-small-height);
  }
  .h-\[var\(--collapsible-panel-height\)\] {
    height: var(--collapsible-panel-height);
  }
  .h-\[var\(--df-row-h\)\] {
    height: var(--df-row-h);
  }
  .h-\[var\(--h6\)\] {
    height: var(--h6);
  }
  .h-\[var\(--h7\)\] {
    height: var(--h7);
  }
  .h-\[var\(--leading-body\)\] {
    height: var(--leading-body);
  }
  .h-\[var\(--misc-slider-handle-height-sm\)\] {
    height: var(--misc-slider-handle-height-sm);
  }
  .h-\[var\(--ra-sidebar-collapsed-btn\)\] {
    height: var(--ra-sidebar-collapsed-btn);
  }
  .h-\[var\(--ra-top-row-h\)\] {
    height: var(--ra-top-row-h);
  }
  .h-\[var\(--rs-top-row-h\)\] {
    height: var(--rs-top-row-h);
  }
  .h-auto {
    height: auto;
  }
  .h-control {
    height: var(--cds-h-control);
  }
  .h-control-nested {
    height: var(--cds-h-control-nested);
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-icon {
    height: var(--cds-icon);
  }
  .h-px {
    height: 1px;
  }
  .\!max-h-\[238px\] {
    max-height: 238px !important;
  }
  .\!max-h-\[240px\] {
    max-height: 240px !important;
  }
  .\!max-h-\[284px\] {
    max-height: 284px !important;
  }
  .\!max-h-\[288px\] {
    max-height: 288px !important;
  }
  .\!max-h-\[600px\] {
    max-height: 600px !important;
  }
  .\!max-h-\[min\(56rem\,calc\(100vh-5rem\)\)\] {
    max-height: min(56rem, 100vh - 5rem) !important;
  }
  .\!max-h-\[min\(360px\,var\(--available-height\)\)\] {
    max-height: min(360px, var(--available-height)) !important;
  }
  .\!max-h-\[min\(420px\,70vh\)\] {
    max-height: min(420px, 70vh) !important;
  }
  .\!max-h-\[min\(var\(--available-height\)\,20rem\)\] {
    max-height: min(var(--available-height), 20rem) !important;
  }
  .\!max-h-\[min\(var\(--available-height\)\,24rem\)\] {
    max-height: min(var(--available-height), 24rem) !important;
  }
  .\!max-h-none {
    max-height: none !important;
  }
  .max-h-0 {
    max-height: calc(var(--spacing) * 0);
  }
  .max-h-5 {
    max-height: calc(var(--spacing) * 5);
  }
  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }
  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }
  .max-h-16 {
    max-height: calc(var(--spacing) * 16);
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }
  .max-h-36 {
    max-height: calc(var(--spacing) * 36);
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-44 {
    max-height: calc(var(--spacing) * 44);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .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-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-140 {
    max-height: calc(var(--spacing) * 140);
  }
  .max-h-\[2\.9rem\] {
    max-height: 2.9rem;
  }
  .max-h-\[3\.5rem\] {
    max-height: 3.5rem;
  }
  .max-h-\[13\.75rem\] {
    max-height: 13.75rem;
  }
  .max-h-\[16rem\] {
    max-height: 16rem;
  }
  .max-h-\[18rem\] {
    max-height: 18rem;
  }
  .max-h-\[23rem\] {
    max-height: 23rem;
  }
  .max-h-\[24rem\] {
    max-height: 24rem;
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .max-h-\[32rem\] {
    max-height: 32rem;
  }
  .max-h-\[36rem\] {
    max-height: 36rem;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[45rem\] {
    max-height: 45rem;
  }
  .max-h-\[45vh\] {
    max-height: 45vh;
  }
  .max-h-\[48rem\] {
    max-height: 48rem;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[55vh\] {
    max-height: 55vh;
  }
  .max-h-\[60\%\] {
    max-height: 60%;
  }
  .max-h-\[60px\] {
    max-height: 60px;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[72vh\] {
    max-height: 72vh;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[85px\] {
    max-height: 85px;
  }
  .max-h-\[85vh\] {
    max-height: 85vh;
  }
  .max-h-\[100px\] {
    max-height: 100px;
  }
  .max-h-\[104px\] {
    max-height: 104px;
  }
  .max-h-\[120px\] {
    max-height: 120px;
  }
  .max-h-\[124px\] {
    max-height: 124px;
  }
  .max-h-\[140px\] {
    max-height: 140px;
  }
  .max-h-\[150px\] {
    max-height: 150px;
  }
  .max-h-\[160px\] {
    max-height: 160px;
  }
  .max-h-\[168px\] {
    max-height: 168px;
  }
  .max-h-\[180px\] {
    max-height: 180px;
  }
  .max-h-\[198px\] {
    max-height: 198px;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[216px\] {
    max-height: 216px;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[238px\] {
    max-height: 238px;
  }
  .max-h-\[240px\] {
    max-height: 240px;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[270px\] {
    max-height: 270px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[312px\] {
    max-height: 312px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[374px\] {
    max-height: 374px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[450px\] {
    max-height: 450px;
  }
  .max-h-\[480px\] {
    max-height: 480px;
  }
  .max-h-\[500px\] {
    max-height: 500px;
  }
  .max-h-\[520px\] {
    max-height: 520px;
  }
  .max-h-\[550px\] {
    max-height: 550px;
  }
  .max-h-\[640px\] {
    max-height: 640px;
  }
  .max-h-\[calc\(6\*var\(--leading-body\)\)\] {
    max-height: calc(6 * var(--leading-body));
  }
  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }
  .max-h-\[calc\(100dvh-13\.5rem\)\] {
    max-height: calc(100dvh - 13.5rem);
  }
  .max-h-\[calc\(100dvh-212px\)\] {
    max-height: calc(100dvh - 212px);
  }
  .max-h-\[calc\(100vh-1rem\)\] {
    max-height: calc(100vh - 1rem);
  }
  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }
  .max-h-\[calc\(100vh-3rem\)\] {
    max-height: calc(100vh - 3rem);
  }
  .max-h-\[calc\(100vh-4rem\)\] {
    max-height: calc(100vh - 4rem);
  }
  .max-h-\[calc\(100vh-16px\)\] {
    max-height: calc(100vh - 16px);
  }
  .max-h-\[calc\(100vh-64px\)\] {
    max-height: calc(100vh - 64px);
  }
  .max-h-\[calc\(100vh-var\(--cp-top\)-2rem\)\] {
    max-height: calc(100vh - var(--cp-top) - 2rem);
  }
  .max-h-\[inherit\] {
    max-height: inherit;
  }
  .max-h-\[min\(40vh\,22rem\)\] {
    max-height: min(40vh, 22rem);
  }
  .max-h-\[min\(50vh\,24rem\)\] {
    max-height: min(50vh, 24rem);
  }
  .max-h-\[min\(50vh\,360px\)\] {
    max-height: min(50vh, 360px);
  }
  .max-h-\[min\(56rem\,100\%\)\] {
    max-height: min(56rem, 100%);
  }
  .max-h-\[min\(56rem\,calc\(100vh-2rem\)\)\] {
    max-height: min(56rem, 100vh - 2rem);
  }
  .max-h-\[min\(60vh\,480px\)\] {
    max-height: min(60vh, 480px);
  }
  .max-h-\[min\(320px\,calc\(100vh-16rem\)\)\] {
    max-height: min(320px, 100vh - 16rem);
  }
  .max-h-\[min\(360px\,calc\(100vh-16rem\)\)\] {
    max-height: min(360px, 100vh - 16rem);
  }
  .max-h-\[min\(400px\,60vh\)\] {
    max-height: min(400px, 60vh);
  }
  .max-h-\[min\(420px\,var\(--available-height\)\)\] {
    max-height: min(420px, var(--available-height));
  }
  .max-h-\[min\(560px\,calc\(100dvh-6rem\)\)\] {
    max-height: min(560px, 100dvh - 6rem);
  }
  .max-h-\[min\(720px\,85vh\)\] {
    max-height: min(720px, 85vh);
  }
  .max-h-\[min\(var\(--available-height\)\,640px\)\] {
    max-height: min(var(--available-height), 640px);
  }
  .max-h-\[min\(var\(--available-height\)\,var\(--cds-popup-max-h\,320px\)\)\] {
    max-height: min(var(--available-height), var(--cds-popup-max-h, 320px));
  }
  .max-h-\[min\(var\(--available-height\,16rem\)\,var\(--dropdown-max-height\,16rem\)\)\] {
    max-height: min(
      var(--available-height, 16rem),
      var(--dropdown-max-height, 16rem)
    );
  }
  .max-h-\[min\(var\(--radix-context-menu-content-available-height\)\,var\(--dropdown-max-height\,24rem\)\)\] {
    max-height: min(
      var(--radix-context-menu-content-available-height),
      var(--dropdown-max-height, 24rem)
    );
  }
  .max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\)\,var\(--dropdown-max-height\)\)\] {
    max-height: min(
      var(--radix-dropdown-menu-content-available-height),
      var(--dropdown-max-height)
    );
  }
  .max-h-\[min\(var\(--radix-select-content-available-height\,var\(--radix-dropdown-menu-content-available-height\)\)\,var\(--dropdown-max-height\,24rem\)\)\] {
    max-height: min(
      var(
        --radix-select-content-available-height,
        var(--radix-dropdown-menu-content-available-height)
      ),
      var(--dropdown-max-height, 24rem)
    );
  }
  .max-h-\[var\(--available-height\)\] {
    max-height: var(--available-height);
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .\!min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .\!min-h-control {
    min-height: var(--cds-h-control) !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-2 {
    min-height: calc(var(--spacing) * 2);
  }
  .min-h-3\.5 {
    min-height: calc(var(--spacing) * 3.5);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-44 {
    min-height: calc(var(--spacing) * 44);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-\[--h8\] {
    min-height: --h8;
  }
  .min-h-\[0px\] {
    min-height: 0;
  }
  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }
  .min-h-\[2\.125rem\] {
    min-height: 2.125rem;
  }
  .min-h-\[2\.625rem\] {
    min-height: 2.625rem;
  }
  .min-h-\[3rem\] {
    min-height: 3rem;
  }
  .min-h-\[4rem\] {
    min-height: 4rem;
  }
  .min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }
  .min-h-\[5rem\] {
    min-height: 5rem;
  }
  .min-h-\[6\.125rem\] {
    min-height: 6.125rem;
  }
  .min-h-\[6\.625rem\] {
    min-height: 6.625rem;
  }
  .min-h-\[6px\] {
    min-height: 6px;
  }
  .min-h-\[8\.75rem\] {
    min-height: 8.75rem;
  }
  .min-h-\[8rem\] {
    min-height: 8rem;
  }
  .min-h-\[12\.5rem\] {
    min-height: 12.5rem;
  }
  .min-h-\[14rem\] {
    min-height: 14rem;
  }
  .min-h-\[18px\] {
    min-height: 18px;
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[20rem\] {
    min-height: 20rem;
  }
  .min-h-\[22px\] {
    min-height: 22px;
  }
  .min-h-\[22rem\] {
    min-height: 22rem;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[24rem\] {
    min-height: 24rem;
  }
  .min-h-\[26px\] {
    min-height: 26px;
  }
  .min-h-\[26rem\] {
    min-height: 26rem;
  }
  .min-h-\[30rem\] {
    min-height: 30rem;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[38px\] {
    min-height: 38px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[40vh\] {
    min-height: 40vh;
  }
  .min-h-\[42px\] {
    min-height: 42px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[46px\] {
    min-height: 46px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[60vh\] {
    min-height: 60vh;
  }
  .min-h-\[68px\] {
    min-height: 68px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[89vh\] {
    min-height: 89vh;
  }
  .min-h-\[90vh\] {
    min-height: 90vh;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[98px\] {
    min-height: 98px;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[168px\] {
    min-height: 168px;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[250px\] {
    min-height: 250px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[330px\] {
    min-height: 330px;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[460px\] {
    min-height: 460px;
  }
  .min-h-\[480px\] {
    min-height: 480px;
  }
  .min-h-\[500px\] {
    min-height: 500px;
  }
  .min-h-\[512px\] {
    min-height: 512px;
  }
  .min-h-\[533px\] {
    min-height: 533px;
  }
  .min-h-\[550px\] {
    min-height: 550px;
  }
  .min-h-\[560px\] {
    min-height: 560px;
  }
  .min-h-\[590px\] {
    min-height: 590px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[768px\] {
    min-height: 768px;
  }
  .min-h-\[calc\(\.\.\.\)\] {
    min-height: calc(...);
  }
  .min-h-\[calc\(2\*var\(--cds-leading-body\)\+2\*var\(--cds-pad-md\)\)\] {
    min-height: calc(2 * var(--cds-leading-body) + 2 * var(--cds-pad-md));
  }
  .min-h-\[calc\(2lh\+6px\)\] {
    min-height: calc(2lh + 6px);
  }
  .min-h-\[calc\(100vh-80px\)\] {
    min-height: calc(100vh - 80px);
  }
  .min-h-\[calc\(var\(--cds-h-control\)\*3\+48px\)\] {
    min-height: calc(var(--cds-h-control) * 3 + 48px);
  }
  .min-h-\[calc\(var\(--cds-h-control\)\*5\+48px\)\] {
    min-height: calc(var(--cds-h-control) * 5 + 48px);
  }
  .min-h-\[calc\(var\(--cds-h-control\)\*5\+72px\)\] {
    min-height: calc(var(--cds-h-control) * 5 + 72px);
  }
  .min-h-\[calc\(var\(--cds-h-control\)\*9\+72px\)\] {
    min-height: calc(var(--cds-h-control) * 9 + 72px);
  }
  .min-h-\[calc\(var\(--cds-h-control\)\*10\+72px\)\] {
    min-height: calc(var(--cds-h-control) * 10 + 72px);
  }
  .min-h-\[calc\(var\(--cds-h-control\)\*12\+72px\)\] {
    min-height: calc(var(--cds-h-control) * 12 + 72px);
  }
  .min-h-\[calc\(var\(--df-group-pt\)\+\(var\(--df-row-h\)-8px\)\+4px\)\] {
    min-height: calc(var(--df-group-pt) + (var(--df-row-h) - 8px) + 4px);
  }
  .min-h-\[var\(--cds-leading-body\)\] {
    min-height: var(--cds-leading-body);
  }
  .min-h-\[var\(--compact-input-min-h\,5rem\)\] {
    min-height: var(--compact-input-min-h, 5rem);
  }
  .min-h-\[var\(--h3\)\] {
    min-height: var(--h3);
  }
  .min-h-\[var\(--h4\)\] {
    min-height: var(--h4);
  }
  .min-h-\[var\(--h8\)\] {
    min-height: var(--h8);
  }
  .min-h-\[var\(--leading-body\)\] {
    min-height: var(--leading-body);
  }
  .min-h-control {
    min-height: var(--cds-h-control);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-min {
    min-height: min-content;
  }
  .w-stretch {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
  }
  .\!w-3\.5 {
    width: calc(var(--spacing) * 3.5) !important;
  }
  .\!w-4 {
    width: calc(var(--spacing) * 4) !important;
  }
  .\!w-5 {
    width: calc(var(--spacing) * 5) !important;
  }
  .\!w-6 {
    width: calc(var(--spacing) * 6) !important;
  }
  .\!w-7 {
    width: calc(var(--spacing) * 7) !important;
  }
  .\!w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .\!w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .\!w-12 {
    width: calc(var(--spacing) * 12) !important;
  }
  .\!w-14 {
    width: calc(var(--spacing) * 14) !important;
  }
  .\!w-16 {
    width: calc(var(--spacing) * 16) !important;
  }
  .\!w-36 {
    width: calc(var(--spacing) * 36) !important;
  }
  .\!w-72 {
    width: calc(var(--spacing) * 72) !important;
  }
  .\!w-80 {
    width: calc(var(--spacing) * 80) !important;
  }
  .\!w-\[8rem\] {
    width: 8rem !important;
  }
  .\!w-\[18px\] {
    width: 18px !important;
  }
  .\!w-\[24px\] {
    width: 24px !important;
  }
  .\!w-\[220px\] {
    width: 220px !important;
  }
  .\!w-\[260px\] {
    width: 260px !important;
  }
  .\!w-\[280px\] {
    width: 280px !important;
  }
  .\!w-\[320px\] {
    width: 320px !important;
  }
  .\!w-\[337px\] {
    width: 337px !important;
  }
  .\!w-\[380px\] {
    width: 380px !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-control {
    width: var(--cds-h-control) !important;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/3 {
    width: 33.3333%;
  }
  .w-1\/4 {
    width: 25%;
  }
  .w-1\/6 {
    width: 16.6667%;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/3 {
    width: 66.6667%;
  }
  .w-2\/5 {
    width: 40%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-3\/5 {
    width: 60%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-4\/12 {
    width: 33.3333%;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: 83.3333%;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-8\/12 {
    width: 66.6667%;
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-9\/12 {
    width: 75%;
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-10\/12 {
    width: 83.3333%;
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: 91.6667%;
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-54 {
    width: calc(var(--spacing) * 54);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-\[0\.5px\] {
    width: 0.5px;
  }
  .w-\[0\.8em\] {
    width: 0.8em;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[3rem\] {
    width: 3rem;
  }
  .w-\[4\.5rem\] {
    width: 4.5rem;
  }
  .w-\[4px\] {
    width: 4px;
  }
  .w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7\.5rem\] {
    width: 7.5rem;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[9px\] {
    width: 9px;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[11rem\] {
    width: 11rem;
  }
  .w-\[12px\] {
    width: 12px;
  }
  .w-\[13rem\] {
    width: 13rem;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[15rem\] {
    width: 15rem;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[17rem\] {
    width: 17rem;
  }
  .w-\[18\.5rem\] {
    width: 18.5rem;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[18rem\] {
    width: 18rem;
  }
  .w-\[19px\] {
    width: 19px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[20rem\] {
    width: 20rem;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[22rem\] {
    width: 22rem;
  }
  .w-\[23px\] {
    width: 23px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[24rem\] {
    width: 24rem;
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[26px\] {
    width: 26px;
  }
  .w-\[26rem\] {
    width: 26rem;
  }
  .w-\[27\.5rem\] {
    width: 27.5rem;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[30rem\] {
    width: 30rem;
  }
  .w-\[32\%\] {
    width: 32%;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[32rem\] {
    width: 32rem;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[36rem\] {
    width: 36rem;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[40rem\] {
    width: 40rem;
  }
  .w-\[41px\] {
    width: 41px;
  }
  .w-\[42rem\] {
    width: 42rem;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[44rem\] {
    width: 44rem;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-\[46px\] {
    width: 46px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[55\%\] {
    width: 55%;
  }
  .w-\[55px\] {
    width: 55px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[62px\] {
    width: 62px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[65px\] {
    width: 65px;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[69px\] {
    width: 69px;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[74px\] {
    width: 74px;
  }
  .w-\[75\%\] {
    width: 75%;
  }
  .w-\[75px\] {
    width: 75px;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[84px\] {
    width: 84px;
  }
  .w-\[85\%\] {
    width: 85%;
  }
  .w-\[85px\] {
    width: 85px;
  }
  .w-\[87px\] {
    width: 87px;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[89px\] {
    width: 89px;
  }
  .w-\[90\%\] {
    width: 90%;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[93px\] {
    width: 93px;
  }
  .w-\[94px\] {
    width: 94px;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .w-\[100cqw\] {
    width: 100cqw;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[107px\] {
    width: 107px;
  }
  .w-\[108\.7\%\] {
    width: 108.7%;
  }
  .w-\[113px\] {
    width: 113px;
  }
  .w-\[116px\] {
    width: 116px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[128px\] {
    width: 128px;
  }
  .w-\[132px\] {
    width: 132px;
  }
  .w-\[133px\] {
    width: 133px;
  }
  .w-\[139px\] {
    width: 139px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[143px\] {
    width: 143px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[172px\] {
    width: 172px;
  }
  .w-\[178px\] {
    width: 178px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[185px\] {
    width: 185px;
  }
  .w-\[190px\] {
    width: 190px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[201px\] {
    width: 201px;
  }
  .w-\[206px\] {
    width: 206px;
  }
  .w-\[207px\] {
    width: 207px;
  }
  .w-\[208px\] {
    width: 208px;
  }
  .w-\[216px\] {
    width: 216px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[221px\] {
    width: 221px;
  }
  .w-\[222px\] {
    width: 222px;
  }
  .w-\[224px\] {
    width: 224px;
  }
  .w-\[225px\] {
    width: 225px;
  }
  .w-\[228px\] {
    width: 228px;
  }
  .w-\[229px\] {
    width: 229px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[236px\] {
    width: 236px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[254px\] {
    width: 254px;
  }
  .w-\[256px\] {
    width: 256px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[261px\] {
    width: 261px;
  }
  .w-\[264px\] {
    width: 264px;
  }
  .w-\[270px\] {
    width: 270px;
  }
  .w-\[276px\] {
    width: 276px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[288px\] {
    width: 288px;
  }
  .w-\[292px\] {
    width: 292px;
  }
  .w-\[293px\] {
    width: 293px;
  }
  .w-\[296px\] {
    width: 296px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[332px\] {
    width: 332px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[348px\] {
    width: 348px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[375px\] {
    width: 375px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[405px\] {
    width: 405px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[435px\] {
    width: 435px;
  }
  .w-\[440px\] {
    width: 440px;
  }
  .w-\[450px\] {
    width: 450px;
  }
  .w-\[470px\] {
    width: 470px;
  }
  .w-\[476px\] {
    width: 476px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[580px\] {
    width: 580px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[602px\] {
    width: 602px;
  }
  .w-\[620px\] {
    width: 620px;
  }
  .w-\[640px\] {
    width: 640px;
  }
  .w-\[672px\] {
    width: 672px;
  }
  .w-\[680px\] {
    width: 680px;
  }
  .w-\[687px\] {
    width: 687px;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-\[720px\] {
    width: 720px;
  }
  .w-\[760px\] {
    width: 760px;
  }
  .w-\[768px\] {
    width: 768px;
  }
  .w-\[820px\] {
    width: 820px;
  }
  .w-\[960px\] {
    width: 960px;
  }
  .w-\[calc\(\.\.\.\)\] {
    width: calc(...);
  }
  .w-\[calc\(60\%-2rem\)\] {
    width: calc(60% - 2rem);
  }
  .w-\[calc\(100\%\+1rem\)\] {
    width: calc(100% + 1rem);
  }
  .w-\[calc\(100\%\+2\.5rem\)\] {
    width: calc(100% + 2.5rem);
  }
  .w-\[calc\(100\%\+8px\)\] {
    width: calc(100% + 8px);
  }
  .w-\[calc\(100\%\+12px\)\] {
    width: calc(100% + 12px);
  }
  .w-\[calc\(100\%-1\.75rem\)\] {
    width: calc(100% - 1.75rem);
  }
  .w-\[calc\(100\%-2\.5rem\)\] {
    width: calc(100% - 2.5rem);
  }
  .w-\[calc\(100\%-30px\)\] {
    width: calc(100% - 30px);
  }
  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }
  .w-\[calc\(100vw-32px\)\] {
    width: calc(100vw - 32px);
  }
  .w-\[calc\(var\(--cds-switch-h\,20px\)\*1\.8\)\] {
    width: calc(var(--cds-switch-h, 20px) * 1.8);
  }
  .w-\[calc\(var\(--radix-dropdown-menu-trigger-width\)\+8px\)\] {
    width: calc(var(--radix-dropdown-menu-trigger-width) + 8px);
  }
  .w-\[min\(340px\,94\%\)\] {
    width: min(340px, 94%);
  }
  .w-\[min\(560px\,90vw\)\] {
    width: min(560px, 90vw);
  }
  .w-\[min\(720px\,92vw\)\] {
    width: min(720px, 92vw);
  }
  .w-\[min\(1100px\,calc\(100vw-4rem\)\)\] {
    width: min(1100px, 100vw - 4rem);
  }
  .w-\[min\(1400px\,130\%\)\] {
    width: min(1400px, 130%);
  }
  .w-\[var\(--active-tab-width\)\] {
    width: var(--active-tab-width);
  }
  .w-\[var\(--anchor-width\)\] {
    width: var(--anchor-width);
  }
  .w-\[var\(--chat-gutter\)\] {
    width: var(--chat-gutter);
  }
  .w-\[var\(--chat-gutter-start\,32px\)\] {
    width: var(--chat-gutter-start, 32px);
  }
  .w-\[var\(--df-leading-slot\)\] {
    width: var(--df-leading-slot);
  }
  .w-\[var\(--h6\)\] {
    width: var(--h6);
  }
  .w-\[var\(--h7\)\] {
    width: var(--h7);
  }
  .w-\[var\(--misc-slider-handle-width-lg\)\] {
    width: var(--misc-slider-handle-width-lg);
  }
  .w-\[var\(--misc-slider-handle-width-sm\)\] {
    width: var(--misc-slider-handle-width-sm);
  }
  .w-\[var\(--ra-sidebar-collapsed-btn\)\] {
    width: var(--ra-sidebar-collapsed-btn);
  }
  .w-\[var\(--ra-sidebar-collapsed-w\)\] {
    width: var(--ra-sidebar-collapsed-w);
  }
  .w-\[var\(--slider-drag-pos\,var\(--slider-rest-pos\)\)\] {
    width: var(--slider-drag-pos, var(--slider-rest-pos));
  }
  .w-auto {
    width: auto;
  }
  .w-control {
    width: var(--cds-h-control);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .\!max-w-2xl {
    max-width: var(--container-2xl) !important;
  }
  .\!max-w-\[13rem\] {
    max-width: 13rem !important;
  }
  .\!max-w-\[14\.5rem\] {
    max-width: 14.5rem !important;
  }
  .\!max-w-\[15rem\] {
    max-width: 15rem !important;
  }
  .\!max-w-\[16rem\] {
    max-width: 16rem !important;
  }
  .\!max-w-\[17rem\] {
    max-width: 17rem !important;
  }
  .\!max-w-\[18rem\] {
    max-width: 18rem !important;
  }
  .\!max-w-\[20rem\] {
    max-width: 20rem !important;
  }
  .\!max-w-\[30rem\] {
    max-width: 30rem !important;
  }
  .\!max-w-\[33\.5rem\] {
    max-width: 33.5rem !important;
  }
  .\!max-w-\[282px\] {
    max-width: 282px !important;
  }
  .\!max-w-\[310px\] {
    max-width: 310px !important;
  }
  .\!max-w-\[380px\] {
    max-width: 380px !important;
  }
  .\!max-w-\[614px\] {
    max-width: 614px !important;
  }
  .\!max-w-\[632px\] {
    max-width: 632px !important;
  }
  .\!max-w-\[750px\] {
    max-width: 750px !important;
  }
  .\!max-w-fit {
    max-width: fit-content !important;
  }
  .\!max-w-lg {
    max-width: var(--container-lg) !important;
  }
  .\!max-w-none {
    max-width: none !important;
  }
  .\!max-w-sm {
    max-width: var(--container-sm) !important;
  }
  .max-w-0 {
    max-width: calc(var(--spacing) * 0);
  }
  .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-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-\[8rem\] {
    max-width: 8rem;
  }
  .max-w-\[9rem\] {
    max-width: 9rem;
  }
  .max-w-\[12ch\] {
    max-width: 12ch;
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[13rem\] {
    max-width: 13rem;
  }
  .max-w-\[14\.5rem\] {
    max-width: 14.5rem;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[15rem\] {
    max-width: 15rem;
  }
  .max-w-\[16\.6rem\] {
    max-width: 16.6rem;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[18ch\] {
    max-width: 18ch;
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[24rem\] {
    max-width: 24rem;
  }
  .max-w-\[28ch\] {
    max-width: 28ch;
  }
  .max-w-\[28rem\] {
    max-width: 28rem;
  }
  .max-w-\[33\.5rem\] {
    max-width: 33.5rem;
  }
  .max-w-\[33\.333\%\] {
    max-width: 33.333%;
  }
  .max-w-\[36ch\] {
    max-width: 36ch;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[40\%\] {
    max-width: 40%;
  }
  .max-w-\[40ch\] {
    max-width: 40ch;
  }
  .max-w-\[40rem\] {
    max-width: 40rem;
  }
  .max-w-\[42rem\] {
    max-width: 42rem;
  }
  .max-w-\[44rem\] {
    max-width: 44rem;
  }
  .max-w-\[49\.25rem\] {
    max-width: 49.25rem;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[50\.5rem\] {
    max-width: 50.5rem;
  }
  .max-w-\[52px\] {
    max-width: 52px;
  }
  .max-w-\[55\%\] {
    max-width: 55%;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[60ch\] {
    max-width: 60ch;
  }
  .max-w-\[60vw\] {
    max-width: 60vw;
  }
  .max-w-\[65\%\] {
    max-width: 65%;
  }
  .max-w-\[68ch\] {
    max-width: 68ch;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[72ch\] {
    max-width: 72ch;
  }
  .max-w-\[73\.5rem\] {
    max-width: 73.5rem;
  }
  .max-w-\[75\%\] {
    max-width: 75%;
  }
  .max-w-\[75ch\] {
    max-width: 75ch;
  }
  .max-w-\[78ch\] {
    max-width: 78ch;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[85px\] {
    max-width: 85px;
  }
  .max-w-\[90\%\] {
    max-width: 90%;
  }
  .max-w-\[90rem\] {
    max-width: 90rem;
  }
  .max-w-\[92vw\] {
    max-width: 92vw;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[190px\] {
    max-width: 190px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[210px\] {
    max-width: 210px;
  }
  .max-w-\[211px\] {
    max-width: 211px;
  }
  .max-w-\[219px\] {
    max-width: 219px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[244px\] {
    max-width: 244px;
  }
  .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-\[315px\] {
    max-width: 315px;
  }
  .max-w-\[318px\] {
    max-width: 318px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[337px\] {
    max-width: 337px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[356px\] {
    max-width: 356px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[372px\] {
    max-width: 372px;
  }
  .max-w-\[384px\] {
    max-width: 384px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[418px\] {
    max-width: 418px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[456px\] {
    max-width: 456px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-\[465px\] {
    max-width: 465px;
  }
  .max-w-\[470px\] {
    max-width: 470px;
  }
  .max-w-\[471px\] {
    max-width: 471px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[497px\] {
    max-width: 497px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[512px\] {
    max-width: 512px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[536px\] {
    max-width: 536px;
  }
  .max-w-\[550px\] {
    max-width: 550px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[569px\] {
    max-width: 569px;
  }
  .max-w-\[572px\] {
    max-width: 572px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[601px\] {
    max-width: 601px;
  }
  .max-w-\[602px\] {
    max-width: 602px;
  }
  .max-w-\[605px\] {
    max-width: 605px;
  }
  .max-w-\[614px\] {
    max-width: 614px;
  }
  .max-w-\[638px\] {
    max-width: 638px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[649px\] {
    max-width: 649px;
  }
  .max-w-\[672px\] {
    max-width: 672px;
  }
  .max-w-\[690px\] {
    max-width: 690px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[744px\] {
    max-width: 744px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[780px\] {
    max-width: 780px;
  }
  .max-w-\[800px\] {
    max-width: 800px;
  }
  .max-w-\[840px\] {
    max-width: 840px;
  }
  .max-w-\[849px\] {
    max-width: 849px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[880px\] {
    max-width: 880px;
  }
  .max-w-\[892px\] {
    max-width: 892px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[920px\] {
    max-width: 920px;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .max-w-\[1024px\] {
    max-width: 1024px;
  }
  .max-w-\[1080px\] {
    max-width: 1080px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1120px\] {
    max-width: 1120px;
  }
  .max-w-\[1152px\] {
    max-width: 1152px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[1920px\] {
    max-width: 1920px;
  }
  .max-w-\[calc\(\(55vh\)\*16\/9\)\] {
    max-width: 97.7778vh;
  }
  .max-w-\[calc\(33\.333\%-0\.5rem\)\] {
    max-width: calc(33.333% - 0.5rem);
  }
  .max-w-\[calc\(100\%_-_32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-3rem\)\] {
    max-width: calc(100vw - 3rem);
  }
  .max-w-\[calc\(100vw-24px\)\] {
    max-width: calc(100vw - 24px);
  }
  .max-w-\[min\(26rem\,calc\(100vw-4rem\)\)\] {
    max-width: min(26rem, 100vw - 4rem);
  }
  .max-w-\[min\(42rem\,calc\(\(55vh\)\*16\/9\)\)\] {
    max-width: min(42rem, 97.7778vh);
  }
  .max-w-\[min\(280px\,calc\(100vw-24px\)\)\] {
    max-width: min(280px, 100vw - 24px);
  }
  .max-w-\[min\(320px\,85\%\)\] {
    max-width: min(320px, 85%);
  }
  .max-w-\[var\(--hover-card-max-w\,360px\)\] {
    max-width: var(--hover-card-max-w, 360px);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-min {
    max-width: min-content;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen-sm {
    max-width: var(--breakpoint-sm);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .\!min-w-0 {
    min-width: calc(var(--spacing) * 0) !important;
  }
  .\!min-w-9 {
    min-width: calc(var(--spacing) * 9) !important;
  }
  .\!min-w-10 {
    min-width: calc(var(--spacing) * 10) !important;
  }
  .\!min-w-\[140px\] {
    min-width: 140px !important;
  }
  .\!min-w-\[200px\] {
    min-width: 200px !important;
  }
  .\!min-w-\[240px\] {
    min-width: 240px !important;
  }
  .\!min-w-\[var\(--anchor-width\)\] {
    min-width: var(--anchor-width) !important;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-1 {
    min-width: calc(var(--spacing) * 1);
  }
  .min-w-1\.5 {
    min-width: calc(var(--spacing) * 1.5);
  }
  .min-w-3 {
    min-width: calc(var(--spacing) * 3);
  }
  .min-w-3\.5 {
    min-width: calc(var(--spacing) * 3.5);
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-96 {
    min-width: calc(var(--spacing) * 96);
  }
  .min-w-\[0\.8ch\] {
    min-width: 0.8ch;
  }
  .min-w-\[0\.875rem\] {
    min-width: 0.875rem;
  }
  .min-w-\[1\.5ch\] {
    min-width: 1.5ch;
  }
  .min-w-\[1\.5rem\] {
    min-width: 1.5rem;
  }
  .min-w-\[2\.5ch\] {
    min-width: 2.5ch;
  }
  .min-w-\[2\.5em\] {
    min-width: 2.5em;
  }
  .min-w-\[2\.5rem\] {
    min-width: 2.5rem;
  }
  .min-w-\[2ch\] {
    min-width: 2ch;
  }
  .min-w-\[3px\] {
    min-width: 3px;
  }
  .min-w-\[3rem\] {
    min-width: 3rem;
  }
  .min-w-\[4px\] {
    min-width: 4px;
  }
  .min-w-\[4rem\] {
    min-width: 4rem;
  }
  .min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }
  .min-w-\[5\.25rem\] {
    min-width: 5.25rem;
  }
  .min-w-\[5rem\] {
    min-width: 5rem;
  }
  .min-w-\[6rem\] {
    min-width: 6rem;
  }
  .min-w-\[7rem\] {
    min-width: 7rem;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[11rem\] {
    min-width: 11rem;
  }
  .min-w-\[12\.5ch\] {
    min-width: 12.5ch;
  }
  .min-w-\[12ch\] {
    min-width: 12ch;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[13rem\] {
    min-width: 13rem;
  }
  .min-w-\[14px\] {
    min-width: 14px;
  }
  .min-w-\[15rem\] {
    min-width: 15rem;
  }
  .min-w-\[16px\] {
    min-width: 16px;
  }
  .min-w-\[16rem\] {
    min-width: 16rem;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[18rem\] {
    min-width: 18rem;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[21rem\] {
    min-width: 21rem;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[32px\] {
    min-width: 32px;
  }
  .min-w-\[38px\] {
    min-width: 38px;
  }
  .min-w-\[48px\] {
    min-width: 48px;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[74px\] {
    min-width: 74px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[85px\] {
    min-width: 85px;
  }
  .min-w-\[88px\] {
    min-width: 88px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[128px\] {
    min-width: 128px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[208px\] {
    min-width: 208px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[290px\] {
    min-width: 290px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[318px\] {
    min-width: 318px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[340px\] {
    min-width: 340px;
  }
  .min-w-\[352px\] {
    min-width: 352px;
  }
  .min-w-\[360px\] {
    min-width: 360px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[min\(20ch\,100\%\)\] {
    min-width: min(20ch, 100%);
  }
  .min-w-\[var\(--cds-avatar-lg\)\] {
    min-width: var(--cds-avatar-lg);
  }
  .min-w-\[var\(--cds-avatar-md\)\] {
    min-width: var(--cds-avatar-md);
  }
  .min-w-\[var\(--cds-avatar-sm\)\] {
    min-width: var(--cds-avatar-sm);
  }
  .min-w-\[var\(--cds-h-control-nested\)\] {
    min-width: var(--cds-h-control-nested);
  }
  .min-w-\[var\(--class-base-height\)\] {
    min-width: var(--class-base-height);
  }
  .min-w-\[var\(--h2\)\] {
    min-width: var(--h2);
  }
  .min-w-\[var\(--h3\)\] {
    min-width: var(--h3);
  }
  .min-w-\[var\(--hover-card-min-w\,200px\)\] {
    min-width: var(--hover-card-min-w, 200px);
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .min-w-px {
    min-width: 1px;
  }
  .min-w-xl {
    min-width: var(--container-xl);
  }
  .min-w-xs {
    min-width: var(--container-xs);
  }
  .\!flex-\[2\] {
    flex: 2 !important;
  }
  .\!flex-none {
    flex: none !important;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[2\] {
    flex: 2;
  }
  .flex-\[3\] {
    flex: 3;
  }
  .flex-\[5\] {
    flex: 5;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .\!shrink {
    flex-shrink: 1 !important;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-1 {
    flex-shrink: 1;
  }
  .shrink-\[4\] {
    flex-shrink: 4;
  }
  .shrink-\[999\] {
    flex-shrink: 999;
  }
  .shrink-\[9999\] {
    flex-shrink: 9999;
  }
  .flex-grow,
  .grow {
    flex-grow: 1;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0);
  }
  .basis-60 {
    flex-basis: calc(var(--spacing) * 60);
  }
  .basis-\[10rem\] {
    flex-basis: 10rem;
  }
  .basis-\[192px\] {
    flex-basis: 192px;
  }
  .table-auto {
    table-layout: auto;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-\[2px\] {
    --tw-border-spacing-x: 2px;
    --tw-border-spacing-y: 2px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-x-4 {
    --tw-border-spacing-x: calc(var(--spacing) * 4);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .origin-\[50\%_42px\] {
    transform-origin: 50% 42px;
  }
  .origin-\[var\(--transform-origin\)\] {
    transform-origin: var(--transform-origin);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-right {
    transform-origin: 100% 100%;
  }
  .origin-center {
    transform-origin: 50%;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-1\/2 {
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * -0.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-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-8 {
    --tw-translate-x: calc(var(--spacing) * -8);
    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-x-px {
    --tw-translate-x: -1px;
    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-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/4 {
    --tw-translate-x: 25%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-2 {
    --tw-translate-x: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    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-10 {
    --tw-translate-x: calc(var(--spacing) * 10);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[-100\%\] {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[1px\] {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[3px\] {
    --tw-translate-x: 3px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[7px\] {
    --tw-translate-x: 7px;
    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-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    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\.5 {
    --tw-translate-y: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/4 {
    --tw-translate-y: -25%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[0\.75px\] {
    --tw-translate-y: -0.75px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[1\.625rem\] {
    --tw-translate-y: -1.625rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[1px\] {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[2px\] {
    --tw-translate-y: -2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-px {
    --tw-translate-y: -1px;
    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);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    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\.5 {
    --tw-translate-y: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-3 {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-0\.05em\] {
    --tw-translate-y: -0.05em;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[0\.05em\] {
    --tw-translate-y: 0.05em;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[0\.5px\] {
    --tw-translate-y: 0.5px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[6px\] {
    --tw-translate-y: 6px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[10px\] {
    --tw-translate-y: 10px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[12px\] {
    --tw-translate-y: 12px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[19\%\] {
    --tw-translate-y: 19%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[120\%\] {
    --tw-translate-y: 120%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[calc\(-100\%-4px\)\],
  .translate-y-\[calc\(-100\%_-_4px\)\] {
    --tw-translate-y: calc(-100% - 4px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-px {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .\!scale-100 {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-75 {
    --tw-scale-x: 75%;
    --tw-scale-y: 75%;
    --tw-scale-z: 75%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-80 {
    --tw-scale-x: 80%;
    --tw-scale-y: 80%;
    --tw-scale-z: 80%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-90 {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-105 {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-x-100 {
    --tw-scale-x: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[0\.92\] {
    --tw-scale-x: 0.92;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-x-\[0\.96\] {
    --tw-scale-x: 0.96;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-y-100 {
    --tw-scale-y: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.8\] {
    scale: 0.8;
  }
  .scale-\[0\.35\] {
    scale: 0.35;
  }
  .scale-\[0\.85\] {
    scale: 0.85;
  }
  .scale-\[0\.92\] {
    scale: 0.92;
  }
  .scale-\[0\.98\] {
    scale: 0.98;
  }
  .scale-\[0\.625\] {
    scale: 0.625;
  }
  .scale-\[1\.01\] {
    scale: 1.01;
  }
  .scale-\[1\.15\] {
    scale: 1.15;
  }
  .scale-\[1\] {
    scale: 1;
  }
  .scale-\[80\%\] {
    scale: 0.8;
  }
  .-rotate-1 {
    rotate: -1deg;
  }
  .-rotate-3 {
    rotate: -3deg;
  }
  .-rotate-6 {
    rotate: -6deg;
  }
  .-rotate-45 {
    rotate: -45deg;
  }
  .-rotate-90 {
    rotate: -90deg;
  }
  .-rotate-180 {
    rotate: -180deg;
  }
  .-rotate-\[0\.1rad\] {
    rotate: -5.72958deg;
  }
  .-rotate-\[0\.72deg\] {
    rotate: -0.72deg;
  }
  .-rotate-\[3\.35deg\] {
    rotate: -3.35deg;
  }
  .-rotate-\[4\.82deg\] {
    rotate: -4.82deg;
  }
  .-rotate-\[5deg\] {
    rotate: -5deg;
  }
  .-rotate-\[36deg\] {
    rotate: -36deg;
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-2 {
    rotate: 2deg;
  }
  .rotate-6 {
    rotate: 6deg;
  }
  .rotate-12 {
    rotate: 12deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-412 {
    rotate: 412deg;
  }
  .rotate-\[-1\.78deg\] {
    rotate: -1.78deg;
  }
  .rotate-\[-3deg\] {
    rotate: -3deg;
  }
  .rotate-\[-4deg\] {
    rotate: -4deg;
  }
  .rotate-\[-6deg\] {
    rotate: -6deg;
  }
  .rotate-\[0\.1rad\] {
    rotate: 5.72958deg;
  }
  .rotate-\[2\.8deg\] {
    rotate: 2.8deg;
  }
  .rotate-\[3deg\] {
    rotate: 3deg;
  }
  .rotate-\[4\.82deg\] {
    rotate: 4.82deg;
  }
  .rotate-\[5deg\] {
    rotate: 5deg;
  }
  .rotate-\[20deg\] {
    rotate: 20deg;
  }
  .rotate-\[36deg\] {
    rotate: 36deg;
  }
  .\[transform\:translate\(0\)\],
  .\[transform\:translate\(0\,0\)\] {
    transform: translate(0);
  }
  .\[transform\:translateY\(var\(--ty\)\)_scale\(var\(--ts\)\)\] {
    transform: translateY(var(--ty)) scale(var(--ts));
  }
  .\[transform\:translateZ\(0\)\] {
    transform: translateZ(0);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-\[cds-shimmer-text-shine_3s_cubic-bezier\(0\.77\,0\,0\.175\,1\)_infinite\] {
    animation: 3s cubic-bezier(0.77, 0, 0.175, 1) infinite
      cds-shimmer-text-shine;
  }
  .animate-\[cds-shimmer-text-shine_3s_…\] {
    animation: cds-shimmer-text-shine 3s …;
  }
  .animate-\[conway-pulse-glow_2s_ease-in-out_infinite\] {
    animation: 2s ease-in-out infinite conway-pulse-glow;
  }
  .animate-\[cursor-move_3s_ease-in-out_infinite\] {
    animation: 3s ease-in-out infinite cursor-move;
  }
  .animate-\[fade-in_200ms_ease-out\] {
    animation: 0.2s ease-out fade-in;
  }
  .animate-\[fade_0\.6s_ease-out\] {
    animation: 0.6s ease-out fade;
  }
  .animate-\[fade_300ms_ease-out\] {
    animation: 0.3s ease-out fade;
  }
  .animate-\[rs-bubble-in_160ms_ease-out\] {
    animation: 0.16s ease-out rs-bubble-in;
  }
  .animate-\[scale-in_250ms_ease-out\] {
    animation: 0.25s ease-out scale-in;
  }
  .animate-\[shimmer_1\.5s_infinite\] {
    animation: 1.5s infinite shimmer;
  }
  .animate-\[shimmertext_2\.25s_infinite\] {
    animation: 2.25s infinite shimmertext;
  }
  .animate-\[shimmertext_2\.25s_infinite_paused\] {
    animation: 2.25s infinite paused shimmertext;
  }
  .animate-\[slideDown_0\.5s_ease-out\] {
    animation: 0.5s ease-out slideDown;
  }
  .animate-\[spin_1\.5s_linear_infinite\] {
    animation: 1.5s linear infinite spin;
  }
  .animate-\[spin_2s_linear_infinite\] {
    animation: 2s linear infinite spin;
  }
  .animate-none {
    animation: none;
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-pulse-dot {
    animation: 1.5s ease-in-out infinite pulse-dot;
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .\!cursor-auto {
    cursor: auto !important;
  }
  .\!cursor-default {
    cursor: default !important;
  }
  .\!cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .\!cursor-pointer {
    cursor: pointer !important;
  }
  .\[cursor\:var\(--cds-cursor-interactive\)\] {
    cursor: var(--cds-cursor-interactive);
  }
  .cursor-\[inherit\] {
    cursor: inherit;
  }
  .cursor-\[var\(--cds-cursor-interactive\)\] {
    cursor: var(--cds-cursor-interactive);
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-copy {
    cursor: copy;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-interactive {
    cursor: var(--cds-cursor-interactive);
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-none {
    cursor: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-wait {
    cursor: wait;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .\!resize-y {
    resize: vertical !important;
  }
  .\[resize\:horizontal\] {
    resize: horizontal;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-end {
    scroll-snap-align: end;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .\[scroll-margin-top\:var\(--list-header-scroll-offset\)\] {
    scroll-margin-top: var(--list-header-scroll-offset);
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-mt-\[56px\] {
    scroll-margin-top: 56px;
  }
  .scroll-fade {
    scroll-padding: var(--cds-scroll-fade-size);
  }
  @supports (animation-timeline: scroll()) {
    .scroll-fade {
      --cds-scroll-fade-top: calc(
        var(--cds-scroll-fade-top-raw) * var(--cds-scroll-fade-y-active)
      );
      --cds-scroll-fade-bottom: calc(
        var(--cds-scroll-fade-bottom-raw) * var(--cds-scroll-fade-y-active)
      );
      --cds-scroll-fade-left: calc(
        var(--cds-scroll-fade-left-raw) * var(--cds-scroll-fade-x-active)
      );
      --cds-scroll-fade-right: calc(
        var(--cds-scroll-fade-right-raw) * var(--cds-scroll-fade-x-active)
      );
      -webkit-mask-image:
        linear-gradient(
          to bottom,
          transparent,
          #0000000d calc(var(--cds-scroll-fade-top) * 0.15),
          #00000026 calc(var(--cds-scroll-fade-top) * 0.3),
          #0000004d calc(var(--cds-scroll-fade-top) * 0.45),
          #00000080 calc(var(--cds-scroll-fade-top) * 0.6),
          #000000b3 calc(var(--cds-scroll-fade-top) * 0.75),
          #000000d9 calc(var(--cds-scroll-fade-top) * 0.87),
          #000 var(--cds-scroll-fade-top),
          #000 calc(100% - var(--cds-scroll-fade-bottom)),
          #000000d9 calc(100% - var(--cds-scroll-fade-bottom) * 0.87),
          #000000b3 calc(100% - var(--cds-scroll-fade-bottom) * 0.75),
          #00000080 calc(100% - var(--cds-scroll-fade-bottom) * 0.6),
          #0000004d calc(100% - var(--cds-scroll-fade-bottom) * 0.45),
          #00000026 calc(100% - var(--cds-scroll-fade-bottom) * 0.3),
          #0000000d calc(100% - var(--cds-scroll-fade-bottom) * 0.15),
          transparent
        ),
        linear-gradient(
          to right,
          transparent,
          #0000000d calc(var(--cds-scroll-fade-left) * 0.15),
          #00000026 calc(var(--cds-scroll-fade-left) * 0.3),
          #0000004d calc(var(--cds-scroll-fade-left) * 0.45),
          #00000080 calc(var(--cds-scroll-fade-left) * 0.6),
          #000000b3 calc(var(--cds-scroll-fade-left) * 0.75),
          #000000d9 calc(var(--cds-scroll-fade-left) * 0.87),
          #000 var(--cds-scroll-fade-left),
          #000 calc(100% - var(--cds-scroll-fade-right)),
          #000000d9 calc(100% - var(--cds-scroll-fade-right) * 0.87),
          #000000b3 calc(100% - var(--cds-scroll-fade-right) * 0.75),
          #00000080 calc(100% - var(--cds-scroll-fade-right) * 0.6),
          #0000004d calc(100% - var(--cds-scroll-fade-right) * 0.45),
          #00000026 calc(100% - var(--cds-scroll-fade-right) * 0.3),
          #0000000d calc(100% - var(--cds-scroll-fade-right) * 0.15),
          transparent
        );
      mask-image:
        linear-gradient(
          to bottom,
          transparent,
          #0000000d calc(var(--cds-scroll-fade-top) * 0.15),
          #00000026 calc(var(--cds-scroll-fade-top) * 0.3),
          #0000004d calc(var(--cds-scroll-fade-top) * 0.45),
          #00000080 calc(var(--cds-scroll-fade-top) * 0.6),
          #000000b3 calc(var(--cds-scroll-fade-top) * 0.75),
          #000000d9 calc(var(--cds-scroll-fade-top) * 0.87),
          #000 var(--cds-scroll-fade-top),
          #000 calc(100% - var(--cds-scroll-fade-bottom)),
          #000000d9 calc(100% - var(--cds-scroll-fade-bottom) * 0.87),
          #000000b3 calc(100% - var(--cds-scroll-fade-bottom) * 0.75),
          #00000080 calc(100% - var(--cds-scroll-fade-bottom) * 0.6),
          #0000004d calc(100% - var(--cds-scroll-fade-bottom) * 0.45),
          #00000026 calc(100% - var(--cds-scroll-fade-bottom) * 0.3),
          #0000000d calc(100% - var(--cds-scroll-fade-bottom) * 0.15),
          transparent
        ),
        linear-gradient(
          to right,
          transparent,
          #0000000d calc(var(--cds-scroll-fade-left) * 0.15),
          #00000026 calc(var(--cds-scroll-fade-left) * 0.3),
          #0000004d calc(var(--cds-scroll-fade-left) * 0.45),
          #00000080 calc(var(--cds-scroll-fade-left) * 0.6),
          #000000b3 calc(var(--cds-scroll-fade-left) * 0.75),
          #000000d9 calc(var(--cds-scroll-fade-left) * 0.87),
          #000 var(--cds-scroll-fade-left),
          #000 calc(100% - var(--cds-scroll-fade-right)),
          #000000d9 calc(100% - var(--cds-scroll-fade-right) * 0.87),
          #000000b3 calc(100% - var(--cds-scroll-fade-right) * 0.75),
          #00000080 calc(100% - var(--cds-scroll-fade-right) * 0.6),
          #0000004d calc(100% - var(--cds-scroll-fade-right) * 0.45),
          #00000026 calc(100% - var(--cds-scroll-fade-right) * 0.3),
          #0000000d calc(100% - var(--cds-scroll-fade-right) * 0.15),
          transparent
        );
      animation-name:
        cds-scroll-fade-top, cds-scroll-fade-bottom, cds-scroll-fade-left,
        cds-scroll-fade-right, cds-scroll-fade-y-active,
        cds-scroll-fade-x-active;
      animation-timing-function: linear;
      animation-fill-mode: both, both, both, both, none, none;
      animation-duration: auto;
      animation-timeline:
        scroll(self), scroll(self), scroll(self inline), scroll(self inline),
        scroll(self), scroll(self inline);
      animation-range:
        0px var(--cds-scroll-fade-size),
        calc(100% - var(--cds-scroll-fade-size)) 100%,
        0px var(--cds-scroll-fade-size),
        calc(100% - var(--cds-scroll-fade-size)) 100%,
        0px 101%,
        0px 101%;
      -webkit-mask-composite: source-in;
      mask-composite: intersect;
    }
  }
  .scroll-fade-x {
    scroll-padding-inline: var(--cds-scroll-fade-size);
  }
  @supports (animation-timeline: scroll()) {
    .scroll-fade-x {
      --cds-scroll-fade-left: calc(
        var(--cds-scroll-fade-left-raw) * var(--cds-scroll-fade-x-active)
      );
      --cds-scroll-fade-right: calc(
        var(--cds-scroll-fade-right-raw) * var(--cds-scroll-fade-x-active)
      );
      -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        #0000000d calc(var(--cds-scroll-fade-left) * 0.15),
        #00000026 calc(var(--cds-scroll-fade-left) * 0.3),
        #0000004d calc(var(--cds-scroll-fade-left) * 0.45),
        #00000080 calc(var(--cds-scroll-fade-left) * 0.6),
        #000000b3 calc(var(--cds-scroll-fade-left) * 0.75),
        #000000d9 calc(var(--cds-scroll-fade-left) * 0.87),
        #000 var(--cds-scroll-fade-left),
        #000 calc(100% - var(--cds-scroll-fade-right)),
        #000000d9 calc(100% - var(--cds-scroll-fade-right) * 0.87),
        #000000b3 calc(100% - var(--cds-scroll-fade-right) * 0.75),
        #00000080 calc(100% - var(--cds-scroll-fade-right) * 0.6),
        #0000004d calc(100% - var(--cds-scroll-fade-right) * 0.45),
        #00000026 calc(100% - var(--cds-scroll-fade-right) * 0.3),
        #0000000d calc(100% - var(--cds-scroll-fade-right) * 0.15),
        transparent
      );
      mask-image: linear-gradient(
        to right,
        transparent,
        #0000000d calc(var(--cds-scroll-fade-left) * 0.15),
        #00000026 calc(var(--cds-scroll-fade-left) * 0.3),
        #0000004d calc(var(--cds-scroll-fade-left) * 0.45),
        #00000080 calc(var(--cds-scroll-fade-left) * 0.6),
        #000000b3 calc(var(--cds-scroll-fade-left) * 0.75),
        #000000d9 calc(var(--cds-scroll-fade-left) * 0.87),
        #000 var(--cds-scroll-fade-left),
        #000 calc(100% - var(--cds-scroll-fade-right)),
        #000000d9 calc(100% - var(--cds-scroll-fade-right) * 0.87),
        #000000b3 calc(100% - var(--cds-scroll-fade-right) * 0.75),
        #00000080 calc(100% - var(--cds-scroll-fade-right) * 0.6),
        #0000004d calc(100% - var(--cds-scroll-fade-right) * 0.45),
        #00000026 calc(100% - var(--cds-scroll-fade-right) * 0.3),
        #0000000d calc(100% - var(--cds-scroll-fade-right) * 0.15),
        transparent
      );
      animation-name:
        cds-scroll-fade-left, cds-scroll-fade-right, cds-scroll-fade-x-active;
      animation-timing-function: linear;
      animation-fill-mode: both, both, none;
      animation-duration: auto;
      animation-timeline: scroll(self inline);
      animation-range:
        0px var(--cds-scroll-fade-size),
        calc(100% - var(--cds-scroll-fade-size)) 100%,
        0px 101%;
    }
  }
  .scroll-fade-y {
    scroll-padding-block: var(--cds-scroll-fade-size);
  }
  @supports (animation-timeline: scroll()) {
    .scroll-fade-y {
      --cds-scroll-fade-top: calc(
        var(--cds-scroll-fade-top-raw) * var(--cds-scroll-fade-y-active)
      );
      --cds-scroll-fade-bottom: calc(
        var(--cds-scroll-fade-bottom-raw) * var(--cds-scroll-fade-y-active)
      );
      -webkit-mask-image: linear-gradient(
        to bottom,
        transparent,
        #0000000d calc(var(--cds-scroll-fade-top) * 0.15),
        #00000026 calc(var(--cds-scroll-fade-top) * 0.3),
        #0000004d calc(var(--cds-scroll-fade-top) * 0.45),
        #00000080 calc(var(--cds-scroll-fade-top) * 0.6),
        #000000b3 calc(var(--cds-scroll-fade-top) * 0.75),
        #000000d9 calc(var(--cds-scroll-fade-top) * 0.87),
        #000 var(--cds-scroll-fade-top),
        #000 calc(100% - var(--cds-scroll-fade-bottom)),
        #000000d9 calc(100% - var(--cds-scroll-fade-bottom) * 0.87),
        #000000b3 calc(100% - var(--cds-scroll-fade-bottom) * 0.75),
        #00000080 calc(100% - var(--cds-scroll-fade-bottom) * 0.6),
        #0000004d calc(100% - var(--cds-scroll-fade-bottom) * 0.45),
        #00000026 calc(100% - var(--cds-scroll-fade-bottom) * 0.3),
        #0000000d calc(100% - var(--cds-scroll-fade-bottom) * 0.15),
        transparent
      );
      mask-image: linear-gradient(
        to bottom,
        transparent,
        #0000000d calc(var(--cds-scroll-fade-top) * 0.15),
        #00000026 calc(var(--cds-scroll-fade-top) * 0.3),
        #0000004d calc(var(--cds-scroll-fade-top) * 0.45),
        #00000080 calc(var(--cds-scroll-fade-top) * 0.6),
        #000000b3 calc(var(--cds-scroll-fade-top) * 0.75),
        #000000d9 calc(var(--cds-scroll-fade-top) * 0.87),
        #000 var(--cds-scroll-fade-top),
        #000 calc(100% - var(--cds-scroll-fade-bottom)),
        #000000d9 calc(100% - var(--cds-scroll-fade-bottom) * 0.87),
        #000000b3 calc(100% - var(--cds-scroll-fade-bottom) * 0.75),
        #00000080 calc(100% - var(--cds-scroll-fade-bottom) * 0.6),
        #0000004d calc(100% - var(--cds-scroll-fade-bottom) * 0.45),
        #00000026 calc(100% - var(--cds-scroll-fade-bottom) * 0.3),
        #0000000d calc(100% - var(--cds-scroll-fade-bottom) * 0.15),
        transparent
      );
      animation-name:
        cds-scroll-fade-top, cds-scroll-fade-bottom, cds-scroll-fade-y-active;
      animation-timing-function: linear;
      animation-fill-mode: both, both, none;
      animation-duration: auto;
      animation-timeline: scroll(self);
      animation-range:
        0px var(--cds-scroll-fade-size),
        calc(100% - var(--cds-scroll-fade-size)) 100%,
        0px 101%;
    }
  }
  .scroll-pb-6 {
    scroll-padding-bottom: calc(var(--spacing) * 6);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .scrollbar-thin {
    scrollbar-width: thin;
  }
  .scrollbar-thumb-border-400 {
    --tw-scrollbar-thumb: hsl(var(--border-400) / 0.15);
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .scrollbar-track-bg-200 {
    --tw-scrollbar-track: hsl(var(--bg-200) / 1);
    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
  }
  .\[scrollbar-color\:hsl\(var\(--border-400\)\)_transparent\] {
    scrollbar-color: hsl(var(--border-400)) transparent;
  }
  .\[scrollbar-color\:hsl\(var\(--text-500\)\)\] {
    scrollbar-color: hsl(var(--text-500));
  }
  .\[scrollbar-color\:transparent_transparent\] {
    scrollbar-color: transparent transparent;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .\[scrollbar-gutter\:stable_both-edges\] {
    scrollbar-gutter: stable both-edges;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-outside {
    list-style-position: outside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-2 {
    columns: 2;
  }
  .columns-3 {
    columns: 3;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .grid-flow-row-dense {
    grid-auto-flow: dense;
  }
  .auto-rows-\[11rem\] {
    grid-auto-rows: 11rem;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .\!grid-cols-\[auto_minmax\(0\,1fr\)_0\] {
    grid-template-columns: auto minmax(0, 1fr) 0 !important;
  }
  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[1fr_auto_auto\] {
    grid-template-columns: 1fr auto auto;
  }
  .grid-cols-\[6rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 6rem minmax(0, 1fr);
  }
  .grid-cols-\[16px_1fr\] {
    grid-template-columns: 16px 1fr;
  }
  .grid-cols-\[16rem_1fr\] {
    grid-template-columns: 16rem 1fr;
  }
  .grid-cols-\[20px_1fr\] {
    grid-template-columns: 20px 1fr;
  }
  .grid-cols-\[140px_1fr\] {
    grid-template-columns: 140px 1fr;
  }
  .grid-cols-\[140px_1fr_auto_auto\] {
    grid-template-columns: 140px 1fr auto auto;
  }
  .grid-cols-\[auto_auto_1fr\] {
    grid-template-columns: auto auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }
  .grid-cols-\[max-content_auto\] {
    grid-template-columns: max-content auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,_1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .grid-cols-\[repeat\(auto-fill\,72px\)\] {
    grid-template-columns: repeat(auto-fill, 72px);
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-stretch {
    place-items: stretch stretch;
  }
  .content-start {
    align-content: flex-start;
  }
  .\!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;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .\!gap-0 {
    gap: calc(var(--spacing) * 0) !important;
  }
  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .\!gap-3\.5 {
    gap: calc(var(--spacing) * 3.5) !important;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-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-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .gap-32 {
    gap: calc(var(--spacing) * 32);
  }
  .gap-96 {
    gap: calc(var(--spacing) * 96);
  }
  .gap-\[0\.3em\] {
    gap: 0.3em;
  }
  .gap-\[0\.25em\] {
    gap: 0.25em;
  }
  .gap-\[1\.5px\] {
    gap: 1.5px;
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[2\.5px\] {
    gap: 2.5px;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[11px\] {
    gap: 11px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[13px\] {
    gap: 13px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[17px\] {
    gap: 17px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-\[24px\] {
    gap: 24px;
  }
  .gap-\[28px\] {
    gap: 28px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  .gap-\[52px\] {
    gap: 52px;
  }
  .gap-\[60px\] {
    gap: 60px;
  }
  .gap-\[72px\] {
    gap: 72px;
  }
  .gap-\[88px\] {
    gap: 88px;
  }
  .gap-\[160px\] {
    gap: 160px;
  }
  .gap-\[320px\] {
    gap: 320px;
  }
  .gap-\[calc\(var\(--g3\)\+2px\)\] {
    gap: calc(var(--g3) + 2px);
  }
  .gap-\[var\(--approval-card-gap\,12px\)\] {
    gap: var(--approval-card-gap, 12px);
  }
  .gap-\[var\(--cds-pad-sm\,6px\)\] {
    gap: var(--cds-pad-sm, 6px);
  }
  .gap-\[var\(--chat-item-gap\)\] {
    gap: var(--chat-item-gap);
  }
  .gap-\[var\(--chat-item-gap\,10px\)\] {
    gap: var(--chat-item-gap, 10px);
  }
  .gap-\[var\(--chat-turn-gap\)\] {
    gap: var(--chat-turn-gap);
  }
  .gap-\[var\(--df-footer-gap\)\] {
    gap: var(--df-footer-gap);
  }
  .gap-\[var\(--df-row-gap\)\] {
    gap: var(--df-row-gap);
  }
  .gap-\[var\(--p2\)\] {
    gap: var(--p2);
  }
  .gap-\[var\(--p5\)\] {
    gap: var(--p5);
  }
  .gap-lg {
    gap: var(--cds-gap-lg);
  }
  .gap-md {
    gap: var(--cds-gap-md);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-sm {
    gap: var(--cds-gap-sm);
  }
  .gap-xl {
    gap: var(--cds-gap-xl);
  }
  .gap-xs {
    gap: var(--cds-gap-xs);
  }
  :where(.\!space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(
      calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
    ) !important;
    margin-block-end: calc(
      calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
    ) !important;
  }
  :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-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 0.5) * 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-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2.5) * 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-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 5) * 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-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 7) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 7) * 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))
    );
  }
  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 20) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-\[11px\] > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(11px * var(--tw-space-y-reverse));
    margin-block-end: calc(11px * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-px > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .gap-x-\[2rem\] {
    column-gap: 2rem;
  }
  .gap-x-\[20px\] {
    column-gap: 20px;
  }
  .gap-x-\[24px\] {
    column-gap: 24px;
  }
  .gap-x-\[28px\] {
    column-gap: 28px;
  }
  .gap-x-lg {
    column-gap: var(--cds-gap-lg);
  }
  .gap-x-md {
    column-gap: var(--cds-gap-md);
  }
  .gap-x-sm {
    column-gap: var(--cds-gap-sm);
  }
  :where(.-space-x-1 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * -1) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * -1) * 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))
    );
  }
  :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-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where(.space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 6) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }
  .gap-y-\[2\.5rem\] {
    row-gap: 2.5rem;
  }
  .gap-y-\[8px\] {
    row-gap: 8px;
  }
  .gap-y-\[10px\] {
    row-gap: 10px;
  }
  .gap-y-sm {
    row-gap: var(--cds-gap-sm);
  }
  .gap-y-xl {
    row-gap: var(--cds-gap-xl);
  }
  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-y-0\.5 > :not(:last-child)),
  :where(.divide-y-\[0\.5px\] > :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(0.5px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(0.5px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-alpha-1 > :not(:last-child)) {
    border-color: var(--cds-alpha-1);
  }
  :where(.divide-alpha-2 > :not(:last-child)) {
    border-color: var(--cds-alpha-2);
  }
  :where(.divide-border-200 > :not(:last-child)) {
    border-color: hsl(var(--border-200) / 0.3);
  }
  :where(.divide-border-300 > :not(:last-child)) {
    border-color: hsl(var(--border-300) / 0.15);
  }
  :where(.divide-text-300\/20 > :not(:last-child)) {
    border-color: hsl(var(--text-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-text-300\/20 > :not(:last-child)) {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-300) / 1) 20%,
        transparent
      );
    }
  }
  .place-self-center {
    place-self: center;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .\!truncate {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\!overflow-hidden {
    overflow: hidden !important;
  }
  .\!overflow-visible {
    overflow: visible !important;
  }
  .\[overflow\:clip\] {
    overflow: clip;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-clip {
    overflow-y: clip;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .\!rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .\!rounded-\[4px\] {
    border-radius: 4px !important;
  }
  .\!rounded-\[9px\] {
    border-radius: 9px !important;
  }
  .\!rounded-\[24px\] {
    border-radius: 24px !important;
  }
  .\!rounded-\[32px\] {
    border-radius: 32px !important;
  }
  .\!rounded-\[calc\(var\(--df-radius-pill\)-2px\)\] {
    border-radius: calc(var(--df-radius-pill) - 2px) !important;
  }
  .\!rounded-\[calc\(var\(--fr\)-\(var\(--fh\)-var\(--fhn\)\)\/2\)\] {
    border-radius: calc(var(--fr) - (var(--fh) - var(--fhn)) / 2) !important;
  }
  .\!rounded-\[var\(--cbx-r\)\] {
    border-radius: var(--cbx-r) !important;
  }
  .\!rounded-card {
    border-radius: calc(var(--cds-radius) + 4px) !important;
  }
  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }
  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: var(--cds-radius);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[\.625rem\] {
    border-radius: 0.625rem;
  }
  .rounded-\[0\.4rem\] {
    border-radius: 0.4rem;
  }
  .rounded-\[0\.6rem\] {
    border-radius: 0.6rem;
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2\.4px\] {
    border-radius: 2.4px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .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-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10\.7px\] {
    border-radius: 10.7px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[26px\] {
    border-radius: 26px;
  }
  .rounded-\[27\%\] {
    border-radius: 27%;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[32px_32px_28px_28px\] {
    border-radius: 32px 32px 28px 28px;
  }
  .rounded-\[48px\] {
    border-radius: 48px;
  }
  .rounded-\[calc\(var\(--cds-h-control-nested\)\/4-2px\)\] {
    border-radius: calc(var(--cds-h-control-nested) / 4 - 2px);
  }
  .rounded-\[calc\(var\(--cds-h-control-nested\)\/4-min\(3px\,\(var\(--cds-h-control-nested\)-12px\)\/2\)\)\] {
    border-radius: calc(
      var(--cds-h-control-nested) / 4 -
        min(3px, (var(--cds-h-control-nested) - 12px) / 2)
    );
  }
  .rounded-\[calc\(var\(--cds-radius\)-1px\)\] {
    border-radius: calc(var(--cds-radius) - 1px);
  }
  .rounded-\[calc\(var\(--cds-radius\)-2px\)\] {
    border-radius: calc(var(--cds-radius) - 2px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[var\(--cds-checkbox-radius\)\] {
    border-radius: var(--cds-checkbox-radius);
  }
  .rounded-\[var\(--df-radius-pill\)\] {
    border-radius: var(--df-radius-pill);
  }
  .rounded-\[var\(--df-radius-pill\,6px\)\] {
    border-radius: var(--df-radius-pill, 6px);
  }
  .rounded-card {
    border-radius: calc(var(--cds-radius) + 4px);
  }
  .rounded-chip {
    border-radius: calc(var(--cds-h-control-nested) / 4);
  }
  .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-ss-md {
    border-start-start-radius: var(--radius-md);
  }
  .rounded-e-2xl {
    border-start-end-radius: var(--radius-2xl);
    border-end-end-radius: var(--radius-2xl);
  }
  .rounded-e-\[inherit\] {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit;
  }
  .rounded-ee-lg {
    border-end-end-radius: var(--radius-lg);
  }
  .\!rounded-t-\[20px\] {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
  }
  .rounded-t {
    border-top-left-radius: var(--cds-radius);
    border-top-right-radius: var(--cds-radius);
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-t-\[0\.5px\] {
    border-top-left-radius: 0.5px;
    border-top-right-radius: 0.5px;
  }
  .rounded-t-\[2rem\] {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
  .rounded-t-\[6px\] {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .rounded-t-\[24px\] {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .rounded-t-\[28px\] {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
  }
  .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l {
    border-top-left-radius: var(--cds-radius);
    border-bottom-left-radius: var(--cds-radius);
  }
  .rounded-l-3xl {
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
  .rounded-l-\[24px\] {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
  }
  .rounded-l-\[inherit\] {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px;
  }
  .rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .rounded-tl-\[0px\] {
    border-top-left-radius: 0;
  }
  .rounded-tl-\[4px\] {
    border-top-left-radius: 4px;
  }
  .rounded-tl-lg {
    border-top-left-radius: var(--radius-lg);
  }
  .rounded-tl-none {
    border-top-left-radius: 0;
  }
  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }
  .rounded-r-3xl {
    border-top-right-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl);
  }
  .rounded-r-\[24px\] {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .rounded-r-\[inherit\] {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px;
  }
  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .rounded-r-md {
    border-top-right-radius: var(--radius-md);
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-r-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .rounded-tr-\[0px\] {
    border-top-right-radius: 0;
  }
  .rounded-tr-lg {
    border-top-right-radius: var(--radius-lg);
  }
  .\!rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-\[0\.6rem\] {
    border-bottom-right-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
  }
  .rounded-b-\[11px\] {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
  }
  .rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .rounded-b-\[24px\] {
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br {
    border-bottom-right-radius: var(--cds-radius);
  }
  .rounded-br-lg {
    border-bottom-right-radius: var(--radius-lg);
  }
  .rounded-bl-\[2px\] {
    border-bottom-left-radius: 2px;
  }
  .rounded-bl-\[var\(--r1\)\] {
    border-bottom-left-radius: var(--r1);
  }
  .rounded-bl-lg {
    border-bottom-left-radius: var(--radius-lg);
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .\!border-0\.5 {
    border-style: var(--tw-border-style) !important;
    border-width: 0.5px !important;
  }
  .\!border-1 {
    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-0\.5 {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-1\.5 {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-8 {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .border-200 {
    border-style: var(--tw-border-style);
    border-width: 200px;
  }
  .border-300 {
    border-style: var(--tw-border-style);
    border-width: 300px;
  }
  .border-\[0\.4px\] {
    border-style: var(--tw-border-style);
    border-width: 0.4px;
  }
  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-\[0\.29px\] {
    border-style: var(--tw-border-style);
    border-width: 0.29px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1\.5rem\] {
    border-style: var(--tw-border-style);
    border-width: 1.5rem;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[8px\] {
    border-style: var(--tw-border-style);
    border-width: 8px;
  }
  .border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-0\.5,
  .border-y-\[0\.5px\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 0.5px;
  }
  .\!border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .border-t-0\.5 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0.5px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-\[0\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0.5px;
  }
  .border-t-\[1\.4px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1.4px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
  .border-r-0\.5,
  .border-r-\[0\.5px\] {
    border-right-style: var(--tw-border-style);
    border-right-width: 0.5px;
  }
  .\!border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }
  .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-0\.5 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.5px;
  }
  .border-b-1\.5 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1.5px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[0\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.5px;
  }
  .border-b-\[1\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1.5px;
  }
  .border-b-\[length\:var\(--cds-ring-inner\)\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: var(--cds-ring-inner);
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
  .border-l-0\.5 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0.5px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[1\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1.5px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-dotted {
    --tw-border-style: dotted;
    border-style: dotted;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-\[\#d29922\]\/20 {
    border-color: #d2992233 !important;
  }
  .\!border-\[hsl\(var\(--accent-100\)\/0\.3\)\] {
    border-color: hsl(var(--accent-100) / 0.3) !important;
  }
  .\!border-\[hsl\(var\(--border-300\)\/0\.25\)\] {
    border-color: hsl(var(--border-300) / 0.25) !important;
  }
  .\!border-accent-000 {
    border-color: hsl(var(--accent-000) / 1) !important;
  }
  .\!border-accent-100,
  .\!border-accent-100\/20 {
    border-color: hsl(var(--accent-100) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-accent-100\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 20%,
        transparent
      ) !important;
    }
  }
  .\!border-accent-100\/50 {
    border-color: hsl(var(--accent-100) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-accent-100\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 50%,
        transparent
      ) !important;
    }
  }
  .\!border-accent-200 {
    border-color: hsl(var(--accent-200) / 1) !important;
  }
  .\!border-border-200 {
    border-color: hsl(var(--border-200) / 0.3) !important;
  }
  .\!border-border-300 {
    border-color: hsl(var(--border-300) / 0.15) !important;
  }
  .\!border-brand-200 {
    border-color: hsl(var(--brand-200) / 1) !important;
  }
  .\!border-brand-900 {
    border-color: hsl(var(--brand-900) / 1) !important;
  }
  .\!border-danger-100 {
    border-color: hsl(var(--danger-100) / 1) !important;
  }
  .\!border-danger-200,
  .\!border-danger-200\/50 {
    border-color: hsl(var(--danger-200) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-danger-200\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 50%,
        transparent
      ) !important;
    }
  }
  .\!border-text-500\/20 {
    border-color: hsl(var(--text-500) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-text-500\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 20%,
        transparent
      ) !important;
    }
  }
  .\!border-transparent {
    border-color: #0000 !important;
  }
  .border-\[\#8250df\]\/30 {
    border-color: #8250df4d;
  }
  .border-\[\#D97757\] {
    border-color: #d97757;
  }
  .border-\[\#E8E6DC\] {
    border-color: #e8e6dc;
  }
  .border-\[\#ccc\] {
    border-color: #ccc;
  }
  .border-\[\#ddd\] {
    border-color: #ddd;
  }
  .border-\[hsl\(var\(--accent-100\)\/25\%\)\] {
    border-color: hsl(var(--accent-100) / 25%);
  }
  .border-\[hsl\(var\(--always-white\)\)\] {
    border-color: hsl(var(--always-white));
  }
  .border-\[hsl\(var\(--border-100\)\/0\.1\)\] {
    border-color: hsl(var(--border-100) / 0.1);
  }
  .border-\[hsl\(var\(--border-200\)\/0\.1\)\] {
    border-color: hsl(var(--border-200) / 0.1);
  }
  .border-\[hsl\(var\(--border-200\)\/0\.4\)\] {
    border-color: hsl(var(--border-200) / 0.4);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.1\)\] {
    border-color: hsl(var(--border-300) / 0.1);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.2\)\] {
    border-color: hsl(var(--border-300) / 0.2);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.3\)\] {
    border-color: hsl(var(--border-300) / 0.3);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.5\)\] {
    border-color: hsl(var(--border-300) / 0.5);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.6\)\] {
    border-color: hsl(var(--border-300) / 0.6);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.08\)\] {
    border-color: hsl(var(--border-300) / 0.08);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.12\)\] {
    border-color: hsl(var(--border-300) / 0.12);
  }
  .border-\[hsl\(var\(--border-300\)\/0\.25\)\] {
    border-color: hsl(var(--border-300) / 0.25);
  }
  .border-\[hsl\(var\(--border-400\)\/0\.1\)\] {
    border-color: hsl(var(--border-400) / 0.1);
  }
  .border-\[hsl\(var\(--border-400\)\/0\.3\)\] {
    border-color: hsl(var(--border-400) / 0.3);
  }
  .border-\[var\(--accent\)\] {
    border-color: var(--accent);
  }
  .border-\[var\(--border-default\)\] {
    border-color: var(--border-default);
  }
  .border-\[var\(--cds-ring-color\)\] {
    border-color: var(--cds-ring-color);
  }
  .border-\[var\(--cds-surface-3\)\] {
    border-color: var(--cds-surface-3);
  }
  .border-\[var\(--diff-widget-border\,var\(--border-default\)\)\] {
    border-color: var(--diff-widget-border, var(--border-default));
  }
  .border-\[var\(--extended-yellow-border\,var\(--border-default\)\)\] {
    border-color: var(--extended-yellow-border, var(--border-default));
  }
  .border-\[var\(--t2\)\] {
    border-color: var(--t2);
  }
  .border-\[var\(--t3\)\] {
    border-color: var(--t3);
  }
  .border-\[var\(--t4\)\] {
    border-color: var(--t4);
  }
  .border-\[var\(--t5\)\] {
    border-color: var(--t5);
  }
  .border-\[var\(--t6\)\] {
    border-color: var(--t6);
  }
  .border-\[var\(--z3\)\] {
    border-color: var(--z3);
  }
  .border-accent {
    border-color: var(--cds-border-accent);
  }
  .border-accent-000,
  .border-accent-000\/12 {
    border-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-000\/12 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) 12%,
        transparent
      );
    }
  }
  .border-accent-000\/20 {
    border-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-000\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) 20%,
        transparent
      );
    }
  }
  .border-accent-000\/30 {
    border-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-000\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) 30%,
        transparent
      );
    }
  }
  .border-accent-000\/40 {
    border-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-000\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) 40%,
        transparent
      );
    }
  }
  .border-accent-100,
  .border-accent-100\/20 {
    border-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-100\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 20%,
        transparent
      );
    }
  }
  .border-accent-100\/30 {
    border-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-100\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 30%,
        transparent
      );
    }
  }
  .border-accent-100\/40 {
    border-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-100\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 40%,
        transparent
      );
    }
  }
  .border-accent-100\/50 {
    border-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-100\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 50%,
        transparent
      );
    }
  }
  .border-accent-200,
  .border-accent-200\/20 {
    border-color: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-200\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-200) / 1) 20%,
        transparent
      );
    }
  }
  .border-accent-200\/30 {
    border-color: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-200\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-200) / 1) 30%,
        transparent
      );
    }
  }
  .border-accent-200\/40 {
    border-color: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-200\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-200) / 1) 40%,
        transparent
      );
    }
  }
  .border-accent-900 {
    border-color: hsl(var(--accent-900) / 1);
  }
  .border-accent-brand,
  .border-accent-brand\/10 {
    border-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-brand\/10 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 10%,
        transparent
      );
    }
  }
  .border-accent-brand\/20 {
    border-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-brand\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 20%,
        transparent
      );
    }
  }
  .border-accent-brand\/30 {
    border-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-brand\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 30%,
        transparent
      );
    }
  }
  .border-accent-brand\/35 {
    border-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-brand\/35 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 35%,
        transparent
      );
    }
  }
  .border-accent-pro-000\/20 {
    border-color: hsl(var(--accent-pro-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-pro-000\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-000) / 1) 20%,
        transparent
      );
    }
  }
  .border-accent-pro-000\/30 {
    border-color: hsl(var(--accent-pro-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-pro-000\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-000) / 1) 30%,
        transparent
      );
    }
  }
  .border-accent-pro-100,
  .border-accent-pro-100\/20 {
    border-color: hsl(var(--accent-pro-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-pro-100\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-100) / 1) 20%,
        transparent
      );
    }
  }
  .border-accent-pro-100\/50 {
    border-color: hsl(var(--accent-pro-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-accent-pro-100\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-100) / 1) 50%,
        transparent
      );
    }
  }
  .border-accent-pro-200 {
    border-color: hsl(var(--accent-pro-200) / 1);
  }
  .border-alpha-1 {
    border-color: var(--cds-alpha-1);
  }
  .border-alpha-2 {
    border-color: var(--cds-alpha-2);
  }
  .border-alpha-3 {
    border-color: var(--cds-alpha-3);
  }
  .border-alpha-4 {
    border-color: var(--cds-alpha-4);
  }
  .border-always-black,
  .border-always-black\/10 {
    border-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-black\/10 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 10%,
        transparent
      );
    }
  }
  .border-always-black\/15 {
    border-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-black\/15 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 15%,
        transparent
      );
    }
  }
  .border-always-black\/30 {
    border-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-black\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 30%,
        transparent
      );
    }
  }
  .border-always-white,
  .border-always-white\/10 {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-white\/10 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 10%,
        transparent
      );
    }
  }
  .border-always-white\/20 {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-white\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 20%,
        transparent
      );
    }
  }
  .border-always-white\/30 {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-white\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 30%,
        transparent
      );
    }
  }
  .border-always-white\/40 {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-white\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 40%,
        transparent
      );
    }
  }
  .border-always-white\/\[0\.06\] {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-white\/\[0\.06\] {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 6%,
        transparent
      );
    }
  }
  .border-always-white\/\[0\.15\] {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-always-white\/\[0\.15\] {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 15%,
        transparent
      );
    }
  }
  .border-bg-000 {
    border-color: hsl(var(--bg-000) / 1);
  }
  .border-bg-100 {
    border-color: hsl(var(--bg-100) / 1);
  }
  .border-bg-200 {
    border-color: hsl(var(--bg-200) / 1);
  }
  .border-bg-300 {
    border-color: hsl(var(--bg-300) / 1);
  }
  .border-bg-400 {
    border-color: hsl(var(--bg-400) / 1);
  }
  .border-black\/10 {
    border-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--cds-black) 10%, transparent);
    }
  }
  .border-black\/\[0\.08\] {
    border-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/\[0\.08\] {
      border-color: color-mix(in oklab, var(--cds-black) 8%, transparent);
    }
  }
  .border-blue-200 {
    border-color: var(--cds-blue-200);
  }
  .border-blue-500 {
    border-color: var(--cds-blue-500);
  }
  .border-border-100 {
    border-color: hsl(var(--border-100) / 0.4);
  }
  .border-border-200 {
    border-color: hsl(var(--border-200) / 0.3);
  }
  .border-border-300,
  .border-border-300\/20 {
    border-color: hsl(var(--border-300) / 0.15);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border-300\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--border-300) / 0.15) 20%,
        transparent
      );
    }
  }
  .border-border-300\/50 {
    border-color: hsl(var(--border-300) / 0.15);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border-300\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--border-300) / 0.15) 50%,
        transparent
      );
    }
  }
  .border-border-400 {
    border-color: hsl(var(--border-400) / 0.15);
  }
  .border-brand-000,
  .border-brand-000\/20 {
    border-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-000\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 20%,
        transparent
      );
    }
  }
  .border-brand-000\/25 {
    border-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-000\/25 {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 25%,
        transparent
      );
    }
  }
  .border-brand-000\/30 {
    border-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-000\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 30%,
        transparent
      );
    }
  }
  .border-brand-000\/40 {
    border-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-000\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 40%,
        transparent
      );
    }
  }
  .border-brand-000\/\[0\.15\] {
    border-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-000\/\[0\.15\] {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 15%,
        transparent
      );
    }
  }
  .border-brand-100,
  .border-brand-100\/30 {
    border-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-100\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 30%,
        transparent
      );
    }
  }
  .border-brand-200\/30 {
    border-color: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-200\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 30%,
        transparent
      );
    }
  }
  .border-brand-900 {
    border-color: hsl(var(--brand-900) / 1);
  }
  .border-current {
    border-color: currentColor;
  }
  .border-danger {
    border-color: var(--cds-border-danger);
  }
  .border-danger-000,
  .border-danger-000\/12 {
    border-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-000\/12 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 12%,
        transparent
      );
    }
  }
  .border-danger-000\/20 {
    border-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-000\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 20%,
        transparent
      );
    }
  }
  .border-danger-000\/30 {
    border-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-000\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 30%,
        transparent
      );
    }
  }
  .border-danger-000\/\[0\.15\] {
    border-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-000\/\[0\.15\] {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 15%,
        transparent
      );
    }
  }
  .border-danger-100,
  .border-danger-100\/30 {
    border-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-100\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 30%,
        transparent
      );
    }
  }
  .border-danger-100\/35 {
    border-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-100\/35 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 35%,
        transparent
      );
    }
  }
  .border-danger-100\/40 {
    border-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-100\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 40%,
        transparent
      );
    }
  }
  .border-danger-200,
  .border-danger-200\/30 {
    border-color: hsl(var(--danger-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-200\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 30%,
        transparent
      );
    }
  }
  .border-danger-200\/40 {
    border-color: hsl(var(--danger-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-200\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 40%,
        transparent
      );
    }
  }
  .border-danger-200\/50 {
    border-color: hsl(var(--danger-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger-200\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 50%,
        transparent
      );
    }
  }
  .border-danger-900 {
    border-color: hsl(var(--danger-900) / 1);
  }
  .border-danger\/20 {
    border-color: var(--cds-border-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/20 {
      border-color: color-mix(
        in oklab,
        var(--cds-border-danger) 20%,
        transparent
      );
    }
  }
  .border-green-200 {
    border-color: var(--cds-green-200);
  }
  .border-oncolor-100\/20 {
    border-color: hsl(var(--oncolor-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-oncolor-100\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--oncolor-100) / 1) 20%,
        transparent
      );
    }
  }
  .border-strong {
    border-color: var(--cds-border-strong);
  }
  .border-stronger {
    border-color: var(--cds-border-stronger);
  }
  .border-success {
    border-color: var(--cds-border-success);
  }
  .border-success-000,
  .border-success-000\/12 {
    border-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-000\/12 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 12%,
        transparent
      );
    }
  }
  .border-success-000\/20 {
    border-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-000\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 20%,
        transparent
      );
    }
  }
  .border-success-000\/40 {
    border-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-000\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 40%,
        transparent
      );
    }
  }
  .border-success-100,
  .border-success-100\/10 {
    border-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-100\/10 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 10%,
        transparent
      );
    }
  }
  .border-success-100\/20 {
    border-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-100\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 20%,
        transparent
      );
    }
  }
  .border-success-100\/30 {
    border-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-100\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 30%,
        transparent
      );
    }
  }
  .border-success-100\/35 {
    border-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success-100\/35 {
      border-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 35%,
        transparent
      );
    }
  }
  .border-success\/20 {
    border-color: var(--cds-border-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/20 {
      border-color: color-mix(
        in oklab,
        var(--cds-border-success) 20%,
        transparent
      );
    }
  }
  .border-text-000 {
    border-color: hsl(var(--text-000) / 1);
  }
  .border-text-100 {
    border-color: hsl(var(--text-100) / 1);
  }
  .border-text-200 {
    border-color: hsl(var(--text-200) / 1);
  }
  .border-text-300,
  .border-text-300\/12 {
    border-color: hsl(var(--text-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-300\/12 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-300) / 1) 12%,
        transparent
      );
    }
  }
  .border-text-300\/30 {
    border-color: hsl(var(--text-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-300\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-300) / 1) 30%,
        transparent
      );
    }
  }
  .border-text-400,
  .border-text-400\/20 {
    border-color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-400\/20 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-400) / 1) 20%,
        transparent
      );
    }
  }
  .border-text-500,
  .border-text-500\/40 {
    border-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-500\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 40%,
        transparent
      );
    }
  }
  .border-text-500\/45 {
    border-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-500\/45 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 45%,
        transparent
      );
    }
  }
  .border-text-500\/50 {
    border-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-500\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 50%,
        transparent
      );
    }
  }
  .border-text-500\/55 {
    border-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-500\/55 {
      border-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 55%,
        transparent
      );
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-violet-500 {
    border-color: var(--cds-violet-500);
  }
  .border-warning {
    border-color: var(--cds-border-warning);
  }
  .border-warning-000,
  .border-warning-000\/30 {
    border-color: hsl(var(--warning-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-000\/30 {
      border-color: color-mix(
        in oklab,
        hsl(var(--warning-000) / 1) 30%,
        transparent
      );
    }
  }
  .border-warning-100,
  .border-warning-100\/50 {
    border-color: hsl(var(--warning-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-100\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--warning-100) / 1) 50%,
        transparent
      );
    }
  }
  .border-warning-200,
  .border-warning-200\/40 {
    border-color: hsl(var(--warning-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-200\/40 {
      border-color: color-mix(
        in oklab,
        hsl(var(--warning-200) / 1) 40%,
        transparent
      );
    }
  }
  .border-warning-200\/50 {
    border-color: hsl(var(--warning-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning-200\/50 {
      border-color: color-mix(
        in oklab,
        hsl(var(--warning-200) / 1) 50%,
        transparent
      );
    }
  }
  .border-white {
    border-color: #fff;
  }
  .border-x-bg-200 {
    border-inline-color: hsl(var(--bg-200) / 1);
  }
  .border-t-bg-200 {
    border-top-color: hsl(var(--bg-200) / 1);
  }
  .border-t-border-300 {
    border-top-color: hsl(var(--border-300) / 0.15);
  }
  .border-t-border-400 {
    border-top-color: hsl(var(--border-400) / 0.15);
  }
  .border-t-text-000 {
    border-top-color: hsl(var(--text-000) / 1);
  }
  .border-t-text-100 {
    border-top-color: hsl(var(--text-100) / 1);
  }
  .border-t-text-300 {
    border-top-color: hsl(var(--text-300) / 1);
  }
  .border-t-text-400 {
    border-top-color: hsl(var(--text-400) / 1);
  }
  .border-t-transparent {
    border-top-color: #0000;
  }
  .border-r-text-100 {
    border-right-color: hsl(var(--text-100) / 1);
  }
  .border-r-transparent {
    border-right-color: #0000;
  }
  .\!border-b-transparent {
    border-bottom-color: #0000 !important;
  }
  .border-b-\[var\(--cds-border\)\] {
    border-bottom-color: var(--cds-border);
  }
  .border-b-bg-200 {
    border-bottom-color: hsl(var(--bg-200) / 1);
  }
  .border-b-border-300 {
    border-bottom-color: hsl(var(--border-300) / 0.15);
  }
  .border-b-border-400 {
    border-bottom-color: hsl(var(--border-400) / 0.15);
  }
  .border-l-\[hsl\(210\,70\%\,50\%\)\] {
    border-left-color: #2680d9;
  }
  .border-l-accent-200 {
    border-left-color: hsl(var(--accent-200) / 1);
  }
  .border-l-border-300 {
    border-left-color: hsl(var(--border-300) / 0.15);
  }
  .border-l-danger-100 {
    border-left-color: hsl(var(--danger-100) / 1);
  }
  .border-l-danger-200 {
    border-left-color: hsl(var(--danger-200) / 1);
  }
  .border-l-success-100 {
    border-left-color: hsl(var(--success-100) / 1);
  }
  .border-l-success-200 {
    border-left-color: hsl(var(--success-200) / 1);
  }
  .border-l-text-500 {
    border-left-color: hsl(var(--text-500) / 1);
  }
  .border-l-transparent {
    border-left-color: #0000;
  }
  .\!\[background-color\:rgba\(0\,0\,0\,0\.05\)\] {
    background-color: #0000000d !important;
  }
  .\!bg-\[\#d29922\]\/10 {
    background-color: #d299221a !important;
  }
  .\!bg-accent-000 {
    background-color: hsl(var(--accent-000) / 1) !important;
  }
  .\!bg-accent-100,
  .\!bg-accent-100\/\[8\%\] {
    background-color: hsl(var(--accent-100) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-accent-100\/\[8\%\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 8%,
        transparent
      ) !important;
    }
  }
  .\!bg-accent-900\/50 {
    background-color: hsl(var(--accent-900) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-accent-900\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-900) / 1) 50%,
        transparent
      ) !important;
    }
  }
  .\!bg-bg-000,
  .\!bg-bg-000\/50 {
    background-color: hsl(var(--bg-000) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-bg-000\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 50%,
        transparent
      ) !important;
    }
  }
  .\!bg-bg-100 {
    background-color: hsl(var(--bg-100) / 1) !important;
  }
  .\!bg-bg-200 {
    background-color: hsl(var(--bg-200) / 1) !important;
  }
  .\!bg-bg-300,
  .\!bg-bg-300\/60 {
    background-color: hsl(var(--bg-300) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-bg-300\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 60%,
        transparent
      ) !important;
    }
  }
  .\!bg-bg-400 {
    background-color: hsl(var(--bg-400) / 1) !important;
  }
  .\!bg-border-400 {
    background-color: hsl(var(--border-400) / 0.15) !important;
  }
  .\!bg-brand-100\/10 {
    background-color: hsl(var(--brand-100) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-brand-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 10%,
        transparent
      ) !important;
    }
  }
  .\!bg-brand-900 {
    background-color: hsl(var(--brand-900) / 1) !important;
  }
  .\!bg-danger-900 {
    background-color: hsl(var(--danger-900) / 1) !important;
  }
  .\!bg-surface-1 {
    background-color: var(--cds-surface-1) !important;
  }
  .\!bg-surface-3 {
    background-color: var(--cds-surface-3) !important;
  }
  .\!bg-text-100 {
    background-color: hsl(var(--text-100) / 1) !important;
  }
  .\!bg-text-500\/10 {
    background-color: hsl(var(--text-500) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-text-500\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 10%,
        transparent
      ) !important;
    }
  }
  .\!bg-transparent {
    background-color: #0000 !important;
  }
  .\[background-color\:hsl\(var\(--always-black\)\/var\(--modal-overlay-opacity\,0\.5\)\)\] {
    background-color: hsl(
      var(--always-black) / var(--modal-overlay-opacity, 0.5)
    );
  }
  .bg-\[\#1a5c3a\] {
    background-color: #1a5c3a;
  }
  .bg-\[\#1e1e1e\] {
    background-color: #1e1e1e;
  }
  .bg-\[\#2d2d2d\] {
    background-color: #2d2d2d;
  }
  .bg-\[\#3B82F6\] {
    background-color: #3b82f6;
  }
  .bg-\[\#3db808\] {
    background-color: #3db808;
  }
  .bg-\[\#5e6ad2\]\/15 {
    background-color: #5e6ad226;
  }
  .bg-\[\#007AFF\] {
    background-color: #007aff;
  }
  .bg-\[\#28c840\] {
    background-color: #28c840;
  }
  .bg-\[\#61C454\] {
    background-color: #61c454;
  }
  .bg-\[\#161b22\] {
    background-color: #161b22;
  }
  .bg-\[\#282c34\] {
    background-color: #282c34;
  }
  .bg-\[\#666\] {
    background-color: #666;
  }
  .bg-\[\#788c5d\] {
    background-color: #788c5d;
  }
  .bg-\[\#4285f4\]\/15 {
    background-color: #4285f426;
  }
  .bg-\[\#8250df\]\/10 {
    background-color: #8250df1a;
  }
  .bg-\[\#262624\] {
    background-color: #262624;
  }
  .bg-\[\#323232\] {
    background-color: #323232;
  }
  .bg-\[\#BCD1CA\] {
    background-color: #bcd1ca;
  }
  .bg-\[\#CBCADB\] {
    background-color: #cbcadb;
  }
  .bg-\[\#ED6A5E\] {
    background-color: #ed6a5e;
  }
  .bg-\[\#F0EEE6\] {
    background-color: #f0eee6;
  }
  .bg-\[\#F5BE4F\] {
    background-color: #f5be4f;
  }
  .bg-\[\#F5DB9A\] {
    background-color: #f5db9a;
  }
  .bg-\[\#F5F4ED\] {
    background-color: #f5f4ed;
  }
  .bg-\[\#F6F5EF\] {
    background-color: #f6f5ef;
  }
  .bg-\[\#ccc\] {
    background-color: #ccc;
  }
  .bg-\[\#d4d4d4\] {
    background-color: #d4d4d4;
  }
  .bg-\[\#d87756\] {
    background-color: #d87756;
  }
  .bg-\[\#dcf6dc\] {
    background-color: #dcf6dc;
  }
  .bg-\[\#dee1e6\] {
    background-color: #dee1e6;
  }
  .bg-\[\#e01e5a\]\/15 {
    background-color: #e01e5a26;
  }
  .bg-\[\#e6b530\] {
    background-color: #e6b530;
  }
  .bg-\[\#e8e8e8\] {
    background-color: #e8e8e8;
  }
  .bg-\[\#ececec\] {
    background-color: #ececec;
  }
  .bg-\[\#ef7a4b\] {
    background-color: #ef7a4b;
  }
  .bg-\[\#effbef\] {
    background-color: #effbef;
  }
  .bg-\[\#f1f3f4\] {
    background-color: #f1f3f4;
  }
  .bg-\[\#f5f5f5\] {
    background-color: #f5f5f5;
  }
  .bg-\[\#fafafa\] {
    background-color: #fafafa;
  }
  .bg-\[\#febc2e\] {
    background-color: #febc2e;
  }
  .bg-\[\#ff5f57\] {
    background-color: #ff5f57;
  }
  .bg-\[\#ffe5e5\] {
    background-color: #ffe5e5;
  }
  .bg-\[\#fff0f0\] {
    background-color: #fff0f0;
  }
  .bg-\[\#fff\] {
    background-color: #fff;
  }
  .bg-\[hsl\(210\,70\%\,50\%\)\]\/10 {
    background-color: #2680d91a;
  }
  .bg-\[hsl\(var\(--accent-100\)\/8\%\)\] {
    background-color: hsl(var(--accent-100) / 8%);
  }
  .bg-\[hsl\(var\(--accent-100\)\/12\%\)\] {
    background-color: hsl(var(--accent-100) / 12%);
  }
  .bg-\[hsl\(var\(--always-white\)\/80\%\)\] {
    background-color: hsl(var(--always-white) / 80%);
  }
  .bg-\[hsl\(var\(--bg-000\)\)\] {
    background-color: hsl(var(--bg-000));
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.03\)\] {
    background-color: hsl(var(--border-300) / 0.03);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.04\)\] {
    background-color: hsl(var(--border-300) / 0.04);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.4\)\] {
    background-color: hsl(var(--border-300) / 0.4);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.06\)\] {
    background-color: hsl(var(--border-300) / 0.06);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.08\)\] {
    background-color: hsl(var(--border-300) / 0.08);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.015\)\] {
    background-color: hsl(var(--border-300) / 0.015);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.15\)\] {
    background-color: hsl(var(--border-300) / 0.15);
  }
  .bg-\[hsl\(var\(--border-300\)\/0\.025\)\] {
    background-color: hsl(var(--border-300) / 0.025);
  }
  .bg-\[hsl\(var\(--border-400\)\/0\.03\)\] {
    background-color: hsl(var(--border-400) / 0.03);
  }
  .bg-\[hsl\(var\(--brand-000\)_\/_0\.03\)\] {
    background-color: hsl(var(--brand-000) / 0.03);
  }
  .bg-\[hsl\(var\(--df-surface-primary\)\)\] {
    background-color: hsl(var(--df-surface-primary));
  }
  .bg-\[hsl\(var\(--text-500\)_\/_0\.15\)\] {
    background-color: hsl(var(--text-500) / 0.15);
  }
  .bg-\[hsla\(130\,35\%\,88\%\,0\.45\)\] {
    background-color: #d6ebd973;
  }
  .bg-\[var\(--accent\)\] {
    background-color: var(--accent);
  }
  .bg-\[var\(--accent-10\)\] {
    background-color: var(--accent-10);
  }
  .bg-\[var\(--accent-20\)\] {
    background-color: var(--accent-20);
  }
  .bg-\[var\(--border-default\)\] {
    background-color: var(--border-default);
  }
  .bg-\[var\(--cds-button-on-content\)\] {
    background-color: var(--cds-button-on-content);
  }
  .bg-\[var\(--cds-on-accent\)\] {
    background-color: var(--cds-on-accent);
  }
  .bg-\[var\(--cds-on-brand\)\] {
    background-color: var(--cds-on-brand);
  }
  .bg-\[var\(--cds-on-danger\)\] {
    background-color: var(--cds-on-danger);
  }
  .bg-\[var\(--cds-on-primary\)\] {
    background-color: var(--cds-on-primary);
  }
  .bg-\[var\(--cds-page-bg\)\] {
    background-color: var(--cds-page-bg);
  }
  .bg-\[var\(--cds-segmented-control-thumb\)\] {
    background-color: var(--cds-segmented-control-thumb);
  }
  .bg-\[var\(--cds-segmented-control-track\)\] {
    background-color: var(--cds-segmented-control-track);
  }
  .bg-\[var\(--cds-skeleton-base\)\] {
    background-color: var(--cds-skeleton-base);
  }
  .bg-\[var\(--cds-switch-knob\)\] {
    background-color: var(--cds-switch-knob);
  }
  .bg-\[var\(--cds-switch-track\)\] {
    background-color: var(--cds-switch-track);
  }
  .bg-\[var\(--cds-text-git-conflicting\)\] {
    background-color: var(--cds-text-git-conflicting);
  }
  .bg-\[var\(--cds-text-git-opened\)\] {
    background-color: var(--cds-text-git-opened);
  }
  .bg-\[var\(--cds-text-git-queued\)\] {
    background-color: var(--cds-text-git-queued);
  }
  .bg-\[var\(--cds-text-git-removed\)\] {
    background-color: var(--cds-text-git-removed);
  }
  .bg-\[var\(--cds-text-muted\)\] {
    background-color: var(--cds-text-muted);
  }
  .bg-\[var\(--cds-text-secondary\)\] {
    background-color: var(--cds-text-secondary);
  }
  .bg-\[var\(--cds-tooltip-bg\)\] {
    background-color: var(--cds-tooltip-bg);
  }
  .bg-\[var\(--core-10-red\)\] {
    background-color: var(--core-10-red);
  }
  .bg-\[var\(--core-20-red\)\] {
    background-color: var(--core-20-red);
  }
  .bg-\[var\(--core-black\)\] {
    background-color: var(--core-black);
  }
  .bg-\[var\(--core-red\)\],
  .bg-\[var\(--core-red\)\]\/15 {
    background-color: var(--core-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--core-red\)\]\/15 {
      background-color: color-mix(in oklab, var(--core-red) 15%, transparent);
    }
  }
  .bg-\[var\(--core-red-hover\)\] {
    background-color: var(--core-red-hover);
  }
  .bg-\[var\(--core-white\)\] {
    background-color: var(--core-white);
  }
  .bg-\[var\(--df-sidebar-bg\)\] {
    background-color: var(--df-sidebar-bg);
  }
  .bg-\[var\(--df-sidebar-bg\,hsl\(var\(--bg-100\)\)\)\] {
    background-color: var(--df-sidebar-bg, hsl(var(--bg-100)));
  }
  .bg-\[var\(--diff-widget-bg\,var\(--z1\)\)\] {
    background-color: var(--diff-widget-bg, var(--z1));
  }
  .bg-\[var\(--dot-awaiting\)\] {
    background-color: var(--dot-awaiting);
  }
  .bg-\[var\(--dot-ready\)\] {
    background-color: var(--dot-ready);
  }
  .bg-\[var\(--extended-10-green\)\] {
    background-color: var(--extended-10-green);
  }
  .bg-\[var\(--extended-10-pink\)\] {
    background-color: var(--extended-10-pink);
  }
  .bg-\[var\(--extended-10-purple\)\] {
    background-color: var(--extended-10-purple);
  }
  .bg-\[var\(--extended-10-yellow\)\] {
    background-color: var(--extended-10-yellow);
  }
  .bg-\[var\(--extended-green\)\] {
    background-color: var(--extended-green);
  }
  .bg-\[var\(--extended-pink\)\] {
    background-color: var(--extended-pink);
  }
  .bg-\[var\(--extended-purple\)\] {
    background-color: var(--extended-purple);
  }
  .bg-\[var\(--fill-contained-default\)\] {
    background-color: var(--fill-contained-default);
  }
  .bg-\[var\(--fill-destructive-default\)\] {
    background-color: var(--fill-destructive-default);
  }
  .bg-\[var\(--fill-primary-default\)\] {
    background-color: var(--fill-primary-default);
  }
  .bg-\[var\(--fill-uncontained-default\)\] {
    background-color: var(--fill-uncontained-default);
  }
  .bg-\[var\(--prompt-compact-bg\)\] {
    background-color: var(--prompt-compact-bg);
  }
  .bg-\[var\(--surface-panel\)\] {
    background-color: var(--surface-panel);
  }
  .bg-\[var\(--t2\)\] {
    background-color: var(--t2);
  }
  .bg-\[var\(--t6\)\] {
    background-color: var(--t6);
  }
  .bg-\[var\(--token\)\] {
    background-color: var(--token);
  }
  .bg-\[var\(--ui-segment-selected\)\] {
    background-color: var(--ui-segment-selected);
  }
  .bg-\[var\(--ui-slider-background\)\] {
    background-color: var(--ui-slider-background);
  }
  .bg-\[var\(--ui-slider-fill\)\] {
    background-color: var(--ui-slider-fill);
  }
  .bg-\[var\(--ui-slider-handle\)\] {
    background-color: var(--ui-slider-handle);
  }
  .bg-\[var\(--ui-switch-off-background\)\] {
    background-color: var(--ui-switch-off-background);
  }
  .bg-\[var\(--ui-switch-off-knob\)\] {
    background-color: var(--ui-switch-off-knob);
  }
  .bg-\[var\(--ui-tooltip-fill\)\] {
    background-color: var(--ui-tooltip-fill);
  }
  .bg-\[var\(--ui-user-message-background\)\] {
    background-color: var(--ui-user-message-background);
  }
  .bg-\[var\(--z0\)\] {
    background-color: var(--z0);
  }
  .bg-\[var\(--z1\)\] {
    background-color: var(--z1);
  }
  .bg-\[var\(--z2\)\] {
    background-color: var(--z2);
  }
  .bg-accent {
    background-color: var(--cds-bg-accent);
  }
  .bg-accent-000,
  .bg-accent-000\/6 {
    background-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-000\/6 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) 6%,
        transparent
      );
    }
  }
  .bg-accent-000\/10 {
    background-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-000\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) 10%,
        transparent
      );
    }
  }
  .bg-accent-100,
  .bg-accent-100\/10 {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-accent-100\/15 {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-100\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 15%,
        transparent
      );
    }
  }
  .bg-accent-100\/20 {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-100\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 20%,
        transparent
      );
    }
  }
  .bg-accent-100\/30 {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-100\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 30%,
        transparent
      );
    }
  }
  .bg-accent-100\/\[0\.08\] {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-100\/\[0\.08\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 8%,
        transparent
      );
    }
  }
  .bg-accent-100\/\[8\%\] {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-100\/\[8\%\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 8%,
        transparent
      );
    }
  }
  .bg-accent-200,
  .bg-accent-200\/10 {
    background-color: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-200\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-200) / 1) 10%,
        transparent
      );
    }
  }
  .bg-accent-200\/20 {
    background-color: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-200\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-200) / 1) 20%,
        transparent
      );
    }
  }
  .bg-accent-900,
  .bg-accent-900\/30 {
    background-color: hsl(var(--accent-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-900\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-900) / 1) 30%,
        transparent
      );
    }
  }
  .bg-accent-900\/40 {
    background-color: hsl(var(--accent-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-900\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-900) / 1) 40%,
        transparent
      );
    }
  }
  .bg-accent-900\/50 {
    background-color: hsl(var(--accent-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-900\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-900) / 1) 50%,
        transparent
      );
    }
  }
  .bg-accent-900\/75 {
    background-color: hsl(var(--accent-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-900\/75 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-900) / 1) 75%,
        transparent
      );
    }
  }
  .bg-accent-brand,
  .bg-accent-brand\/5 {
    background-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-brand\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 5%,
        transparent
      );
    }
  }
  .bg-accent-brand\/10 {
    background-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-brand\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 10%,
        transparent
      );
    }
  }
  .bg-accent-brand\/15 {
    background-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-brand\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 15%,
        transparent
      );
    }
  }
  .bg-accent-brand\/\[0\.06\] {
    background-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-brand\/\[0\.06\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 6%,
        transparent
      );
    }
  }
  .bg-accent-brand\/\[0\.08\] {
    background-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-brand\/\[0\.08\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 8%,
        transparent
      );
    }
  }
  .bg-accent-brand\/\[0\.12\] {
    background-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-brand\/\[0\.12\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 12%,
        transparent
      );
    }
  }
  .bg-accent-pro-000,
  .bg-accent-pro-000\/10 {
    background-color: hsl(var(--accent-pro-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-pro-000\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-000) / 1) 10%,
        transparent
      );
    }
  }
  .bg-accent-pro-100,
  .bg-accent-pro-100\/10 {
    background-color: hsl(var(--accent-pro-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-pro-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-accent-pro-100\/90 {
    background-color: hsl(var(--accent-pro-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-accent-pro-100\/90 {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-pro-100) / 1) 90%,
        transparent
      );
    }
  }
  .bg-accent-pro-200 {
    background-color: hsl(var(--accent-pro-200) / 1);
  }
  .bg-accent-pro-900 {
    background-color: hsl(var(--accent-pro-900) / 1);
  }
  .bg-alpha-1,
  .bg-alpha-1\/50 {
    background-color: var(--cds-alpha-1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-alpha-1\/50 {
      background-color: color-mix(
        in oklab,
        var(--cds-alpha-1) 50%,
        transparent
      );
    }
  }
  .bg-alpha-2 {
    background-color: var(--cds-alpha-2);
  }
  .bg-alpha-3 {
    background-color: var(--cds-alpha-3);
  }
  .bg-alpha-4 {
    background-color: var(--cds-alpha-4);
  }
  .bg-alpha-5 {
    background-color: var(--cds-alpha-5);
  }
  .bg-alpha-7 {
    background-color: var(--cds-alpha-7);
  }
  .bg-always-black,
  .bg-always-black\/0 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/0 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 0%,
        transparent
      );
    }
  }
  .bg-always-black\/5 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 5%,
        transparent
      );
    }
  }
  .bg-always-black\/25 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/25 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 25%,
        transparent
      );
    }
  }
  .bg-always-black\/30 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 30%,
        transparent
      );
    }
  }
  .bg-always-black\/40 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 40%,
        transparent
      );
    }
  }
  .bg-always-black\/50 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 50%,
        transparent
      );
    }
  }
  .bg-always-black\/60 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 60%,
        transparent
      );
    }
  }
  .bg-always-black\/75 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/75 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 75%,
        transparent
      );
    }
  }
  .bg-always-black\/80 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 80%,
        transparent
      );
    }
  }
  .bg-always-black\/90 {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/90 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 90%,
        transparent
      );
    }
  }
  .bg-always-black\/\[0\.01\] {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/\[0\.01\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 1%,
        transparent
      );
    }
  }
  .bg-always-black\/\[5\%\] {
    background-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-black\/\[5\%\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 5%,
        transparent
      );
    }
  }
  .bg-always-white,
  .bg-always-white\/10 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 10%,
        transparent
      );
    }
  }
  .bg-always-white\/15 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 15%,
        transparent
      );
    }
  }
  .bg-always-white\/20 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 20%,
        transparent
      );
    }
  }
  .bg-always-white\/50 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 50%,
        transparent
      );
    }
  }
  .bg-always-white\/60 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 60%,
        transparent
      );
    }
  }
  .bg-always-white\/80 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 80%,
        transparent
      );
    }
  }
  .bg-always-white\/90 {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/90 {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 90%,
        transparent
      );
    }
  }
  .bg-always-white\/\[0\.9\] {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/\[0\.9\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 90%,
        transparent
      );
    }
  }
  .bg-always-white\/\[0\.18\] {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-always-white\/\[0\.18\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 18%,
        transparent
      );
    }
  }
  .bg-aqua-100 {
    background-color: var(--cds-aqua-100);
  }
  .bg-aqua-500 {
    background-color: var(--cds-aqua-500);
  }
  .bg-backdrop {
    background-color: var(--cds-backdrop);
  }
  .bg-bg-000,
  .bg-bg-000\/20 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 20%,
        transparent
      );
    }
  }
  .bg-bg-000\/25 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/25 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 25%,
        transparent
      );
    }
  }
  .bg-bg-000\/30 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 30%,
        transparent
      );
    }
  }
  .bg-bg-000\/40 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 40%,
        transparent
      );
    }
  }
  .bg-bg-000\/50 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 50%,
        transparent
      );
    }
  }
  .bg-bg-000\/55 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/55 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 55%,
        transparent
      );
    }
  }
  .bg-bg-000\/60 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 60%,
        transparent
      );
    }
  }
  .bg-bg-000\/70 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/70 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 70%,
        transparent
      );
    }
  }
  .bg-bg-000\/80 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 80%,
        transparent
      );
    }
  }
  .bg-bg-000\/85 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/85 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 85%,
        transparent
      );
    }
  }
  .bg-bg-000\/90 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/90 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 90%,
        transparent
      );
    }
  }
  .bg-bg-000\/95 {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/95 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 95%,
        transparent
      );
    }
  }
  .bg-bg-000\/\[0\.98\] {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/\[0\.98\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 98%,
        transparent
      );
    }
  }
  .bg-bg-000\/\[98\%\] {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-000\/\[98\%\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 98%,
        transparent
      );
    }
  }
  .bg-bg-100,
  .bg-bg-100\/20 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 20%,
        transparent
      );
    }
  }
  .bg-bg-100\/30 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 30%,
        transparent
      );
    }
  }
  .bg-bg-100\/40 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 40%,
        transparent
      );
    }
  }
  .bg-bg-100\/50 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 50%,
        transparent
      );
    }
  }
  .bg-bg-100\/60 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 60%,
        transparent
      );
    }
  }
  .bg-bg-100\/70 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/70 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 70%,
        transparent
      );
    }
  }
  .bg-bg-100\/80 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 80%,
        transparent
      );
    }
  }
  .bg-bg-100\/85 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/85 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 85%,
        transparent
      );
    }
  }
  .bg-bg-100\/90 {
    background-color: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-100\/90 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 90%,
        transparent
      );
    }
  }
  .bg-bg-200,
  .bg-bg-200\/20 {
    background-color: hsl(var(--bg-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-200\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-200) / 1) 20%,
        transparent
      );
    }
  }
  .bg-bg-200\/50 {
    background-color: hsl(var(--bg-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-200\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-200) / 1) 50%,
        transparent
      );
    }
  }
  .bg-bg-200\/70 {
    background-color: hsl(var(--bg-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-200\/70 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-200) / 1) 70%,
        transparent
      );
    }
  }
  .bg-bg-200\/80 {
    background-color: hsl(var(--bg-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-200\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-200) / 1) 80%,
        transparent
      );
    }
  }
  .bg-bg-300,
  .bg-bg-300\/20 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 20%,
        transparent
      );
    }
  }
  .bg-bg-300\/30 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 30%,
        transparent
      );
    }
  }
  .bg-bg-300\/40 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 40%,
        transparent
      );
    }
  }
  .bg-bg-300\/50 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 50%,
        transparent
      );
    }
  }
  .bg-bg-300\/60 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 60%,
        transparent
      );
    }
  }
  .bg-bg-300\/80 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 80%,
        transparent
      );
    }
  }
  .bg-bg-300\/90 {
    background-color: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-300\/90 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 90%,
        transparent
      );
    }
  }
  .bg-bg-400,
  .bg-bg-400\/50 {
    background-color: hsl(var(--bg-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-400\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-400) / 1) 50%,
        transparent
      );
    }
  }
  .bg-bg-500,
  .bg-bg-500\/10 {
    background-color: hsl(var(--bg-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-500\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-500) / 1) 10%,
        transparent
      );
    }
  }
  .bg-bg-500\/20 {
    background-color: hsl(var(--bg-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-500\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-500) / 1) 20%,
        transparent
      );
    }
  }
  .bg-bg-500\/25 {
    background-color: hsl(var(--bg-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-500\/25 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-500) / 1) 25%,
        transparent
      );
    }
  }
  .bg-bg-500\/40 {
    background-color: hsl(var(--bg-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-bg-500\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-500) / 1) 40%,
        transparent
      );
    }
  }
  .bg-black\/5 {
    background-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--cds-black) 5%, transparent);
    }
  }
  .bg-black\/20 {
    background-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--cds-black) 20%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--cds-black) 30%, transparent);
    }
  }
  .bg-black\/\[0\.08\] {
    background-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--cds-black) 8%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--cds-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--cds-blue-100);
  }
  .bg-blue-500,
  .bg-blue-500\/20 {
    background-color: var(--cds-blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--cds-blue-500) 20%,
        transparent
      );
    }
  }
  .bg-blue-500\/35 {
    background-color: var(--cds-blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/35 {
      background-color: color-mix(
        in oklab,
        var(--cds-blue-500) 35%,
        transparent
      );
    }
  }
  .bg-border {
    background-color: var(--cds-border);
  }
  .bg-border-100 {
    background-color: hsl(var(--border-100) / 0.4);
  }
  .bg-border-200 {
    background-color: hsl(var(--border-200) / 0.3);
  }
  .bg-border-300,
  .bg-border-300\/15 {
    background-color: hsl(var(--border-300) / 0.15);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-border-300\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--border-300) / 0.15) 15%,
        transparent
      );
    }
  }
  .bg-border-400 {
    background-color: hsl(var(--border-400) / 0.15);
  }
  .bg-brand-000,
  .bg-brand-000\/10 {
    background-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-000\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 10%,
        transparent
      );
    }
  }
  .bg-brand-000\/40 {
    background-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-000\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 40%,
        transparent
      );
    }
  }
  .bg-brand-000\/\[0\.08\] {
    background-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-000\/\[0\.08\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 8%,
        transparent
      );
    }
  }
  .bg-brand-000\/\[0\.9\] {
    background-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-000\/\[0\.9\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 90%,
        transparent
      );
    }
  }
  .bg-brand-000\/\[0\.12\] {
    background-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-000\/\[0\.12\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 12%,
        transparent
      );
    }
  }
  .bg-brand-100,
  .bg-brand-100\/5 {
    background-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-100\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 5%,
        transparent
      );
    }
  }
  .bg-brand-100\/10 {
    background-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-brand-100\/15 {
    background-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-100\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 15%,
        transparent
      );
    }
  }
  .bg-brand-100\/20 {
    background-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-100\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 20%,
        transparent
      );
    }
  }
  .bg-brand-100\/30 {
    background-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-100\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 30%,
        transparent
      );
    }
  }
  .bg-brand-100\/35 {
    background-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-100\/35 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 35%,
        transparent
      );
    }
  }
  .bg-brand-200,
  .bg-brand-200\/30 {
    background-color: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-200\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 30%,
        transparent
      );
    }
  }
  .bg-brand-200\/\[0\.04\] {
    background-color: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-200\/\[0\.04\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 4%,
        transparent
      );
    }
  }
  .bg-brand-900,
  .bg-brand-900\/20 {
    background-color: hsl(var(--brand-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-900\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-900) / 1) 20%,
        transparent
      );
    }
  }
  .bg-brand-900\/50 {
    background-color: hsl(var(--brand-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-brand-900\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-900) / 1) 50%,
        transparent
      );
    }
  }
  .bg-current {
    background-color: currentColor;
  }
  .bg-danger {
    background-color: var(--cds-bg-danger);
  }
  .bg-danger-000,
  .bg-danger-000\/5 {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 5%,
        transparent
      );
    }
  }
  .bg-danger-000\/10 {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 10%,
        transparent
      );
    }
  }
  .bg-danger-000\/30 {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 30%,
        transparent
      );
    }
  }
  .bg-danger-000\/40 {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 40%,
        transparent
      );
    }
  }
  .bg-danger-000\/\[0\.04\] {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/\[0\.04\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 4%,
        transparent
      );
    }
  }
  .bg-danger-000\/\[0\.05\] {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/\[0\.05\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 5%,
        transparent
      );
    }
  }
  .bg-danger-000\/\[0\.06\] {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/\[0\.06\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 6%,
        transparent
      );
    }
  }
  .bg-danger-000\/\[0\.08\] {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/\[0\.08\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 8%,
        transparent
      );
    }
  }
  .bg-danger-000\/\[0\.12\] {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-000\/\[0\.12\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 12%,
        transparent
      );
    }
  }
  .bg-danger-100,
  .bg-danger-100\/10 {
    background-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-danger-100\/15 {
    background-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-100\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 15%,
        transparent
      );
    }
  }
  .bg-danger-100\/20 {
    background-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-100\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 20%,
        transparent
      );
    }
  }
  .bg-danger-100\/60 {
    background-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-100\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-100) / 1) 60%,
        transparent
      );
    }
  }
  .bg-danger-200,
  .bg-danger-200\/5 {
    background-color: hsl(var(--danger-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-200\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 5%,
        transparent
      );
    }
  }
  .bg-danger-200\/10 {
    background-color: hsl(var(--danger-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-200\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 10%,
        transparent
      );
    }
  }
  .bg-danger-200\/20 {
    background-color: hsl(var(--danger-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-200\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-200) / 1) 20%,
        transparent
      );
    }
  }
  .bg-danger-900,
  .bg-danger-900\/10 {
    background-color: hsl(var(--danger-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-900\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-900) / 1) 10%,
        transparent
      );
    }
  }
  .bg-danger-900\/20 {
    background-color: hsl(var(--danger-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-900\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-900) / 1) 20%,
        transparent
      );
    }
  }
  .bg-danger-900\/30 {
    background-color: hsl(var(--danger-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-900\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-900) / 1) 30%,
        transparent
      );
    }
  }
  .bg-danger-900\/45 {
    background-color: hsl(var(--danger-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger-900\/45 {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-900) / 1) 45%,
        transparent
      );
    }
  }
  .bg-fill-accent {
    background-color: var(--cds-fill-accent);
  }
  .bg-fill-brand {
    background-color: var(--cds-fill-brand);
  }
  .bg-fill-control {
    background-color: var(--cds-fill-control);
  }
  .bg-fill-danger {
    background-color: var(--cds-fill-danger);
  }
  .bg-fill-field {
    background-color: var(--cds-fill-field);
  }
  .bg-fill-ghost-hover {
    background-color: var(--cds-fill-ghost-hover);
  }
  .bg-fill-primary {
    background-color: var(--cds-fill-primary);
  }
  .bg-fill-pro {
    background-color: var(--cds-fill-pro);
  }
  .bg-fill-secondary {
    background-color: var(--cds-fill-secondary);
  }
  .bg-fill-success {
    background-color: var(--cds-fill-success);
  }
  .bg-fill-warning {
    background-color: var(--cds-fill-warning);
  }
  .bg-git-added {
    background-color: var(--cds-bg-git-added);
  }
  .bg-git-removed {
    background-color: var(--cds-bg-git-removed);
  }
  .bg-gray-50 {
    background-color: var(--cds-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--cds-gray-100);
  }
  .bg-gray-600 {
    background-color: var(--cds-gray-600);
  }
  .bg-gray-700 {
    background-color: var(--cds-gray-700);
  }
  .bg-green-50 {
    background-color: var(--cds-green-50);
  }
  .bg-green-100 {
    background-color: var(--cds-green-100);
  }
  .bg-green-500,
  .bg-green-500\/20 {
    background-color: var(--cds-green-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--cds-green-500) 20%,
        transparent
      );
    }
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-magenta-100 {
    background-color: var(--cds-magenta-100);
  }
  .bg-magenta-450 {
    background-color: var(--cds-magenta-450);
  }
  .bg-magenta-500\/20 {
    background-color: var(--cds-magenta-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-magenta-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--cds-magenta-500) 20%,
        transparent
      );
    }
  }
  .bg-neutral {
    background-color: var(--cds-bg-neutral);
  }
  .bg-neutral-40 {
    background-color: var(--cds-neutral-40);
  }
  .bg-neutral-hover {
    background-color: var(--cds-bg-neutral-hover);
  }
  .bg-oncolor-100\/10 {
    background-color: hsl(var(--oncolor-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-oncolor-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--oncolor-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-orange-100 {
    background-color: var(--cds-orange-100);
  }
  .bg-orange-450 {
    background-color: var(--cds-orange-450);
  }
  .bg-orange-500\/20 {
    background-color: var(--cds-orange-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--cds-orange-500) 20%,
        transparent
      );
    }
  }
  .bg-page {
    background-color: var(--cds-page-bg);
  }
  .bg-pro {
    background-color: var(--cds-bg-pro);
  }
  .bg-red-100 {
    background-color: var(--cds-red-100);
  }
  .bg-red-450 {
    background-color: var(--cds-red-450);
  }
  .bg-success {
    background-color: var(--cds-bg-success);
  }
  .bg-success-000,
  .bg-success-000\/5 {
    background-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-000\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 5%,
        transparent
      );
    }
  }
  .bg-success-000\/15 {
    background-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-000\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 15%,
        transparent
      );
    }
  }
  .bg-success-000\/\[0\.08\] {
    background-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-000\/\[0\.08\] {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 8%,
        transparent
      );
    }
  }
  .bg-success-100,
  .bg-success-100\/5 {
    background-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 5%,
        transparent
      );
    }
  }
  .bg-success-100\/10 {
    background-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-success-100\/15 {
    background-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 15%,
        transparent
      );
    }
  }
  .bg-success-100\/20 {
    background-color: hsl(var(--success-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-100\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-100) / 1) 20%,
        transparent
      );
    }
  }
  .bg-success-200,
  .bg-success-200\/20 {
    background-color: hsl(var(--success-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-200\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-200) / 1) 20%,
        transparent
      );
    }
  }
  .bg-success-900 {
    background-color: hsl(var(--success-900) / 1);
  }
  .bg-success\/5 {
    background-color: var(--cds-bg-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/5 {
      background-color: color-mix(
        in oklab,
        var(--cds-bg-success) 5%,
        transparent
      );
    }
  }
  .bg-surface-0,
  .bg-surface-0\/90 {
    background-color: var(--cds-surface-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-0\/90 {
      background-color: color-mix(
        in oklab,
        var(--cds-surface-0) 90%,
        transparent
      );
    }
  }
  .bg-surface-1,
  .bg-surface-1\/50 {
    background-color: var(--cds-surface-1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-1\/50 {
      background-color: color-mix(
        in oklab,
        var(--cds-surface-1) 50%,
        transparent
      );
    }
  }
  .bg-surface-2 {
    background-color: var(--cds-surface-2);
  }
  .bg-surface-3,
  .bg-surface-3\/50 {
    background-color: var(--cds-surface-3);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-3\/50 {
      background-color: color-mix(
        in oklab,
        var(--cds-surface-3) 50%,
        transparent
      );
    }
  }
  .bg-surface-panel {
    background-color: var(--cds-surface-panel);
  }
  .bg-surface-popover {
    background-color: var(--cds-surface-popover);
  }
  .bg-text-000,
  .bg-text-000\/5 {
    background-color: hsl(var(--text-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-000\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-000) / 1) 5%,
        transparent
      );
    }
  }
  .bg-text-000\/10 {
    background-color: hsl(var(--text-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-000\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-000) / 1) 10%,
        transparent
      );
    }
  }
  .bg-text-100,
  .bg-text-100\/25 {
    background-color: hsl(var(--text-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-100\/25 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-100) / 1) 25%,
        transparent
      );
    }
  }
  .bg-text-100\/30 {
    background-color: hsl(var(--text-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-100\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-100) / 1) 30%,
        transparent
      );
    }
  }
  .bg-text-100\/80 {
    background-color: hsl(var(--text-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-100\/80 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-100) / 1) 80%,
        transparent
      );
    }
  }
  .bg-text-200,
  .bg-text-200\/5 {
    background-color: hsl(var(--text-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-200\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-200) / 1) 5%,
        transparent
      );
    }
  }
  .bg-text-300,
  .bg-text-300\/6 {
    background-color: hsl(var(--text-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-300\/6 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-300) / 1) 6%,
        transparent
      );
    }
  }
  .bg-text-400,
  .bg-text-400\/50 {
    background-color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-400\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-400) / 1) 50%,
        transparent
      );
    }
  }
  .bg-text-500,
  .bg-text-500\/10 {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-500\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 10%,
        transparent
      );
    }
  }
  .bg-text-500\/15 {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-500\/15 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 15%,
        transparent
      );
    }
  }
  .bg-text-500\/20 {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-500\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 20%,
        transparent
      );
    }
  }
  .bg-text-500\/25 {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-500\/25 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 25%,
        transparent
      );
    }
  }
  .bg-text-500\/30 {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-500\/30 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 30%,
        transparent
      );
    }
  }
  .bg-text-500\/50 {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-500\/50 {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 50%,
        transparent
      );
    }
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-violet-100 {
    background-color: var(--cds-violet-100);
  }
  .bg-violet-450 {
    background-color: var(--cds-violet-450);
  }
  .bg-violet-500\/20 {
    background-color: var(--cds-violet-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--cds-violet-500) 20%,
        transparent
      );
    }
  }
  .bg-violet-500\/35 {
    background-color: var(--cds-violet-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/35 {
      background-color: color-mix(
        in oklab,
        var(--cds-violet-500) 35%,
        transparent
      );
    }
  }
  .bg-warning {
    background-color: var(--cds-bg-warning);
  }
  .bg-warning-000,
  .bg-warning-000\/5 {
    background-color: hsl(var(--warning-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-000\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-000) / 1) 5%,
        transparent
      );
    }
  }
  .bg-warning-000\/10 {
    background-color: hsl(var(--warning-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-000\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-000) / 1) 10%,
        transparent
      );
    }
  }
  .bg-warning-100,
  .bg-warning-100\/10 {
    background-color: hsl(var(--warning-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-100\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-100) / 1) 10%,
        transparent
      );
    }
  }
  .bg-warning-100\/20 {
    background-color: hsl(var(--warning-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-100\/20 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-100) / 1) 20%,
        transparent
      );
    }
  }
  .bg-warning-200,
  .bg-warning-200\/5 {
    background-color: hsl(var(--warning-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-200\/5 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-200) / 1) 5%,
        transparent
      );
    }
  }
  .bg-warning-200\/10 {
    background-color: hsl(var(--warning-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-200\/10 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-200) / 1) 10%,
        transparent
      );
    }
  }
  .bg-warning-900,
  .bg-warning-900\/40 {
    background-color: hsl(var(--warning-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-900\/40 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-900) / 1) 40%,
        transparent
      );
    }
  }
  .bg-warning-900\/60 {
    background-color: hsl(var(--warning-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-900\/60 {
      background-color: color-mix(
        in oklab,
        hsl(var(--warning-900) / 1) 60%,
        transparent
      );
    }
  }
  .bg-white {
    background-color: #fff;
  }
  .bg-white\/80 {
    background-color: #fffc;
  }
  .bg-yellow-100 {
    background-color: var(--cds-yellow-100);
  }
  .bg-yellow-500 {
    background-color: var(--cds-yellow-500);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-bl {
    --tw-gradient-position: to bottom left 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-l {
    --tw-gradient-position: to left 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-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .\!bg-none {
    background-image: none !important;
  }
  .\[background-image\:linear-gradient\(0deg\,var\(--cds-bg-danger\)\,var\(--cds-bg-danger\)\)\] {
    background-image: linear-gradient(
      0deg,
      var(--cds-bg-danger),
      var(--cds-bg-danger)
    );
  }
  .\[background-image\:linear-gradient\(0deg\,var\(--cds-bg-warning\)\,var\(--cds-bg-warning\)\)\] {
    background-image: linear-gradient(
      0deg,
      var(--cds-bg-warning),
      var(--cds-bg-warning)
    );
  }
  .\[background-image\:linear-gradient\(120deg\,var\(--cds-text-primary\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-primary\)_30\%\,white\)_50\%\,var\(--cds-text-primary\)_75\%\)\] {
    background-image: linear-gradient(
      120deg,
      var(--cds-text-primary) 25%,
      var(--cds-text-primary) 50%,
      var(--cds-text-primary) 75%
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[background-image\:linear-gradient\(120deg\,var\(--cds-text-primary\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-primary\)_30\%\,white\)_50\%\,var\(--cds-text-primary\)_75\%\)\] {
      background-image: linear-gradient(
        120deg,
        var(--cds-text-primary) 25%,
        color-mix(in srgb, var(--cds-text-primary) 30%, white) 50%,
        var(--cds-text-primary) 75%
      );
    }
  }
  .\[background-image\:linear-gradient\(120deg\,var\(--cds-text-secondary\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-secondary\)_30\%\,white\)_50\%\,var\(--cds-text-secondary\)_75\%\)\] {
    background-image: linear-gradient(
      120deg,
      var(--cds-text-secondary) 25%,
      var(--cds-text-secondary) 50%,
      var(--cds-text-secondary) 75%
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[background-image\:linear-gradient\(120deg\,var\(--cds-text-secondary\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-secondary\)_30\%\,white\)_50\%\,var\(--cds-text-secondary\)_75\%\)\] {
      background-image: linear-gradient(
        120deg,
        var(--cds-text-secondary) 25%,
        color-mix(in srgb, var(--cds-text-secondary) 30%, white) 50%,
        var(--cds-text-secondary) 75%
      );
    }
  }
  .\[background-image\:linear-gradient\(to_right\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\] {
    background-image:
      linear-gradient(to right, hsl(var(--bg-200)) 1px, transparent 1px),
      linear-gradient(to bottom, hsl(var(--bg-200)) 1px, transparent 1px);
  }
  .\[background-image\:radial-gradient\(ellipse_at_50\%_100\%\,hsl\(var\(--brand-000\)\/0\.15\)\,transparent_70\%\)\,linear-gradient\(to_right\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,hsl\(var\(--bg-200\)\)_1px\,transparent_1px\)\] {
    background-image:
      radial-gradient(
        ellipse at 50% 100%,
        hsl(var(--brand-000) / 0.15),
        transparent 70%
      ),
      linear-gradient(to right, hsl(var(--bg-200)) 1px, transparent 1px),
      linear-gradient(to bottom, hsl(var(--bg-200)) 1px, transparent 1px);
  }
  .\[background-image\:radial-gradient\(ellipse_at_65\%_100\%\,hsl\(var\(--text-500\)\/0\.1\)\,transparent_70\%\)\,radial-gradient\(circle\,hsl\(var\(--text-500\)\/0\.4\)_1px\,transparent_1px\)\] {
    background-image:
      radial-gradient(
        ellipse at 65% 100%,
        hsl(var(--text-500) / 0.1),
        transparent 70%
      ),
      radial-gradient(circle, hsl(var(--text-500) / 0.4) 1px, transparent 1px);
  }
  .bg-\[linear-gradient\(var\(--cds-alpha-1\)\,var\(--cds-alpha-1\)\)\] {
    background-image: linear-gradient(var(--cds-alpha-1), var(--cds-alpha-1));
  }
  .bg-\[radial-gradient\(ellipse_150\%_150\%_at_50\%_-30\%\,hsl\(var\(--accent-100\)\/0\.10\)\,transparent_90\%\)\] {
    background-image: radial-gradient(
      ellipse 150% 150% at 50% -30%,
      hsl(var(--accent-100) / 0.1),
      transparent 90%
    );
  }
  .bg-none {
    background-image: none;
  }
  .from-\[\#dc6038\] {
    --tw-gradient-from: #dc6038;
    --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-\[var\(--cds-surface-0\)\] {
    --tw-gradient-from: var(--cds-surface-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-\[var\(--cds-surface-1\)\] {
    --tw-gradient-from: var(--cds-surface-1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-\[var\(--cds-surface-2\)\] {
    --tw-gradient-from: var(--cds-surface-2);
    --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-\[var\(--cds-surface-popover\)\] {
    --tw-gradient-from: var(--cds-surface-popover);
    --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-\[var\(--cds-text-muted\)\] {
    --tw-gradient-from: var(--cds-text-muted);
    --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-\[var\(--cds-text-secondary\)\] {
    --tw-gradient-from: var(--cds-text-secondary);
    --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-\[var\(\.\.\.\)\] {
    --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-accent-000 {
    --tw-gradient-from: hsl(var(--accent-000) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-accent-100\/0 {
    --tw-gradient-from: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-accent-100\/0 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 0%,
        transparent
      );
    }
  }
  .from-accent-100\/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-accent-200\/5 {
    --tw-gradient-from: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-accent-200\/5 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--accent-200) / 1) 5%,
        transparent
      );
    }
  }
  .from-accent-200\/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)
    );
  }
  .from-accent-900 {
    --tw-gradient-from: hsl(var(--accent-900) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-accent-900\/0 {
    --tw-gradient-from: hsl(var(--accent-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-accent-900\/0 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--accent-900) / 1) 0%,
        transparent
      );
    }
  }
  .from-accent-900\/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-accent-pro-200 {
    --tw-gradient-from: hsl(var(--accent-pro-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-always-black\/55 {
    --tw-gradient-from: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-always-black\/55 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 55%,
        transparent
      );
    }
  }
  .from-always-black\/55 {
    --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-always-black\/80 {
    --tw-gradient-from: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-always-black\/80 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 80%,
        transparent
      );
    }
  }
  .from-always-black\/80 {
    --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-always-black\/\[0\.025\] {
    --tw-gradient-from: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-always-black\/\[0\.025\] {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 2.5%,
        transparent
      );
    }
  }
  .from-always-black\/\[0\.025\] {
    --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-bg-000 {
    --tw-gradient-from: hsl(var(--bg-000) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-bg-100 {
    --tw-gradient-from: hsl(var(--bg-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-bg-200 {
    --tw-gradient-from: hsl(var(--bg-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-bg-200\/5 {
    --tw-gradient-from: hsl(var(--bg-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-bg-200\/5 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--bg-200) / 1) 5%,
        transparent
      );
    }
  }
  .from-bg-200\/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)
    );
  }
  .from-bg-300 {
    --tw-gradient-from: hsl(var(--bg-300) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-bg-400\/10 {
    --tw-gradient-from: hsl(var(--bg-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-bg-400\/10 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--bg-400) / 1) 10%,
        transparent
      );
    }
  }
  .from-bg-400\/10 {
    --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-bg-500\/30 {
    --tw-gradient-from: hsl(var(--bg-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-bg-500\/30 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--bg-500) / 1) 30%,
        transparent
      );
    }
  }
  .from-bg-500\/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)
    );
  }
  .from-brand-200 {
    --tw-gradient-from: hsl(var(--brand-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-brand-200\/50 {
    --tw-gradient-from: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-brand-200\/50 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 50%,
        transparent
      );
    }
  }
  .from-brand-200\/50 {
    --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-brand-200\/70 {
    --tw-gradient-from: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-brand-200\/70 {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 70%,
        transparent
      );
    }
  }
  .from-brand-200\/70 {
    --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-surface-0 {
    --tw-gradient-from: var(--cds-surface-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-surface-1 {
    --tw-gradient-from: var(--cds-surface-1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-surface-2 {
    --tw-gradient-from: var(--cds-surface-2);
    --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-surface-popover {
    --tw-gradient-from: var(--cds-surface-popover);
    --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-text-100 {
    --tw-gradient-from: hsl(var(--text-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-text-200 {
    --tw-gradient-from: hsl(var(--text-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-text-300 {
    --tw-gradient-from: hsl(var(--text-300) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-text-400 {
    --tw-gradient-from: hsl(var(--text-400) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .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-30\% {
    --tw-gradient-from-position: 30%;
  }
  .from-50\% {
    --tw-gradient-from-position: 50%;
  }
  .from-60\% {
    --tw-gradient-from-position: 60%;
  }
  .from-\[-56\.47\%\] {
    --tw-gradient-from-position: -56.47%;
  }
  .via-\[var\(--cds-surface-2\)\]\/80 {
    --tw-gradient-via: var(--cds-surface-2);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-\[var\(--cds-surface-2\)\]\/80 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--cds-surface-2) 80%,
        transparent
      );
    }
  }
  .via-\[var\(--cds-surface-2\)\]\/80 {
    --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-\[var\(--cds-surface-3\)\]\/40 {
    --tw-gradient-via: var(--cds-surface-3);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-\[var\(--cds-surface-3\)\]\/40 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--cds-surface-3) 40%,
        transparent
      );
    }
  }
  .via-\[var\(--cds-surface-3\)\]\/40 {
    --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-accent-900\/100 {
    --tw-gradient-via: hsl(var(--accent-900) / 1);
    --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-always-black\/50 {
    --tw-gradient-via: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-always-black\/50 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 50%,
        transparent
      );
    }
  }
  .via-always-black\/50 {
    --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-always-white\/40 {
    --tw-gradient-via: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-always-white\/40 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 40%,
        transparent
      );
    }
  }
  .via-always-white\/40 {
    --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-always-white\/70 {
    --tw-gradient-via: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-always-white\/70 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 70%,
        transparent
      );
    }
  }
  .via-always-white\/70 {
    --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-bg-000\/90 {
    --tw-gradient-via: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-bg-000\/90 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 90%,
        transparent
      );
    }
  }
  .via-bg-000\/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-bg-100 {
    --tw-gradient-via: hsl(var(--bg-100) / 1);
    --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-bg-100\/60 {
    --tw-gradient-via: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-bg-100\/60 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 60%,
        transparent
      );
    }
  }
  .via-bg-100\/60 {
    --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-bg-100\/75 {
    --tw-gradient-via: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-bg-100\/75 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 75%,
        transparent
      );
    }
  }
  .via-bg-100\/75 {
    --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-bg-200 {
    --tw-gradient-via: hsl(var(--bg-200) / 1);
    --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-bg-300\/80 {
    --tw-gradient-via: hsl(var(--bg-300) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-bg-300\/80 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 80%,
        transparent
      );
    }
  }
  .via-bg-300\/80 {
    --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-brand-100\/10 {
    --tw-gradient-via: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-brand-100\/10 {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 10%,
        transparent
      );
    }
  }
  .via-brand-100\/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-white\/40 {
    --tw-gradient-via: oklab(100% 0 5.96046e-8/0.4);
    --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-30\% {
    --tw-gradient-via-position: 30%;
  }
  .via-40\% {
    --tw-gradient-via-position: 40%;
  }
  .via-65\% {
    --tw-gradient-via-position: 65%;
  }
  .via-75\% {
    --tw-gradient-via-position: 75%;
  }
  .via-\[24px\] {
    --tw-gradient-via-position: 24px;
  }
  .to-\[\#d97757\] {
    --tw-gradient-to: #d97757;
    --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-\[var\(--cds-text-muted\)\] {
    --tw-gradient-to: var(--cds-text-muted);
    --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-\[var\(--cds-text-secondary\)\] {
    --tw-gradient-to: var(--cds-text-secondary);
    --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-accent-100 {
    --tw-gradient-to: hsl(var(--accent-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-accent-100\/5 {
    --tw-gradient-to: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-accent-100\/5 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 5%,
        transparent
      );
    }
  }
  .to-accent-100\/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-accent-900\/100 {
    --tw-gradient-to: hsl(var(--accent-900) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-accent-pro-100 {
    --tw-gradient-to: hsl(var(--accent-pro-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-bg-000 {
    --tw-gradient-to: hsl(var(--bg-000) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-bg-000\/0 {
    --tw-gradient-to: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-000\/0 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 0%,
        transparent
      );
    }
  }
  .to-bg-000\/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)
    );
  }
  .to-bg-000\/75 {
    --tw-gradient-to: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-000\/75 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 75%,
        transparent
      );
    }
  }
  .to-bg-000\/75 {
    --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-bg-100 {
    --tw-gradient-to: hsl(var(--bg-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-bg-100\/0 {
    --tw-gradient-to: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-100\/0 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 0%,
        transparent
      );
    }
  }
  .to-bg-100\/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)
    );
  }
  .to-bg-100\/30 {
    --tw-gradient-to: hsl(var(--bg-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-100\/30 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-100) / 1) 30%,
        transparent
      );
    }
  }
  .to-bg-100\/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-bg-200 {
    --tw-gradient-to: hsl(var(--bg-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-bg-200\/30 {
    --tw-gradient-to: hsl(var(--bg-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-200\/30 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-200) / 1) 30%,
        transparent
      );
    }
  }
  .to-bg-200\/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-bg-300 {
    --tw-gradient-to: hsl(var(--bg-300) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-bg-400\/30 {
    --tw-gradient-to: hsl(var(--bg-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-400\/30 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-400) / 1) 30%,
        transparent
      );
    }
  }
  .to-bg-400\/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-bg-500\/70 {
    --tw-gradient-to: hsl(var(--bg-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-bg-500\/70 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-500) / 1) 70%,
        transparent
      );
    }
  }
  .to-bg-500\/70 {
    --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-brand-100 {
    --tw-gradient-to: hsl(var(--brand-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-brand-200 {
    --tw-gradient-to: hsl(var(--brand-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-brand-200\/0 {
    --tw-gradient-to: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-brand-200\/0 {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 0%,
        transparent
      );
    }
  }
  .to-brand-200\/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)
    );
  }
  .to-text-100 {
    --tw-gradient-to: hsl(var(--text-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-text-200 {
    --tw-gradient-to: hsl(var(--text-200) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-text-300 {
    --tw-gradient-to: hsl(var(--text-300) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-text-400 {
    --tw-gradient-to: hsl(var(--text-400) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .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-50\% {
    --tw-gradient-to-position: 50%;
  }
  .to-60\% {
    --tw-gradient-to-position: 60%;
  }
  .to-80\% {
    --tw-gradient-to-position: 80%;
  }
  .\[mask-image\:linear-gradient\(to_bottom\,_hsl\(var\(--always-black\)\/100\%\)_0\%\,_hsl\(var\(--always-black\)\/0\%\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      to bottom,
      hsl(var(--always-black) / 100%) 0%,
      hsl(var(--always-black) / 0%) 100%
    );
    mask-image: linear-gradient(
      to bottom,
      hsl(var(--always-black) / 100%),
      hsl(var(--always-black) / 0%)
    );
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_40\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 40%, #0000);
    mask-image: linear-gradient(#000 40%, #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_55\%\,transparent_98\%\)\] {
    -webkit-mask-image: linear-gradient(#000 55%, #0000 98%);
    mask-image: linear-gradient(#000 55%, #0000 98%);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_60\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 60%, #0000);
    mask-image: linear-gradient(#000 60%, #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_70\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 70%, #0000);
    mask-image: linear-gradient(#000 70%, #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%-48px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 48px), #0000);
    mask-image: linear-gradient(#000 calc(100% - 48px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_1\.25rem\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 1.25rem), #0000);
    mask-image: linear-gradient(#000 calc(100% - 1.25rem), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_3rem\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 3rem), #0000);
    mask-image: linear-gradient(#000 calc(100% - 3rem), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,hsl\(var\(--always-black\)\)_18\%\,transparent_98\%\)\] {
    -webkit-mask-image: linear-gradient(
      to bottom,
      hsl(var(--always-black)) 18%,
      transparent 98%
    );
    mask-image: linear-gradient(
      to bottom,
      hsl(var(--always-black)) 18%,
      transparent 98%
    );
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_6px\,black_calc\(100\%-6px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      #0000,
      #000 6px calc(100% - 6px),
      #0000
    );
    mask-image: linear-gradient(#0000, #000 6px calc(100% - 6px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_12px\,black_calc\(100\%_-_8px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      #0000,
      #000 12px calc(100% - 8px),
      #0000
    );
    mask-image: linear-gradient(#0000, #000 12px calc(100% - 8px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_24px\)\] {
    -webkit-mask-image: linear-gradient(#0000, #000 24px);
    mask-image: linear-gradient(#0000, #000 24px);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,currentColor_64px\)\] {
    -webkit-mask-image: linear-gradient(#0000, currentColor 64px);
    mask-image: linear-gradient(#0000, currentColor 64px);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent_0\,black_16px\,black_calc\(100\%-16px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      #0000 0,
      #000 16px calc(100% - 16px),
      #0000
    );
    mask-image: linear-gradient(#0000 0, #000 16px calc(100% - 16px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,transparent_0\,black_var\(--fade-top\,0px\)\,black_calc\(100\%-var\(--fade-bottom\,0px\)\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent 0,
      black var(--fade-top, 0px),
      black calc(100% - var(--fade-bottom, 0px)),
      transparent 100%
    );
    mask-image: linear-gradient(
      to bottom,
      transparent 0,
      black var(--fade-top, 0px),
      black calc(100% - var(--fade-bottom, 0px)),
      transparent 100%
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,\#000_calc\(100\%-8px\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 calc(100% - 8px),
      #0000 100%
    );
    mask-image: linear-gradient(90deg, #000 calc(100% - 8px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_right\,\#000_calc\(100\%-24px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 24px), #0000);
    mask-image: linear-gradient(90deg, #000 calc(100% - 24px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-1\.5rem\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 1.5rem), #0000);
    mask-image: linear-gradient(90deg, #000 calc(100% - 1.5rem), #0000);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-56px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), #0000);
    mask-image: linear-gradient(90deg, #000 calc(100% - 56px), #0000);
  }
  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_85\%\,transparent_98\%\)\] {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) 85%,
      transparent 98%
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) 85%,
      transparent 98%
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_85\%\,transparent_99\%\)\] {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) 85%,
      transparent 99%
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) 85%,
      transparent 99%
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_calc\(100\%_-_28px\)\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 28px),
      transparent 100%
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 28px),
      transparent 100%
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_var\(--sb-fade-from\,85\%\)\,transparent_var\(--sb-fade-to\,99\%\)\)\] {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) var(--sb-fade-from, 85%),
      transparent var(--sb-fade-to, 99%)
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) var(--sb-fade-from, 85%),
      transparent var(--sb-fade-to, 99%)
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,transparent\,black_56px\)\] {
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 56px);
    mask-image: linear-gradient(90deg, #0000, #000 56px);
  }
  .\[mask-image\:linear-gradient\(to_right\,transparent\,black_56px\,black_calc\(100\%-56px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      90deg,
      #0000,
      #000 56px calc(100% - 56px),
      #0000
    );
    mask-image: linear-gradient(
      90deg,
      #0000,
      #000 56px calc(100% - 56px),
      #0000
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,transparent\,black_var\(--fade-left\,0px\)\,black_calc\(100\%-var\(--fade-right\,0px\)\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      black var(--fade-left, 0px),
      black calc(100% - var(--fade-right, 0px)),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      transparent,
      black var(--fade-left, 0px),
      black calc(100% - var(--fade-right, 0px)),
      transparent
    );
  }
  .\[mask-image\:linear-gradient\(to_right\,transparent_0\%\,black_var\(--ui-slider-energy-reveal\,70\%\)\)\] {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      black var(--ui-slider-energy-reveal, 70%)
    );
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      black var(--ui-slider-energy-reveal, 70%)
    );
  }
  .\[mask-image\:linear-gradient\(to_top\,_hsl\(var\(--always-black\)\/0\%\)_0\%\,hsl\(var\(--always-black\)\/100\%\)_75\%\,_hsl\(var\(--always-black\)\/0\%\)_100\%\)\] {
    -webkit-mask-image: linear-gradient(
      to top,
      hsl(var(--always-black) / 0%) 0%,
      hsl(var(--always-black) / 100%) 75%,
      hsl(var(--always-black) / 0%) 100%
    );
    mask-image: linear-gradient(
      to top,
      hsl(var(--always-black) / 0%),
      hsl(var(--always-black) / 100%) 75%,
      hsl(var(--always-black) / 0%)
    );
  }
  .\[mask-image\:radial-gradient\(circle_at_calc\(100\%_-_1px\)_4px\,transparent_5px\,black_5\.5px\)\] {
    -webkit-mask-image: radial-gradient(
      circle at calc(100% - 1px) 4px,
      #0000 5px,
      #000 5.5px
    );
    mask-image: radial-gradient(
      circle at calc(100% - 1px) 4px,
      #0000 5px,
      #000 5.5px
    );
  }
  .\[mask-image\:radial-gradient\(circle_at_calc\(100\%_-_2px\)_2px\,transparent_5px\,black_5\.5px\)\] {
    -webkit-mask-image: radial-gradient(
      circle at calc(100% - 2px) 2px,
      #0000 5px,
      #000 5.5px
    );
    mask-image: radial-gradient(
      circle at calc(100% - 2px) 2px,
      #0000 5px,
      #000 5.5px
    );
  }
  .\[mask-image\:radial-gradient\(circle_at_calc\(100\%_-_2px\)_2px\,transparent_6\.5px\,black_7px\)\] {
    -webkit-mask-image: radial-gradient(
      circle at calc(100% - 2px) 2px,
      #0000 6.5px,
      #000 7px
    );
    mask-image: radial-gradient(
      circle at calc(100% - 2px) 2px,
      #0000 6.5px,
      #000 7px
    );
  }
  .\[background-size\:24px_24px\] {
    background-size: 24px 24px;
  }
  .\[background-size\:32px_32px\] {
    background-size: 32px 32px;
  }
  .\[background-size\:100\%_100\%\,32px_32px\,32px_32px\] {
    background-size:
      100% 100%,
      32px 32px,
      32px 32px;
  }
  .\[background-size\:100\%_100\%\,32px_32px\] {
    background-size:
      100% 100%,
      32px 32px;
  }
  .\[background-size\:200\%_100\%\] {
    background-size: 200% 100%;
  }
  .\[background-size\:calc\(100\%-2\*var\(--cds-pad-md\)\)_1px\] {
    background-size: calc(100% - 2 * var(--cds-pad-md)) 1px;
  }
  .bg-\[length\:0\%_1\.5px\] {
    background-size: 0% 1.5px;
  }
  .bg-\[length\:100\%_1\.5px\] {
    background-size: 100% 1.5px;
  }
  .bg-\[length\:400\%_100\%\] {
    background-size: 400% 100%;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .\[background-position\:150\%_0\%\] {
    background-position: 150% 0;
  }
  .\[background-position\:center\,calc\(50\%_\+_var\(--dispatch-bg-x\,0px\)\)_calc\(50\%_\+_var\(--dispatch-bg-y\,0px\)\)\] {
    background-position:
      center,
      calc(50% + var(--dispatch-bg-x, 0px))
        calc(50% + var(--dispatch-bg-y, 0px));
  }
  .bg-bottom {
    background-position: bottom;
  }
  .bg-top {
    background-position: top;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .\[mask-size\:100\%_100\%\] {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
  .\[mask-repeat\:no-repeat\] {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }
  .fill-\[\#BCD1CA\] {
    fill: #bcd1ca;
  }
  .fill-\[hsl\(var\(--accent-brand\)\)\] {
    fill: hsl(var(--accent-brand));
  }
  .fill-\[hsl\(var\(--accent-brand\)\/18\%\)\] {
    fill: hsl(var(--accent-brand) / 18%);
  }
  .fill-\[var\(--cds-surface-popover\)\] {
    fill: var(--cds-surface-popover);
  }
  .fill-accent {
    fill: var(--cds-fill-accent);
  }
  .fill-accent-100,
  .fill-accent-100\/50 {
    fill: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-accent-100\/50 {
      fill: color-mix(in oklab, hsl(var(--accent-100) / 1) 50%, transparent);
    }
  }
  .fill-accent-900 {
    fill: hsl(var(--accent-900) / 1);
  }
  .fill-accent-brand {
    fill: hsl(var(--accent-brand) / 1);
  }
  .fill-always-white {
    fill: hsl(var(--always-white) / 1);
  }
  .fill-bg-000 {
    fill: hsl(var(--bg-000) / 1);
  }
  .fill-bg-200 {
    fill: hsl(var(--bg-200) / 1);
  }
  .fill-bg-300 {
    fill: hsl(var(--bg-300) / 1);
  }
  .fill-border-300 {
    fill: hsl(var(--border-300) / 0.15);
  }
  .fill-brand {
    fill: var(--cds-fill-brand);
  }
  .fill-brand-100 {
    fill: hsl(var(--brand-100) / 1);
  }
  .fill-current {
    fill: currentColor;
  }
  .fill-danger {
    fill: var(--cds-fill-danger);
  }
  .fill-danger-200 {
    fill: hsl(var(--danger-200) / 1);
  }
  .fill-none {
    fill: none;
  }
  .fill-oncolor-200 {
    fill: hsl(var(--oncolor-200) / 0.75);
  }
  .fill-pictogram-100 {
    fill: hsl(var(--pictogram-100) / 1);
  }
  .fill-pictogram-highlight-cactus {
    fill: var(--cds-pictogram-highlight-cactus);
  }
  .fill-pictogram-highlight-default {
    fill: var(--cds-pictogram-highlight-default);
  }
  .fill-pictogram-highlight-heather {
    fill: var(--cds-pictogram-highlight-heather);
  }
  .fill-pictogram-highlight-peach {
    fill: var(--cds-pictogram-highlight-peach);
  }
  .fill-primary {
    fill: var(--cds-fill-primary);
  }
  .fill-pro {
    fill: var(--cds-fill-pro);
  }
  .fill-secondary {
    fill: var(--cds-fill-secondary);
  }
  .fill-success {
    fill: var(--cds-fill-success);
  }
  .fill-text-100 {
    fill: hsl(var(--text-100) / 1);
  }
  .fill-warning {
    fill: var(--cds-fill-warning);
  }
  .stroke-\[hsl\(var\(--accent-brand\)\)\] {
    stroke: hsl(var(--accent-brand));
  }
  .stroke-accent-brand {
    stroke: hsl(var(--accent-brand) / 1);
  }
  .stroke-always-white {
    stroke: hsl(var(--always-white) / 1);
  }
  .stroke-border-300 {
    stroke: hsl(var(--border-300) / 0.15);
  }
  .stroke-current {
    stroke: currentColor;
  }
  .stroke-text-000\/\[0\.08\] {
    stroke: hsl(var(--text-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .stroke-text-000\/\[0\.08\] {
      stroke: color-mix(in oklab, hsl(var(--text-000) / 1) 8%, transparent);
    }
  }
  .stroke-\[1\.5\] {
    stroke-width: 1.5px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .object-left-top {
    object-position: left top;
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-1 {
    padding: calc(var(--spacing) * 1) !important;
  }
  .\!p-1\.5 {
    padding: calc(var(--spacing) * 1.5) !important;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .\!p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .\!p-8 {
    padding: calc(var(--spacing) * 8) !important;
  }
  .\!p-md {
    padding: var(--cds-pad-md) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.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-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-32 {
    padding: calc(var(--spacing) * 32);
  }
  .p-\[0\.5px\] {
    padding: 0.5px;
  }
  .p-\[0_7px\] {
    padding: 0 7px;
  }
  .p-\[0_8px_0_10px\] {
    padding: 0 8px 0 10px;
  }
  .p-\[0_10px_10px\] {
    padding: 0 10px 10px;
  }
  .p-\[0_14px\] {
    padding: 0 14px;
  }
  .p-\[0_18px\] {
    padding: 0 18px;
  }
  .p-\[1px\] {
    padding: 1px;
  }
  .p-\[1px_5px\] {
    padding: 1px 5px;
  }
  .p-\[1px_6px\] {
    padding: 1px 6px;
  }
  .p-\[2\.4px\] {
    padding: 2.4px;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[2px_5px\] {
    padding: 2px 5px;
  }
  .p-\[2px_6px\] {
    padding: 2px 6px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[3px_7px\] {
    padding: 3px 7px;
  }
  .p-\[3px_8px\] {
    padding: 3px 8px;
  }
  .p-\[3px_10px\] {
    padding: 3px 10px;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[4px_12px_10px\] {
    padding: 4px 12px 10px;
  }
  .p-\[5px_10px\] {
    padding: 5px 10px;
  }
  .p-\[5px_12px\] {
    padding: 5px 12px;
  }
  .p-\[6px\] {
    padding: 6px;
  }
  .p-\[6px_6px_8px\] {
    padding: 6px 6px 8px;
  }
  .p-\[6px_8px\] {
    padding: 6px 8px;
  }
  .p-\[6px_8px_8px\] {
    padding: 6px 8px 8px;
  }
  .p-\[6px_14px_10px\] {
    padding: 6px 14px 10px;
  }
  .p-\[7px_12px\] {
    padding: 7px 12px;
  }
  .p-\[8px\] {
    padding: 8px;
  }
  .p-\[8px_10px\] {
    padding: 8px 10px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[10px_0\] {
    padding: 10px 0;
  }
  .p-\[10px_12px\] {
    padding: 10px 12px;
  }
  .p-\[10px_12px_8px\] {
    padding: 10px 12px 8px;
  }
  .p-\[10px_16px_14px\] {
    padding: 10px 16px 14px;
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[12px_14px_4px\] {
    padding: 12px 14px 4px;
  }
  .p-\[12px_14px_6px\] {
    padding: 12px 14px 6px;
  }
  .p-\[12px_16px\] {
    padding: 12px 16px;
  }
  .p-\[12px_16px_14px\] {
    padding: 12px 16px 14px;
  }
  .p-\[12px_18px_14px\] {
    padding: 12px 18px 14px;
  }
  .p-\[15px\] {
    padding: 15px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[16px_16px_12px\] {
    padding: 16px 16px 12px;
  }
  .p-\[16px_18px\] {
    padding: 16px 18px;
  }
  .p-\[18px\] {
    padding: 18px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-\[24px_28px_20px\] {
    padding: 24px 28px 20px;
  }
  .p-\[32px\] {
    padding: 32px;
  }
  .p-\[40px\] {
    padding: 40px;
  }
  .p-\[48px\] {
    padding: 48px;
  }
  .p-\[80px\] {
    padding: 80px;
  }
  .p-\[var\(--h4\)\] {
    padding: var(--h4);
  }
  .p-lg {
    padding: var(--cds-pad-lg);
  }
  .p-md {
    padding: var(--cds-pad-md);
  }
  .p-px {
    padding: 1px;
  }
  .p-sm {
    padding: var(--cds-pad-sm);
  }
  .p-xl {
    padding: var(--cds-pad-xl);
  }
  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .\!px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5) !important;
  }
  .\!px-1 {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .\!px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .\!px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .\!px-12 {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  .\!px-\[var\(--msg-bubble-px\,1rem\)\] {
    padding-inline: var(--msg-bubble-px, 1rem) !important;
  }
  .\!px-md {
    padding-inline: var(--cds-pad-md) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .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-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .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-7 {
    padding-inline: calc(var(--spacing) * 7);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-14 {
    padding-inline: calc(var(--spacing) * 14);
  }
  .px-16 {
    padding-inline: calc(var(--spacing) * 16);
  }
  .px-48 {
    padding-inline: calc(var(--spacing) * 48);
  }
  .px-56 {
    padding-inline: calc(var(--spacing) * 56);
  }
  .px-\[0\.5ch\] {
    padding-inline: 0.5ch;
  }
  .px-\[0\.3125rem\] {
    padding-inline: 0.3125rem;
  }
  .px-\[1\.375rem\] {
    padding-inline: 1.375rem;
  }
  .px-\[1px\] {
    padding-inline: 1px;
  }
  .px-\[2px\] {
    padding-inline: 2px;
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .px-\[4px\] {
    padding-inline: 4px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[9px\] {
    padding-inline: 9px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[12\.5px\] {
    padding-inline: 12.5px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[14\.5px\] {
    padding-inline: 14.5px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[15px\] {
    padding-inline: 15px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[24px\] {
    padding-inline: 24px;
  }
  .px-\[32px\] {
    padding-inline: 32px;
  }
  .px-\[calc\(6px\+var\(--g3\)\)\] {
    padding-inline: calc(6px + var(--g3));
  }
  .px-\[calc\(var\(--cds-pad-md\)\+4px\)\] {
    padding-inline: calc(var(--cds-pad-md) + 4px);
  }
  .px-\[calc\(var\(--h4\)\+var\(--g3\)\)\] {
    padding-inline: calc(var(--h4) + var(--g3));
  }
  .px-\[var\(--df-row-px\)\] {
    padding-inline: var(--df-row-px);
  }
  .px-\[var\(--g6\)\] {
    padding-inline: var(--g6);
  }
  .px-\[var\(--p6\)\] {
    padding-inline: var(--p6);
  }
  .px-\[var\(--ra-list-x\)\] {
    padding-inline: var(--ra-list-x);
  }
  .px-\[var\(--rs-list-x\)\] {
    padding-inline: var(--rs-list-x);
  }
  .px-lg {
    padding-inline: var(--cds-pad-lg);
  }
  .px-md {
    padding-inline: var(--cds-pad-md);
  }
  .px-px {
    padding-inline: 1px;
  }
  .px-sm {
    padding-inline: var(--cds-pad-sm);
  }
  .px-xl {
    padding-inline: var(--cds-pad-xl);
  }
  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .\!py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .\!py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5) !important;
  }
  .\!py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  .\!py-8 {
    padding-block: calc(var(--spacing) * 8) !important;
  }
  .\!py-\[5\.5px\] {
    padding-block: 5.5px !important;
  }
  .\!py-lg {
    padding-block: var(--cds-pad-lg) !important;
  }
  .\!py-sm {
    padding-block: var(--cds-pad-sm) !important;
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-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-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .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-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-80 {
    padding-block: calc(var(--spacing) * 80);
  }
  .py-\[1px\] {
    padding-block: 1px;
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6\.5px\] {
    padding-block: 6.5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[10\.5px\] {
    padding-block: 10.5px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[22px\] {
    padding-block: 22px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[40px\] {
    padding-block: 40px;
  }
  .py-\[48px\] {
    padding-block: 48px;
  }
  .py-\[64px\] {
    padding-block: 64px;
  }
  .py-\[65px\] {
    padding-block: 65px;
  }
  .py-\[96px\] {
    padding-block: 96px;
  }
  .py-\[calc\(\(var\(--cds-h-control\)-var\(--cds-leading-body\)\)\/2\)\] {
    padding-block: calc((var(--cds-h-control) - var(--cds-leading-body)) / 2);
  }
  .py-\[calc\(\)\] {
    padding-block: calc();
  }
  .py-\[var\(--df-products-rows-py\)\] {
    padding-block: var(--df-products-rows-py);
  }
  .py-\[var\(--msg-bubble-py\,0\.625rem\)\] {
    padding-block: var(--msg-bubble-py, 0.625rem);
  }
  .py-\[var\(--msg-pill-py\,0\.375rem\)\] {
    padding-block: var(--msg-pill-py, 0.375rem);
  }
  .py-\[var\(--p4\)\] {
    padding-block: var(--p4);
  }
  .py-lg {
    padding-block: var(--cds-pad-lg);
  }
  .py-md {
    padding-block: var(--cds-pad-md);
  }
  .py-px {
    padding-block: 1px;
  }
  .py-sm {
    padding-block: var(--cds-pad-sm);
  }
  .py-xl {
    padding-block: var(--cds-pad-xl);
  }
  .ps-1 {
    padding-inline-start: calc(var(--spacing) * 1);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-md {
    padding-inline-start: var(--cds-pad-md);
  }
  .pe-1 {
    padding-inline-end: calc(var(--spacing) * 1);
  }
  .\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .\!pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .\!pt-8 {
    padding-top: calc(var(--spacing) * 8) !important;
  }
  .\!pt-10 {
    padding-top: calc(var(--spacing) * 10) !important;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.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-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-14 {
    padding-top: calc(var(--spacing) * 14);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pt-36 {
    padding-top: calc(var(--spacing) * 36);
  }
  .pt-\[1\.1rem\] {
    padding-top: 1.1rem;
  }
  .pt-\[1\.625rem\] {
    padding-top: 1.625rem;
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[3px\] {
    padding-top: 3px;
  }
  .pt-\[4px\] {
    padding-top: 4px;
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[6px\] {
    padding-top: 6px;
  }
  .pt-\[6vh\] {
    padding-top: 6vh;
  }
  .pt-\[7px\] {
    padding-top: 7px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pt-\[9px\] {
    padding-top: 9px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[10vh\] {
    padding-top: 10vh;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[13px\] {
    padding-top: 13px;
  }
  .pt-\[15vh\] {
    padding-top: 15vh;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[18vh\] {
    padding-top: 18vh;
  }
  .pt-\[20px\] {
    padding-top: 20px;
  }
  .pt-\[24px\] {
    padding-top: 24px;
  }
  .pt-\[32px\] {
    padding-top: 32px;
  }
  .pt-\[36px\] {
    padding-top: 36px;
  }
  .pt-\[44px\] {
    padding-top: 44px;
  }
  .pt-\[48px\] {
    padding-top: 48px;
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pt-\[72px\] {
    padding-top: 72px;
  }
  .pt-\[88px\] {
    padding-top: 88px;
  }
  .pt-\[clamp\(1\.5rem\,3\.5vw\,3\.125rem\)\] {
    padding-top: clamp(1.5rem, 3.5vw, 3.125rem);
  }
  .pt-\[var\(--chat-item-gap\)\] {
    padding-top: var(--chat-item-gap);
  }
  .pt-\[var\(--df-group-pt\)\] {
    padding-top: var(--df-group-pt);
  }
  .pt-\[var\(--g2\)\] {
    padding-top: var(--g2);
  }
  .pt-lg {
    padding-top: var(--cds-pad-lg);
  }
  .pt-md {
    padding-top: var(--cds-pad-md);
  }
  .pt-px {
    padding-top: 1px;
  }
  .pt-sm {
    padding-top: var(--cds-pad-sm);
  }
  .pt-xl {
    padding-top: var(--cds-pad-xl);
  }
  .\!pr-2 {
    padding-right: calc(var(--spacing) * 2) !important;
  }
  .\!pr-6 {
    padding-right: calc(var(--spacing) * 6) !important;
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .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-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .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-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .pr-28 {
    padding-right: calc(var(--spacing) * 28);
  }
  .pr-\[1px\] {
    padding-right: 1px;
  }
  .pr-\[2px\] {
    padding-right: 2px;
  }
  .pr-\[3\.5rem\] {
    padding-right: 3.5rem;
  }
  .pr-\[4px\] {
    padding-right: 4px;
  }
  .pr-\[5px\] {
    padding-right: 5px;
  }
  .pr-\[6px\] {
    padding-right: 6px;
  }
  .pr-\[8px\] {
    padding-right: 8px;
  }
  .pr-\[9px\] {
    padding-right: 9px;
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[16px\] {
    padding-right: 16px;
  }
  .pr-\[18px\] {
    padding-right: 18px;
  }
  .pr-\[24px\] {
    padding-right: 24px;
  }
  .pr-\[36px\] {
    padding-right: 36px;
  }
  .pr-\[44px\] {
    padding-right: 44px;
  }
  .pr-\[76px\] {
    padding-right: 76px;
  }
  .pr-\[96px\] {
    padding-right: 96px;
  }
  .pr-\[100px\] {
    padding-right: 100px;
  }
  .pr-\[calc\(16px\+var\(--g5\)\)\] {
    padding-right: calc(16px + var(--g5));
  }
  .pr-\[calc\(var\(--df-tray-caret-col\)-8px\)\] {
    padding-right: calc(var(--df-tray-caret-col) - 8px);
  }
  .pr-\[var\(--chat-gutter\)\] {
    padding-right: var(--chat-gutter);
  }
  .pr-\[var\(--df-row-px\)\] {
    padding-right: var(--df-row-px);
  }
  .pr-\[var\(--epitaxy-titlebar-pr\,12px\)\] {
    padding-right: var(--epitaxy-titlebar-pr, 12px);
  }
  .pr-\[var\(--ra-list-x\)\] {
    padding-right: var(--ra-list-x);
  }
  .pr-lg {
    padding-right: var(--cds-pad-lg);
  }
  .pr-md {
    padding-right: var(--cds-pad-md);
  }
  .pr-sm {
    padding-right: var(--cds-pad-sm);
  }
  .pr-xl {
    padding-right: var(--cds-pad-xl);
  }
  .\!pb-0 {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .\!pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .\!pb-7 {
    padding-bottom: calc(var(--spacing) * 7) !important;
  }
  .\!pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .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-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-36 {
    padding-bottom: calc(var(--spacing) * 36);
  }
  .pb-\[0\.05em\] {
    padding-bottom: 0.05em;
  }
  .pb-\[0\.9rem\] {
    padding-bottom: 0.9rem;
  }
  .pb-\[2px\] {
    padding-bottom: 2px;
  }
  .pb-\[3\.75rem\] {
    padding-bottom: 3.75rem;
  }
  .pb-\[3rem\] {
    padding-bottom: 3rem;
  }
  .pb-\[4px\] {
    padding-bottom: 4px;
  }
  .pb-\[6px\] {
    padding-bottom: 6px;
  }
  .pb-\[8px\] {
    padding-bottom: 8px;
  }
  .pb-\[10\.5px\] {
    padding-bottom: 10.5px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pb-\[14px\] {
    padding-bottom: 14px;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pb-\[18px\] {
    padding-bottom: 18px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  .pb-\[28px\] {
    padding-bottom: 28px;
  }
  .pb-\[32px\] {
    padding-bottom: 32px;
  }
  .pb-\[56px\] {
    padding-bottom: 56px;
  }
  .pb-\[64px\] {
    padding-bottom: 64px;
  }
  .pb-\[200px\] {
    padding-bottom: 200px;
  }
  .pb-\[calc\(\(var\(--cds-h-control\)-var\(--cds-font-size-body\)-var\(--cds-leading-footnote\)\+var\(--cds-font-size-footnote\)\)\/2\)\] {
    padding-bottom: calc(
      (
          var(--cds-h-control) - var(--cds-font-size-body) -
            var(--cds-leading-footnote) + var(--cds-font-size-footnote)
        ) /
        2
    );
  }
  .pb-\[calc\(var\(--rs-sidebar-gap\)\+var\(--p7\)\)\] {
    padding-bottom: calc(var(--rs-sidebar-gap) + var(--p7));
  }
  .pb-\[var\(--chat-turn-gap\)\] {
    padding-bottom: var(--chat-turn-gap);
  }
  .pb-\[var\(--msg-assistant-pb\,0\.75rem\)\] {
    padding-bottom: var(--msg-assistant-pb, 0.75rem);
  }
  .pb-lg {
    padding-bottom: var(--cds-pad-lg);
  }
  .pb-md {
    padding-bottom: var(--cds-pad-md);
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pb-sm {
    padding-bottom: var(--cds-pad-sm);
  }
  .pb-xl {
    padding-bottom: var(--cds-pad-xl);
  }
  .\!pl-0 {
    padding-left: calc(var(--spacing) * 0) !important;
  }
  .\!pl-1 {
    padding-left: calc(var(--spacing) * 1) !important;
  }
  .\!pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .\!pl-\[6px\] {
    padding-left: 6px !important;
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .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-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }
  .pl-\[1\.5rem\] {
    padding-left: 1.5rem;
  }
  .pl-\[1px\] {
    padding-left: 1px;
  }
  .pl-\[2px\] {
    padding-left: 2px;
  }
  .pl-\[3px\] {
    padding-left: 3px;
  }
  .pl-\[5\.5rem\] {
    padding-left: 5.5rem;
  }
  .pl-\[6px\] {
    padding-left: 6px;
  }
  .pl-\[7px\] {
    padding-left: 7px;
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .pl-\[10px\] {
    padding-left: 10px;
  }
  .pl-\[11\.5px\] {
    padding-left: 11.5px;
  }
  .pl-\[13px\] {
    padding-left: 13px;
  }
  .pl-\[14px\] {
    padding-left: 14px;
  }
  .pl-\[15px\] {
    padding-left: 15px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[19px\] {
    padding-left: 19px;
  }
  .pl-\[20px\] {
    padding-left: 20px;
  }
  .pl-\[24px\] {
    padding-left: 24px;
  }
  .pl-\[30px\] {
    padding-left: 30px;
  }
  .pl-\[32px\] {
    padding-left: 32px;
  }
  .pl-\[34px\] {
    padding-left: 34px;
  }
  .pl-\[48px\] {
    padding-left: 48px;
  }
  .pl-\[108px\] {
    padding-left: 108px;
  }
  .pl-\[133px\] {
    padding-left: 133px;
  }
  .pl-\[calc\(\(var\(--df-leading-slot\)-var\(--df-icon-size\)\)\/2\)\] {
    padding-left: calc((var(--df-leading-slot) - var(--df-icon-size)) / 2);
  }
  .pl-\[calc\(14px\+var\(--g3\)\)\] {
    padding-left: calc(14px + var(--g3));
  }
  .pl-\[calc\(20px\+var\(--cds-gap-sm\)\)\] {
    padding-left: calc(20px + var(--cds-gap-sm));
  }
  .pl-\[calc\(var\(--df-row-px\)\+\(var\(--df-leading-slot\)-var\(--df-icon-size\)\)\/2\)\] {
    padding-left: calc(
      var(--df-row-px) + (var(--df-leading-slot) - var(--df-icon-size)) / 2
    );
  }
  .pl-\[calc\(var\(--df-row-px\)\+var\(--df-row-indent\,0px\)\)\] {
    padding-left: calc(var(--df-row-px) + var(--df-row-indent, 0px));
  }
  .pl-\[calc\(var\(--p6\)\+var\(--p5\)\)\] {
    padding-left: calc(var(--p6) + var(--p5));
  }
  .pl-\[clamp\(1\.5rem\,3\.5vw\,3\.125rem\)\] {
    padding-left: clamp(1.5rem, 3.5vw, 3.125rem);
  }
  .pl-\[var\(--cbx-pl\)\] {
    padding-left: var(--cbx-pl);
  }
  .pl-\[var\(--chat-gutter-start\,32px\)\] {
    padding-left: var(--chat-gutter-start, 32px);
  }
  .pl-\[var\(--df-row-px\)\] {
    padding-left: var(--df-row-px);
  }
  .pl-\[var\(--p4\)\] {
    padding-left: var(--p4);
  }
  .pl-\[var\(--ra-list-x\)\] {
    padding-left: var(--ra-list-x);
  }
  .pl-\[var\(--rs-list-x\)\] {
    padding-left: var(--rs-list-x);
  }
  .pl-lg {
    padding-left: var(--cds-pad-lg);
  }
  .pl-md {
    padding-left: var(--cds-pad-md);
  }
  .pl-px {
    padding-left: 1px;
  }
  .pl-sm {
    padding-left: var(--cds-pad-sm);
  }
  .pl-xl {
    padding-left: var(--cds-pad-xl);
  }
  .\!text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .indent-4 {
    text-indent: calc(var(--spacing) * 4);
  }
  .align-\[-0\.075em\] {
    vertical-align: -0.075em;
  }
  .align-\[-0\.125em\] {
    vertical-align: -0.125em;
  }
  .align-\[-1px\] {
    vertical-align: -1px;
  }
  .align-\[1px\] {
    vertical-align: 1px;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  .align-top {
    vertical-align: top;
  }
  .font-claude-response-title {
    font-family: var(--font-claude-response);
    font-variation-settings: "opsz" 28;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.3;
  }
  .font-display {
    font-family: var(--font-ui-serif);
    font-variation-settings: "opsz" 48;
    font-size: 2.375rem;
    font-weight: 330;
    line-height: 1.2;
  }
  .font-heading {
    font-family: var(--font-ui-serif);
    font-variation-settings: "opsz" 24;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .font-title {
    font-family: var(--font-ui-serif);
    font-variation-settings: "opsz" 28;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.3;
  }
  .font-xl {
    font-family: var(--font-ui);
    font-variation-settings: "opsz" 20;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
  }
  .font-xl-bold {
    font-family: var(--font-ui);
    font-variation-settings: "opsz" 20;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .\!font-base {
    font-family: var(--font-ui) !important;
    font-size: 0.875rem !important;
    font-weight: 430 !important;
    line-height: 1.4 !important;
  }
  .\!font-small {
    font-family: var(--font-ui) !important;
    font-size: 0.75rem !important;
    font-weight: 430 !important;
    line-height: 1.4 !important;
  }
  .font-base {
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 430;
    line-height: 1.4;
  }
  .font-base-bold {
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
  }
  .font-claude-response-body {
    font-family: var(--font-claude-response);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .font-claude-response-body-bold {
    font-family: var(--font-claude-response);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
  }
  .font-claude-response-code-small {
    font-family: var(--font-mono);
    font-size: 0.688rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .font-claude-response-small {
    font-family: var(--font-claude-response);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
  }
  .font-claude-response-small-bold {
    font-family: var(--font-claude-response);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
  }
  .font-large {
    font-family: var(--font-ui);
    font-size: 1rem;
    font-weight: 430;
    line-height: 1.4;
  }
  .font-large-bold {
    font-family: var(--font-ui);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .font-small {
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 430;
    line-height: 1.4;
  }
  .font-small-bold {
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .text-code {
    font-size: var(--cds-font-size-code);
    line-height: var(--cds-leading-code);
    font-family: var(--cds-font-mono);
  }
  .\!font-user-message {
    font-family: var(--font-user-message) !important;
  }
  .\[font-family\:inherit\] {
    font-family: inherit;
  }
  .font-\[-apple-system\,BlinkMacSystemFont\,system-ui\,sans-serif\] {
    font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-claude-response {
    font-family: var(--font-claude-response);
  }
  .font-mono {
    font-family: var(--font-mono);
    font-family: var(--cds-font-mono);
  }
  .font-sans {
    font-family: var(--cds-font-sans);
  }
  .font-serif {
    font-family: var(--font-ui-serif);
  }
  .font-ui {
    font-family: var(--font-ui);
  }
  .font-ui-serif {
    font-family: var(--font-ui-serif);
  }
  .font-voice {
    font-family: var(--cds-font-voice);
  }
  .\[font-feature-settings\:\'liga\'_1\] {
    font-feature-settings: "liga" 1;
  }
  .\[font-feature-settings\:\'salt\'_on\] {
    font-feature-settings: "salt" on;
  }
  .text-body-bold {
    font-size: var(--cds-font-size-body);
    line-height: var(--cds-leading-body);
    font-weight: 700;
  }
  .text-body-medium {
    font-size: var(--cds-font-size-body);
    line-height: var(--cds-leading-body);
    font-weight: 500;
  }
  .text-body-semibold {
    font-size: var(--cds-font-size-body);
    line-height: var(--cds-leading-body);
    font-weight: 600;
  }
  .text-caption-medium {
    font-size: var(--cds-font-size-caption);
    line-height: var(--cds-leading-caption);
    font-weight: 500;
  }
  .text-caption-semibold {
    font-size: var(--cds-font-size-caption);
    line-height: var(--cds-leading-caption);
    font-weight: 600;
  }
  .text-footnote-medium {
    font-size: var(--cds-font-size-footnote);
    line-height: var(--cds-leading-footnote);
    font-weight: 500;
  }
  .text-footnote-semibold {
    font-size: var(--cds-font-size-footnote);
    line-height: var(--cds-leading-footnote);
    font-weight: 600;
  }
  .text-heading-medium {
    font-size: var(--cds-font-size-heading);
    line-height: var(--cds-leading-heading);
    font-weight: 500;
  }
  .text-heading-semibold {
    font-size: var(--cds-font-size-heading);
    line-height: var(--cds-leading-heading);
    font-weight: 600;
  }
  .text-title-semibold {
    font-size: var(--cds-font-size-title);
    line-height: var(--cds-leading-title);
    font-weight: 600;
  }
  .\!text-3xl {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }
  .\!text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .\!text-6xl {
    font-size: var(--text-6xl) !important;
    line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .\!text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--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-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }
  .text-\[11px\]\/\[14px\] {
    font-size: 11px;
    line-height: 14px;
  }
  .text-\[13px\]\/\[18px\] {
    font-size: 13px;
    line-height: 18px;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-body {
    font-size: var(--cds-font-size-body);
    line-height: var(--tw-leading, var(--cds-leading-body));
  }
  .text-caption {
    font-size: var(--cds-font-size-caption);
    line-height: var(--tw-leading, var(--cds-leading-caption));
  }
  .text-footnote {
    font-size: var(--cds-font-size-footnote);
    line-height: var(--tw-leading, var(--cds-leading-footnote));
  }
  .text-heading {
    font-size: var(--cds-font-size-heading);
    line-height: var(--tw-leading, var(--cds-leading-heading));
  }
  .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-title {
    font-size: var(--cds-font-size-title);
    line-height: var(--tw-leading, var(--cds-leading-title));
  }
  .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-\[0\.6875rem\] {
    font-size: 0.6875rem !important;
  }
  .\!text-\[11px\] {
    font-size: 11px !important;
  }
  .\!text-\[12px\] {
    font-size: 12px !important;
  }
  .\!text-\[17px\] {
    font-size: 17px !important;
  }
  .text-\[0\.3rem\] {
    font-size: 0.3rem;
  }
  .text-\[0\.4rem\] {
    font-size: 0.4rem;
  }
  .text-\[0\.6rem\] {
    font-size: 0.6rem;
  }
  .text-\[0\.9rem\] {
    font-size: 0.9rem;
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .text-\[0\.875rem\] {
    font-size: 0.875rem;
  }
  .text-\[0\.5625rem\] {
    font-size: 0.5625rem;
  }
  .text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[0\.9375rem\] {
    font-size: 0.9375rem;
  }
  .text-\[1\.25rem\] {
    font-size: 1.25rem;
  }
  .text-\[1\.75rem\] {
    font-size: 1.75rem;
  }
  .text-\[1\.125rem\] {
    font-size: 1.125rem;
  }
  .text-\[1\.375rem\] {
    font-size: 1.375rem;
  }
  .text-\[2\.375rem\] {
    font-size: 2.375rem;
  }
  .text-\[3\.5rem\] {
    font-size: 3.5rem;
  }
  .text-\[5\.6px\] {
    font-size: 5.6px;
  }
  .text-\[5\.7px\] {
    font-size: 5.7px;
  }
  .text-\[6px\] {
    font-size: 6px;
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .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-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[38px\] {
    font-size: 38px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[length\:12px\] {
    font-size: 12px;
  }
  .text-\[length\:calc\(var\(--df-row-font\)-2px\)\] {
    font-size: calc(var(--df-row-font) - 2px);
  }
  .text-\[length\:var\(--df-row-font\)\] {
    font-size: var(--df-row-font);
  }
  .text-\[length\:var\(--df-row-font\,13px\)\] {
    font-size: var(--df-row-font, 13px);
  }
  .\!leading-4 {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }
  .\!leading-normal {
    --tw-leading: var(--leading-normal) !important;
    line-height: var(--leading-normal) !important;
  }
  .\!leading-relaxed {
    --tw-leading: var(--leading-relaxed) !important;
    line-height: var(--leading-relaxed) !important;
  }
  .\!leading-snug {
    --tw-leading: var(--leading-snug) !important;
    line-height: var(--leading-snug) !important;
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .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-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-\[0\.8rem\] {
    --tw-leading: 0.8rem;
    line-height: 0.8rem;
  }
  .leading-\[0\.9em\] {
    --tw-leading: 0.9em;
    line-height: 0.9em;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.40\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.65rem\] {
    --tw-leading: 1.65rem;
    line-height: 1.65rem;
  }
  .leading-\[1em\] {
    --tw-leading: 1em;
    line-height: 1em;
  }
  .leading-\[10px\] {
    --tw-leading: 10px;
    line-height: 10px;
  }
  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }
  .leading-\[14\.5px\] {
    --tw-leading: 14.5px;
    line-height: 14.5px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[19\.5px\] {
    --tw-leading: 19.5px;
    line-height: 19.5px;
  }
  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }
  .leading-\[20px\] {
    --tw-leading: 20px;
    line-height: 20px;
  }
  .leading-\[24px\] {
    --tw-leading: 24px;
    line-height: 24px;
  }
  .leading-\[130\%\] {
    --tw-leading: 130%;
    line-height: 130%;
  }
  .leading-\[140\%\] {
    --tw-leading: 140%;
    line-height: 140%;
  }
  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }
  .leading-\[var\(--leading-body\)\] {
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
  }
  .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-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-\[420\] {
    --tw-font-weight: 420;
    font-weight: 420;
  }
  .font-\[430\] {
    --tw-font-weight: 430;
    font-weight: 430;
  }
  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }
  .font-\[460\] {
    --tw-font-weight: 460;
    font-weight: 460;
  }
  .font-\[480\] {
    --tw-font-weight: 480;
    font-weight: 480;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[520\] {
    --tw-font-weight: 520;
    font-weight: 520;
  }
  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }
  .font-\[560\] {
    --tw-font-weight: 560;
    font-weight: 560;
  }
  .font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .font-\[var\(--family-monospace\)\] {
    --tw-font-weight: var(--family-monospace);
    font-weight: var(--family-monospace);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--cds-font-weight-bold);
    font-weight: var(--cds-font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-extralight {
    --tw-font-weight: var(--font-weight-extralight);
    font-weight: var(--font-weight-extralight);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--cds-font-weight-medium);
    font-weight: var(--cds-font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--cds-font-weight-semibold);
    font-weight: var(--cds-font-weight-semibold);
  }
  .font-thin {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
  }
  .font-bold {
    font-weight: 600;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.3px\] {
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
  }
  .tracking-\[-0\.4px\] {
    --tw-tracking: -0.4px;
    letter-spacing: -0.4px;
  }
  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .tracking-\[0\.02em\] {
    --tw-tracking: 0.02em;
    letter-spacing: 0.02em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.03em\] {
    --tw-tracking: 0.03em;
    letter-spacing: 0.03em;
  }
  .tracking-\[0\.3em\] {
    --tw-tracking: 0.3em;
    letter-spacing: 0.3em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.05em\] {
    --tw-tracking: 0.05em;
    letter-spacing: 0.05em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[5px\] {
    --tw-tracking: 5px;
    letter-spacing: 5px;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .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);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .\[letter-spacing\:-0\.03em\] {
    letter-spacing: -0.03em;
  }
  .\[text-wrap\:pretty\] {
    text-wrap: pretty;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words,
  .wrap-break-word {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .overflow-ellipsis,
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .\!whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-break-spaces {
    white-space: break-spaces;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .tab-1 {
    tab-size: 1;
  }
  .\!text-\[\#d29922\] {
    color: #d29922 !important;
  }
  .\!text-accent {
    color: var(--cds-text-accent) !important;
  }
  .\!text-accent-000 {
    color: hsl(var(--accent-000) / 1) !important;
  }
  .\!text-accent-100 {
    color: hsl(var(--accent-100) / 1) !important;
  }
  .\!text-always-white {
    color: hsl(var(--always-white) / 1) !important;
  }
  .\!text-bg-000 {
    color: hsl(var(--bg-000) / 1) !important;
  }
  .\!text-bg-100 {
    color: hsl(var(--bg-100) / 1) !important;
  }
  .\!text-brand-000 {
    color: hsl(var(--brand-000) / 1) !important;
  }
  .\!text-brand-200 {
    color: hsl(var(--brand-200) / 1) !important;
  }
  .\!text-danger {
    color: var(--cds-text-danger) !important;
  }
  .\!text-danger-000 {
    color: hsl(var(--danger-000) / 1) !important;
  }
  .\!text-danger-200 {
    color: hsl(var(--danger-200) / 1) !important;
  }
  .\!text-inherit {
    color: inherit !important;
  }
  .\!text-muted {
    color: var(--cds-text-muted) !important;
  }
  .\!text-on-accent {
    color: var(--cds-on-accent) !important;
  }
  .\!text-oncolor-100 {
    color: hsl(var(--oncolor-100) / 1) !important;
  }
  .\!text-primary {
    color: var(--cds-text-primary) !important;
  }
  .\!text-secondary {
    color: var(--cds-text-secondary) !important;
  }
  .\!text-text-000 {
    color: hsl(var(--text-000) / 1) !important;
  }
  .\!text-text-100 {
    color: hsl(var(--text-100) / 1) !important;
  }
  .\!text-text-200 {
    color: hsl(var(--text-200) / 1) !important;
  }
  .\!text-text-300 {
    color: hsl(var(--text-300) / 1) !important;
  }
  .\!text-text-400 {
    color: hsl(var(--text-400) / 1) !important;
  }
  .\!text-text-500,
  .\!text-text-500\/50 {
    color: hsl(var(--text-500) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!text-text-500\/50 {
      color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 50%,
        transparent
      ) !important;
    }
  }
  .\!text-transparent {
    color: #0000 !important;
  }
  .text-\[\#0a84ff\] {
    color: #0a84ff;
  }
  .text-\[\#1d1d1f\] {
    color: #1d1d1f;
  }
  .text-\[\#3fb950\] {
    color: #3fb950;
  }
  .text-\[\#5e6ad2\] {
    color: #5e6ad2;
  }
  .text-\[\#6e7681\] {
    color: #6e7681;
  }
  .text-\[\#7ee787\] {
    color: #7ee787;
  }
  .text-\[\#8b949e\] {
    color: #8b949e;
  }
  .text-\[\#98c379\] {
    color: #98c379;
  }
  .text-\[\#333\] {
    color: #333;
  }
  .text-\[\#666\] {
    color: #666;
  }
  .text-\[\#888\] {
    color: #888;
  }
  .text-\[\#4285f4\] {
    color: #4285f4;
  }
  .text-\[\#8250df\] {
    color: #8250df;
  }
  .text-\[\#9198a2\] {
    color: #9198a2;
  }
  .text-\[\#86868b\] {
    color: #86868b;
  }
  .text-\[\#91908A\] {
    color: #91908a;
  }
  .text-\[\#141413\] {
    color: #141413;
  }
  .text-\[\#A29F95\] {
    color: #a29f95;
  }
  .text-\[\#D97757\] {
    color: #d97757;
  }
  .text-\[\#FAF9F5\] {
    color: #faf9f5;
  }
  .text-\[\#FAF9F5\]\/70 {
    color: #faf9f5b3;
  }
  .text-\[\#a371f7\] {
    color: #a371f7;
  }
  .text-\[\#abb2bf\] {
    color: #abb2bf;
  }
  .text-\[\#afafaf\] {
    color: #afafaf;
  }
  .text-\[\#e01e5a\] {
    color: #e01e5a;
  }
  .text-\[\#e06c75\] {
    color: #e06c75;
  }
  .text-\[\#e6edf3\] {
    color: #e6edf3;
  }
  .text-\[\#f85149\] {
    color: #f85149;
  }
  .text-\[hsl\(var\(--accent-100\)\)\] {
    color: hsl(var(--accent-100));
  }
  .text-\[hsl\(var\(--accent-brand\)\)\] {
    color: hsl(var(--accent-brand));
  }
  .text-\[rgb\(…\)\] {
    color: rgb(…);
  }
  .text-\[var\(--accent\)\] {
    color: var(--accent);
  }
  .text-\[var\(--cds-fill-brand\)\] {
    color: var(--cds-fill-brand);
  }
  .text-\[var\(--cds-tooltip-fg\)\] {
    color: var(--cds-tooltip-fg);
  }
  .text-\[var\(--core-black\)\] {
    color: var(--core-black);
  }
  .text-\[var\(--core-red\)\] {
    color: var(--core-red);
  }
  .text-\[var\(--core-white\)\] {
    color: var(--core-white);
  }
  .text-\[var\(--diff-widget-fg\,var\(--t7\)\)\] {
    color: var(--diff-widget-fg, var(--t7));
  }
  .text-\[var\(--diff-widget-fg\,var\(--t8\)\)\] {
    color: var(--diff-widget-fg, var(--t8));
  }
  .text-\[var\(--diff-widget-muted\,var\(--t5\)\)\] {
    color: var(--diff-widget-muted, var(--t5));
  }
  .text-\[var\(--diff-widget-muted\,var\(--t6\)\)\] {
    color: var(--diff-widget-muted, var(--t6));
  }
  .text-\[var\(--dot-ready\)\] {
    color: var(--dot-ready);
  }
  .text-\[var\(--extended-pink\)\] {
    color: var(--extended-pink);
  }
  .text-\[var\(--extended-purple\)\] {
    color: var(--extended-purple);
  }
  .text-\[var\(--menu-item-color\,var\(--t8\)\)\] {
    color: var(--menu-item-color, var(--t8));
  }
  .text-\[var\(--text-uncontained-default\)\] {
    color: var(--text-uncontained-default);
  }
  .text-\[var\(--ui-tooltip-text\)\] {
    color: var(--ui-tooltip-text);
  }
  .text-\[var\(--ui-user-message-primary-text\)\] {
    color: var(--ui-user-message-primary-text);
  }
  .text-accent {
    color: var(--cds-text-accent);
  }
  .text-accent-000 {
    color: hsl(var(--accent-000) / 1);
  }
  .text-accent-100 {
    color: hsl(var(--accent-100) / 1);
  }
  .text-accent-200,
  .text-accent-200\/75 {
    color: hsl(var(--accent-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-accent-200\/75 {
      color: color-mix(in oklab, hsl(var(--accent-200) / 1) 75%, transparent);
    }
  }
  .text-accent-900 {
    color: hsl(var(--accent-900) / 1);
  }
  .text-accent-brand {
    color: hsl(var(--accent-brand) / 1);
  }
  .text-accent-pro-000 {
    color: hsl(var(--accent-pro-000) / 1);
  }
  .text-always-black,
  .text-always-black\/50 {
    color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-black\/50 {
      color: color-mix(in oklab, hsl(var(--always-black) / 1) 50%, transparent);
    }
  }
  .text-always-black\/60 {
    color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-black\/60 {
      color: color-mix(in oklab, hsl(var(--always-black) / 1) 60%, transparent);
    }
  }
  .text-always-black\/80 {
    color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-black\/80 {
      color: color-mix(in oklab, hsl(var(--always-black) / 1) 80%, transparent);
    }
  }
  .text-always-white,
  .text-always-white\/0 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/0 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 0%, transparent);
    }
  }
  .text-always-white\/30 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/30 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 30%, transparent);
    }
  }
  .text-always-white\/40 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/40 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 40%, transparent);
    }
  }
  .text-always-white\/50 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/50 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 50%, transparent);
    }
  }
  .text-always-white\/60 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/60 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 60%, transparent);
    }
  }
  .text-always-white\/70 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/70 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 70%, transparent);
    }
  }
  .text-always-white\/80 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/80 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 80%, transparent);
    }
  }
  .text-always-white\/90 {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/90 {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 90%, transparent);
    }
  }
  .text-always-white\/\[0\.9\] {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/\[0\.9\] {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 90%, transparent);
    }
  }
  .text-always-white\/\[0\.85\] {
    color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-always-white\/\[0\.85\] {
      color: color-mix(in oklab, hsl(var(--always-white) / 1) 85%, transparent);
    }
  }
  .text-aqua-600 {
    color: var(--cds-aqua-600);
  }
  .text-bg-000 {
    color: hsl(var(--bg-000) / 1);
  }
  .text-bg-100 {
    color: hsl(var(--bg-100) / 1);
  }
  .text-black {
    color: var(--cds-black);
  }
  .text-blue-400 {
    color: var(--cds-blue-400);
  }
  .text-blue-500 {
    color: var(--cds-blue-500);
  }
  .text-blue-600 {
    color: var(--cds-blue-600);
  }
  .text-blue-700 {
    color: var(--cds-blue-700);
  }
  .text-blue-800 {
    color: var(--cds-blue-800);
  }
  .text-border-300 {
    color: hsl(var(--border-300) / 0.15);
  }
  .text-border-400 {
    color: hsl(var(--border-400) / 0.15);
  }
  .text-brand-000,
  .text-brand-000\/70 {
    color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-000\/70 {
      color: color-mix(in oklab, hsl(var(--brand-000) / 1) 70%, transparent);
    }
  }
  .text-brand-100 {
    color: hsl(var(--brand-100) / 1);
  }
  .text-brand-200,
  .text-brand-200\/70 {
    color: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-brand-200\/70 {
      color: color-mix(in oklab, hsl(var(--brand-200) / 1) 70%, transparent);
    }
  }
  .text-brand-900 {
    color: hsl(var(--brand-900) / 1);
  }
  .text-current {
    color: currentColor;
  }
  .text-danger {
    color: var(--cds-text-danger);
  }
  .text-danger-000 {
    color: hsl(var(--danger-000) / 1);
  }
  .text-disabled {
    color: var(--cds-text-disabled);
  }
  .text-forest-green {
    color: #36884a;
  }
  .text-git-added {
    color: var(--cds-text-git-added);
  }
  .text-git-closed {
    color: var(--cds-text-git-closed);
  }
  .text-git-conflicting {
    color: var(--cds-text-git-conflicting);
  }
  .text-git-draft {
    color: var(--cds-text-git-draft);
  }
  .text-git-merged {
    color: var(--cds-text-git-merged);
  }
  .text-git-opened {
    color: var(--cds-text-git-opened);
  }
  .text-git-queued {
    color: var(--cds-text-git-queued);
  }
  .text-git-removed {
    color: var(--cds-text-git-removed);
  }
  .text-gray-0 {
    color: var(--cds-gray-0);
  }
  .text-gray-500 {
    color: var(--cds-gray-500);
  }
  .text-gray-600 {
    color: var(--cds-gray-600);
  }
  .text-gray-800 {
    color: var(--cds-gray-800);
  }
  .text-gray-900\/50 {
    color: var(--cds-gray-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-gray-900\/50 {
      color: color-mix(in oklab, var(--cds-gray-900) 50%, transparent);
    }
  }
  .text-gray-900\/80 {
    color: var(--cds-gray-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-gray-900\/80 {
      color: color-mix(in oklab, var(--cds-gray-900) 80%, transparent);
    }
  }
  .text-green-400 {
    color: var(--cds-green-400);
  }
  .text-green-600 {
    color: var(--cds-green-600);
  }
  .text-green-700 {
    color: var(--cds-green-700);
  }
  .text-green-800 {
    color: var(--cds-green-800);
  }
  .text-inherit {
    color: inherit;
  }
  .text-magenta-600 {
    color: var(--cds-magenta-600);
  }
  .text-magenta-700 {
    color: var(--cds-magenta-700);
  }
  .text-muted {
    color: var(--cds-text-muted);
  }
  .text-on-accent {
    color: var(--cds-on-accent);
  }
  .text-on-brand {
    color: var(--cds-on-brand);
  }
  .text-on-danger {
    color: var(--cds-on-danger);
  }
  .text-on-primary {
    color: var(--cds-on-primary);
  }
  .text-on-pro {
    color: var(--cds-on-pro);
  }
  .text-on-success {
    color: var(--cds-on-success);
  }
  .text-on-warning {
    color: var(--cds-on-warning);
  }
  .text-oncolor-100 {
    color: hsl(var(--oncolor-100) / 1);
  }
  .text-oncolor-200 {
    color: var(--cds-oncolor-200);
  }
  .text-orange-600 {
    color: var(--cds-orange-600);
  }
  .text-orange-700 {
    color: var(--cds-orange-700);
  }
  .text-orange-800 {
    color: var(--cds-orange-800);
  }
  .text-primary {
    color: var(--cds-text-primary);
  }
  .text-pro {
    color: var(--cds-text-pro);
  }
  .text-red-600 {
    color: var(--cds-red-600);
  }
  .text-secondary {
    color: var(--cds-text-secondary);
  }
  .text-success {
    color: var(--cds-text-success);
  }
  .text-success-000 {
    color: hsl(var(--success-000) / 1);
  }
  .text-success-100 {
    color: hsl(var(--success-100) / 1);
  }
  .text-success-200 {
    color: hsl(var(--success-200) / 1);
  }
  .text-text-000,
  .text-text-000\/40 {
    color: hsl(var(--text-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-000\/40 {
      color: color-mix(in oklab, hsl(var(--text-000) / 1) 40%, transparent);
    }
  }
  .text-text-100 {
    color: hsl(var(--text-100) / 1);
  }
  .text-text-200 {
    color: hsl(var(--text-200) / 1);
  }
  .text-text-300 {
    color: hsl(var(--text-300) / 1);
  }
  .text-text-400,
  .text-text-400\/40 {
    color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-400\/40 {
      color: color-mix(in oklab, hsl(var(--text-400) / 1) 40%, transparent);
    }
  }
  .text-text-400\/50 {
    color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-400\/50 {
      color: color-mix(in oklab, hsl(var(--text-400) / 1) 50%, transparent);
    }
  }
  .text-text-400\/60 {
    color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-400\/60 {
      color: color-mix(in oklab, hsl(var(--text-400) / 1) 60%, transparent);
    }
  }
  .text-text-400\/80 {
    color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-400\/80 {
      color: color-mix(in oklab, hsl(var(--text-400) / 1) 80%, transparent);
    }
  }
  .text-text-500,
  .text-text-500\/30 {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-500\/30 {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 30%, transparent);
    }
  }
  .text-text-500\/40 {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-500\/40 {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 40%, transparent);
    }
  }
  .text-text-500\/50 {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-500\/50 {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 50%, transparent);
    }
  }
  .text-text-500\/60 {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-500\/60 {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 60%, transparent);
    }
  }
  .text-text-500\/75 {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-500\/75 {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 75%, transparent);
    }
  }
  .text-text-500\/80 {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-500\/80 {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 80%, transparent);
    }
  }
  .text-transparent {
    color: #0000;
  }
  .text-violet-400 {
    color: var(--cds-violet-400);
  }
  .text-violet-500 {
    color: var(--cds-violet-500);
  }
  .text-violet-600 {
    color: var(--cds-violet-600);
  }
  .text-violet-700 {
    color: var(--cds-violet-700);
  }
  .text-warning {
    color: var(--cds-text-warning);
  }
  .text-warning-000 {
    color: hsl(var(--warning-000) / 1);
  }
  .text-warning-100 {
    color: hsl(var(--warning-100) / 1);
  }
  .text-warning-200 {
    color: hsl(var(--warning-200) / 1);
  }
  .text-white {
    color: #fff;
  }
  .text-white\/80 {
    color: #fffc;
  }
  .text-yellow-600 {
    color: var(--cds-yellow-600);
  }
  .text-yellow-750 {
    color: var(--cds-yellow-750);
  }
  .text-yellow-800 {
    color: var(--cds-yellow-800);
  }
  .\!normal-case {
    text-transform: none !important;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .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,);
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
      var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
      var(--tw-numeric-fraction,);
  }
  .proportional-nums {
    --tw-numeric-spacing: proportional-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,);
  }
  .\[font-variant-numeric\:tabular-nums_lining-nums\] {
    font-variant-numeric: tabular-nums lining-nums;
  }
  .\!no-underline {
    text-decoration-line: none !important;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-\[color-mix\(in_srgb\,currentColor\,transparent_60\%\)\] {
    text-decoration-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-\[color-mix\(in_srgb\,currentColor\,transparent_60\%\)\] {
      -webkit-text-decoration-color: color-mix(
        in srgb,
        currentColor,
        transparent 60%
      );
      text-decoration-color: color-mix(in srgb, currentColor, transparent 60%);
    }
  }
  .decoration-\[color-mix\(in_srgb\,currentColor\,transparent_70\%\)\] {
    text-decoration-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-\[color-mix\(in_srgb\,currentColor\,transparent_70\%\)\] {
      -webkit-text-decoration-color: color-mix(
        in srgb,
        currentColor,
        transparent 70%
      );
      text-decoration-color: color-mix(in srgb, currentColor, transparent 70%);
    }
  }
  .decoration-\[var\(--accent\)\] {
    -webkit-text-decoration-color: var(--accent);
    text-decoration-color: var(--accent);
  }
  .decoration-border-300 {
    -webkit-text-decoration-color: hsl(var(--border-300) / 0.15);
    text-decoration-color: hsl(var(--border-300) / 0.15);
  }
  .decoration-current\/40 {
    text-decoration-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .decoration-current\/40 {
      -webkit-text-decoration-color: color-mix(
        in oklab,
        currentcolor 40%,
        transparent
      );
      text-decoration-color: color-mix(in oklab, currentcolor 40%, transparent);
    }
  }
  .decoration-text-300 {
    -webkit-text-decoration-color: hsl(var(--text-300) / 1);
    text-decoration-color: hsl(var(--text-300) / 1);
  }
  .decoration-transparent {
    text-decoration-color: #0000;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .decoration-1 {
    text-decoration-thickness: 1px;
  }
  .decoration-2 {
    text-decoration-thickness: 2px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-\[1px\] {
    text-underline-offset: 1px;
  }
  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-text-400::placeholder {
    color: hsl(var(--text-400) / 1);
  }
  .placeholder-text-500::placeholder,
  .placeholder-text-500\/80::placeholder {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder-text-500\/80::placeholder {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 80%, transparent);
    }
  }
  .caret-\[var\(--accent\)\] {
    caret-color: var(--accent);
  }
  .accent-\[var\(--t7\)\] {
    accent-color: var(--t7);
  }
  .accent-accent-brand {
    accent-color: hsl(var(--accent-brand) / 1);
  }
  .accent-danger-100 {
    accent-color: hsl(var(--danger-100) / 1);
  }
  .accent-text-300 {
    accent-color: hsl(var(--text-300) / 1);
  }
  .\[color-scheme\:light\] {
    color-scheme: light;
  }
  .\!opacity-0 {
    opacity: 0 !important;
  }
  .\!opacity-100 {
    opacity: 1 !important;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-10 {
    opacity: 0.1;
  }
  .opacity-15 {
    opacity: 0.15;
  }
  .opacity-20 {
    opacity: 0.2;
  }
  .opacity-25 {
    opacity: 0.25;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-35 {
    opacity: 0.35;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-75 {
    opacity: 0.75;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-85 {
    opacity: 0.85;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-\[0\%\] {
    opacity: 0;
  }
  .opacity-\[0\.02\] {
    opacity: 0.02;
  }
  .opacity-\[0\.08\] {
    opacity: 0.08;
  }
  .opacity-\[0\.85\] {
    opacity: 0.85;
  }
  .opacity-\[clamp\(0\%\,calc\(\(var\(--slider-drag-pos\,var\(--slider-rest-pos\)\)_-_25\%\)\*1\.33\)\,100\%\)\] {
    opacity: clamp(
      0%,
      calc((var(--slider-drag-pos, var(--slider-rest-pos)) - 25%) * 1.33),
      100%
    );
  }
  .mix-blend-darken {
    mix-blend-mode: darken;
  }
  .mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }
  .mix-blend-normal {
    mix-blend-mode: normal;
  }
  .\!shadow-card-ring {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\!shadow-md {
    --tw-shadow: var(--cds-shadow-md) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\!shadow-panel {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color),
      var(--cds-shadow-popover) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\!shadow-sm {
    --tw-shadow: var(--cds-shadow-sm) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !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-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    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_-1px_var\(--shadow-prompt-blur\)\] {
    --tw-shadow: 0 -2px 6px -1px
      var(--tw-shadow-color, var(--shadow-prompt-blur));
    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\.5px_2px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 0.5px 2px
      var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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\.8px_1\.6px_0_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0 0.8px 1.6px 0
      var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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\.25rem_1\.25rem_hsl\(var\(--always-black\)\/3\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-300\)\/0\.15\)\] {
    --tw-shadow:
      0 0.25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/3.5%)),
      0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-300)/0.15));
    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\.25rem_1\.25rem_hsl\(var\(--always-black\)\/3\.5\%\)\] {
    --tw-shadow: 0 0.25rem 1.25rem
      var(--tw-shadow-color, hsl(var(--always-black)/3.5%));
    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\.25rem_1\.25rem_var\(--cds-shadow-color\)\,0_0_0_0\.5px_color-mix\(in_srgb\,var\(--cds-border-strong\)_30\%\,transparent\)\] {
    --tw-shadow:
      0 0.25rem 1.25rem var(--tw-shadow-color, var(--cds-shadow-color)),
      0 0 0 0.5px var(--tw-shadow-color, var(--cds-border-strong));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0\.25rem_1\.25rem_var\(--cds-shadow-color\)\,0_0_0_0\.5px_color-mix\(in_srgb\,var\(--cds-border-strong\)_30\%\,transparent\)\] {
      --tw-shadow:
        0 0.25rem 1.25rem var(--tw-shadow-color, var(--cds-shadow-color)),
        0 0 0 0.5px
          var(
            --tw-shadow-color,
            color-mix(in srgb, var(--cds-border-strong) 30%, transparent)
          );
    }
  }
  .shadow-\[0_0\.25rem_1\.25rem_var\(--cds-shadow-color\)\,0_0_0_0\.5px_color-mix\(in_srgb\,var\(--cds-border-strong\)_30\%\,transparent\)\] {
    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_0_0\.5px_hsl\(var\(--border-300\)\)\] {
    --tw-shadow: 0 0 0 0.5px var(--tw-shadow-color, hsl(var(--border-300)));
    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_0_0\.5px_hsla\(var\(--border-300\)\/0\.15\)\] {
    --tw-shadow: 0 0 0 0.5px
      var(--tw-shadow-color, hsla(var(--border-300)/0.15));
    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_0_0\.5px_rgba\(0\,0\,0\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow:
      0 0 0 0.5px var(--tw-shadow-color, #00000014),
      0 1px 2px 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-\[0_0_0_1px_hsl\(var\(--accent-100\)\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--accent-100)));
    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_0_1px_var\(--t2\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--t2));
    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_0_1px_var\(--t3\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--t3));
    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_0_1px_var\(--t4\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--t4));
    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_0_2px_var\(--t9\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--t9));
    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_0_100px_hsl\(var\(--text-000\)\)\] {
    --tw-shadow: 0 0 0 100px var(--tw-shadow-color, hsl(var(--text-000)));
    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_2px_0_var\(--t2\)\] {
    --tw-shadow: 0 0 2px 0 var(--tw-shadow-color, var(--t2));
    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_12px_0_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 0 12px 0 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-\[0_0_15px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 0 15px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_1\.5px_5\.8px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 1.5px 5.8px
      var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_1\.5px_0_hsl\(var\(--always-black\)\/50\%\)\] {
    --tw-shadow: 0 1px 1.5px 0
      var(--tw-shadow-color, hsl(var(--always-black)/50%));
    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_0_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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_0_rgb\(0_0_0_\/_0\.04\)\] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000a);
    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_hsl\(var\(--always-black\)\/3\%\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, hsl(var(--always-black)/3%));
    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_3px_hsl\(var\(--always-black\)\/20\%\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, hsl(var(--always-black)/20%));
    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_3px_var\(--shadow-small\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, var(--shadow-small));
    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_4px_0_hsl\(var\(--always-black\)\/0\.08\)\] {
    --tw-shadow: 0 2px 4px 0
      var(--tw-shadow-color, hsl(var(--always-black)/0.08));
    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_4px_0_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_8px_hsl\(var\(--always-black\)\/6\%\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, hsl(var(--always-black)/6%));
    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_8px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_10px_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0 2px 10px var(--tw-shadow-color, hsl(var(--always-black)/4%));
    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_12px_0_hsl\(var\(--always-black\)\/5\%\)\] {
    --tw-shadow: 0 2px 12px 0
      var(--tw-shadow-color, hsl(var(--always-black)/5%));
    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_12px_hsl\(var\(--always-black\)\/6\%\)\] {
    --tw-shadow: 0 2px 12px var(--tw-shadow-color, hsl(var(--always-black)/6%));
    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_16px_hsl\(var\(--always-black\)\/10\%\)\] {
    --tw-shadow: 0 2px 16px var(--tw-shadow-color, hsl(var(--always-black)/10%));
    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_16px_hsl\(var\(--accent-100\)\/40\%\)\,inset_0_1px_0_hsl\(var\(--always-white\)\/25\%\)\] {
    --tw-shadow:
      0 4px 16px var(--tw-shadow-color, hsl(var(--accent-100)/40%)),
      inset 0 1px 0 var(--tw-shadow-color, hsl(var(--always-white)/25%));
    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_20px_0_hsl\(var\(--always-black\)\/4\%\)\,0_0_0_0\.5px_hsla\(var\(--border-300\)\/0\.3\)\] {
    --tw-shadow:
      0 4px 20px 0 var(--tw-shadow-color, hsl(var(--always-black)/4%)),
      0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-300)/0.3));
    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_20px_0_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0 4px 20px 0
      var(--tw-shadow-color, hsl(var(--always-black)/4%));
    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_20px_0_rgba\(0\,0\,0\,0\.04\)\] {
    --tw-shadow: 0 4px 20px 0 var(--tw-shadow-color, #0000000a);
    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_20px_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0 4px 20px var(--tw-shadow-color, hsl(var(--always-black)/4%));
    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_24px_0_hsl\(var\(--always-black\)\/1\.57\%\)\,0_4px_32px_0_hsl\(var\(--always-black\)\/1\.57\%\)\,0_2px_64px_0_hsl\(var\(--always-black\)\/1\.18\%\)\,0_16px_32px_0_hsl\(var\(--always-black\)\/1\.18\%\)\] {
    --tw-shadow:
      0 4px 24px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.57%)),
      0 4px 32px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.57%)),
      0 2px 64px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.18%)),
      0 16px 32px 0 var(--tw-shadow-color, hsl(var(--always-black)/1.18%));
    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_24px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_24px_hsl\(var\(--always-black\)\/20\%\)\] {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, hsl(var(--always-black)/20%));
    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_24px_rgba\(0\,0\,0\,0\.06\)\] {
    --tw-shadow: 0 4px 24px 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-\[0_4px_24px_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 4px 24px 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_4px_32px_hsl\(var\(--always-black\)\/30\%\)\,_0_0_0_0\.5px_hsl\(var\(--always-black\)\/25\%\)\] {
    --tw-shadow:
      0 4px 32px var(--tw-shadow-color, hsl(var(--always-black)/30%)),
      0 0 0 0.5px var(--tw-shadow-color, hsl(var(--always-black)/25%));
    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_32px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_40px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0 8px 40px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_11px_23px_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 11px 23px 0 var(--tw-shadow-color, #00000026);
    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_12px_40px_hsl\(var\(--always-black\)\/20\%\)\] {
    --tw-shadow: 0 12px 40px
      var(--tw-shadow-color, hsl(var(--always-black)/20%));
    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_17px_35px_0_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 17px 35px 0 var(--tw-shadow-color, #00000026);
    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_20px_40px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 20px 40px
      var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_20px_60px_0_hsl\(var\(--always-black\)\/0\.12\)\] {
    --tw-shadow: 0 20px 60px 0
      var(--tw-shadow-color, hsl(var(--always-black)/0.12));
    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_20px_60px_hsl\(var\(--always-black\)\/40\%\)\] {
    --tw-shadow: 0 20px 60px
      var(--tw-shadow-color, hsl(var(--always-black)/40%));
    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_22px_44px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 22px 44px
      var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_24px_60px_hsl\(var\(--always-black\)\/18\%\)\,0_4px_16px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow:
      0 24px 60px var(--tw-shadow-color, hsl(var(--always-black)/18%)),
      0 4px 16px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_40px_80px_0_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 40px 80px 0
      var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_40px_80px_hsl\(var\(--always-black\)\/10\%\)\] {
    --tw-shadow: 0 40px 80px
      var(--tw-shadow-color, hsl(var(--always-black)/10%));
    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_40px_80px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0 40px 80px
      var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_0\.5px_0px_hsl\(var\(--always-black\)\/4\%\)\,0px_2px_5px_0px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow:
      0px 0px 0.5px 0px var(--tw-shadow-color, hsl(var(--always-black)/4%)),
      0px 2px 5px 0px var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_2\.375px_0px_hsl\(var\(--always-black\)\/7\%\)\,0px_4\.75px_4\.75px_0px_hsl\(var\(--always-black\)\/6\%\)\,0px_9\.5px_4\.75px_0px_hsl\(var\(--always-black\)\/3\%\)\] {
    --tw-shadow:
      0px 0px 2.375px 0px var(--tw-shadow-color, hsl(var(--always-black)/7%)),
      0px 4.75px 4.75px 0px var(--tw-shadow-color, hsl(var(--always-black)/6%)),
      0px 9.5px 4.75px 0px var(--tw-shadow-color, hsl(var(--always-black)/3%));
    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_32px_0px_hsl\(var\(--brand-900\)\/12\%\)\] {
    --tw-shadow: 0px 0px 32px 0px
      var(--tw-shadow-color, hsl(var(--brand-900)/12%));
    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_1px_0px_0px_theme\(colors\.border-300\)\] {
    --tw-shadow: 0px 1px 0px 0px
      var(--tw-shadow-color, hsl(var(--border-300) / 0.15));
    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_1px_2px_0px_hsl\(var\(--always-black\)\/5\.1\%\)\] {
    --tw-shadow: 0px 1px 2px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/5.1%));
    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_8px_0px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-shadow: 0px 2px 8px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/8%));
    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_4px_20px_0px_hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow: 0px 4px 20px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/4%));
    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_4px_20px_0px_hsl\(var\(--always-black\)\/20\%\)\] {
    --tw-shadow: 0px 4px 20px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/20%));
    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_7px_14px_0px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0px 7px 14px 0px var(--tw-shadow-color, #00000026);
    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_8px_28px_0px_hsl\(var\(--always-black\)\/25\%\)\] {
    --tw-shadow: 0px 8px 28px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/25%));
    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_40px_80px_0px_hsl\(var\(--always-black\)\/15\%\)\] {
    --tw-shadow: 0px 40px 80px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/15%));
    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_0\.5px_hsl\(var\(--border-200\)\/0\.3\)\] {
    --tw-shadow: inset 0 0 0 0.5px
      var(--tw-shadow-color, hsl(var(--border-200)/0.3));
    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_0\.5px_hsl\(var\(--border-300\)\/0\.18\)\,inset_0_0_0_1px_hsl\(var\(--bg-000\)\/0\.8\)\] {
    --tw-shadow:
      inset 0 0 0 0.5px var(--tw-shadow-color, hsl(var(--border-300)/0.18)),
      inset 0 0 0 1px var(--tw-shadow-color, hsl(var(--bg-000)/0.8));
    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_var\(--cds-button-on-content-ring\)\] {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--cds-button-on-content-ring));
    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_var\(--extended-purple\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--extended-purple));
    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_var\(--t2\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--t2));
    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_var\(--t3\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--t3));
    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_var\(--focus-inner-width\)_var\(--focus-inner-color\)\,0_0_6px_0_var\(--accent-20\)\] {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--focus-inner-width))
        var(--focus-inner-color),
      0 0 6px 0 var(--tw-shadow-color, var(--accent-20));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--df-shadow-float\)\] {
    --tw-shadow: var(--df-shadow-float);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[…\] {
    --tw-shadow: …;
    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-ring {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-diffused {
    --tw-shadow: 0 4px 24px var(--tw-shadow-color, var(--tw-shadow-color));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-element {
    --tw-shadow:
      0 0 0 0.5px var(--tw-shadow-color, #0000001a),
      0 0 20px var(--tw-shadow-color, #0000000d),
      0 1px 5px 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-field {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, var(--cds-fill-secondary-ring)),
      0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-field-drop {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-field-invalid {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--cds-fill-danger));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-field-ring {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--cds-fill-secondary-ring));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-focus {
    --tw-shadow: var(--cds-focus-shadow);
    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: var(--cds-shadow-lg);
    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: var(--cds-shadow-md);
    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:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color),
      var(--cds-shadow-popover);
    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-lg {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color),
      var(--cds-shadow-lg);
    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-md {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color),
      var(--cds-shadow-md);
    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-sm {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color),
      var(--cds-shadow-sm);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-popover {
    --tw-shadow: var(--cds-shadow-popover);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-ring-danger {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--cds-border-danger));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-ring-warning {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--cds-border-warning));
    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: var(--cds-shadow-sm);
    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);
  }
  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow\/extend {
    --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);
  }
  .\!ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --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);
  }
  .ring-\[0\.5px\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0.5px + 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);
  }
  .\!\[box-shadow\:var\(--df-shadow-card\)\] {
    box-shadow: var(--df-shadow-card) !important;
  }
  .\[box-shadow\:0_0_0_2px_var\(--cds-page-bg\)\] {
    box-shadow: 0 0 0 2px var(--cds-page-bg);
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--cds-border\)\,0_1px_2px_0_rgb\(0_0_0\/0\.05\)\] {
    box-shadow:
      inset 0 0 0 1px var(--cds-border),
      0 1px 2px #0000000d;
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--cds-border\)\] {
    box-shadow: inset 0 0 0 1px var(--cds-border);
  }
  .\[box-shadow\:var\(--df-shadow-card\,none\)\] {
    box-shadow: var(--df-shadow-card, none);
  }
  .\[box-shadow\:…\] {
    box-shadow: …;
  }
  .shadow-\[hsl\(var\(--accent-000\)\/10\%\)\] {
    --tw-shadow-color: hsl(var(--accent-000)/10%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[hsl\(var\(--accent-000\)\/10\%\)\] {
      --tw-shadow-color: color-mix(
        in oklab,
        hsl(var(--accent-000)/10%) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-\[hsl\(var\(--always-black\)\/4\%\)\] {
    --tw-shadow-color: hsl(var(--always-black)/4%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[hsl\(var\(--always-black\)\/4\%\)\] {
      --tw-shadow-color: color-mix(
        in oklab,
        hsl(var(--always-black)/4%) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-accent-100\/50 {
    --tw-shadow-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-accent-100\/50 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, hsl(var(--accent-100) / 1) 50%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-accent-pro-100\/50 {
    --tw-shadow-color: hsl(var(--accent-pro-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-accent-pro-100\/50 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, hsl(var(--accent-pro-100) / 1) 50%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-always-black\/5 {
    --tw-shadow-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-always-black\/5 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, hsl(var(--always-black) / 1) 5%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-black\/5 {
    --tw-shadow-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/5 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, var(--cds-black) 5%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-black\/\[0\.08\] {
    --tw-shadow-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/\[0\.08\] {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, var(--cds-black) 8%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-border-100 {
    --tw-shadow-color: hsl(var(--border-100) / 0.4);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-border-100 {
      --tw-shadow-color: color-mix(
        in oklab,
        hsl(var(--border-100) / 0.4) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-brand-100\/50 {
    --tw-shadow-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-brand-100\/50 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, hsl(var(--brand-100) / 1) 50%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-danger-100\/50 {
    --tw-shadow-color: hsl(var(--danger-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-danger-100\/50 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, hsl(var(--danger-100) / 1) 50%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-text-400\/50 {
    --tw-shadow-color: hsl(var(--text-400) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-text-400\/50 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, hsl(var(--text-400) / 1) 50%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .\!ring-border-200 {
    --tw-ring-color: hsl(var(--border-200) / 0.3) !important;
  }
  .ring-\[var\(--t2\)\] {
    --tw-ring-color: var(--t2);
  }
  .ring-accent-000 {
    --tw-ring-color: hsl(var(--accent-000) / 1);
  }
  .ring-accent-100,
  .ring-accent-100\/70 {
    --tw-ring-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent-100\/70 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 70%,
        transparent
      );
    }
  }
  .ring-accent-200 {
    --tw-ring-color: hsl(var(--accent-200) / 1);
  }
  .ring-accent-brand\/25 {
    --tw-ring-color: hsl(var(--accent-brand) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-accent-brand\/25 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--accent-brand) / 1) 25%,
        transparent
      );
    }
  }
  .ring-alpha-2 {
    --tw-ring-color: var(--cds-alpha-2);
  }
  .ring-always-black\/10 {
    --tw-ring-color: hsl(var(--always-black) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-always-black\/10 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--always-black) / 1) 10%,
        transparent
      );
    }
  }
  .ring-always-white,
  .ring-always-white\/30 {
    --tw-ring-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-always-white\/30 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 30%,
        transparent
      );
    }
  }
  .ring-bg-000 {
    --tw-ring-color: hsl(var(--bg-000) / 1);
  }
  .ring-black\/\[0\.08\] {
    --tw-ring-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/\[0\.08\] {
      --tw-ring-color: color-mix(in oklab, var(--cds-black) 8%, transparent);
    }
  }
  .ring-border-200 {
    --tw-ring-color: hsl(var(--border-200) / 0.3);
  }
  .ring-border-300,
  .ring-border-300\/50 {
    --tw-ring-color: hsl(var(--border-300) / 0.15);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-border-300\/50 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--border-300) / 0.15) 50%,
        transparent
      );
    }
  }
  .ring-brand-100,
  .ring-brand-100\/50 {
    --tw-ring-color: hsl(var(--brand-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-brand-100\/50 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--brand-100) / 1) 50%,
        transparent
      );
    }
  }
  .ring-danger {
    --tw-ring-color: var(--cds-border-danger);
  }
  .ring-danger-000 {
    --tw-ring-color: hsl(var(--danger-000) / 1);
  }
  .ring-fill-accent {
    --tw-ring-color: var(--cds-fill-accent);
  }
  .ring-strong {
    --tw-ring-color: var(--cds-border-strong);
  }
  .ring-success {
    --tw-ring-color: var(--cds-border-success);
  }
  .ring-success-200\/40 {
    --tw-ring-color: hsl(var(--success-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-success-200\/40 {
      --tw-ring-color: color-mix(
        in oklab,
        hsl(var(--success-200) / 1) 40%,
        transparent
      );
    }
  }
  .ring-text-000 {
    --tw-ring-color: hsl(var(--text-000) / 1);
  }
  .ring-text-100 {
    --tw-ring-color: hsl(var(--text-100) / 1);
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .ring-warning {
    --tw-ring-color: var(--cds-border-warning);
  }
  .\!ring-offset-0 {
    --tw-ring-offset-width: 0px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-bg-000 {
    --tw-ring-offset-color: hsl(var(--bg-000) / 1);
  }
  .ring-offset-bg-100 {
    --tw-ring-offset-color: hsl(var(--bg-100) / 1);
  }
  .ring-offset-bg-300 {
    --tw-ring-offset-color: hsl(var(--bg-300) / 1);
  }
  .outline,
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .outline-\[0\.50px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 0.5px;
  }
  .outline-\[1\.5px\] {
    outline-style: var(--tw-outline-style);
    outline-width: 1.5px;
  }
  .\!-outline-offset-2 {
    outline-offset: -2px !important;
  }
  .\!outline-offset-1 {
    outline-offset: 1px !important;
  }
  .-outline-offset-2 {
    outline-offset: -2px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-\[-0\.50px\] {
    outline-offset: -0.5px;
  }
  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }
  .outline-offset-\[1px\] {
    outline-offset: 1px;
  }
  .outline-\[\#107c41\] {
    outline-color: #107c41;
  }
  .outline-\[hsl\(var\(--border-300\)\/0\.25\)\] {
    outline-color: hsl(var(--border-300) / 0.25);
  }
  .outline-\[var\(--accent\)\] {
    outline-color: var(--accent);
  }
  .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-3xl {
    --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,);
  }
  .blur-\[2px\] {
    --tw-blur: blur(2px);
    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-sm {
    --tw-blur: blur(var(--blur-sm));
    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,);
  }
  .drop-shadow {
    --tw-drop-shadow-size: drop-shadow(
        0 1px 2px var(--tw-drop-shadow-color, #0000001a)
      )
      drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a)
      drop-shadow(0 1px 1px #0000000f);
    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-\[0_2px_8px_hsl\(var\(--always-black\)\/8\%\)\] {
    --tw-drop-shadow-size: drop-shadow(
      0 2px 8px var(--tw-drop-shadow-color, hsl(var(--always-black)/8%))
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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-lg {
    --tw-drop-shadow-size: drop-shadow(
      0 4px 4px var(--tw-drop-shadow-color, #00000026)
    );
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-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,);
  }
  .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 {
    --tw-grayscale: grayscale(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,);
  }
  .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,) !important;
  }
  .\[filter\:drop-shadow\(-1px_2px_1px_var\(--cds-shadow-color\)\)_drop-shadow\(-3px_3px_5px_var\(--cds-shadow-color\)\)\] {
    filter: drop-shadow(-1px 2px 1px var(--cds-shadow-color))
      drop-shadow(-3px 3px 5px var(--cds-shadow-color));
  }
  .\[filter\:drop-shadow\(0_8px_24px_var\(--cds-shadow-color\)\)_drop-shadow\(0_2px_6px_var\(--cds-shadow-color\)\)\] {
    filter: drop-shadow(0 8px 24px var(--cds-shadow-color))
      drop-shadow(0 2px 6px var(--cds-shadow-color));
  }
  .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 {
    --tw-backdrop-blur: blur(8px);
    -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-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[3px\] {
    --tw-backdrop-blur: blur(3px);
    -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-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -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-\[8px\] {
    --tw-backdrop-blur: blur(8px);
    -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-\[16px\] {
    --tw-backdrop-blur: blur(16px);
    -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-\[18px\] {
    --tw-backdrop-blur: blur(18px);
    -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-\[20px\] {
    --tw-backdrop-blur: blur(20px);
    -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-\[40px\] {
    --tw-backdrop-blur: blur(40px);
    -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-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .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-brightness-75 {
    --tw-backdrop-brightness: brightness(75%);
    -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,);
  }
  .\!\[backdrop-filter\:none\] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .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\,opacity\] {
    transition-property: background-color, border-color, box-shadow, opacity;
    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\,border-color\] {
    transition-property: background-color, border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\] {
    transition-property: background-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\] {
    transition-property: background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background…\] {
    transition-property: background…;
    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\] {
    transition-property: 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-\[border-color\] {
    transition-property: border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border\] {
    transition-property: border;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,background-color\] {
    transition-property: box-shadow, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,opacity\] {
    transition-property: box-shadow, 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-\[clip-path\] {
    transition-property: clip-path;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\,border-color\,transform\] {
    transition-property: color, background-color, border-color, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\,border-color\] {
    transition-property: color, background-color, border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\,box-shadow\,--cds-badge-x-wght\] {
    transition-property:
      color, background-color, box-shadow, --cds-badge-x-wght;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background-color\] {
    transition-property: color, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,background\] {
    transition-property: color, background;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,opacity\] {
    transition-property: color, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\] {
    transition-property: filter;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[gap\] {
    transition-property: gap;
    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-\[height\,opacity\] {
    transition-property: height, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,transform\] {
    transition-property: left, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,width\] {
    transition-property: left, width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\] {
    transition-property: left;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[margin\] {
    transition-property: margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\,margin-top\] {
    transition-property: max-height, opacity, margin-top;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\,margin\] {
    transition-property: max-height, opacity, margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\,opacity\] {
    transition-property: max-height, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,background-color\] {
    transition-property: opacity, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,box-shadow\] {
    transition-property: opacity, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,scale\] {
    transition-property: opacity, scale;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,translate\,margin-right\] {
    transition-property: opacity, transform, translate, margin-right;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\,visibility\] {
    transition-property: opacity, transform, visibility;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,visibility\] {
    transition-property: opacity, visibility;
    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-\[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-\[right\] {
    transition-property: right;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[scale\] {
    transition-property: scale;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,background-color\,border-color\] {
    transition-property: transform, background-color, border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,background-color\] {
    transition-property: transform, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,color\] {
    transition-property: transform, color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,width\] {
    transition-property: transform, width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,color\,background-color\] {
    transition-property: width, color, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,height\,border-width\,border-radius\] {
    transition-property: width, height, border-width, border-radius;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,margin-left\,opacity\,color\,background-color\] {
    transition-property: width, margin-left, opacity, color, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,margin-right\] {
    transition-property: width, margin-right;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,opacity\] {
    transition-property: width, opacity;
    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-\[…\,scale\] {
    transition-property: …, scale;
    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-none {
    transition-property: none !important;
  }
  .transition-none {
    transition-property: none;
  }
  .delay-75 {
    transition-delay: 75ms;
  }
  .delay-200 {
    transition-delay: 0.2s;
  }
  .delay-300 {
    transition-delay: 0.3s;
  }
  .\!duration-75 {
    --tw-duration: 75ms !important;
    transition-duration: 75ms !important;
  }
  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-100 {
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-220 {
    --tw-duration: 0.22s;
    transition-duration: 0.22s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-400 {
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .duration-600 {
    --tw-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .duration-700 {
    --tw-duration: 0.7s;
    transition-duration: 0.7s;
  }
  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }
  .duration-\[35ms\] {
    --tw-duration: 35ms;
    transition-duration: 35ms;
  }
  .duration-\[80ms\] {
    --tw-duration: 80ms;
    transition-duration: 80ms;
  }
  .duration-\[120ms\] {
    --tw-duration: 0.12s;
    transition-duration: 0.12s;
  }
  .duration-\[250ms\] {
    --tw-duration: 0.25s;
    transition-duration: 0.25s;
  }
  .duration-\[280ms\] {
    --tw-duration: 0.28s;
    transition-duration: 0.28s;
  }
  .duration-\[400ms\] {
    --tw-duration: 0.4s;
    transition-duration: 0.4s;
  }
  .duration-\[500ms\] {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .duration-\[600ms\] {
    --tw-duration: 0.6s;
    transition-duration: 0.6s;
  }
  .duration-\[8000ms\] {
    --tw-duration: 8s;
    transition-duration: 8s;
  }
  .duration-base {
    --tw-duration: var(--cds-dur-base);
    transition-duration: var(--cds-dur-base);
  }
  .duration-fast {
    --tw-duration: var(--cds-dur-fast);
    transition-duration: var(--cds-dur-fast);
  }
  .duration-snap {
    --tw-duration: var(--cds-dur-snap);
    transition-duration: var(--cds-dur-snap);
  }
  .ease-\[cubic-bezier\(0\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
    --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-\[cubic-bezier\(0\.17\,0\.67\,0\.3\,1\.2\)\] {
    --tw-ease: cubic-bezier(0.17, 0.67, 0.3, 1.2);
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.3, 1.2);
  }
  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(0.22, 1, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  }
  .ease-\[cubic-bezier\(0\.25\,0\.9\,0\.3\,1\)\] {
    --tw-ease: cubic-bezier(0.25, 0.9, 0.3, 1);
    transition-timing-function: cubic-bezier(0.25, 0.9, 0.3, 1);
  }
  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.32, 0.72, 0, 1);
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
  }
  .ease-\[cubic-bezier\(0\.34\,1\.3\,0\.64\,1\)\] {
    --tw-ease: cubic-bezier(0.34, 1.3, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.3, 0.64, 1);
  }
  .ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\] {
    --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .ease-\[cubic-bezier\(0\.165\,0\.85\,0\.45\,1\)\] {
    --tw-ease: cubic-bezier(0.165, 0.85, 0.45, 1);
    transition-timing-function: cubic-bezier(0.165, 0.85, 0.45, 1);
  }
  .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-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--cds-ease-out);
    transition-timing-function: var(--cds-ease-out);
  }
  .ease-overshoot {
    --tw-ease: var(--cds-ease-overshoot);
    transition-timing-function: var(--cds-ease-overshoot);
  }
  .ease-snap {
    --tw-ease: var(--cds-ease-snap);
    transition-timing-function: var(--cds-ease-snap);
  }
  .ease-snappy-out {
    --tw-ease: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
  .will-change-transform {
    will-change: transform;
  }
  .\[contain\:layout\] {
    contain: layout;
  }
  .\[contain\:paint\] {
    contain: paint;
  }
  .\[contain\:strict\] {
    contain: strict;
  }
  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .draggable-none {
    -webkit-app-region: no-drag;
    app-region: no-drag;
  }
  .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;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\!\[text-shadow\:_none\] {
    text-shadow: none !important;
  }
  .\[--approval-card-gap\:24px\] {
    --approval-card-gap: 24px;
  }
  .\[--button-bg\:hsl\(var\(--bg-000\)\)\] {
    --button-bg: hsl(var(--bg-000));
  }
  .\[--button-hover-bg\:hsl\(var\(--bg-400\)\)\] {
    --button-hover-bg: hsl(var(--bg-400));
  }
  .\[--button-hover-text\:hsl\(var\(--text-300\)\)\] {
    --button-hover-text: hsl(var(--text-300));
  }
  .\[--button-text\:hsl\(var\(--text-400\)\)\] {
    --button-text: hsl(var(--text-400));
  }
  .\[--cbx-btn-hover\:theme\(colors\.bg-200\)\] {
    --cbx-btn-hover: hsl(var(--bg-200) / 1);
  }
  .\[--cbx-btn-hover\:theme\(colors\.bg-400\)\] {
    --cbx-btn-hover: hsl(var(--bg-400) / 1);
  }
  .\[--cbx-pl\:1\.5rem\] {
    --cbx-pl: 1.5rem;
  }
  .\[--cbx-pl\:theme\(spacing\.2\)\] {
    --cbx-pl: 0.5rem;
  }
  .\[--cbx-pl\:theme\(spacing\.3\)\] {
    --cbx-pl: 0.75rem;
  }
  .\[--cbx-r\:theme\(borderRadius\.DEFAULT\)\] {
    --cbx-r: var(--cds-radius);
  }
  .\[--cbx-r\:theme\(borderRadius\.lg\)\] {
    --cbx-r: 0.5rem;
  }
  .\[--cbx-r\:theme\(borderRadius\.md\)\] {
    --cbx-r: 0.375rem;
  }
  .\[--cds-avatar-sm\:16px\] {
    --cds-avatar-sm: 16px;
  }
  .\[--cds-badge-x-wght\:577\.8\] {
    --cds-badge-x-wght: 577.8;
  }
  .\[--cds-fill-accent-hover\:var\(--cds-border-stronger\)\] {
    --cds-fill-accent-hover: var(--cds-border-stronger);
  }
  .\[--cds-fill-accent\:var\(--cds-border-strong\)\] {
    --cds-fill-accent: var(--cds-border-strong);
  }
  .\[--cds-fill-ghost-hover\:rgb\(255_255_255\/0\.15\)\] {
    --cds-fill-ghost-hover: #ffffff26;
  }
  .\[--cds-focus-shadow\:inset_0_0_0_1px_var\(--cds-page-bg\)\,0_0_0_1px_var\(--cds-on-accent\)\,0_0_6px_1px_color-mix\(in_srgb\,var\(--cds-on-accent\)_35\%\,transparent\)\] {
    --cds-focus-shadow:
      inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-on-accent),
      0 0 6px 1px var(--cds-on-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--cds-focus-shadow\:inset_0_0_0_1px_var\(--cds-page-bg\)\,0_0_0_1px_var\(--cds-on-accent\)\,0_0_6px_1px_color-mix\(in_srgb\,var\(--cds-on-accent\)_35\%\,transparent\)\] {
      --cds-focus-shadow:
        inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-on-accent),
        0 0 6px 1px color-mix(in srgb, var(--cds-on-accent) 35%, transparent);
    }
  }
  .\[--cds-on-accent\:var\(--cds-text-secondary\)\] {
    --cds-on-accent: var(--cds-text-secondary);
  }
  .\[--cds-page-bg\:var\(--cds-fill-accent\)\] {
    --cds-page-bg: var(--cds-fill-accent);
  }
  .\[--cds-popup-max-h\:14rem\] {
    --cds-popup-max-h: 14rem;
  }
  .\[--cds-popup-max-h\:18rem\] {
    --cds-popup-max-h: 18rem;
  }
  .\[--cds-popup-max-h\:100vh\] {
    --cds-popup-max-h: 100vh;
  }
  .\[--cds-popup-max-h\:200px\] {
    --cds-popup-max-h: 200px;
  }
  .\[--cds-ring-inner\:1px\] {
    --cds-ring-inner: 1px;
  }
  .\[--cds-ring-outer\:0px\] {
    --cds-ring-outer: 0px;
  }
  .\[--cds-stack-overlap\:calc\(var\(--cds-avatar-lg\)\*0\.25\)\] {
    --cds-stack-overlap: calc(var(--cds-avatar-lg) * 0.25);
  }
  .\[--cds-stack-overlap\:calc\(var\(--cds-avatar-md\)\*0\.25\)\] {
    --cds-stack-overlap: calc(var(--cds-avatar-md) * 0.25);
  }
  .\[--cds-stack-overlap\:calc\(var\(--cds-avatar-sm\)\*0\.25\)\] {
    --cds-stack-overlap: calc(var(--cds-avatar-sm) * 0.25);
  }
  .\[--chat-gutter-end\:6px\] {
    --chat-gutter-end: 6px;
  }
  .\[--chat-gutter-start\:1px\] {
    --chat-gutter-start: 1px;
  }
  .\[--chat-gutter\:0px\] {
    --chat-gutter: 0px;
  }
  .\[--chat-item-gap\:12px\] {
    --chat-item-gap: 12px;
  }
  .\[--compact-input-min-h\:2\.5rem\] {
    --compact-input-min-h: 2.5rem;
  }
  .\[--compact-input-min-h\:3\.75rem\] {
    --compact-input-min-h: 3.75rem;
  }
  .\[--cp-top\:1rem\] {
    --cp-top: 1rem;
  }
  .\[--df-row-indent\:calc\(var\(--df-icon-size\)\+var\(--df-row-gap\)\)\] {
    --df-row-indent: calc(var(--df-icon-size) + var(--df-row-gap));
  }
  .\[--dropdown-max-height\:17\.5rem\] {
    --dropdown-max-height: 17.5rem;
  }
  .\[--fab-sidebar-w\:0px\] {
    --fab-sidebar-w: 0px;
  }
  .\[--fh\:var\(--cds-h-control\)\] {
    --fh: var(--cds-h-control);
  }
  .\[--fhn\:var\(--cds-h-control-nested\)\] {
    --fhn: var(--cds-h-control-nested);
  }
  .\[--font-claude-response\:var\(--font-ui\)\] {
    --font-claude-response: var(--font-ui);
  }
  .\[--fr\:var\(--cds-radius\)\] {
    --fr: var(--cds-radius);
  }
  .\[--hover-card-max-w\:280px\] {
    --hover-card-max-w: 280px;
  }
  .\[--hover-card-max-w\:420px\] {
    --hover-card-max-w: 420px;
  }
  .\[--hover-card-max-w\:…\] {
    --hover-card-max-w: …;
  }
  .\[--hover-card-min-w\:120px\] {
    --hover-card-min-w: 120px;
  }
  .\[--hover-card-min-w\:…\] {
    --hover-card-min-w: …;
  }
  .\[--leading-footnote\:var\(--leading-body\)\] {
    --leading-footnote: var(--leading-body);
  }
  .\[--menu-item-color\:var\(--t9\)\] {
    --menu-item-color: var(--t9);
  }
  .\[--msg-assistant-pb\:0rem\] {
    --msg-assistant-pb: 0rem;
  }
  .\[--msg-bubble-px\:0\.75rem\] {
    --msg-bubble-px: 0.75rem;
  }
  .\[--msg-bubble-py\:0\.375rem\] {
    --msg-bubble-py: 0.375rem;
  }
  .\[--msg-font-size\:0\.8125rem\] {
    --msg-font-size: 0.8125rem;
  }
  .\[--msg-gap\:0\.25rem\] {
    --msg-gap: 0.25rem;
  }
  .\[--msg-pill-py\:0\.125rem\] {
    --msg-pill-py: 0.125rem;
  }
  .\[--msg-timeline-font-size\:0\.75rem\] {
    --msg-timeline-font-size: 0.75rem;
  }
  .\[--surface-primary\:var\(--cds-surface-2\)\] {
    --surface-primary: var(--cds-surface-2);
  }
  .\[--surface-primary\:var\(--surface-primary-elevated\)\] {
    --surface-primary: var(--surface-primary-elevated);
  }
  .\[--ts\:calc\(1_-_var\(--toast-index\)_\*_0\.04\)\] {
    --ts: calc(1 - var(--toast-index) * 0.04);
  }
  .\[--ty\:calc\(var\(--toast-index\)_\*_14px\)\] {
    --ty: calc(var(--toast-index) * 14px);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,transparent\,currentColor_64px\)\] {
    -webkit-mask-image: linear-gradient(#0000, currentColor 64px);
  }
  .\[-webkit-overflow-scrolling\:touch\] {
    -webkit-overflow-scrolling: touch;
  }
  .\[animation-duration\:2s\] {
    animation-duration: 2s;
  }
  .\[animation-name\:shimmertext\] {
    animation-name: shimmertext;
  }
  .\[clip-path\:polygon\(0_0\,100\%_100\%\,0_100\%\)\] {
    clip-path: polygon(0 0, 100% 100%, 0 100%);
  }
  .\[clip-path\:polygon\(0_0\,calc\(100\%-16px\)_0\,100\%_16px\,100\%_100\%\,0_100\%\)\] {
    clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  }
  .\[clip-path\:polygon\(0px_-1px\,17px_16px\,14\.59px_16px\,0px_1\.41px\)\] {
    clip-path: polygon(0 -1px, 17px 16px, 14.59px 16px, 0 1.41px);
  }
  .\[clip-path\:polygon\(15px_14\.5px\,16\.5px_16px\,15px_16px\)\] {
    clip-path: polygon(15px 14.5px, 16.5px 16px, 15px 16px);
  }
  .\[contain-intrinsic-size\:auto_400px\] {
    contain-intrinsic-size: auto 400px;
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .\[direction\:ltr\] {
    direction: ltr;
  }
  .\[direction\:rtl\] {
    direction: rtl;
  }
  .\[epitaxy\:context_usage\] {
    epitaxy: context usage;
  }
  .\[epitaxy\:file_suggestions\] {
    epitaxy: file suggestions;
  }
  .\[font-variation-settings\:\'opsz\'_48\] {
    font-variation-settings: "opsz" 48;
  }
  .\[frame\:adopted\] {
    frame: adopted;
  }
  .\[image-rendering\:pixelated\] {
    image-rendering: pixelated;
  }
  .\[overflow-clip-margin\:4px\] {
    overflow-clip-margin: 4px;
  }
  .\[overflow-clip-margin\:4rem\] {
    overflow-clip-margin: 4rem;
  }
  .\[overflow-clip-margin\:8px\] {
    overflow-clip-margin: 8px;
  }
  .\[overflow-clip-margin\:24px\] {
    overflow-clip-margin: 24px;
  }
  .\[session\:\<SESSION_ID\>\] {
    session: <SESSION ID>;
  }
  .\[session\:session_abc\] {
    session: session abc;
  }
  .\[session\:session_x\] {
    session: session x;
  }
  .\[session\:…\] {
    session: …;
  }
  .\[stroke-linejoin\:round\] {
    stroke-linejoin: round;
  }
  .\[thread\:\<THREAD_ID\>\] {
    thread: <THREAD ID>;
  }
  .\[thread\:t1\] {
    thread: t1;
  }
  .\[thread\:…\] {
    thread: …;
  }
  .\[transition\:opacity_150ms_cubic-bezier\(0\.215\,0\.61\,0\.355\,1\)\] {
    transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .backface-hidden {
    backface-visibility: hidden;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .scroll-fade-size-6 {
    --cds-scroll-fade-size: calc(var(--spacing) * 6);
  }
  .scroll-fade-size-12 {
    --cds-scroll-fade-size: calc(var(--spacing) * 12);
  }
  :is(.\*\:absolute > *) {
    position: absolute;
  }
  :is(.\*\:col-start-1 > *) {
    grid-column-start: 1;
  }
  :is(.\*\:row-start-1 > *) {
    grid-row-start: 1;
  }
  :is(.\*\:w-full > *) {
    width: 100%;
  }
  :is(.\*\:rounded-lg > *) {
    border-radius: var(--radius-lg);
  }
  :is(.\*\:border > *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :is(.\*\:border-0\.5 > *) {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  :is(.\*\:border-border-300 > *) {
    border-color: hsl(var(--border-300) / 0.15);
  }
  :is(.\*\:\!bg-transparent > *) {
    background-color: #0000 !important;
  }
  :is(.\*\:bg-always-white > *) {
    background-color: hsl(var(--always-white) / 1);
  }
  :is(.\*\:font-small > *) {
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 430;
    line-height: 1.4;
  }
  :is(.\*\: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));
  }
  :is(.\*\: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));
  }
  :is(.\*\:duration-300 > *) {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  :is(.\*\:ease-in-out > *) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }
  .group-open\:rounded-b-none:is(
    :where(.group):is([open], :popover-open, :open) *
  ) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }
  .group-focus-within\:invisible:is(:where(.group):focus-within *) {
    visibility: hidden;
  }
  .group-focus-within\:visible:is(:where(.group):focus-within *) {
    visibility: visible;
  }
  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }
  .group-focus-within\:flex:is(:where(.group):focus-within *) {
    display: flex;
  }
  .group-focus-within\:hidden:is(:where(.group):focus-within *) {
    display: none;
  }
  .group-focus-within\:inline-flex:is(:where(.group):focus-within *) {
    display: inline-flex;
  }
  .group-focus-within\:-translate-x-6:is(:where(.group):focus-within *) {
    --tw-translate-x: calc(var(--spacing) * -6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\:translate-x-0\.5:is(:where(.group):focus-within *) {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_calc\(100\%_-_28px\)\,transparent_100\%\)\]:is(
    :where(.group):focus-within *
  ) {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 28px),
      transparent 100%
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 28px),
      transparent 100%
    );
  }
  .group-focus-within\:\[mask-image\:linear-gradient\(to_right\,transparent\,hsl\(var\(--always-black\)\)_var\(--marquee-left-fade\,0px\)\,hsl\(var\(--always-black\)\)_calc\(100\%_-_44px\)\,transparent_calc\(100\%_-_20px\)\)\]:is(
    :where(.group):focus-within *
  ) {
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      hsl(var(--always-black)) var(--marquee-left-fade, 0px),
      hsl(var(--always-black)) calc(100% - 44px),
      transparent calc(100% - 20px)
    );
    mask-image: linear-gradient(
      to right,
      transparent,
      hsl(var(--always-black)) var(--marquee-left-fade, 0px),
      hsl(var(--always-black)) calc(100% - 44px),
      transparent calc(100% - 20px)
    );
  }
  .group-focus-within\:text-accent:is(:where(.group):focus-within *) {
    color: var(--cds-text-accent);
  }
  .group-focus-within\:underline:is(:where(.group):focus-within *) {
    text-decoration-line: underline;
  }
  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1;
  }
  .group-focus-within\/card\:pointer-events-auto:is(
    :where(.group\/card):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/card\:visible:is(:where(.group\/card):focus-within *) {
    visibility: visible;
  }
  .group-focus-within\/card\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_calc\(100\%_-_72px\)\,transparent_calc\(100\%_-_44px\)\)\]:is(
    :where(.group\/card):focus-within *
  ) {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 72px),
      transparent calc(100% - 44px)
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 72px),
      transparent calc(100% - 44px)
    );
  }
  .group-focus-within\/card\:opacity-100:is(
    :where(.group\/card):focus-within *
  ),
  .group-focus-within\/copy\:opacity-100:is(
    :where(.group\/copy):focus-within *
  ),
  .group-focus-within\/gh\:opacity-100:is(:where(.group\/gh):focus-within *) {
    opacity: 1;
  }
  .group-focus-within\/labelrow\:opacity-60:is(
    :where(.group\/labelrow):focus-within *
  ) {
    opacity: 0.6;
  }
  .group-focus-within\/msg\:opacity-100:is(:where(.group\/msg):focus-within *) {
    opacity: 1;
  }
  .group-focus-within\/panel\:pointer-events-auto:is(
    :where(.group\/panel):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/panel\:opacity-100:is(
    :where(.group\/panel):focus-within *
  ),
  .group-focus-within\/phase\:opacity-100:is(
    :where(.group\/phase):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/pill\:pointer-events-auto:is(
    :where(.group\/pill):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/pill\:opacity-100:is(
    :where(.group\/pill):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/row\:pointer-events-auto:is(
    :where(.group\/row):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/row\:opacity-0:is(:where(.group\/row):focus-within *) {
    opacity: 0;
  }
  .group-focus-within\/row\:opacity-100:is(:where(.group\/row):focus-within *) {
    opacity: 1;
  }
  .group-focus-within\/split\:opacity-0:is(
    :where(.group\/split):focus-within *
  ) {
    opacity: 0;
  }
  .group-focus-within\/thumbnail\:opacity-100:is(
    :where(.group\/thumbnail):focus-within *
  ) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
    .group-hover\:invisible:is(:where(.group):hover *) {
      visibility: hidden;
    }
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
    .group-hover\:top-1\/2:is(:where(.group):hover *) {
      top: 50%;
    }
    .group-hover\:top-\[2\%\]:is(:where(.group):hover *) {
      top: 2%;
    }
    .group-hover\:-right-5:is(:where(.group):hover *) {
      right: calc(var(--spacing) * -5);
    }
    .group-hover\:right-5:is(:where(.group):hover *) {
      right: calc(var(--spacing) * 5);
    }
    .group-hover\:mr-1:is(:where(.group):hover *) {
      margin-right: calc(var(--spacing) * 1);
    }
    .group-hover\:mr-8:is(:where(.group):hover *) {
      margin-right: calc(var(--spacing) * 8);
    }
    .group-hover\:ml-0\.5:is(:where(.group):hover *) {
      margin-left: calc(var(--spacing) * 0.5);
    }
    .group-hover\:ml-\[5px\]:is(:where(.group):hover *) {
      margin-left: 5px;
    }
    .group-hover\:ml-\[10px\]:is(:where(.group):hover *) {
      margin-left: 10px;
    }
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
    .group-hover\:flex:is(:where(.group):hover *) {
      display: flex;
    }
    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }
    .group-hover\:inline-block:is(:where(.group):hover *) {
      display: inline-block;
    }
    .group-hover\:inline-flex:is(:where(.group):hover *) {
      display: inline-flex;
    }
    .group-hover\:w-3:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 3);
    }
    .group-hover\:w-px:is(:where(.group):hover *) {
      width: 1px;
    }
    .group-hover\:max-w-\[calc\(100\%-20px\)\]:is(:where(.group):hover *),
    .group-hover\:max-w-\[calc\(100\%_-_20px\)\]:is(:where(.group):hover *) {
      max-width: calc(100% - 20px);
    }
    .group-hover\:-translate-x-6:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-x-\[0\.5px\]:is(:where(.group):hover *) {
      --tw-translate-x: -0.5px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-x-\[1px\]:is(:where(.group):hover *) {
      --tw-translate-x: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-\[0\.5px\]:is(:where(.group):hover *) {
      --tw-translate-x: 0.5px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-\[1px\]:is(:where(.group):hover *),
    .group-hover\:translate-x-px:is(:where(.group):hover *) {
      --tw-translate-x: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-\[0\.5px\]:is(:where(.group):hover *) {
      --tw-translate-y: -0.5px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-\[1\.4px\]:is(:where(.group):hover *) {
      --tw-translate-y: -1.4px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-\[2\.8px\]:is(:where(.group):hover *) {
      --tw-translate-y: -2.8px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-\[1px\]:is(:where(.group):hover *) {
      --tw-translate-y: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:scale-75:is(:where(.group):hover *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-95:is(:where(.group):hover *) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:-rotate-1:is(:where(.group):hover *) {
      rotate: -1deg;
    }
    .group-hover\:-rotate-2:is(:where(.group):hover *) {
      rotate: -2deg;
    }
    .group-hover\:-rotate-3:is(:where(.group):hover *) {
      rotate: -3deg;
    }
    .group-hover\:-rotate-90:is(:where(.group):hover *) {
      rotate: -90deg;
    }
    .group-hover\:rotate-2:is(:where(.group):hover *) {
      rotate: 2deg;
    }
    .group-hover\:rotate-3:is(:where(.group):hover *) {
      rotate: 3deg;
    }
    .group-hover\:rotate-6:is(:where(.group):hover *) {
      rotate: 6deg;
    }
    .group-hover\:rotate-\[10deg\]:is(:where(.group):hover *) {
      rotate: 10deg;
    }
    .group-hover\:rotate-\[120deg\]:is(:where(.group):hover *) {
      rotate: 120deg;
    }
    .group-hover\:\[transform\:translateX\(calc\(-1\*var\(--marquee-overflow\,0px\)\)\)\]:is(
      :where(.group):hover *
    ) {
      transform: translate(calc(-1 * var(--marquee-overflow, 0px)));
    }
    .group-hover\:animate-\[blink_4s_ease-in-out_infinite\]:is(
      :where(.group):hover *
    ) {
      animation: 4s ease-in-out infinite blink;
    }
    .group-hover\:animate-\[bounceUpRight_0\.6s_ease-in-out_infinite\]:is(
        :where(.group):hover *
      ) {
      animation: 0.6s ease-in-out infinite bounceUpRight;
    }
    .group-hover\:animate-\[look-around_2\.4s_ease-in-out_infinite\]:is(
        :where(.group):hover *
      ) {
      animation: 2.4s ease-in-out infinite look-around;
    }
    .group-hover\:grid-rows-\[1fr\]:is(:where(.group):hover *) {
      grid-template-rows: 1fr;
    }
    .group-hover\:\!border-stronger:is(:where(.group):hover *) {
      border-color: var(--cds-border-stronger) !important;
    }
    .group-hover\:border-accent-000\/70:is(:where(.group):hover *) {
      border-color: hsl(var(--accent-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-accent-000\/70:is(:where(.group):hover *) {
        border-color: color-mix(
          in oklab,
          hsl(var(--accent-000) / 1) 70%,
          transparent
        );
      }
    }
    .group-hover\:border-accent-100\/40:is(:where(.group):hover *) {
      border-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-accent-100\/40:is(:where(.group):hover *) {
        border-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 40%,
          transparent
        );
      }
    }
    .group-hover\:border-accent-100\/50:is(:where(.group):hover *) {
      border-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-accent-100\/50:is(:where(.group):hover *) {
        border-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 50%,
          transparent
        );
      }
    }
    .group-hover\:border-accent-900:is(:where(.group):hover *) {
      border-color: hsl(var(--accent-900) / 1);
    }
    .group-hover\:border-border-100:is(:where(.group):hover *) {
      border-color: hsl(var(--border-100) / 0.4);
    }
    .group-hover\:border-border-200:is(:where(.group):hover *) {
      border-color: hsl(var(--border-200) / 0.3);
    }
    .group-hover\:bg-accent-100:is(:where(.group):hover *) {
      background-color: hsl(var(--accent-100) / 1);
    }
    .group-hover\:bg-accent-900:is(:where(.group):hover *),
    .group-hover\:bg-accent-900\/50:is(:where(.group):hover *) {
      background-color: hsl(var(--accent-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-accent-900\/50:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-900) / 1) 50%,
          transparent
        );
      }
    }
    .group-hover\:bg-always-white\/10:is(:where(.group):hover *) {
      background-color: hsl(var(--always-white) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-always-white\/10:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-white) / 1) 10%,
          transparent
        );
      }
    }
    .group-hover\:bg-bg-300:is(:where(.group):hover *) {
      background-color: hsl(var(--bg-300) / 1);
    }
    .group-hover\:bg-bg-400:is(:where(.group):hover *) {
      background-color: hsl(var(--bg-400) / 1);
    }
    .group-hover\:bg-surface-1:is(:where(.group):hover *) {
      background-color: var(--cds-surface-1);
    }
    .group-hover\:bg-surface-2:is(:where(.group):hover *) {
      background-color: var(--cds-surface-2);
    }
    .group-hover\:bg-text-500\/25:is(:where(.group):hover *) {
      background-color: hsl(var(--text-500) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text-500\/25:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          hsl(var(--text-500) / 1) 25%,
          transparent
        );
      }
    }
    .group-hover\:bg-gradient-to-t:is(:where(.group):hover *) {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .group-hover\:\[mask-image\:linear-gradient\(to_left\,transparent\,transparent_1\.25rem\,black_2\.5rem\)\]:is(
        :where(.group):hover *
      ) {
      -webkit-mask-image: linear-gradient(
        270deg,
        #0000,
        #0000 1.25rem,
        #000 2.5rem
      );
      mask-image: linear-gradient(270deg, #0000, #0000 1.25rem, #000 2.5rem);
    }
    .group-hover\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_calc\(100\%_-_28px\)\,transparent_100\%\)\]:is(
      :where(.group):hover *
    ) {
      -webkit-mask-image: linear-gradient(
        to right,
        hsl(var(--always-black)) calc(100% - 28px),
        transparent 100%
      );
      mask-image: linear-gradient(
        to right,
        hsl(var(--always-black)) calc(100% - 28px),
        transparent 100%
      );
    }
    .group-hover\:\[mask-image\:linear-gradient\(to_right\,transparent\,hsl\(var\(--always-black\)\)_var\(--marquee-left-fade\,0px\)\,hsl\(var\(--always-black\)\)_calc\(100\%_-_44px\)\,transparent_calc\(100\%_-_20px\)\)\]:is(
      :where(.group):hover *
    ) {
      -webkit-mask-image: linear-gradient(
        to right,
        transparent,
        hsl(var(--always-black)) var(--marquee-left-fade, 0px),
        hsl(var(--always-black)) calc(100% - 44px),
        transparent calc(100% - 20px)
      );
      mask-image: linear-gradient(
        to right,
        transparent,
        hsl(var(--always-black)) var(--marquee-left-fade, 0px),
        hsl(var(--always-black)) calc(100% - 44px),
        transparent calc(100% - 20px)
      );
    }
    .group-hover\:\[mask-image\:var\(--marquee-hover-mask\,none\)\]:is(
      :where(.group):hover *
    ) {
      -webkit-mask-image: var(--marquee-hover-mask, none);
      mask-image: var(--marquee-hover-mask, none);
    }
    .group-hover\:font-medium:is(:where(.group):hover *) {
      --tw-font-weight: var(--cds-font-weight-medium);
      font-weight: var(--cds-font-weight-medium);
    }
    .group-hover\:\!text-text-100\/40:is(:where(.group):hover *) {
      color: hsl(var(--text-100) / 1) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:\!text-text-100\/40:is(:where(.group):hover *) {
        color: color-mix(
          in oklab,
          hsl(var(--text-100) / 1) 40%,
          transparent
        ) !important;
      }
    }
    .group-hover\:\!text-text-400:is(:where(.group):hover *) {
      color: hsl(var(--text-400) / 1) !important;
    }
    .group-hover\:text-accent:is(:where(.group):hover *) {
      color: var(--cds-text-accent);
    }
    .group-hover\:text-accent-000:is(:where(.group):hover *),
    .group-hover\:text-accent-000\/80:is(:where(.group):hover *) {
      color: hsl(var(--accent-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:text-accent-000\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, hsl(var(--accent-000) / 1) 80%, transparent);
      }
    }
    .group-hover\:text-accent-pro-000:is(:where(.group):hover *) {
      color: hsl(var(--accent-pro-000) / 1);
    }
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--cds-text-primary);
    }
    .group-hover\:text-secondary:is(:where(.group):hover *) {
      color: var(--cds-text-secondary);
    }
    .group-hover\:text-text-000:is(:where(.group):hover *) {
      color: hsl(var(--text-000) / 1);
    }
    .group-hover\:text-text-100:is(:where(.group):hover *) {
      color: hsl(var(--text-100) / 1);
    }
    .group-hover\:text-text-200:is(:where(.group):hover *) {
      color: hsl(var(--text-200) / 1);
    }
    .group-hover\:text-text-300:is(:where(.group):hover *) {
      color: hsl(var(--text-300) / 1);
    }
    .group-hover\:text-text-400:is(:where(.group):hover *) {
      color: hsl(var(--text-400) / 1);
    }
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: 0.6;
    }
    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: 0.9;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
    .group-hover\:shadow-lg:is(:where(.group):hover *) {
      --tw-shadow: var(--cds-shadow-lg);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-hover\:shadow-sm:is(:where(.group):hover *) {
      --tw-shadow: var(--cds-shadow-sm);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-hover\:delay-75:is(:where(.group):hover *) {
      transition-delay: 75ms;
    }
    .group-hover\:\[animation-play-state\:running\]:is(:where(.group):hover *) {
      animation-play-state: running;
    }
    .group-hover\:\[transition\:transform_var\(--marquee-duration\,0s\)_linear_0\.3s\]:is(
        :where(.group):hover *
      ) {
      transition: transform var(--marquee-duration, 0s) linear 0.3s;
    }
    :is(.\*\:group-hover\:border-accent-100\/50 > *):is(
      :where(.group):hover *
    ) {
      border-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is(.\*\:group-hover\:border-accent-100\/50 > *):is(
        :where(.group):hover *
      ) {
        border-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 50%,
          transparent
        );
      }
    }
    .group-hover\/address\:text-accent-000:is(:where(.group\/address):hover *) {
      color: hsl(var(--accent-000) / 1);
    }
    .group-hover\/artifact-block\:scale-\[1\.035\]:is(
        :where(.group\/artifact-block):hover *
      ) {
      scale: 1.035;
    }
    .group-hover\/artifact-block\:-rotate-\[0\.065rad\]:is(
        :where(.group\/artifact-block):hover *
      ) {
      rotate: -3.72423deg;
    }
    .group-hover\/artifact-block\:rotate-\[0\.065rad\]:is(
        :where(.group\/artifact-block):hover *
      ) {
      rotate: 3.72423deg;
    }
    .group-hover\/artifact-block\:duration-400:is(
      :where(.group\/artifact-block):hover *
    ) {
      --tw-duration: 0.4s;
      transition-duration: 0.4s;
    }
    .group-hover\/artifact-block\:ease-\[cubic-bezier\(0\,0\.9\,0\.5\,1\.35\)\]:is(
        :where(.group\/artifact-block):hover *
      ) {
      --tw-ease: cubic-bezier(0, 0.9, 0.5, 1.35);
      transition-timing-function: cubic-bezier(0, 0.9, 0.5, 1.35);
    }
    .group-hover\/avatar\:scale-\[1\.15\]:is(:where(.group\/avatar):hover *) {
      scale: 1.15;
    }
    .group-hover\/avatar\:opacity-40:is(:where(.group\/avatar):hover *) {
      opacity: 0.4;
    }
    .group-hover\/avatar\:opacity-100:is(:where(.group\/avatar):hover *) {
      opacity: 1;
    }
    .group-hover\/avatar\:blur-\[3px\]:is(:where(.group\/avatar):hover *) {
      --tw-blur: blur(3px);
      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,);
    }
    .group-hover\/body\:opacity-100:is(:where(.group\/body):hover *) {
      opacity: 1;
    }
    .group-hover\/btn\:bg-\[var\(--accent-10\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--accent-10);
    }
    .group-hover\/btn\:bg-\[var\(--accent-20\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--accent-20);
    }
    .group-hover\/btn\:bg-\[var\(--cds-button-on-content-hover\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--cds-button-on-content-hover);
    }
    .group-hover\/btn\:bg-\[var\(--fill-contained-hover\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--fill-contained-hover);
    }
    .group-hover\/btn\:bg-\[var\(--fill-destructive-hover\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--fill-destructive-hover);
    }
    .group-hover\/btn\:bg-\[var\(--fill-primary-hover\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--fill-primary-hover);
    }
    .group-hover\/btn\:bg-\[var\(--fill-uncontained-hover\)\]:is(
      :where(.group\/btn):hover *
    ) {
      background-color: var(--fill-uncontained-hover);
    }
    .group-hover\/btn\:bg-\[var\(--t3\)\]:is(:where(.group\/btn):hover *) {
      background-color: var(--t3);
    }
    .group-hover\/btn\:bg-fill-brand-hover:is(:where(.group\/btn):hover *) {
      background-color: var(--cds-fill-brand-hover);
    }
    .group-hover\/btn\:bg-fill-danger-hover:is(:where(.group\/btn):hover *) {
      background-color: var(--cds-fill-danger-hover);
    }
    .group-hover\/btn\:bg-fill-ghost-hover:is(:where(.group\/btn):hover *) {
      background-color: var(--cds-fill-ghost-hover);
    }
    .group-hover\/btn\:bg-fill-primary-hover:is(:where(.group\/btn):hover *) {
      background-color: var(--cds-fill-primary-hover);
    }
    .group-hover\/btn\:bg-fill-secondary-hover:is(:where(.group\/btn):hover *) {
      background-color: var(--cds-fill-secondary-hover);
    }
    .group-hover\/btn\:text-\[var\(--accent\)\]:is(
      :where(.group\/btn):hover *
    ) {
      color: var(--accent);
    }
    .group-hover\/btn\:opacity-0:is(:where(.group\/btn):hover *) {
      opacity: 0;
    }
    .group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *) {
      opacity: 1;
    }
    .group-hover\/card\:pointer-events-auto:is(:where(.group\/card):hover *) {
      pointer-events: auto;
    }
    .group-hover\/card\:visible:is(:where(.group\/card):hover *) {
      visibility: visible;
    }
    .group-hover\/card\:translate-x-0:is(:where(.group\/card):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/card\:bg-always-black\/5:is(:where(.group\/card):hover *) {
      background-color: hsl(var(--always-black) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/card\:bg-always-black\/5:is(:where(.group\/card):hover *) {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-black) / 1) 5%,
          transparent
        );
      }
    }
    .group-hover\/card\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_calc\(100\%_-_72px\)\,transparent_calc\(100\%_-_44px\)\)\]:is(
      :where(.group\/card):hover *
    ) {
      -webkit-mask-image: linear-gradient(
        to right,
        hsl(var(--always-black)) calc(100% - 72px),
        transparent calc(100% - 44px)
      );
      mask-image: linear-gradient(
        to right,
        hsl(var(--always-black)) calc(100% - 72px),
        transparent calc(100% - 44px)
      );
    }
    .group-hover\/card\:text-text-000:is(:where(.group\/card):hover *) {
      color: hsl(var(--text-000) / 1);
    }
    .group-hover\/card\:text-text-300:is(:where(.group\/card):hover *) {
      color: hsl(var(--text-300) / 1);
    }
    .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
      opacity: 1;
    }
    .group-hover\/cb\:border-stronger:is(:where(.group\/cb):hover *) {
      border-color: var(--cds-border-stronger);
    }
    .group-hover\/cbx\:text-secondary:is(:where(.group\/cbx):hover *) {
      color: var(--cds-text-secondary);
    }
    .group-hover\/cdsrow\:pointer-events-auto:is(
      :where(.group\/cdsrow):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/cdsrow\:mr-8:is(:where(.group\/cdsrow):hover *) {
      margin-right: calc(var(--spacing) * 8);
    }
    .group-hover\/cdsrow\:rounded-l:is(:where(.group\/cdsrow):hover *) {
      border-top-left-radius: var(--cds-radius);
      border-bottom-left-radius: var(--cds-radius);
    }
    .group-hover\/cdsrow\:rounded-r:is(:where(.group\/cdsrow):hover *) {
      border-top-right-radius: var(--cds-radius);
      border-bottom-right-radius: var(--cds-radius);
    }
    .group-hover\/cdsrow\:border-transparent:is(
      :where(.group\/cdsrow):hover *
    ) {
      border-color: #0000;
    }
    .group-hover\/cdsrow\:bg-fill-ghost-hover:is(
      :where(.group\/cdsrow):hover *
    ) {
      background-color: var(--cds-fill-ghost-hover);
    }
    .group-hover\/cdsrow\:opacity-0:is(:where(.group\/cdsrow):hover *) {
      opacity: 0;
    }
    .group-hover\/cdsrow\:opacity-100:is(:where(.group\/cdsrow):hover *) {
      opacity: 1;
    }
    .group-hover\/cdsrow\:delay-75:is(:where(.group\/cdsrow):hover *) {
      transition-delay: 75ms;
    }
    .group-hover\/cdsth\:text-disabled:is(:where(.group\/cdsth):hover *) {
      color: var(--cds-text-disabled);
    }
    .group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *) {
      opacity: 1;
    }
    .group-hover\/checklist\:pointer-events-auto:is(
      :where(.group\/checklist):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/checklist\:opacity-0:is(:where(.group\/checklist):hover *) {
      opacity: 0;
    }
    .group-hover\/checklist\:opacity-100:is(:where(.group\/checklist):hover *),
    .group-hover\/col\:opacity-100:is(:where(.group\/col):hover *) {
      opacity: 1;
    }
    .group-hover\/collapse-indicator\:text-text-300:is(
      :where(.group\/collapse-indicator):hover *
    ) {
      color: hsl(var(--text-300) / 1);
    }
    .group-hover\/copy\:opacity-100:is(:where(.group\/copy):hover *) {
      opacity: 1;
    }
    .group-hover\/dd\:bg-\[var\(--fill-contained-hover\)\]:is(
      :where(.group\/dd):hover *
    ) {
      background-color: var(--fill-contained-hover);
    }
    .group-hover\/dd\:bg-\[var\(--fill-uncontained-hover\)\]:is(
      :where(.group\/dd):hover *
    ) {
      background-color: var(--fill-uncontained-hover);
    }
    .group-hover\/dd\:opacity-100:is(:where(.group\/dd):hover *),
    .group-hover\/details\:opacity-100:is(:where(.group\/details):hover *) {
      opacity: 1;
    }
    .group-hover\/diff\:\[background-color\:color-mix\(in_oklch\,var\(--cds-bg-git-added\)\,white_8\%\)\]:is(
      :where(.group\/diff):hover *
    ) {
      background-color: var(--cds-bg-git-added);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/diff\:\[background-color\:color-mix\(in_oklch\,var\(--cds-bg-git-added\)\,white_8\%\)\]:is(
        :where(.group\/diff):hover *
      ) {
        background-color: color-mix(
          in oklch,
          var(--cds-bg-git-added),
          white 8%
        );
      }
    }
    .group-hover\/diff\:\[background-color\:color-mix\(in_oklch\,var\(--cds-bg-git-removed\)\,white_8\%\)\]:is(
      :where(.group\/diff):hover *
    ) {
      background-color: var(--cds-bg-git-removed);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/diff\:\[background-color\:color-mix\(in_oklch\,var\(--cds-bg-git-removed\)\,white_8\%\)\]:is(
        :where(.group\/diff):hover *
      ) {
        background-color: color-mix(
          in oklch,
          var(--cds-bg-git-removed),
          white 8%
        );
      }
    }
    .group-hover\/docbar\:pointer-events-auto:is(
      :where(.group\/docbar):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/docbar\:opacity-100:is(:where(.group\/docbar):hover *) {
      opacity: 1;
    }
    .group-hover\/folder\:-translate-x-2:is(:where(.group\/folder):hover *) {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/folder\:scale-100:is(:where(.group\/folder):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/folder\:-rotate-6:is(:where(.group\/folder):hover *) {
      rotate: -6deg;
    }
    .group-hover\/folder\:border-\[hsl\(var\(--border-200\)\/0\.5\)\]:is(
        :where(.group\/folder):hover *
      ) {
      border-color: hsl(var(--border-200) / 0.5);
    }
    .group-hover\/folder\:opacity-100:is(:where(.group\/folder):hover *) {
      opacity: 1;
    }
    .group-hover\/folder\:shadow-always-black\/10:is(
      :where(.group\/folder):hover *
    ) {
      --tw-shadow-color: hsl(var(--always-black) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/folder\:shadow-always-black\/10:is(
        :where(.group\/folder):hover *
      ) {
        --tw-shadow-color: color-mix(
          in oklab,
          color-mix(in oklab, hsl(var(--always-black) / 1) 10%, transparent)
            var(--tw-shadow-alpha),
          transparent
        );
      }
    }
    .group-hover\/gh\:opacity-100:is(:where(.group\/gh):hover *) {
      opacity: 1;
    }
    .group-hover\/grocery\:scale-100:is(:where(.group\/grocery):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/grocery\:opacity-100:is(:where(.group\/grocery):hover *),
    .group-hover\/guest-pass\:opacity-100:is(
      :where(.group\/guest-pass):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/handle\:invisible:is(:where(.group\/handle):hover *) {
      visibility: hidden;
    }
    .group-hover\/handle\:visible:is(:where(.group\/handle):hover *) {
      visibility: visible;
    }
    .group-hover\/hdr\:text-secondary:is(:where(.group\/hdr):hover *) {
      color: var(--cds-text-secondary);
    }
    .group-hover\/header\:opacity-60:is(:where(.group\/header):hover *) {
      opacity: 0.6;
    }
    .group-hover\/header\:opacity-75:is(:where(.group\/header):hover *) {
      opacity: 0.75;
    }
    .group-hover\/health\:scale-100:is(:where(.group\/health):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/health\:opacity-100:is(:where(.group\/health):hover *) {
      opacity: 1;
    }
    .group-hover\/labelrow\:opacity-60:is(:where(.group\/labelrow):hover *) {
      opacity: 0.6;
    }
    .group-hover\/line\:flex:is(:where(.group\/line):hover *) {
      display: flex;
    }
    .group-hover\/link\:underline:is(:where(.group\/link):hover *) {
      text-decoration-line: underline;
    }
    .group-hover\/link\:decoration-current:is(:where(.group\/link):hover *) {
      text-decoration-color: currentColor;
    }
    .group-hover\/link\:opacity-100:is(:where(.group\/link):hover *) {
      opacity: 1;
    }
    .group-hover\/links\:bg-transparent:is(:where(.group\/links):hover *) {
      background-color: #0000;
    }
    .group-hover\/m365\:scale-100:is(:where(.group\/m365):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/m365\:opacity-100:is(:where(.group\/m365):hover *) {
      opacity: 1;
    }
    .group-hover\/mark\:opacity-0:is(:where(.group\/mark):hover *) {
      opacity: 0;
    }
    .group-hover\/menu\:opacity-100:is(:where(.group\/menu):hover *) {
      opacity: 1;
    }
    .group-hover\/msg\:pointer-events-auto:is(:where(.group\/msg):hover *) {
      pointer-events: auto;
    }
    .group-hover\/msg\:opacity-80:is(:where(.group\/msg):hover *) {
      opacity: 0.8;
    }
    .group-hover\/msg\:opacity-100:is(:where(.group\/msg):hover *) {
      opacity: 1;
    }
    .group-hover\/nsh\:opacity-60:is(:where(.group\/nsh):hover *) {
      opacity: 0.6;
    }
    .group-hover\/orbit-row\:bg-bg-200:is(:where(.group\/orbit-row):hover *) {
      background-color: hsl(var(--bg-200) / 1);
    }
    .group-hover\/panel\:pointer-events-auto:is(:where(.group\/panel):hover *) {
      pointer-events: auto;
    }
    .group-hover\/panel\:opacity-100:is(:where(.group\/panel):hover *),
    .group-hover\/phase\:opacity-100:is(:where(.group\/phase):hover *) {
      opacity: 1;
    }
    .group-hover\/phone\:text-accent-000:is(:where(.group\/phone):hover *) {
      color: hsl(var(--accent-000) / 1);
    }
    .group-hover\/photo\:opacity-100:is(:where(.group\/photo):hover *) {
      opacity: 1;
    }
    .group-hover\/pill\:pointer-events-auto:is(:where(.group\/pill):hover *) {
      pointer-events: auto;
    }
    .group-hover\/pill\:text-primary:is(:where(.group\/pill):hover *) {
      color: var(--cds-text-primary);
    }
    .group-hover\/pill\:opacity-60:is(:where(.group\/pill):hover *) {
      opacity: 0.6;
    }
    .group-hover\/pill\:opacity-100:is(:where(.group\/pill):hover *),
    .group-hover\/rail\:opacity-100:is(:where(.group\/rail):hover *) {
      opacity: 1;
    }
    .group-hover\/rd\:border-stronger:is(:where(.group\/rd):hover *) {
      border-color: var(--cds-border-stronger);
    }
    .group-hover\/receipts\:translate-x-2:is(:where(.group\/receipts):hover *) {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/receipts\:scale-100:is(:where(.group\/receipts):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/receipts\:rotate-6:is(:where(.group\/receipts):hover *) {
      rotate: 6deg;
    }
    .group-hover\/receipts\:opacity-100:is(:where(.group\/receipts):hover *),
    .group-hover\/resize\:opacity-100:is(:where(.group\/resize):hover *) {
      opacity: 1;
    }
    .group-hover\/row\:pointer-events-auto:is(:where(.group\/row):hover *) {
      pointer-events: auto;
    }
    .group-hover\/row\:scale-75:is(:where(.group\/row):hover *) {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/row\:scale-100:is(:where(.group\/row):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\/row\:opacity-0:is(:where(.group\/row):hover *) {
      opacity: 0;
    }
    .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
      opacity: 1;
    }
    .group-hover\/scanrow\:pointer-events-auto:is(
      :where(.group\/scanrow):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/scanrow\:opacity-100:is(:where(.group\/scanrow):hover *) {
      opacity: 1;
    }
    .group-hover\/section\:opacity-60:is(:where(.group\/section):hover *) {
      opacity: 0.6;
    }
    .group-hover\/section\:opacity-100:is(:where(.group\/section):hover *) {
      opacity: 1;
    }
    .group-hover\/slider\:bg-\[var\(--ui-slider-fill-hover\)\]:is(
      :where(.group\/slider):hover *
    ) {
      background-color: var(--ui-slider-fill-hover);
    }
    .group-hover\/slider\:bg-\[var\(--ui-slider-handle-hover\)\]:is(
      :where(.group\/slider):hover *
    ) {
      background-color: var(--ui-slider-handle-hover);
    }
    .group-hover\/snippet\:text-text-200:is(:where(.group\/snippet):hover *) {
      color: hsl(var(--text-200) / 1);
    }
    .group-hover\/split\:opacity-0:is(:where(.group\/split):hover *) {
      opacity: 0;
    }
    .group-hover\/status\:bg-bg-400:is(:where(.group\/status):hover *) {
      background-color: hsl(var(--bg-400) / 1);
    }
    .group-hover\/status\:text-text-100:is(:where(.group\/status):hover *) {
      color: hsl(var(--text-100) / 1);
    }
    .group-hover\/status\:opacity-100:is(:where(.group\/status):hover *),
    .group-hover\/suggestions\:opacity-100:is(
      :where(.group\/suggestions):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/switch\:ring-\[1px\]:is(:where(.group\/switch):hover *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(1px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-hover\/tag\:scale-\[100\%\]:is(:where(.group\/tag):hover *) {
      scale: 1;
    }
    .group-hover\/tag\:border-accent-100\/60:is(:where(.group\/tag):hover *) {
      border-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/tag\:border-accent-100\/60:is(:where(.group\/tag):hover *) {
        border-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 60%,
          transparent
        );
      }
    }
    .group-hover\/tag\:bg-accent-900:is(:where(.group\/tag):hover *) {
      background-color: hsl(var(--accent-900) / 1);
    }
    .group-hover\/tag\:text-text-200:is(:where(.group\/tag):hover *) {
      color: hsl(var(--text-200) / 1);
    }
    .group-hover\/tag\:opacity-\[100\%\]:is(:where(.group\/tag):hover *) {
      opacity: 1;
    }
    .group-hover\/tag\:ease-out:is(:where(.group\/tag):hover *) {
      --tw-ease: var(--cds-ease-out);
      transition-timing-function: var(--cds-ease-out);
    }
    .group-hover\/tg\:opacity-100:is(:where(.group\/tg):hover *),
    .group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *),
    .group-hover\/thumbnail\:opacity-100:is(:where(.group\/thumbnail):hover *),
    .group-hover\/timeline-text\:opacity-100:is(
      :where(.group\/timeline-text):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/tl\:decoration-current:is(:where(.group\/tl):hover *) {
      text-decoration-color: currentColor;
    }
    .group-hover\/todo\:opacity-100:is(:where(.group\/todo):hover *) {
      opacity: 1;
    }
    .group-hover\/vid\:opacity-0:is(:where(.group\/vid):hover *) {
      opacity: 0;
    }
    .group-hover\/vid\:opacity-100:is(:where(.group\/vid):hover *) {
      opacity: 1;
    }
    .group-hover\/website\:text-accent-000:is(:where(.group\/website):hover *) {
      color: hsl(var(--accent-000) / 1);
    }
  }
  .group-focus-visible\:invisible:is(:where(.group):focus-visible *) {
    visibility: hidden;
  }
  .group-focus-visible\:visible:is(:where(.group):focus-visible *) {
    visibility: visible;
  }
  .group-focus-visible\:scale-100:is(:where(.group):focus-visible *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-visible\:scale-105:is(:where(.group):focus-visible *) {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-visible\:-rotate-2:is(:where(.group):focus-visible *) {
    rotate: -2deg;
  }
  .group-focus-visible\:\[transform\:translateX\(calc\(-1\*var\(--marquee-overflow\,0px\)\)\)\]:is(
    :where(.group):focus-visible *
  ) {
    transform: translate(calc(-1 * var(--marquee-overflow, 0px)));
  }
  .group-focus-visible\:grid-rows-\[1fr\]:is(:where(.group):focus-visible *) {
    grid-template-rows: 1fr;
  }
  .group-focus-visible\:border-accent-100\/50:is(
    :where(.group):focus-visible *
  ) {
    border-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\:border-accent-100\/50:is(
      :where(.group):focus-visible *
    ) {
      border-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 50%,
        transparent
      );
    }
  }
  .group-focus-visible\:\[mask-image\:linear-gradient\(to_left\,transparent\,transparent_1\.25rem\,black_2\.5rem\)\]:is(
      :where(.group):focus-visible *
    ) {
    -webkit-mask-image: linear-gradient(
      270deg,
      #0000,
      #0000 1.25rem,
      #000 2.5rem
    );
    mask-image: linear-gradient(270deg, #0000, #0000 1.25rem, #000 2.5rem);
  }
  .group-focus-visible\:text-text-100:is(:where(.group):focus-visible *) {
    color: hsl(var(--text-100) / 1);
  }
  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 1;
  }
  .group-focus-visible\:shadow-focus:is(:where(.group):focus-visible *) {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\:ring-2:is(:where(.group):focus-visible *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\:outline-2:is(:where(.group):focus-visible *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .group-focus-visible\:outline-offset-2:is(:where(.group):focus-visible *) {
    outline-offset: 2px;
  }
  .group-focus-visible\:\[--marquee-left-fade\:12px\]:is(
    :where(.group):focus-visible *
  ) {
    --marquee-left-fade: 12px;
  }
  .group-focus-visible\:\[transition\:--marquee-left-fade_0\.2s_ease-out_0\.3s\]:is(
      :where(.group):focus-visible *
    ) {
    transition: --marquee-left-fade 0.2s ease-out 0.3s;
  }
  .group-focus-visible\:\[transition\:transform_var\(--marquee-duration\,0s\)_linear_0\.3s\]:is(
      :where(.group):focus-visible *
    ) {
    transition: transform var(--marquee-duration, 0s) linear 0.3s;
  }
  .group-focus-visible\/btn\:opacity-0:is(:where(.group\/btn):focus-visible *) {
    opacity: 0;
  }
  .group-focus-visible\/btn\:opacity-100:is(
    :where(.group\/btn):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/btn\:\!shadow-\[inset_0_0_0_1px_var\(--cds-button-on-content-ring\)\]:is(
    :where(.group\/btn):focus-visible *
  ) {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--cds-button-on-content-ring)) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .group-focus-visible\/btn\:shadow-\[inset_0_0_0_1px_var\(--cds-page-bg\)\]:is(
    :where(.group\/btn):focus-visible *
  ) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--cds-page-bg));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\/btn\:shadow-focus:is(
    :where(.group\/btn):focus-visible *
  ) {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\/btn\:shadow-none:is(
    :where(.group\/btn):focus-visible *
  ) {
    --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);
  }
  .group-focus-visible\/cb\:shadow-focus:is(
    :where(.group\/cb):focus-visible *
  ) {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\/dd\:opacity-100:is(:where(.group\/dd):focus-visible *),
  .group-focus-visible\/header\:opacity-100:is(
    :where(.group\/header):focus-visible *
  ),
  .group-focus-visible\/label\:opacity-100:is(
    :where(.group\/label):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/link\:underline:is(
    :where(.group\/link):focus-visible *
  ) {
    text-decoration-line: underline;
  }
  .group-focus-visible\/link\:decoration-current:is(
    :where(.group\/link):focus-visible *
  ) {
    text-decoration-color: currentColor;
  }
  .group-focus-visible\/link\:opacity-100:is(
    :where(.group\/link):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/m365\:scale-100:is(
    :where(.group\/m365):focus-visible *
  ) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-visible\/m365\:opacity-100:is(
    :where(.group\/m365):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/mark\:opacity-0:is(
    :where(.group\/mark):focus-visible *
  ) {
    opacity: 0;
  }
  .group-focus-visible\/orbit-row\:bg-bg-200:is(
    :where(.group\/orbit-row):focus-visible *
  ) {
    background-color: hsl(var(--bg-200) / 1);
  }
  .group-focus-visible\/play\:scale-100:is(
    :where(.group\/play):focus-visible *
  ) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-visible\/play\:opacity-100:is(
    :where(.group\/play):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/play\:ring-2:is(:where(.group\/play):focus-visible *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\/rd\:shadow-focus:is(
    :where(.group\/rd):focus-visible *
  ) {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-focus-visible\/resize\:bg-accent-brand:is(
    :where(.group\/resize):focus-visible *
  ) {
    background-color: hsl(var(--accent-brand) / 1);
  }
  .group-focus-visible\/resize\:opacity-100:is(
    :where(.group\/resize):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/resize\:delay-0:is(
    :where(.group\/resize):focus-visible *
  ) {
    transition-delay: 0s;
  }
  .group-focus-visible\/status\:opacity-100:is(
    :where(.group\/status):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/tl\:decoration-current:is(
    :where(.group\/tl):focus-visible *
  ) {
    text-decoration-color: currentColor;
  }
  .group-focus-visible\/vid\:opacity-0:is(:where(.group\/vid):focus-visible *) {
    opacity: 0;
  }
  .group-focus-visible\/vid\:opacity-100:is(
    :where(.group\/vid):focus-visible *
  ) {
    opacity: 1;
  }
  .group-active\:translate-x-0:is(:where(.group):active *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-active\:translate-y-0:is(:where(.group):active *) {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-active\:scale-\[0\.98\]:is(:where(.group):active *) {
    scale: 0.98;
  }
  .group-active\:rotate-0:is(:where(.group):active *) {
    rotate: 0deg;
  }
  .group-active\:rotate-6:is(:where(.group):active *) {
    rotate: 6deg;
  }
  .group-active\:animate-none:is(:where(.group):active *) {
    animation: none;
  }
  .group-active\:bg-always-white\/25:is(:where(.group):active *) {
    background-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-active\:bg-always-white\/25:is(:where(.group):active *) {
      background-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 25%,
        transparent
      );
    }
  }
  .group-enabled\/btn\:group-active\/btn\:bg-\[var\(--accent-20\)\]:is(
      :where(.group\/btn):enabled *
    ):is(:where(.group\/btn):active *) {
    background-color: var(--accent-20);
  }
  .group-enabled\/btn\:group-active\/btn\:bg-\[var\(--t3\)\]:is(
      :where(.group\/btn):enabled *
    ):is(:where(.group\/btn):active *) {
    background-color: var(--t3);
  }
  .group-enabled\/btn\:group-active\/btn\:bg-\[var\(--t4\)\]:is(
      :where(.group\/btn):enabled *
    ):is(:where(.group\/btn):active *) {
    background-color: var(--t4);
  }
  .group-enabled\/btn\:group-active\/btn\:bg-\[var\(--t8\)\]:is(
      :where(.group\/btn):enabled *
    ):is(:where(.group\/btn):active *) {
    background-color: var(--t8);
  }
  .group-disabled\/btn\:bg-\[var\(--fill-contained-disabled\)\]:is(
    :where(.group\/btn):disabled *
  ) {
    background-color: var(--fill-contained-disabled);
  }
  .group-disabled\/btn\:bg-\[var\(--fill-destructive-disabled\)\]:is(
    :where(.group\/btn):disabled *
  ) {
    background-color: var(--fill-destructive-disabled);
  }
  .group-disabled\/btn\:bg-\[var\(--fill-primary-disabled\)\]:is(
    :where(.group\/btn):disabled *
  ) {
    background-color: var(--fill-primary-disabled);
  }
  .group-disabled\/btn\:bg-\[var\(--fill-uncontained-disabled\)\]:is(
    :where(.group\/btn):disabled *
  ) {
    background-color: var(--fill-uncontained-disabled);
  }
  .group-disabled\/btn\:shadow-none:is(:where(.group\/btn):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);
  }
  .group-disabled\/dd\:bg-\[var\(--fill-contained-disabled\)\]:is(
    :where(.group\/dd):disabled *
  ) {
    background-color: var(--fill-contained-disabled);
  }
  .group-disabled\/dd\:bg-\[var\(--fill-uncontained-disabled\)\]:is(
    :where(.group\/dd):disabled *
  ) {
    background-color: var(--fill-uncontained-disabled);
  }
  .group-disabled\/dd\:shadow-none:is(:where(.group\/dd):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);
  }
  .group-aria-busy\/btn\:bg-\[var\(--fill-contained-busy\)\]:is(
    :where(.group\/btn)[aria-busy="true"] *
  ) {
    background-color: var(--fill-contained-busy);
  }
  .group-aria-busy\/btn\:bg-\[var\(--fill-destructive-busy\)\]:is(
    :where(.group\/btn)[aria-busy="true"] *
  ) {
    background-color: var(--fill-destructive-busy);
  }
  .group-aria-busy\/btn\:bg-\[var\(--fill-primary-busy\)\]:is(
    :where(.group\/btn)[aria-busy="true"] *
  ) {
    background-color: var(--fill-primary-busy);
  }
  .group-aria-busy\/btn\:bg-\[var\(--fill-uncontained-busy\)\]:is(
    :where(.group\/btn)[aria-busy="true"] *
  ) {
    background-color: var(--fill-uncontained-busy);
  }
  .group-aria-expanded\/btn\:bg-\[var\(--cds-button-on-content-hover\)\]:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--cds-button-on-content-hover);
  }
  .group-aria-expanded\/btn\:bg-\[var\(--fill-contained-selected\)\]:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--fill-contained-selected);
  }
  .group-aria-expanded\/btn\:bg-\[var\(--fill-uncontained-selected\)\]:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--fill-uncontained-selected);
  }
  .group-aria-expanded\/btn\:bg-\[var\(--t4\)\]:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--t4);
  }
  .group-aria-expanded\/btn\:bg-fill-brand-hover:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--cds-fill-brand-hover);
  }
  .group-aria-expanded\/btn\:bg-fill-danger-hover:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--cds-fill-danger-hover);
  }
  .group-aria-expanded\/btn\:bg-fill-ghost-hover:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--cds-fill-ghost-hover);
  }
  .group-aria-expanded\/btn\:bg-fill-primary-hover:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--cds-fill-primary-hover);
  }
  .group-aria-expanded\/btn\:bg-fill-secondary-hover:is(
    :where(.group\/btn)[aria-expanded="true"] *
  ) {
    background-color: var(--cds-fill-secondary-hover);
  }
  @media (hover: hover) {
    .group-hover\/btn\:group-aria-expanded\/btn\:bg-\[var\(--fill-contained-selected\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-expanded="true"] *) {
      background-color: var(--fill-contained-selected);
    }
    .group-hover\/btn\:group-aria-expanded\/btn\:bg-\[var\(--fill-uncontained-selected\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-expanded="true"] *) {
      background-color: var(--fill-uncontained-selected);
    }
    .group-hover\/btn\:group-aria-expanded\/btn\:bg-\[var\(--t4\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-expanded="true"] *) {
      background-color: var(--t4);
    }
  }
  .group-aria-pressed\/btn\:bg-\[var\(--accent-10\)\]:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    background-color: var(--accent-10);
  }
  .group-aria-pressed\/btn\:bg-\[var\(--accent-20\)\]:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    background-color: var(--accent-20);
  }
  .group-aria-pressed\/btn\:bg-\[var\(--fill-contained-selected\)\]:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    background-color: var(--fill-contained-selected);
  }
  .group-aria-pressed\/btn\:bg-\[var\(--fill-uncontained-selected\)\]:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    background-color: var(--fill-uncontained-selected);
  }
  .group-aria-pressed\/btn\:bg-\[var\(--t4\)\]:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    background-color: var(--t4);
  }
  .group-aria-pressed\/btn\:bg-accent:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    background-color: var(--cds-bg-accent);
  }
  .group-aria-pressed\/btn\:text-\[var\(--accent\)\]:is(
    :where(.group\/btn)[aria-pressed="true"] *
  ) {
    color: var(--accent);
  }
  @media (hover: hover) {
    .group-hover\/btn\:group-aria-pressed\/btn\:bg-\[var\(--accent-10\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-pressed="true"] *) {
      background-color: var(--accent-10);
    }
    .group-hover\/btn\:group-aria-pressed\/btn\:bg-\[var\(--fill-contained-selected\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-pressed="true"] *) {
      background-color: var(--fill-contained-selected);
    }
    .group-hover\/btn\:group-aria-pressed\/btn\:bg-\[var\(--fill-uncontained-selected\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-pressed="true"] *) {
      background-color: var(--fill-uncontained-selected);
    }
    .group-hover\/btn\:group-aria-pressed\/btn\:bg-\[var\(--t4\)\]:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-pressed="true"] *) {
      background-color: var(--t4);
    }
    .group-hover\/btn\:group-aria-pressed\/btn\:bg-accent:is(
        :where(.group\/btn):hover *
      ):is(:where(.group\/btn)[aria-pressed="true"] *) {
      background-color: var(--cds-bg-accent);
    }
  }
  .group-aria-\[expanded\=true\]\/dd\:bg-\[var\(--fill-contained-selected\)\]:is(
    :where(.group\/dd)[aria-expanded="true"] *
  ) {
    background-color: var(--fill-contained-selected);
  }
  .group-aria-\[expanded\=true\]\/dd\:bg-\[var\(--fill-uncontained-selected\)\]:is(
    :where(.group\/dd)[aria-expanded="true"] *
  ) {
    background-color: var(--fill-uncontained-selected);
  }
  .group-aria-\[expanded\=true\]\/dd\:opacity-100:is(
    :where(.group\/dd)[aria-expanded="true"] *
  ),
  .group-data-\[active\]\:opacity-100:is(:where(.group)[data-active] *) {
    opacity: 1;
  }
  .group-data-\[checked\]\/cb\:border-0:is(:where(.group\/cb)[data-checked] *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .group-data-\[checked\]\/cb\:bg-\[var\(--accent\)\]:is(
    :where(.group\/cb)[data-checked] *
  ) {
    background-color: var(--accent);
  }
  .group-data-\[checked\]\/cb\:bg-fill-accent:is(
    :where(.group\/cb)[data-checked] *
  ) {
    background-color: var(--cds-fill-accent);
  }
  @media (hover: hover) {
    .group-data-\[checked\]\/cb\:group-hover\/cb\:bg-fill-accent-hover:is(
        :where(.group\/cb)[data-checked] *
      ):is(:where(.group\/cb):hover *) {
      background-color: var(--cds-fill-accent-hover);
    }
  }
  .group-data-\[checked\]\/rd\:border-0:is(:where(.group\/rd)[data-checked] *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .group-data-\[checked\]\/rd\:bg-fill-accent:is(
    :where(.group\/rd)[data-checked] *
  ) {
    background-color: var(--cds-fill-accent);
  }
  @media (hover: hover) {
    .group-data-\[checked\]\/rd\:group-hover\/rd\:bg-fill-accent-hover:is(
        :where(.group\/rd)[data-checked] *
      ):is(:where(.group\/rd):hover *) {
      background-color: var(--cds-fill-accent-hover);
    }
  }
  .group-data-\[copied\=true\]\:\[mask-image\:linear-gradient\(to_left\,transparent\,transparent_1\.25rem\,black_2\.5rem\)\]:is(
      :where(.group)[data-copied="true"] *
    ) {
    -webkit-mask-image: linear-gradient(
      270deg,
      #0000,
      #0000 1.25rem,
      #000 2.5rem
    );
    mask-image: linear-gradient(270deg, #0000, #0000 1.25rem, #000 2.5rem);
  }
  @media (hover: hover) {
    .group-data-\[disabled\]\/cb\:group-hover\/cb\:border-strong:is(
        :where(.group\/cb)[data-disabled] *
      ):is(:where(.group\/cb):hover *),
    .group-data-\[disabled\]\/rd\:group-hover\/rd\:border-strong:is(
        :where(.group\/rd)[data-disabled] *
      ):is(:where(.group\/rd):hover *) {
      border-color: var(--cds-border-strong);
    }
  }
  .group-data-\[dragging\]\/slider\:pointer-events-none:is(
    :where(.group\/slider)[data-dragging] *
  ) {
    pointer-events: none;
  }
  .group-data-\[dragging\]\/slider\:bg-\[var\(--ui-slider-fill-active\)\]:is(
    :where(.group\/slider)[data-dragging] *
  ) {
    background-color: var(--ui-slider-fill-active);
  }
  .group-data-\[dragging\]\/slider\:bg-\[var\(--ui-slider-handle-active\)\]:is(
    :where(.group\/slider)[data-dragging] *
  ) {
    background-color: var(--ui-slider-handle-active);
  }
  @media (hover: hover) {
    .group-hover\/slider\:group-data-\[dragging\]\/slider\:bg-\[var\(--ui-slider-fill-active\)\]:is(
        :where(.group\/slider):hover *
      ):is(:where(.group\/slider)[data-dragging] *) {
      background-color: var(--ui-slider-fill-active);
    }
    .group-hover\/slider\:group-data-\[dragging\]\/slider\:bg-\[var\(--ui-slider-handle-active\)\]:is(
        :where(.group\/slider):hover *
      ):is(:where(.group\/slider)[data-dragging] *) {
      background-color: var(--ui-slider-handle-active);
    }
  }
  .group-data-\[force-hover\=true\]\/switch\:ring-\[1px\]:is(
    :where(.group\/switch)[data-force-hover="true"] *
  ) {
    --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);
  }
  .group-data-\[highlighted\]\/item\:opacity-100:is(
    :where(.group\/item)[data-highlighted] *
  ) {
    opacity: 1;
  }
  .group-data-\[highlighted\]\/menu-danger\:text-on-danger:is(
    :where(.group\/menu-danger)[data-highlighted] *
  ) {
    color: var(--cds-on-danger);
  }
  .group-data-\[indeterminate\]\/cb\:border-0:is(
    :where(.group\/cb)[data-indeterminate] *
  ) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .group-data-\[indeterminate\]\/cb\:bg-fill-accent:is(
    :where(.group\/cb)[data-indeterminate] *
  ) {
    background-color: var(--cds-fill-accent);
  }
  @media (hover: hover) {
    .group-data-\[indeterminate\]\/cb\:group-hover\/cb\:bg-fill-accent-hover:is(
        :where(.group\/cb)[data-indeterminate] *
      ):is(:where(.group\/cb):hover *) {
      background-color: var(--cds-fill-accent-hover);
    }
  }
  .group-data-\[menu-open\]\:opacity-100:is(:where(.group)[data-menu-open] *) {
    opacity: 1;
  }
  .group-data-\[menu-open\=true\]\:\[mask-image\:linear-gradient\(to_right\,hsl\(var\(--always-black\)\)_calc\(100\%_-_44px\)\,transparent_calc\(100\%_-_20px\)\)\]:is(
    :where(.group)[data-menu-open="true"] *
  ) {
    -webkit-mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 44px),
      transparent calc(100% - 20px)
    );
    mask-image: linear-gradient(
      to right,
      hsl(var(--always-black)) calc(100% - 44px),
      transparent calc(100% - 20px)
    );
  }
  .group-data-\[panel-open\]\:rotate-0:is(:where(.group)[data-panel-open] *) {
    rotate: 0deg;
  }
  .group-data-\[panel-open\]\:rotate-45:is(:where(.group)[data-panel-open] *) {
    rotate: 45deg;
  }
  .group-data-\[panel-open\]\/acc\:rotate-90:is(
    :where(.group\/acc)[data-panel-open] *
  ),
  .group-data-\[panel-open\]\/clp\:rotate-90:is(
    :where(.group\/clp)[data-panel-open] *
  ) {
    rotate: 90deg;
  }
  .group-data-\[pills-compact\]\/lead\:hidden:is(
    :where(.group\/lead)[data-pills-compact] *
  ) {
    display: none;
  }
  .group-data-\[pills-compact\]\/lead\:inline-flex:is(
    :where(.group\/lead)[data-pills-compact] *
  ) {
    display: inline-flex;
  }
  .group-data-\[pills-compact\]\/lead\:min-w-fit:is(
    :where(.group\/lead)[data-pills-compact] *
  ) {
    min-width: fit-content;
  }
  .group-data-\[pills-compact\]\/lead\:shrink-0:is(
    :where(.group\/lead)[data-pills-compact] *
  ) {
    flex-shrink: 0;
  }
  .group-data-\[popup-open\]\:bg-alpha-1:is(:where(.group)[data-popup-open] *) {
    background-color: var(--cds-alpha-1);
  }
  .group-data-\[popup-open\]\:text-primary:is(
    :where(.group)[data-popup-open] *
  ) {
    color: var(--cds-text-primary);
  }
  .group-data-\[popup-open\]\:opacity-60:is(:where(.group)[data-popup-open] *) {
    opacity: 0.6;
  }
  .group-data-\[scrollable\]\/overlay\:pr-6:is(
    :where(.group\/overlay)[data-scrollable] *
  ) {
    padding-right: calc(var(--spacing) * 6);
  }
  .group-data-\[selected\]\:block:is(:where(.group)[data-selected] *) {
    display: block;
  }
  .group-data-\[selected\]\:hidden:is(:where(.group)[data-selected] *) {
    display: none;
  }
  .group-data-\[selected\=focused\]\:text-text-000:is(
    :where(.group)[data-selected="focused"] *
  ) {
    color: hsl(var(--text-000) / 1);
  }
  .group-data-\[selection-mode\]\/table\:flex:is(
    :where(.group\/table)[data-selection-mode] *
  ) {
    display: flex;
  }
  .group-data-\[selection-mode\]\/table\:hidden:is(
    :where(.group\/table)[data-selection-mode] *
  ) {
    display: none;
  }
  .group-data-\[selection-mode\]\/table\:w-10:is(
    :where(.group\/table)[data-selection-mode] *
  ) {
    width: calc(var(--spacing) * 10);
  }
  .group-data-\[selection-mode\]\/table\:\!py-md:is(
    :where(.group\/table)[data-selection-mode] *
  ) {
    padding-block: var(--cds-pad-md) !important;
  }
  .group-data-\[selection-mode\]\/table\:\!pl-md:is(
    :where(.group\/table)[data-selection-mode] *
  ) {
    padding-left: var(--cds-pad-md) !important;
  }
  .group-data-\[selection-mode\]\/table\:\!opacity-100:is(
    :where(.group\/table)[data-selection-mode] *
  ) {
    opacity: 1 !important;
  }
  @media (hover: hover) {
    .group-data-\[selection-mode\]\/table\:group-hover\/cdsrow\:rounded-l-none:is(
        :where(.group\/table)[data-selection-mode] *
      ):is(:where(.group\/cdsrow):hover *) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
  .group-data-\[state\=\"closed\"\]\:text-text-400:is(
    :where(.group)[data-state="closed"] *
  ) {
    color: hsl(var(--text-400) / 1);
  }
  .group-data-\[state\=\"open\"\]\:rotate-45:is(
    :where(.group)[data-state="open"] *
  ) {
    rotate: 45deg;
  }
  .group-data-\[state\=\"open\"\]\:rotate-180:is(
    :where(.group)[data-state="open"] *
  ) {
    rotate: 180deg;
  }
  .group-data-\[state\=checked\]\:block:is(
    :where(.group)[data-state="checked"] *
  ) {
    display: block;
  }
  .group-data-\[state\=checked\]\:bg-accent-200:is(
    :where(.group)[data-state="checked"] *
  ) {
    background-color: hsl(var(--accent-200) / 1);
  }
  .group-data-\[state\=checked\]\:text-accent-100:is(
    :where(.group)[data-state="checked"] *
  ) {
    color: hsl(var(--accent-100) / 1);
  }
  .group-data-\[state\=checked\]\:text-accent-900:is(
    :where(.group)[data-state="checked"] *
  ) {
    color: hsl(var(--accent-900) / 1);
  }
  .group-data-\[state\=checked\]\:shadow-inset-border:is(
    :where(.group)[data-state="checked"] *
  ) {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--tw-shadow-color));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[state\=checked\]\:shadow-accent-000:is(
    :where(.group)[data-state="checked"] *
  ) {
    --tw-shadow-color: hsl(var(--accent-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=checked\]\:shadow-accent-000:is(
      :where(.group)[data-state="checked"] *
    ) {
      --tw-shadow-color: color-mix(
        in oklab,
        hsl(var(--accent-000) / 1) var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .group-data-\[state\=closed\]\:hidden:is(
    :where(.group)[data-state="closed"] *
  ),
  .group-data-\[state\=open\]\:hidden:is(:where(.group)[data-state="open"] *),
  .group-data-\[state\=unchecked\]\:hidden:is(
    :where(.group)[data-state="unchecked"] *
  ) {
    display: none;
  }
  .group-data-\[state\=unchecked\]\:bg-bg-300:is(
    :where(.group)[data-state="unchecked"] *
  ) {
    background-color: hsl(var(--bg-300) / 1);
  }
  .group-data-\[state\=unchecked\]\:text-text-100:is(
    :where(.group)[data-state="unchecked"] *
  ) {
    color: hsl(var(--text-100) / 1);
  }
  .group-data-\[state\=unchecked\]\:text-text-300:is(
    :where(.group)[data-state="unchecked"] *
  ) {
    color: hsl(var(--text-300) / 1);
  }
  @media (hover: hover) {
    .group-data-\[state\=unchecked\]\:group-hover\:bg-bg-400:is(
        :where(.group)[data-state="unchecked"] *
      ):is(:where(.group):hover *) {
      background-color: hsl(var(--bg-400) / 1);
    }
    .group-data-\[state\=unchecked\]\:group-hover\:text-text-100:is(
        :where(.group)[data-state="unchecked"] *
      ):is(:where(.group):hover *) {
      color: hsl(var(--text-100) / 1);
    }
    .group-data-\[state\=unchecked\]\:group-hover\:shadow-border-300:is(
        :where(.group)[data-state="unchecked"] *
      ):is(:where(.group):hover *) {
      --tw-shadow-color: hsl(var(--border-300) / 0.15);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-data-\[state\=unchecked\]\:group-hover\:shadow-border-300:is(
          :where(.group)[data-state="unchecked"] *
        ):is(:where(.group):hover *) {
        --tw-shadow-color: color-mix(
          in oklab,
          hsl(var(--border-300) / 0.15) var(--tw-shadow-alpha),
          transparent
        );
      }
    }
  }
  .peer-checked\:bg-accent-100:is(:where(.peer):checked ~ *) {
    background-color: hsl(var(--accent-100) / 1);
  }
  .peer-checked\:bg-text-100:is(:where(.peer):checked ~ *) {
    background-color: hsl(var(--text-100) / 1);
  }
  .peer-checked\:ring-\[0\.5px\]:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0.5px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .peer-checked\:ring-\[0px\]:is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    .group-hover\/switch\:peer-checked\:ring-\[0\.5px\]:is(
        :where(.group\/switch):hover *
      ):is(:where(.peer):checked ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(0.5px + 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);
    }
    .group-hover\/switch\:peer-checked\:ring-\[0px\]:is(
        :where(.group\/switch):hover *
      ):is(:where(.peer):checked ~ *) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(0px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .group-hover\/switch\:peer-checked\:ring-\[1px\]:is(
        :where(.group\/switch):hover *
      ):is(:where(.peer):checked ~ *) {
      --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);
    }
    .group-hover\/switch\:peer-checked\:ring-accent-000:is(
        :where(.group\/switch):hover *
      ):is(:where(.peer):checked ~ *) {
      --tw-ring-color: hsl(var(--accent-000) / 1);
    }
    .group-hover\/switch\:peer-checked\:ring-text-100:is(
        :where(.group\/switch):hover *
      ):is(:where(.peer):checked ~ *) {
      --tw-ring-color: hsl(var(--text-100) / 1);
    }
  }
  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-\[0\.5px\]:is(
      :where(.group\/switch)[data-force-hover="true"] *
    ):is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0.5px + 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);
  }
  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-\[0px\]:is(
      :where(.group\/switch)[data-force-hover="true"] *
    ):is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-\[1px\]:is(
      :where(.group\/switch)[data-force-hover="true"] *
    ):is(:where(.peer):checked ~ *) {
    --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);
  }
  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-accent-000:is(
      :where(.group\/switch)[data-force-hover="true"] *
    ):is(:where(.peer):checked ~ *) {
    --tw-ring-color: hsl(var(--accent-000) / 1);
  }
  .group-data-\[force-hover\=true\]\/switch\:peer-checked\:ring-text-100:is(
      :where(.group\/switch)[data-force-hover="true"] *
    ):is(:where(.peer):checked ~ *) {
    --tw-ring-color: hsl(var(--text-100) / 1);
  }
  @media (hover: hover) {
    .peer-hover\:bg-alpha-2:is(:where(.peer):hover ~ *) {
      background-color: var(--cds-alpha-2);
    }
  }
  .peer-focus-visible\:ring-1:is(:where(.peer):focus-visible ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .peer-focus-visible\:outline:is(:where(.peer):focus-visible ~ *),
  .peer-focus-visible\:outline-\[1px\]:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 2px;
  }
  .peer-focus-visible\:outline-accent-100:is(:where(.peer):focus-visible ~ *) {
    outline-color: hsl(var(--accent-100) / 1);
  }
  .peer-active\:scale-\[0\.92\]:is(:where(.peer):active ~ *) {
    scale: 0.92;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 0.5;
  }
  .peer-disabled\:ring-\[0px\]:is(:where(.peer):disabled ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .peer-disabled\:peer-checked\:ring-\[0\.5px\]:is(
      :where(.peer):disabled ~ *
    ):is(:where(.peer):checked ~ *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0.5px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .peer-data-\[force-focus\=true\]\:outline:is(
    :where(.peer)[data-force-focus="true"] ~ *
  ),
  .peer-data-\[force-focus\=true\]\:outline-\[1px\]:is(
    :where(.peer)[data-force-focus="true"] ~ *
  ) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .peer-data-\[force-focus\=true\]\:outline-offset-2:is(
    :where(.peer)[data-force-focus="true"] ~ *
  ) {
    outline-offset: 2px;
  }
  .peer-data-\[force-focus\=true\]\:outline-accent-100:is(
    :where(.peer)[data-force-focus="true"] ~ *
  ) {
    outline-color: hsl(var(--accent-100) / 1);
  }
  .first-letter\:capitalize:first-letter {
    text-transform: capitalize;
  }
  .first-letter\:uppercase:first-letter {
    text-transform: uppercase;
  }
  .marker\:text-\[0\.7em\] ::marker {
    font-size: 0.7em;
  }
  .marker\:text-\[0\.7em\]::marker {
    font-size: 0.7em;
  }
  .marker\:text-\[0\.7em\] ::-webkit-details-marker {
    font-size: 0.7em;
  }
  .marker\:text-\[0\.7em\]::-webkit-details-marker {
    font-size: 0.7em;
  }
  .placeholder\:truncate::placeholder {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .placeholder\:font-base::placeholder {
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 430;
    line-height: 1.4;
  }
  .placeholder\:text-sm::placeholder {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .placeholder\:text-\[var\(--diff-widget-muted\,var\(--t5\)\)\]::placeholder {
    color: var(--diff-widget-muted, var(--t5));
  }
  .placeholder\:text-brand-000\/50::placeholder {
    color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-brand-000\/50::placeholder {
      color: color-mix(in oklab, hsl(var(--brand-000) / 1) 50%, transparent);
    }
  }
  .placeholder\:text-muted::placeholder {
    color: var(--cds-text-muted);
  }
  .placeholder\:text-text-300::placeholder {
    color: hsl(var(--text-300) / 1);
  }
  .placeholder\:text-text-400::placeholder {
    color: hsl(var(--text-400) / 1);
  }
  .placeholder\:text-text-500::placeholder,
  .placeholder\:text-text-500\/70::placeholder {
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-text-500\/70::placeholder {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 70%, transparent);
    }
  }
  .placeholder\:opacity-75::placeholder {
    opacity: 0.75;
  }
  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .before\:-inset-y-1:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -1);
  }
  .before\:-inset-y-\[10px\]:before {
    content: var(--tw-content);
    inset-block: -10px;
  }
  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .before\:-top-3:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -3);
  }
  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }
  .before\:top-2:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 2);
  }
  .before\:-right-1\.5:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1.5);
  }
  .before\:right-\[6px\]:before {
    content: var(--tw-content);
    right: 6px;
  }
  .before\:right-\[12px\]:before {
    content: var(--tw-content);
    right: 12px;
  }
  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .before\:-left-\[5px\]:before {
    content: var(--tw-content);
    left: -5px;
  }
  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .before\:left-\[-2px\]:before {
    content: var(--tw-content);
    left: -2px;
  }
  .before\:left-\[6px\]:before {
    content: var(--tw-content);
    left: 6px;
  }
  .before\:left-\[12px\]:before {
    content: var(--tw-content);
    left: 12px;
  }
  .before\:-z-\[1\]:before {
    content: var(--tw-content);
    z-index: -1;
  }
  .before\:mx-1:before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1);
  }
  .before\:mx-1\.5:before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .before\:mr-2:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 2);
  }
  .before\:\!hidden:before {
    content: var(--tw-content);
    display: none !important;
  }
  .before\:hidden:before {
    content: var(--tw-content);
    display: none;
  }
  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }
  .before\:h-3:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3);
  }
  .before\:h-\[max\(24px\,100\%\)\]:before {
    content: var(--tw-content);
    height: max(24px, 100%);
  }
  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:w-\[3px\]:before {
    content: var(--tw-content);
    width: 3px;
  }
  .before\:w-\[max\(24px\,calc\(100\%\+2px\)\)\]:before {
    content: var(--tw-content);
    width: max(24px, 100% + 2px);
  }
  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:translate-y-\[1px\]:before {
    content: var(--tw-content);
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:rounded-2xl:before {
    content: var(--tw-content);
    border-radius: var(--radius-2xl);
  }
  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }
  .before\:bg-border-300:before {
    content: var(--tw-content);
    background-color: hsl(var(--border-300) / 0.15);
  }
  .before\:whitespace-nowrap:before {
    content: var(--tw-content);
    white-space: nowrap;
  }
  .before\:\!text-text-500:before {
    content: var(--tw-content);
    color: hsl(var(--text-500) / 1) !important;
  }
  .before\:text-muted:before {
    content: var(--tw-content);
    color: var(--cds-text-muted);
  }
  .before\:text-text-400:before {
    content: var(--tw-content);
    color: hsl(var(--text-400) / 1);
  }
  .before\:text-text-500\/50:before {
    content: var(--tw-content);
    color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:text-text-500\/50:before {
      color: color-mix(in oklab, hsl(var(--text-500) / 1) 50%, transparent);
    }
  }
  .before\:no-underline:before {
    content: var(--tw-content);
    text-decoration-line: none;
  }
  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }
  .before\:opacity-50:before {
    content: var(--tw-content);
    opacity: 0.5;
  }
  .before\:transition-colors:before {
    content: var(--tw-content);
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:transition-opacity:before {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:\!transition-none:before {
    content: var(--tw-content);
    transition-property: none !important;
  }
  .before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .before\:content-\[\'·\'\]:before {
    --tw-content: "·";
    content: var(--tw-content);
  }
  .before\:content-\[attr\(\.\.\.\)\]:before {
    --tw-content: attr(...);
    content: var(--tw-content);
  }
  .before\:content-\[attr\(data-placeholder\)\]:before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content);
  }
  .before\:content-\[open-quote\]:before {
    --tw-content: open-quote;
    content: var(--tw-content);
  }
  .before\:content-\[…\]:before {
    --tw-content: …;
    content: var(--tw-content);
  }
  .before\:\[background\:radial-gradient\(500px_circle_at_var\(--mx\,50\%\)_var\(--my\,50\%\)\,hsl\(var\(--accent-brand\)\/0\.05\)\,transparent_40\%\)\]:before {
    content: var(--tw-content);
    background: radial-gradient(
      500px circle at var(--mx, 50%) var(--my, 50%),
      hsl(var(--accent-brand) / 0.05),
      transparent 40%
    );
  }
  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
  .after\:start-0:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .after\:-end-2:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * -2);
  }
  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .after\:-bottom-6:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -6);
  }
  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .after\:h-6:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }
  .after\:translate-x-\[-100\%\]:after {
    content: var(--tw-content);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:translate-y-2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:animate-\[cds-shimmer_2s_linear_infinite\]:after {
    content: var(--tw-content);
    animation: 2s linear infinite cds-shimmer;
  }
  .after\:animate-\[shimmer_1\.5s_infinite\]:after {
    content: var(--tw-content);
    animation: 1.5s infinite shimmer;
  }
  .after\:rounded-\[inherit\]:after {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .after\:bg-gradient-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-gradient-to-r:after {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-\[linear-gradient\(90deg\,transparent\,var\(--cds-skeleton-sheen\)\,transparent\)\]:after {
    content: var(--tw-content);
    background-image: linear-gradient(
      90deg,
      transparent,
      var(--cds-skeleton-sheen),
      transparent
    );
  }
  .after\:bg-\[radial-gradient\(at_bottom\,hsla\(var\(--bg-000\)\/20\%\)\,hsla\(var\(--bg-000\)\/0\%\)\)\]:after {
    content: var(--tw-content);
    background-image: radial-gradient(
      at bottom,
      hsla(var(--bg-000) / 20%),
      hsla(var(--bg-000) / 0%)
    );
  }
  .after\:from-always-white\/0:after {
    content: var(--tw-content);
    --tw-gradient-from: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:from-always-white\/0:after {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 0%,
        transparent
      );
    }
  }
  .after\:from-always-white\/0:after {
    --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)
    );
  }
  .after\:from-bg-000\/0:after {
    content: var(--tw-content);
    --tw-gradient-from: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:from-bg-000\/0:after {
      --tw-gradient-from: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 0%,
        transparent
      );
    }
  }
  .after\:from-bg-000\/0:after {
    --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)
    );
  }
  .after\:from-bg-100:after {
    content: var(--tw-content);
    --tw-gradient-from: hsl(var(--bg-100) / 1);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .after\:from-0\%:after {
    content: var(--tw-content);
    --tw-gradient-from-position: 0%;
  }
  .after\:\!via-always-white\/50:after {
    content: var(--tw-content);
    --tw-gradient-via: hsl(var(--always-white) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:\!via-always-white\/50:after {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 50%,
        transparent
      ) !important;
    }
  }
  .after\:\!via-always-white\/50:after {
    --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) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops) !important;
  }
  .after\:via-always-white\/20:after {
    content: var(--tw-content);
    --tw-gradient-via: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:via-always-white\/20:after {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 20%,
        transparent
      );
    }
  }
  .after\:via-always-white\/20:after {
    --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);
  }
  .after\:via-bg-000\/20:after {
    content: var(--tw-content);
    --tw-gradient-via: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:via-bg-000\/20:after {
      --tw-gradient-via: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 20%,
        transparent
      );
    }
  }
  .after\:via-bg-000\/20:after {
    --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);
  }
  .after\:via-50\%:after {
    content: var(--tw-content);
    --tw-gradient-via-position: 50%;
  }
  .after\:to-always-white\/0:after {
    content: var(--tw-content);
    --tw-gradient-to: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:to-always-white\/0:after {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 0%,
        transparent
      );
    }
  }
  .after\:to-always-white\/0:after {
    --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)
    );
  }
  .after\:to-bg-000\/0:after {
    content: var(--tw-content);
    --tw-gradient-to: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:to-bg-000\/0:after {
      --tw-gradient-to: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 0%,
        transparent
      );
    }
  }
  .after\:to-bg-000\/0:after {
    --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)
    );
  }
  .after\:to-transparent:after {
    content: var(--tw-content);
    --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)
    );
  }
  .after\:to-100\%:after {
    content: var(--tw-content);
    --tw-gradient-to-position: 100%;
  }
  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }
  .after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
  }
  .after\:\[box-shadow\:inset_0_0_0_1px_var\(--cds-fill-secondary-ring\)\]:after {
    content: var(--tw-content);
    box-shadow: inset 0 0 0 1px var(--cds-fill-secondary-ring);
  }
  .after\:transition:after {
    content: var(--tw-content);
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .after\:duration-200:after {
    content: var(--tw-content);
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:content-\[\'\*\'\]:after {
    --tw-content: "*";
    content: var(--tw-content);
  }
  .first\:mt-0:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .first\:mt-2:first-child {
    margin-top: calc(var(--spacing) * 2);
  }
  .first\:rounded-t-lg:first-child {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .first\:rounded-t-xl:first-child {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .first\:border-t:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .first\:border-l-0:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .first\:pt-3:first-child {
    padding-top: calc(var(--spacing) * 3);
  }
  .first\:pt-lg:first-child {
    padding-top: var(--cds-pad-lg);
  }
  .first\:pl-3:first-child {
    padding-left: calc(var(--spacing) * 3);
  }
  @media (hover: hover) {
    .group-hover\/cdsrow\:first\:rounded-l:is(
        :where(.group\/cdsrow):hover *
      ):first-child {
      border-top-left-radius: var(--cds-radius);
      border-bottom-left-radius: var(--cds-radius);
    }
  }
  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .last\:flex-none:last-child {
    flex: none;
  }
  .last\:rounded-b-lg:last-child {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .last\:rounded-b-xl:last-child {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }
  .last\:\!border-b-0:last-child {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }
  .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);
  }
  @media (hover: hover) {
    .group-hover\/cdsrow\:last\:rounded-r:is(
        :where(.group\/cdsrow):hover *
      ):last-child {
      border-top-right-radius: var(--cds-radius);
      border-bottom-right-radius: var(--cds-radius);
    }
  }
  .read-only\:text-text-200:read-only {
    color: hsl(var(--text-200) / 1);
  }
  .read-only\:\!opacity-100:read-only {
    opacity: 1 !important;
  }
  .read-only\:opacity-50:read-only {
    opacity: 0.5;
  }
  .empty\:sr-only:empty {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .empty\:mt-0:empty {
    margin-top: calc(var(--spacing) * 0);
  }
  .empty\:hidden:empty {
    display: none;
  }
  .empty\:pb-0:empty {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .focus-within\:pointer-events-auto:focus-within {
    pointer-events: auto;
  }
  .focus-within\:z-10:focus-within {
    z-index: 10;
  }
  .focus-within\:\!border-danger-100:focus-within {
    border-color: hsl(var(--danger-100) / 1) !important;
  }
  .focus-within\:border-\[hsl\(var\(--border-300\)\/0\.5\)\]:focus-within {
    border-color: hsl(var(--border-300) / 0.5);
  }
  .focus-within\:border-accent-100:focus-within {
    border-color: hsl(var(--accent-100) / 1);
  }
  .focus-within\:border-accent-200:focus-within {
    border-color: hsl(var(--accent-200) / 1);
  }
  .focus-within\:border-border-100:focus-within {
    border-color: hsl(var(--border-100) / 0.4);
  }
  .focus-within\:border-border-200:focus-within {
    border-color: hsl(var(--border-200) / 0.3);
  }
  .focus-within\:border-border-400:focus-within {
    border-color: hsl(var(--border-400) / 0.15);
  }
  .focus-within\:border-brand-000\/50:focus-within {
    border-color: hsl(var(--brand-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-brand-000\/50:focus-within {
      border-color: color-mix(
        in oklab,
        hsl(var(--brand-000) / 1) 50%,
        transparent
      );
    }
  }
  .focus-within\:border-strong:focus-within {
    border-color: var(--cds-border-strong);
  }
  .focus-within\:bg-\[var\(--df-hover\)\]:focus-within {
    background-color: var(--df-hover);
  }
  .focus-within\:bg-\[var\(--prompt-compact-bg-focus\)\]:focus-within {
    background-color: var(--prompt-compact-bg-focus);
  }
  .focus-within\:bg-accent:focus-within {
    background-color: var(--cds-bg-accent);
  }
  .focus-within\:bg-alpha-1:focus-within {
    background-color: var(--cds-alpha-1);
  }
  .focus-within\:bg-bg-100:focus-within {
    background-color: hsl(var(--bg-100) / 1);
  }
  .focus-within\:bg-bg-200:focus-within {
    background-color: hsl(var(--bg-200) / 1);
  }
  .focus-within\:bg-black\/\[0\.04\]:focus-within {
    background-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:bg-black\/\[0\.04\]:focus-within {
      background-color: color-mix(in oklab, var(--cds-black) 4%, transparent);
    }
  }
  .focus-within\:text-text-100:focus-within {
    color: hsl(var(--text-100) / 1);
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }
  .focus-within\:\!shadow-none:focus-within {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-within\:shadow: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);
  }
  .focus-within\:shadow-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\]:focus-within {
    --tw-shadow:
      0 0.25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/7.5%)),
      0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-200)/0.3));
    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-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\]:focus-within {
    --tw-shadow: 0 0.25rem 1.25rem
      var(--tw-shadow-color, hsl(var(--always-black)/7.5%));
    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-\[0_1px_2px_0_rgb\(0_0_0\/0\.05\)\,inset_0_0_0_0\.5px_var\(--cds-border-strong\)\]:focus-within {
    --tw-shadow:
      0 1px 2px 0 var(--tw-shadow-color, #0000000d),
      inset 0 0 0 0.5px var(--tw-shadow-color, var(--cds-border-strong));
    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-\[0_4px_20px_0_hsl\(var\(--always-black\)\/6\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.6\)\]:focus-within {
    --tw-shadow:
      0 4px 20px 0 var(--tw-shadow-color, hsl(var(--always-black)/6%)),
      0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-200)/0.6));
    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-\[inset_0_0_0_1px_var\(--t4\)\]:focus-within {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--t4));
    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-\[inset_0_1px_4px_2px_hsl\(var\(--always-black\)\/12\%\)\]:focus-within {
    --tw-shadow: inset 0 1px 4px 2px
      var(--tw-shadow-color, hsl(var(--always-black)/12%));
    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-focus:focus-within {
    --tw-shadow: var(--cds-focus-shadow);
    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: var(--cds-shadow-sm);
    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\:ring-1:focus-within {
    --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);
  }
  .focus-within\:ring-border-100:focus-within {
    --tw-ring-color: hsl(var(--border-100) / 0.4);
  }
  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-within\:outline-brand-200:focus-within {
    outline-color: hsl(var(--brand-200) / 1);
  }
  @media (hover: hover) {
    .hover\:z-10:hover {
      z-index: 10;
    }
    .hover\:-my-px:hover {
      margin-block: -1px;
    }
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:translate-y-6:hover {
      --tw-translate-y: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-x-\[1\.005\]:hover {
      --tw-scale-x: 1.005;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-y-\[1\.015\]:hover {
      --tw-scale-y: 1.015;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-\[1\.01\]:hover {
      scale: 1.01;
    }
    .hover\:scale-\[1\.02\]:hover {
      scale: 1.02;
    }
    .hover\:rotate-0:hover {
      rotate: 0deg;
    }
    .hover\:rotate-2:hover {
      rotate: 2deg;
    }
    .hover\:cursor-grab:hover {
      cursor: grab;
    }
    .hover\:\[scrollbar-color\:hsl\(var\(--border-300\)\)_transparent\]:hover {
      scrollbar-color: hsl(var(--border-300)) transparent;
    }
    .hover\:rounded-card:hover {
      border-radius: calc(var(--cds-radius) + 4px);
    }
    .hover\:rounded-full:hover {
      border-radius: 3.40282e38px;
    }
    .hover\:rounded-lg:hover {
      border-radius: var(--radius-lg);
    }
    .hover\:\!border-0\.5:hover {
      border-style: var(--tw-border-style) !important;
      border-width: 0.5px !important;
    }
    .hover\:border-\[0\.5px\]:hover {
      border-style: var(--tw-border-style);
      border-width: 0.5px;
    }
    .hover\:\!border-border-400:hover {
      border-color: hsl(var(--border-400) / 0.15) !important;
    }
    .hover\:\!border-danger-200\/90:hover {
      border-color: hsl(var(--danger-200) / 1) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!border-danger-200\/90:hover {
        border-color: color-mix(
          in oklab,
          hsl(var(--danger-200) / 1) 90%,
          transparent
        ) !important;
      }
    }
    .hover\:\!border-text-300:hover {
      border-color: hsl(var(--text-300) / 1) !important;
    }
    .hover\:border-\[hsl\(var\(--border-200\)\/0\.5\)\]:hover {
      border-color: hsl(var(--border-200) / 0.5);
    }
    .hover\:border-\[hsl\(var\(--border-300\)\/0\.3\)\]:hover {
      border-color: hsl(var(--border-300) / 0.3);
    }
    .hover\:border-\[hsl\(var\(--border-300\)\/0\.4\)\]:hover {
      border-color: hsl(var(--border-300) / 0.4);
    }
    .hover\:border-\[hsl\(var\(--border-300\)\/0\.35\)\]:hover {
      border-color: hsl(var(--border-300) / 0.35);
    }
    .hover\:border-\[var\(--accent\)\]:hover {
      border-color: var(--accent);
    }
    .hover\:border-accent-000:hover {
      border-color: hsl(var(--accent-000) / 1);
    }
    .hover\:border-accent-100:hover,
    .hover\:border-accent-100\/50:hover {
      border-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-accent-100\/50:hover {
        border-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:border-alpha-4:hover {
      border-color: var(--cds-alpha-4);
    }
    .hover\:border-border-100:hover {
      border-color: hsl(var(--border-100) / 0.4);
    }
    .hover\:border-border-200:hover {
      border-color: hsl(var(--border-200) / 0.3);
    }
    .hover\:border-border-300:hover {
      border-color: hsl(var(--border-300) / 0.15);
    }
    .hover\:border-border-400:hover {
      border-color: hsl(var(--border-400) / 0.15);
    }
    .hover\:border-current:hover {
      border-color: currentColor;
    }
    .hover\:border-danger-200:hover {
      border-color: hsl(var(--danger-200) / 1);
    }
    .hover\:border-strong:hover {
      border-color: var(--cds-border-strong);
    }
    .hover\:border-text-100:hover {
      border-color: hsl(var(--text-100) / 1);
    }
    .hover\:border-text-300:hover {
      border-color: hsl(var(--text-300) / 1);
    }
    .hover\:border-text-400:hover {
      border-color: hsl(var(--text-400) / 1);
    }
    .hover\:border-text-500:hover {
      border-color: hsl(var(--text-500) / 1);
    }
    .hover\:border-transparent:hover {
      border-color: #0000;
    }
    .hover\:\!bg-\[var\(--cbx-btn-hover\)\]:hover {
      background-color: var(--cbx-btn-hover) !important;
    }
    .hover\:\!bg-\[var\(--cbx-btn-hover\,theme\(colors\.bg-400\)\)\]:hover {
      background-color: var(--cbx-btn-hover, hsl(var(--bg-400) / 1)) !important;
    }
    .hover\:\!bg-accent-000:hover {
      background-color: hsl(var(--accent-000) / 1) !important;
    }
    .hover\:\!bg-accent-100:hover {
      background-color: hsl(var(--accent-100) / 1) !important;
    }
    .hover\:\!bg-bg-000:hover {
      background-color: hsl(var(--bg-000) / 1) !important;
    }
    .hover\:\!bg-bg-200:hover {
      background-color: hsl(var(--bg-200) / 1) !important;
    }
    .hover\:\!bg-bg-300:hover,
    .hover\:\!bg-bg-300\/50:hover {
      background-color: hsl(var(--bg-300) / 1) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-bg-300\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-300) / 1) 50%,
          transparent
        ) !important;
      }
    }
    .hover\:\!bg-bg-400:hover {
      background-color: hsl(var(--bg-400) / 1) !important;
    }
    .hover\:\!bg-danger-000\/10:hover {
      background-color: hsl(var(--danger-000) / 1) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-danger-000\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-000) / 1) 10%,
          transparent
        ) !important;
      }
    }
    .hover\:\!bg-transparent:hover {
      background-color: #0000 !important;
    }
    .hover\:bg-\[\#e0e0e0\]:hover {
      background-color: #e0e0e0;
    }
    .hover\:bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover {
      background-color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,currentColor_10\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb, currentColor 10%, transparent);
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,currentColor_20\%\,transparent\)\]:hover {
      background-color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,currentColor_20\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb, currentColor 20%, transparent);
      }
    }
    .hover\:bg-\[hsl\(210\,70\%\,50\%\)\]\/20:hover {
      background-color: #2680d933;
    }
    .hover\:bg-\[hsla\(130\,35\%\,88\%\,0\.9\)\]:hover {
      background-color: #d6ebd9e6;
    }
    .hover\:bg-\[var\(--cds-switch-track-hover\)\]:hover {
      background-color: var(--cds-switch-track-hover);
    }
    .hover\:bg-\[var\(--df-hover\)\]:hover {
      background-color: var(--df-hover);
    }
    .hover\:bg-\[var\(--df-hover\,hsl\(var\(--bg-300\)\)\)\]:hover {
      background-color: var(--df-hover, hsl(var(--bg-300)));
    }
    .hover\:bg-\[var\(--fill-uncontained-hover\)\]:hover {
      background-color: var(--fill-uncontained-hover);
    }
    .hover\:bg-\[var\(--z2\)\]:hover {
      background-color: var(--z2);
    }
    .hover\:bg-accent:hover {
      background-color: var(--cds-bg-accent);
    }
    .hover\:bg-accent-000:hover,
    .hover\:bg-accent-000\/20:hover {
      background-color: hsl(var(--accent-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-000\/20:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-000) / 1) 20%,
          transparent
        );
      }
    }
    .hover\:bg-accent-100:hover,
    .hover\:bg-accent-100\/10:hover {
      background-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-100\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-accent-100\/15:hover {
      background-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-100\/15:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 15%,
          transparent
        );
      }
    }
    .hover\:bg-accent-100\/20:hover {
      background-color: hsl(var(--accent-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-100\/20:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-100) / 1) 20%,
          transparent
        );
      }
    }
    .hover\:bg-accent-200:hover {
      background-color: hsl(var(--accent-200) / 1);
    }
    .hover\:bg-accent-900:hover,
    .hover\:bg-accent-900\/40:hover {
      background-color: hsl(var(--accent-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-900\/40:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-900) / 1) 40%,
          transparent
        );
      }
    }
    .hover\:bg-accent-900\/50:hover {
      background-color: hsl(var(--accent-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-900\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-900) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-accent-brand\/10:hover {
      background-color: hsl(var(--accent-brand) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-brand\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-brand) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-accent-brand\/90:hover {
      background-color: hsl(var(--accent-brand) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent-brand\/90:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--accent-brand) / 1) 90%,
          transparent
        );
      }
    }
    .hover\:bg-accent-pro-200:hover {
      background-color: hsl(var(--accent-pro-200) / 1);
    }
    .hover\:bg-alpha-1:hover,
    .hover\:bg-alpha-1\/50:hover {
      background-color: var(--cds-alpha-1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-alpha-1\/50:hover {
        background-color: color-mix(
          in oklab,
          var(--cds-alpha-1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-alpha-2:hover {
      background-color: var(--cds-alpha-2);
    }
    .hover\:bg-alpha-3:hover {
      background-color: var(--cds-alpha-3);
    }
    .hover\:bg-always-black\/10:hover {
      background-color: hsl(var(--always-black) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-always-black\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-black) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-always-black\/80:hover {
      background-color: hsl(var(--always-black) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-always-black\/80:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-black) / 1) 80%,
          transparent
        );
      }
    }
    .hover\:bg-always-white\/10:hover {
      background-color: hsl(var(--always-white) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-always-white\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-white) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-always-white\/30:hover {
      background-color: hsl(var(--always-white) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-always-white\/30:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-white) / 1) 30%,
          transparent
        );
      }
    }
    .hover\:bg-always-white\/75:hover {
      background-color: hsl(var(--always-white) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-always-white\/75:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--always-white) / 1) 75%,
          transparent
        );
      }
    }
    .hover\:bg-bg-000:hover,
    .hover\:bg-bg-000\/10:hover {
      background-color: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-000\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-bg-000\/30:hover {
      background-color: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-000\/30:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 30%,
          transparent
        );
      }
    }
    .hover\:bg-bg-000\/50:hover {
      background-color: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-000\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-bg-000\/60:hover {
      background-color: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-000\/60:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 60%,
          transparent
        );
      }
    }
    .hover\:bg-bg-000\/80:hover {
      background-color: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-000\/80:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 80%,
          transparent
        );
      }
    }
    .hover\:bg-bg-100:hover,
    .hover\:bg-bg-100\/40:hover {
      background-color: hsl(var(--bg-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-100\/40:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-100) / 1) 40%,
          transparent
        );
      }
    }
    .hover\:bg-bg-100\/50:hover {
      background-color: hsl(var(--bg-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-100\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-100) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-bg-100\/60:hover {
      background-color: hsl(var(--bg-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-100\/60:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-100) / 1) 60%,
          transparent
        );
      }
    }
    .hover\:bg-bg-100\/90:hover {
      background-color: hsl(var(--bg-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-100\/90:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-100) / 1) 90%,
          transparent
        );
      }
    }
    .hover\:bg-bg-100\/95:hover {
      background-color: hsl(var(--bg-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-100\/95:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-100) / 1) 95%,
          transparent
        );
      }
    }
    .hover\:bg-bg-200:hover,
    .hover\:bg-bg-200\/40:hover {
      background-color: hsl(var(--bg-200) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-200\/40:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-200) / 1) 40%,
          transparent
        );
      }
    }
    .hover\:bg-bg-200\/50:hover {
      background-color: hsl(var(--bg-200) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-200\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-200) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-bg-200\/60:hover {
      background-color: hsl(var(--bg-200) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-200\/60:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-200) / 1) 60%,
          transparent
        );
      }
    }
    .hover\:bg-bg-300:hover,
    .hover\:bg-bg-300\/40:hover {
      background-color: hsl(var(--bg-300) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-300\/40:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-300) / 1) 40%,
          transparent
        );
      }
    }
    .hover\:bg-bg-300\/50:hover {
      background-color: hsl(var(--bg-300) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-300\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-300) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-bg-300\/60:hover {
      background-color: hsl(var(--bg-300) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-300\/60:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-300) / 1) 60%,
          transparent
        );
      }
    }
    .hover\:bg-bg-400:hover,
    .hover\:bg-bg-400\/40:hover {
      background-color: hsl(var(--bg-400) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-400\/40:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-400) / 1) 40%,
          transparent
        );
      }
    }
    .hover\:bg-bg-400\/80:hover {
      background-color: hsl(var(--bg-400) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-400\/80:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-400) / 1) 80%,
          transparent
        );
      }
    }
    .hover\:bg-bg-500:hover,
    .hover\:bg-bg-500\/30:hover {
      background-color: hsl(var(--bg-500) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-bg-500\/30:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--bg-500) / 1) 30%,
          transparent
        );
      }
    }
    .hover\:bg-black\/\[0\.04\]:hover {
      background-color: var(--cds-black);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--cds-black) 4%, transparent);
      }
    }
    .hover\:bg-brand-000:hover {
      background-color: hsl(var(--brand-000) / 1);
    }
    .hover\:bg-brand-100:hover,
    .hover\:bg-brand-100\/10:hover {
      background-color: hsl(var(--brand-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-100\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--brand-100) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-brand-200:hover,
    .hover\:bg-brand-200\/10:hover {
      background-color: hsl(var(--brand-200) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-brand-200\/10:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--brand-200) / 1) 10%,
          transparent
        );
      }
    }
    .hover\:bg-danger:hover {
      background-color: var(--cds-bg-danger);
    }
    .hover\:bg-danger-000:hover {
      background-color: hsl(var(--danger-000) / 1);
    }
    .hover\:bg-danger-100\/20:hover {
      background-color: hsl(var(--danger-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger-100\/20:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-100) / 1) 20%,
          transparent
        );
      }
    }
    .hover\:bg-danger-200:hover,
    .hover\:bg-danger-200\/20:hover {
      background-color: hsl(var(--danger-200) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger-200\/20:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-200) / 1) 20%,
          transparent
        );
      }
    }
    .hover\:bg-danger-900:hover,
    .hover\:bg-danger-900\/90:hover {
      background-color: hsl(var(--danger-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger-900\/90:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-900) / 1) 90%,
          transparent
        );
      }
    }
    .hover\:bg-fill-brand-hover:hover {
      background-color: var(--cds-fill-brand-hover);
    }
    .hover\:bg-fill-ghost-hover:hover {
      background-color: var(--cds-fill-ghost-hover);
    }
    .hover\:bg-fill-warning-hover:hover {
      background-color: var(--cds-fill-warning-hover);
    }
    .hover\:bg-neutral-hover:hover {
      background-color: var(--cds-bg-neutral-hover);
    }
    .hover\:bg-success-000:hover {
      background-color: hsl(var(--success-000) / 1);
    }
    .hover\:bg-surface-0:hover {
      background-color: var(--cds-surface-0);
    }
    .hover\:bg-surface-1:hover {
      background-color: var(--cds-surface-1);
    }
    .hover\:bg-surface-2:hover {
      background-color: var(--cds-surface-2);
    }
    .hover\:bg-surface-3:hover {
      background-color: var(--cds-surface-3);
    }
    .hover\:bg-text-000\/5:hover {
      background-color: hsl(var(--text-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text-000\/5:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--text-000) / 1) 5%,
          transparent
        );
      }
    }
    .hover\:bg-text-100\/50:hover {
      background-color: hsl(var(--text-100) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text-100\/50:hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--text-100) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:bg-text-200:hover {
      background-color: hsl(var(--text-200) / 1);
    }
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
    .hover\:bg-warning:hover {
      background-color: var(--cds-bg-warning);
    }
    .hover\:bg-warning-000:hover {
      background-color: hsl(var(--warning-000) / 1);
    }
    .hover\:bg-\[linear-gradient\(var\(--fill-contained-hover\)\,var\(--fill-contained-hover\)\)\]:hover {
      background-image: linear-gradient(
        var(--fill-contained-hover),
        var(--fill-contained-hover)
      );
    }
    .hover\:bg-none:hover {
      background-image: none;
    }
    .hover\:from-bg-000:hover {
      --tw-gradient-from: hsl(var(--bg-000) / 1);
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .hover\:from-bg-000\/70:hover {
      --tw-gradient-from: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:from-bg-000\/70:hover {
        --tw-gradient-from: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 70%,
          transparent
        );
      }
    }
    .hover\:from-bg-000\/70:hover {
      --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)
      );
    }
    .hover\:to-bg-000\/50:hover {
      --tw-gradient-to: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:to-bg-000\/50:hover {
        --tw-gradient-to: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 50%,
          transparent
        );
      }
    }
    .hover\:to-bg-000\/50:hover {
      --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)
      );
    }
    .hover\:to-bg-000\/80:hover {
      --tw-gradient-to: hsl(var(--bg-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:to-bg-000\/80:hover {
        --tw-gradient-to: color-mix(
          in oklab,
          hsl(var(--bg-000) / 1) 80%,
          transparent
        );
      }
    }
    .hover\:to-bg-000\/80:hover {
      --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)
      );
    }
    .hover\:py-\[calc\(var\(--cds-pad-md\)\+1px\)\]:hover {
      padding-block: calc(var(--cds-pad-md) + 1px);
    }
    .hover\:pl-2:hover {
      padding-left: calc(var(--spacing) * 2);
    }
    .hover\:\!text-oncolor-100:hover {
      color: hsl(var(--oncolor-100) / 1) !important;
    }
    .hover\:\!text-primary:hover {
      color: var(--cds-text-primary) !important;
    }
    .hover\:\!text-text-100:hover {
      color: hsl(var(--text-100) / 1) !important;
    }
    .hover\:\!text-text-400:hover {
      color: hsl(var(--text-400) / 1) !important;
    }
    .hover\:text-\[var\(--accent\)\]:hover {
      color: var(--accent);
    }
    .hover\:text-\[var\(--accent-hover\)\]:hover {
      color: var(--accent-hover);
    }
    .hover\:text-\[var\(--core-red\)\]:hover {
      color: var(--core-red);
    }
    .hover\:text-\[var\(--core-white\)\]:hover {
      color: var(--core-white);
    }
    .hover\:text-\[var\(--diff-widget-fg\,var\(--t8\)\)\]:hover {
      color: var(--diff-widget-fg, var(--t8));
    }
    .hover\:text-\[var\(--text-uncontained-hover\)\]:hover {
      color: var(--text-uncontained-hover);
    }
    .hover\:text-accent:hover {
      color: var(--cds-text-accent);
    }
    .hover\:text-accent-000:hover {
      color: hsl(var(--accent-000) / 1);
    }
    .hover\:text-accent-200:hover {
      color: hsl(var(--accent-200) / 1);
    }
    .hover\:text-always-white:hover {
      color: hsl(var(--always-white) / 1);
    }
    .hover\:text-brand-000:hover {
      color: hsl(var(--brand-000) / 1);
    }
    .hover\:text-brand-100:hover {
      color: hsl(var(--brand-100) / 1);
    }
    .hover\:text-brand-200:hover {
      color: hsl(var(--brand-200) / 1);
    }
    .hover\:text-danger-000:hover {
      color: hsl(var(--danger-000) / 1);
    }
    .hover\:text-danger-100:hover {
      color: hsl(var(--danger-100) / 1);
    }
    .hover\:text-gray-900\/80:hover {
      color: var(--cds-gray-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-gray-900\/80:hover {
        color: color-mix(in oklab, var(--cds-gray-900) 80%, transparent);
      }
    }
    .hover\:text-on-warning:hover {
      color: var(--cds-on-warning);
    }
    .hover\:text-oncolor-100:hover {
      color: hsl(var(--oncolor-100) / 1);
    }
    .hover\:text-primary:hover {
      color: var(--cds-text-primary);
    }
    .hover\:text-secondary:hover {
      color: var(--cds-text-secondary);
    }
    .hover\:text-success-000:hover {
      color: hsl(var(--success-000) / 1);
    }
    .hover\:text-text-000:hover {
      color: hsl(var(--text-000) / 1);
    }
    .hover\:text-text-100:hover {
      color: hsl(var(--text-100) / 1);
    }
    .hover\:text-text-200:hover,
    .hover\:text-text-200\/90:hover {
      color: hsl(var(--text-200) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-text-200\/90:hover {
        color: color-mix(in oklab, hsl(var(--text-200) / 1) 90%, transparent);
      }
    }
    .hover\:text-text-300:hover {
      color: hsl(var(--text-300) / 1);
    }
    .hover\:text-text-400:hover {
      color: hsl(var(--text-400) / 1);
    }
    .hover\:text-warning-100:hover {
      color: hsl(var(--warning-100) / 1);
    }
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:decoration-current:hover {
      text-decoration-color: currentColor;
    }
    .hover\:decoration-text-100:hover {
      -webkit-text-decoration-color: hsl(var(--text-100) / 1);
      text-decoration-color: hsl(var(--text-100) / 1);
    }
    .hover\:decoration-text-300:hover {
      -webkit-text-decoration-color: hsl(var(--text-300) / 1);
      text-decoration-color: hsl(var(--text-300) / 1);
    }
    .hover\:decoration-solid:hover {
      text-decoration-style: solid;
    }
    .hover\:underline-offset-2:hover {
      text-underline-offset: 2px;
    }
    .hover\:\!opacity-90:hover {
      opacity: 0.9 !important;
    }
    .hover\:\!opacity-100:hover {
      opacity: 1 !important;
    }
    .hover\:opacity-60:hover {
      opacity: 0.6;
    }
    .hover\:opacity-70:hover {
      opacity: 0.7;
    }
    .hover\:opacity-80:hover {
      opacity: 0.8;
    }
    .hover\:opacity-90:hover {
      opacity: 0.9;
    }
    .hover\:opacity-95:hover {
      opacity: 0.95;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:shadow:hover {
      --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);
    }
    .hover\:shadow-2xl:hover {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
      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_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/3\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\]:hover {
      --tw-shadow:
        0 0.25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/3.5%)),
        0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-200)/0.3));
      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_1px_2px_0_rgb\(0_0_0\/0\.05\)\,inset_0_0_0_0\.5px_var\(--cds-border-strong\)\]:hover {
      --tw-shadow:
        0 1px 2px 0 var(--tw-shadow-color, #0000000d),
        inset 0 0 0 0.5px var(--tw-shadow-color, var(--cds-border-strong));
      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_2px_12px_4px_hsl\(var\(--always-black\)\/4\%\)\]:hover {
      --tw-shadow: 0 2px 12px 4px
        var(--tw-shadow-color, hsl(var(--always-black)/4%));
      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_4px_20px_0_hsl\(var\(--always-black\)\/4\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.4\)\]:hover {
      --tw-shadow:
        0 4px 20px 0 var(--tw-shadow-color, hsl(var(--always-black)/4%)),
        0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-200)/0.4));
      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_4px_20px_0_hsl\(var\(--always-black\)\/4\%\)\]:hover {
      --tw-shadow: 0 4px 20px 0
        var(--tw-shadow-color, hsl(var(--always-black)/4%));
      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_8px_24px_hsl\(var\(--always-black\)\/30\%\)\]:hover {
      --tw-shadow: 0 8px 24px
        var(--tw-shadow-color, hsl(var(--always-black)/30%));
      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-\[inset_0_0_0_0\.5px_hsl\(var\(--border-200\)\/0\.3\)\]:hover {
      --tw-shadow: inset 0 0 0 0.5px
        var(--tw-shadow-color, hsl(var(--border-200)/0.3));
      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: var(--cds-shadow-lg);
      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: var(--cds-shadow-md);
      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-none:hover {
      --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);
    }
    .hover\:shadow-sm:hover {
      --tw-shadow: var(--cds-shadow-sm);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(1px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-2:hover {
      --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);
    }
    .hover\:shadow-always-black\/10:hover {
      --tw-shadow-color: hsl(var(--always-black) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-always-black\/10:hover {
        --tw-shadow-color: color-mix(
          in oklab,
          color-mix(in oklab, hsl(var(--always-black) / 1) 10%, transparent)
            var(--tw-shadow-alpha),
          transparent
        );
      }
    }
    .hover\:shadow-bg-300\/50:hover {
      --tw-shadow-color: hsl(var(--bg-300) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:shadow-bg-300\/50:hover {
        --tw-shadow-color: color-mix(
          in oklab,
          color-mix(in oklab, hsl(var(--bg-300) / 1) 50%, transparent)
            var(--tw-shadow-alpha),
          transparent
        );
      }
    }
    .hover\:ring-\[hsl\(var\(--border-400\)\/0\.3\)\]:hover {
      --tw-ring-color: hsl(var(--border-400)/0.3);
    }
    .hover\:ring-border-200:hover {
      --tw-ring-color: hsl(var(--border-200) / 0.3);
    }
    .hover\:ring-border-300:hover {
      --tw-ring-color: hsl(var(--border-300) / 0.15);
    }
    .hover\:ring-offset-2:hover {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    .hover\:ring-offset-bg-100:hover {
      --tw-ring-offset-color: hsl(var(--bg-100) / 1);
    }
    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      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,);
    }
    .hover\:drop-shadow-md:hover {
      --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,);
    }
    .hover\:\[--cds-badge-x-wght\:700\]:hover {
      --cds-badge-x-wght: 700;
    }
    .group-data-\[error\]\/pill\:hover\:bg-transparent:is(
        :where(.group\/pill)[data-error] *
      ):hover,
    .group-data-\[popup-open\]\/pill\:hover\:bg-transparent:is(
        :where(.group\/pill)[data-popup-open] *
      ):hover,
    .group-data-\[recording\]\/pill\:hover\:bg-transparent:is(
        :where(.group\/pill)[data-recording] *
      ):hover {
      background-color: #0000;
    }
    .group-data-\[state\=\"closed\"\]\:hover\:text-text-200:is(
        :where(.group)[data-state="closed"] *
      ):hover {
      color: hsl(var(--text-200) / 1);
    }
    .hover\:before\:bg-\[var\(--core-red\)\]:hover:before {
      content: var(--tw-content);
      background-color: var(--core-red);
    }
    .hover\:before\:bg-alpha-1:hover:before {
      content: var(--tw-content);
      background-color: var(--cds-alpha-1);
    }
    .hover\:before\:opacity-100:hover:before {
      content: var(--tw-content);
      opacity: 1;
    }
    .hover\:after\:translate-y-0:hover:after {
      content: var(--tw-content);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:after\:opacity-100:hover:after {
      content: var(--tw-content);
      opacity: 1;
    }
    .read-only\:hover\:border-border-300:read-only:hover {
      border-color: hsl(var(--border-300) / 0.15);
    }
    .hover\:focus-within\:shadow-\[0_0\.25rem_1\.25rem_hsl\(var\(--always-black\)\/7\.5\%\)\,0_0_0_0\.5px_hsla\(var\(--border-200\)\/0\.3\)\]:hover:focus-within {
      --tw-shadow:
        0 0.25rem 1.25rem var(--tw-shadow-color, hsl(var(--always-black)/7.5%)),
        0 0 0 0.5px var(--tw-shadow-color, hsla(var(--border-200)/0.3));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
  .focus\:absolute:focus {
    position: absolute;
  }
  .focus\:top-2:focus {
    top: calc(var(--spacing) * 2);
  }
  .focus\:left-2:focus {
    left: calc(var(--spacing) * 2);
  }
  .focus\:z-50:focus {
    z-index: 50;
  }
  .focus\:rounded-md:focus {
    border-radius: var(--radius-md);
  }
  .focus\:border-0:focus {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .focus\:\!border-danger-200:focus {
    border-color: hsl(var(--danger-200) / 1) !important;
  }
  .focus\:border-\[var\(--border-strong\,var\(--border-default\)\)\]:focus {
    border-color: var(--border-strong, var(--border-default));
  }
  .focus\:border-accent:focus {
    border-color: var(--cds-border-accent);
  }
  .focus\:border-accent-100:focus {
    border-color: hsl(var(--accent-100) / 1);
  }
  .focus\:border-accent-200:focus {
    border-color: hsl(var(--accent-200) / 1);
  }
  .focus\:border-border-100:focus {
    border-color: hsl(var(--border-100) / 0.4);
  }
  .focus\:border-border-200:focus {
    border-color: hsl(var(--border-200) / 0.3);
  }
  .focus\:border-border-300:focus {
    border-color: hsl(var(--border-300) / 0.15);
  }
  .focus\:border-border-400:focus {
    border-color: hsl(var(--border-400) / 0.15);
  }
  .focus\:border-brand-100:focus {
    border-color: hsl(var(--brand-100) / 1);
  }
  .focus\:border-danger-100:focus {
    border-color: hsl(var(--danger-100) / 1);
  }
  .focus\:border-danger-200:focus {
    border-color: hsl(var(--danger-200) / 1);
  }
  .focus\:border-text-000:focus {
    border-color: hsl(var(--text-000) / 1);
  }
  .focus\:border-text-200:focus {
    border-color: hsl(var(--text-200) / 1);
  }
  .focus\:border-transparent:focus {
    border-color: #0000;
  }
  .focus\:bg-bg-000:focus {
    background-color: hsl(var(--bg-000) / 1);
  }
  .focus\:bg-bg-200:focus {
    background-color: hsl(var(--bg-200) / 1);
  }
  .focus\:px-3:focus {
    padding-inline: calc(var(--spacing) * 3);
  }
  .focus\:py-1\.5:focus {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .focus\:text-sm:focus {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .focus\:text-text-000:focus {
    color: hsl(var(--text-000) / 1);
  }
  .focus\:decoration-current:focus {
    text-decoration-color: currentColor;
  }
  .focus\:shadow-focus:focus {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:shadow-lg:focus {
    --tw-shadow: var(--cds-shadow-lg);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:shadow-none:focus {
    --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\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-1:focus {
    --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);
  }
  .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-accent-100:focus {
    --tw-ring-color: hsl(var(--accent-100) / 1);
  }
  .focus\:ring-accent-200:focus {
    --tw-ring-color: hsl(var(--accent-200) / 1);
  }
  .focus\:ring-bg-500:focus {
    --tw-ring-color: hsl(var(--bg-500) / 1);
  }
  .focus\:ring-brand-000:focus {
    --tw-ring-color: hsl(var(--brand-000) / 1);
  }
  .focus\:ring-brand-100:focus {
    --tw-ring-color: hsl(var(--brand-100) / 1);
  }
  .focus\:ring-brand-900:focus {
    --tw-ring-color: hsl(var(--brand-900) / 1);
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:ring-offset-bg-000:focus {
    --tw-ring-offset-color: hsl(var(--bg-000) / 1);
  }
  .focus\:outline-2:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus\:-outline-offset-2:focus {
    outline-offset: -2px;
  }
  .focus\:outline-offset-2:focus {
    outline-offset: 2px;
  }
  .focus\:outline-accent-100:focus {
    outline-color: hsl(var(--accent-100) / 1);
  }
  .focus\:\!outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:pointer-events-auto:focus-visible {
    pointer-events: auto;
  }
  .focus-visible\:not-sr-only:focus-visible {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }
  .focus-visible\:w-5:focus-visible {
    width: calc(var(--spacing) * 5);
  }
  .focus-visible\:border-border-100:focus-visible {
    border-color: hsl(var(--border-100) / 0.4);
  }
  .focus-visible\:border-transparent:focus-visible {
    border-color: #0000;
  }
  .focus-visible\:bg-bg-000:focus-visible {
    background-color: hsl(var(--bg-000) / 1);
  }
  .focus-visible\:bg-bg-100:focus-visible {
    background-color: hsl(var(--bg-100) / 1);
  }
  .focus-visible\:bg-bg-200:focus-visible {
    background-color: hsl(var(--bg-200) / 1);
  }
  .focus-visible\:bg-brand-200\/10:focus-visible {
    background-color: hsl(var(--brand-200) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-brand-200\/10:focus-visible {
      background-color: color-mix(
        in oklab,
        hsl(var(--brand-200) / 1) 10%,
        transparent
      );
    }
  }
  .focus-visible\:bg-fill-field:focus-visible {
    background-color: var(--cds-fill-field);
  }
  .focus-visible\:bg-fill-ghost-hover:focus-visible {
    background-color: var(--cds-fill-ghost-hover);
  }
  .focus-visible\:bg-neutral-hover:focus-visible {
    background-color: var(--cds-bg-neutral-hover);
  }
  .focus-visible\:bg-surface-1:focus-visible {
    background-color: var(--cds-surface-1);
  }
  .focus-visible\:bg-surface-popover:focus-visible {
    background-color: var(--cds-surface-popover);
  }
  .focus-visible\:text-\[var\(--core-white\)\]:focus-visible {
    color: var(--core-white);
  }
  .focus-visible\:text-primary:focus-visible {
    color: var(--cds-text-primary);
  }
  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }
  .focus-visible\:decoration-current:focus-visible {
    text-decoration-color: currentColor;
  }
  .focus-visible\:\!opacity-100:focus-visible {
    opacity: 1 !important;
  }
  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }
  .focus-visible\:\!shadow-\[0_0_0_2px_rgb\(255_255_255\/0\.7\)\]:focus-visible {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #ffffffb3) !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-visible\:\!shadow-none:focus-visible {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .focus-visible\:shadow-\[inset_0_0_0_1px_hsl\(var\(--accent-100\)\)\,0_0_6px_0_hsl\(var\(--accent-100\)\/0\.2\)\]:focus-visible {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, hsl(var(--accent-100))),
      0 0 6px 0 var(--tw-shadow-color, hsl(var(--accent-100)/0.2));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-focus:focus-visible {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-none:focus-visible {
    --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-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:\[box-shadow\:inset_0_0_0_1px_var\(--cds-fill-accent\)\]:focus-visible {
    box-shadow: inset 0 0 0 1px var(--cds-fill-accent);
  }
  .focus-visible\:ring-\[hsl\(var\(--border-300\)\/0\.5\)\]:focus-visible {
    --tw-ring-color: hsl(var(--border-300)/0.5);
  }
  .focus-visible\:ring-accent-100:focus-visible {
    --tw-ring-color: hsl(var(--accent-100) / 1);
  }
  .focus-visible\:ring-accent-200:focus-visible {
    --tw-ring-color: hsl(var(--accent-200) / 1);
  }
  .focus-visible\:ring-border-100:focus-visible {
    --tw-ring-color: hsl(var(--border-100) / 0.4);
  }
  .focus-visible\:ring-border-200:focus-visible {
    --tw-ring-color: hsl(var(--border-200) / 0.3);
  }
  .focus-visible\:ring-border-300:focus-visible {
    --tw-ring-color: hsl(var(--border-300) / 0.15);
  }
  .focus-visible\:ring-brand-000:focus-visible {
    --tw-ring-color: hsl(var(--brand-000) / 1);
  }
  .focus-visible\:ring-brand-100:focus-visible {
    --tw-ring-color: hsl(var(--brand-100) / 1);
  }
  .focus-visible\:ring-brand-200:focus-visible {
    --tw-ring-color: hsl(var(--brand-200) / 1);
  }
  .focus-visible\:ring-danger-000:focus-visible {
    --tw-ring-color: hsl(var(--danger-000) / 1);
  }
  .focus-visible\:ring-fill-accent:focus-visible {
    --tw-ring-color: var(--cds-fill-accent);
  }
  .focus-visible\:ring-stronger:focus-visible {
    --tw-ring-color: var(--cds-border-stronger);
  }
  .focus-visible\:ring-text-100:focus-visible {
    --tw-ring-color: hsl(var(--text-100) / 1);
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:outline:focus-visible,
  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: -2px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-accent:focus-visible {
    outline-color: var(--cds-border-accent);
  }
  .focus-visible\:outline-accent-100:focus-visible {
    outline-color: hsl(var(--accent-100) / 1);
  }
  .focus-visible\:outline-accent-brand:focus-visible {
    outline-color: hsl(var(--accent-brand) / 1);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }
  .focus-visible\:before\:bg-\[var\(--core-red\)\]:focus-visible:before {
    content: var(--tw-content);
    background-color: var(--core-red);
  }
  .focus-visible\:before\:shadow-focus:focus-visible:before {
    content: var(--tw-content);
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:after\:outline:focus-visible:after {
    content: var(--tw-content);
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:after\:outline-2:focus-visible:after {
    content: var(--tw-content);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:after\:-outline-offset-2:focus-visible:after {
    content: var(--tw-content);
    outline-offset: -2px;
  }
  .focus-visible\:after\:outline-accent-100:focus-visible:after {
    content: var(--tw-content);
    outline-color: hsl(var(--accent-100) / 1);
  }
  .active\:\!scale-100:active {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-100:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-\[0\.92\]:active {
    scale: 0.92;
  }
  .active\:scale-\[0\.97\]:active {
    scale: 0.97;
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
  .active\:scale-\[0\.99\]:active {
    scale: 0.99;
  }
  .active\:scale-\[0\.995\]:active {
    scale: 0.995;
  }
  .active\:scale-\[1\.0\]:active {
    scale: 1;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:\!bg-transparent:active {
    background-color: #0000 !important;
  }
  .active\:bg-accent-100\/20:active {
    background-color: hsl(var(--accent-100) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-accent-100\/20:active {
      background-color: color-mix(
        in oklab,
        hsl(var(--accent-100) / 1) 20%,
        transparent
      );
    }
  }
  .active\:bg-alpha-2:active {
    background-color: var(--cds-alpha-2);
  }
  .active\:bg-bg-200:active {
    background-color: hsl(var(--bg-200) / 1);
  }
  .active\:bg-bg-300:active {
    background-color: hsl(var(--bg-300) / 1);
  }
  .active\:bg-bg-400:active {
    background-color: hsl(var(--bg-400) / 1);
  }
  .active\:bg-text-200:active {
    background-color: hsl(var(--text-200) / 1);
  }
  .enabled\:cursor-pointer:enabled {
    cursor: pointer;
  }
  .enabled\:cursor-zoom-in:enabled {
    cursor: zoom-in;
  }
  .enabled\:text-primary:enabled {
    color: var(--cds-text-primary);
  }
  @media (hover: hover) {
    .enabled\:hover\:border-border-200:enabled:hover {
      border-color: hsl(var(--border-200) / 0.3);
    }
    .enabled\:hover\:bg-alpha-1:enabled:hover {
      background-color: var(--cds-alpha-1);
    }
    .enabled\:hover\:bg-alpha-2:enabled:hover {
      background-color: var(--cds-alpha-2);
    }
    .enabled\:hover\:bg-bg-100:enabled:hover {
      background-color: hsl(var(--bg-100) / 1);
    }
    .enabled\:hover\:bg-fill-ghost-hover:enabled:hover {
      background-color: var(--cds-fill-ghost-hover);
    }
    .enabled\:hover\:text-primary:enabled:hover {
      color: var(--cds-text-primary);
    }
    .enabled\:hover\:underline:enabled:hover {
      text-decoration-line: underline;
    }
    .enabled\:hover\:shadow-field-hover:enabled:hover {
      --tw-shadow: inset 0 0 0 1px
        var(--tw-shadow-color, var(--cds-border-strong));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-alpha-2:disabled {
    background-color: var(--cds-alpha-2);
  }
  .disabled\:bg-bg-200:disabled {
    background-color: hsl(var(--bg-200) / 1);
  }
  .disabled\:bg-bg-300:disabled {
    background-color: hsl(var(--bg-300) / 1);
  }
  .disabled\:bg-bg-400:disabled {
    background-color: hsl(var(--bg-400) / 1);
  }
  .disabled\:text-disabled:disabled {
    color: var(--cds-text-disabled);
  }
  .disabled\:text-muted:disabled {
    color: var(--cds-text-muted);
  }
  .disabled\:text-text-300:disabled {
    color: hsl(var(--text-300) / 1);
  }
  .disabled\:text-text-400:disabled {
    color: hsl(var(--text-400) / 1);
  }
  .disabled\:text-text-500:disabled {
    color: hsl(var(--text-500) / 1);
  }
  .disabled\:\!opacity-100:disabled {
    opacity: 1 !important;
  }
  .disabled\:opacity-0:disabled {
    opacity: 0;
  }
  .disabled\:opacity-30:disabled {
    opacity: 0.3;
  }
  .disabled\:opacity-40:disabled {
    opacity: 0.4;
  }
  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }
  .disabled\:opacity-60:disabled {
    opacity: 0.6;
  }
  .disabled\:opacity-70:disabled {
    opacity: 0.7;
  }
  .disabled\:opacity-100:disabled {
    opacity: 1;
  }
  .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);
  }
  .disabled\:drop-shadow-none:disabled {
    --tw-drop-shadow: ;
    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,);
  }
  @media (hover: hover) {
    .disabled\:hover\:border-border-300:disabled:hover {
      border-color: hsl(var(--border-300) / 0.15);
    }
    .disabled\:hover\:bg-alpha-2:disabled:hover {
      background-color: var(--cds-alpha-2);
    }
    .disabled\:hover\:bg-bg-000:disabled:hover {
      background-color: hsl(var(--bg-000) / 1);
    }
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }
    .disabled\:hover\:text-text-400:disabled:hover {
      color: hsl(var(--text-400) / 1);
    }
  }
  .has-\[\:disabled\]\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }
  .has-\[\:focus-visible\]\:\!\[position\:relative\]:has(:focus-visible) {
    position: relative !important;
  }
  .has-\[\:focus-visible\]\:bg-surface-popover:has(:focus-visible) {
    background-color: var(--cds-surface-popover);
  }
  .has-\[\:focus-visible\]\:\!opacity-100:has(:focus-visible) {
    opacity: 1 !important;
  }
  .has-\[\:focus-visible\]\:opacity-100:has(:focus-visible) {
    opacity: 1;
  }
  .has-\[\:focus-visible\]\:shadow-focus:has(:focus-visible) {
    --tw-shadow: var(--cds-focus-shadow);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-\[\:focus-visible\]\:outline:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .has-\[\:focus-visible\]\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible) {
    outline-offset: 2px;
  }
  .has-\[\:focus-visible\]\:outline-accent-100:has(:focus-visible) {
    outline-color: hsl(var(--accent-100) / 1);
  }
  .has-\[\[aria-expanded\=true\]\]\:pointer-events-auto:has(
    [aria-expanded="true"]
  ) {
    pointer-events: auto;
  }
  .has-\[\[aria-expanded\=true\]\]\:bg-\[var\(--fill-contained-selected\)\]:has(
    [aria-expanded="true"]
  ) {
    background-color: var(--fill-contained-selected);
  }
  .has-\[\[aria-expanded\=true\]\]\:opacity-100:has([aria-expanded="true"]) {
    opacity: 1;
  }
  .has-\[\[data-popup-open\]\]\:bg-bg-200:has([data-popup-open]) {
    background-color: hsl(var(--bg-200) / 1);
  }
  .has-\[\[data-popup-open\]\]\:bg-danger-900:has([data-popup-open]) {
    background-color: hsl(var(--danger-900) / 1);
  }
  .has-\[\[data-popup-open\]\]\:opacity-100:has([data-popup-open]) {
    opacity: 1;
  }
  .has-\[\[data-remove\]\:focus-visible\]\:bg-fill-ghost-hover:has(
    [data-remove]:focus-visible
  ),
  .has-\[\[data-remove\]\:hover\]\:bg-fill-ghost-hover:has(
    [data-remove]:hover
  ) {
    background-color: var(--cds-fill-ghost-hover);
  }
  .has-\[\[data-state\=open\]\]\:opacity-100:has([data-state="open"]) {
    opacity: 1;
  }
  .has-\[a\:active\]\:scale-\[0\.98\]:has(:is(a:active)) {
    scale: 0.98;
  }
  .has-\[a\:active\]\:duration-fast:has(:is(a:active)) {
    --tw-duration: var(--cds-dur-fast);
    transition-duration: var(--cds-dur-fast);
  }
  .focus-within\:has-\[button\:focus-visible\]\:\!outline-transparent:focus-within:has(
      :is(button:focus-visible)
    ) {
    outline-color: #0000 !important;
  }
  .has-\[button\[aria-expanded\=true\]\]\:opacity-100:has(
    :is(button[aria-expanded="true"])
  ) {
    opacity: 1;
  }
  .has-\[input\]\:overflow-visible:has(:is(input)) {
    overflow: visible;
  }
  .has-\[\>\*\:empty\]\:hidden:has(> :empty) {
    display: none;
  }
  .aria-busy\:pointer-events-auto[aria-busy="true"] {
    pointer-events: auto;
  }
  .aria-busy\:opacity-100[aria-busy="true"] {
    opacity: 1;
  }
  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }
  .aria-disabled\:cursor-default[aria-disabled="true"] {
    cursor: default;
  }
  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
    cursor: not-allowed;
  }
  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: 0.5;
  }
  .aria-disabled\:shadow-none[aria-disabled="true"] {
    --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);
  }
  .aria-disabled\:drop-shadow-none[aria-disabled="true"] {
    --tw-drop-shadow: ;
    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,);
  }
  .aria-expanded\:bg-bg-300[aria-expanded="true"] {
    background-color: hsl(var(--bg-300) / 1);
  }
  .aria-expanded\:bg-bg-400[aria-expanded="true"] {
    background-color: hsl(var(--bg-400) / 1);
  }
  .aria-expanded\:bg-surface-3[aria-expanded="true"] {
    background-color: var(--cds-surface-3);
  }
  .aria-expanded\:text-text-100[aria-expanded="true"] {
    color: hsl(var(--text-100) / 1);
  }
  .aria-expanded\:\!opacity-100[aria-expanded="true"] {
    opacity: 1 !important;
  }
  .aria-pressed\:bg-alpha-3[aria-pressed="true"] {
    background-color: var(--cds-alpha-3);
  }
  .aria-pressed\:text-accent[aria-pressed="true"] {
    color: var(--cds-text-accent);
  }
  .aria-pressed\:text-primary[aria-pressed="true"] {
    color: var(--cds-text-primary);
  }
  .aria-\[expanded\=true\]\:bg-\[var\(--fill-contained-selected\)\][aria-expanded="true"] {
    background-color: var(--fill-contained-selected);
  }
  .aria-\[expanded\=true\]\:bg-\[var\(--fill-uncontained-selected\)\][aria-expanded="true"] {
    background-color: var(--fill-uncontained-selected);
  }
  .aria-\[expanded\=true\]\:text-\[var\(--text-contained-selected\)\][aria-expanded="true"] {
    color: var(--text-contained-selected);
  }
  .aria-\[expanded\=true\]\:text-\[var\(--text-uncontained-selected\)\][aria-expanded="true"] {
    color: var(--text-uncontained-selected);
  }
  @media (hover: hover) {
    .aria-\[expanded\=true\]\:hover\:bg-\[var\(--fill-contained-selected\)\][aria-expanded="true"]:hover {
      background-color: var(--fill-contained-selected);
    }
    .aria-\[expanded\=true\]\:hover\:bg-transparent[aria-expanded="true"]:hover {
      background-color: #0000;
    }
    .aria-\[expanded\=true\]\:hover\:text-\[var\(--text-contained-selected\)\][aria-expanded="true"]:hover {
      color: var(--text-contained-selected);
    }
    .aria-\[expanded\=true\]\:hover\:text-\[var\(--text-uncontained-selected\)\][aria-expanded="true"]:hover {
      color: var(--text-uncontained-selected);
    }
  }
  .aria-\[invalid\=true\]\:border-danger-200[aria-invalid="true"] {
    border-color: hsl(var(--danger-200) / 1);
  }
  .data-\[active\]\:border-\[var\(--cds-text-primary\)\][data-active] {
    border-color: var(--cds-text-primary);
  }
  .data-\[active\]\:border-current[data-active] {
    border-color: currentColor;
  }
  .data-\[active\]\:font-medium[data-active] {
    --tw-font-weight: var(--cds-font-weight-medium);
    font-weight: var(--cds-font-weight-medium);
  }
  .data-\[active\]\:text-\[var\(--text-uncontained-selected\)\][data-active] {
    color: var(--text-uncontained-selected);
  }
  .data-\[active\]\:text-primary[data-active] {
    color: var(--cds-text-primary);
  }
  .data-\[active\=true\]\:bg-none[data-active="true"] {
    background-image: none;
  }
  .data-\[checked\]\:translate-x-\[10px\][data-checked] {
    --tw-translate-x: 10px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[checked\]\:translate-x-\[calc\(var\(--cds-switch-h\,20px\)\*0\.8\)\][data-checked] {
    --tw-translate-x: calc(var(--cds-switch-h, 20px) * 0.8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[checked\]\:border-accent[data-checked] {
    border-color: var(--cds-border-accent);
  }
  .data-\[checked\]\:bg-\[var\(--ui-switch-on-background\)\][data-checked] {
    background-color: var(--ui-switch-on-background);
  }
  .data-\[checked\]\:bg-\[var\(--ui-switch-on-knob\)\][data-checked] {
    background-color: var(--ui-switch-on-knob);
  }
  .data-\[checked\]\:bg-fill-accent[data-checked] {
    background-color: var(--cds-fill-accent);
  }
  .data-\[checked\]\:text-primary[data-checked] {
    color: var(--cds-text-primary);
  }
  .data-\[checked\]\:opacity-100[data-checked] {
    opacity: 1;
  }
  @media (hover: hover) {
    .data-\[checked\]\:hover\:bg-fill-accent-hover[data-checked]:hover {
      background-color: var(--cds-fill-accent-hover);
    }
    .data-\[checked\]\:hover\:bg-surface-1[data-checked]:hover {
      background-color: var(--cds-surface-1);
    }
  }
  .data-\[collapsed\]\:w-64[data-collapsed] {
    width: calc(var(--spacing) * 64);
  }
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-\[disabled\]\:cursor-default[data-disabled] {
    cursor: default;
  }
  .data-\[disabled\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  .data-\[disabled\]\:opacity-60[data-disabled] {
    opacity: 0.6;
  }
  .data-\[disabled\]\:shadow-none[data-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) {
    .data-\[disabled\]\:hover\:bg-\[var\(--cds-switch-track\)\][data-disabled]:hover {
      background-color: var(--cds-switch-track);
    }
    .data-\[disabled\]\:hover\:text-current[data-disabled]:hover {
      color: currentColor;
    }
    .data-\[checked\]\:data-\[disabled\]\:hover\:bg-fill-accent[data-checked][data-disabled]:hover {
      background-color: var(--cds-fill-accent);
    }
  }
  .data-\[disabled\=true\]\:cursor-default[data-disabled="true"] {
    cursor: default;
  }
  .data-\[disabled\=true\]\:text-text-500[data-disabled="true"] {
    color: hsl(var(--text-500) / 1);
  }
  .data-\[dragging\]\:cursor-ew-resize[data-dragging] {
    cursor: ew-resize;
  }
  .data-\[ending-style\]\:hidden[data-ending-style] {
    display: none;
  }
  .data-\[ending-style\]\:h-0[data-ending-style] {
    height: calc(var(--spacing) * 0);
  }
  .data-\[ending-style\]\:scale-\[0\.97\][data-ending-style] {
    scale: 0.97;
  }
  .data-\[ending-style\]\:scale-\[0\.98\][data-ending-style] {
    scale: 0.98;
  }
  .data-\[ending-style\]\:opacity-0[data-ending-style] {
    opacity: 0;
  }
  .data-\[ending-style\]\:\[--ts\:0\.85\][data-ending-style] {
    --ts: 0.85;
  }
  .data-\[error\]\:bg-\[var\(--core-10-red\)\][data-error] {
    background-color: var(--core-10-red);
  }
  .data-\[error\]\:text-\[var\(--core-red\)\][data-error] {
    color: var(--core-red);
  }
  .data-\[highlighted\]\:bg-accent[data-highlighted] {
    background-color: var(--cds-bg-accent);
  }
  .data-\[highlighted\]\:bg-bg-200[data-highlighted] {
    background-color: hsl(var(--bg-200) / 1);
  }
  .data-\[highlighted\]\:bg-bg-300[data-highlighted] {
    background-color: hsl(var(--bg-300) / 1);
  }
  .data-\[highlighted\]\:bg-fill-danger[data-highlighted] {
    background-color: var(--cds-fill-danger);
  }
  .data-\[highlighted\]\:bg-fill-ghost-hover[data-highlighted] {
    background-color: var(--cds-fill-ghost-hover);
  }
  .data-\[highlighted\]\:bg-neutral-hover[data-highlighted] {
    background-color: var(--cds-bg-neutral-hover);
  }
  .data-\[highlighted\]\:text-\[var\(--core-white\)\][data-highlighted] {
    color: var(--core-white);
  }
  .data-\[highlighted\]\:text-on-danger[data-highlighted] {
    color: var(--cds-on-danger);
  }
  .data-\[highlighted\]\:text-primary[data-highlighted] {
    color: var(--cds-text-primary);
  }
  .data-\[highlighted\]\:before\:bg-\[var\(--core-red\)\][data-highlighted]:before {
    content: var(--tw-content);
    background-color: var(--core-red);
  }
  .data-\[indeterminate\]\:opacity-100[data-indeterminate] {
    opacity: 1;
  }
  .data-\[instant\]\:duration-0[data-instant] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .data-\[invalid\]\:shadow-field-invalid[data-invalid] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--cds-fill-danger));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .data-\[limited\]\:opacity-0[data-limited] {
    opacity: 0;
  }
  .data-\[menu-open\=true\]\:bg-\[var\(--df-hover\)\][data-menu-open="true"] {
    background-color: var(--df-hover);
  }
  .data-\[menu-open\=true\]\:bg-black\/\[0\.04\][data-menu-open="true"] {
    background-color: var(--cds-black);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[menu-open\=true\]\:bg-black\/\[0\.04\][data-menu-open="true"] {
      background-color: color-mix(in oklab, var(--cds-black) 4%, transparent);
    }
  }
  .data-\[open\]\:pointer-events-auto[data-open] {
    pointer-events: auto;
  }
  .data-\[open\]\:scale-100[data-open] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .data-\[open\]\:opacity-100[data-open] {
    opacity: 1;
  }
  .data-\[panel-open\]\:rotate-0[data-panel-open] {
    rotate: 0deg;
  }
  .data-\[placeholder\]\:text-text-500[data-placeholder] {
    color: hsl(var(--text-500) / 1);
  }
  .data-\[pointer-idle\=true\]\:\[transform\:translateX\(calc\(-1\*var\(--marquee-overflow\,0px\)\)\)\][data-pointer-idle="true"] {
    transform: translate(calc(-1 * var(--marquee-overflow, 0px)));
  }
  .data-\[pointer-idle\=true\]\:\[--marquee-left-fade\:12px\][data-pointer-idle="true"] {
    --marquee-left-fade: 12px;
  }
  .data-\[pointer-idle\=true\]\:\[transition\:--marquee-left-fade_0\.2s_ease-out\][data-pointer-idle="true"] {
    transition: --marquee-left-fade 0.2s ease-out;
  }
  .data-\[pointer-idle\=true\]\:\[transition\:transform_var\(--marquee-duration\,0s\)_linear\][data-pointer-idle="true"] {
    transition: transform var(--marquee-duration, 0s) linear;
  }
  .data-\[popup-open\]\:bg-\[var\(--fill-contained-selected\)\][data-popup-open] {
    background-color: var(--fill-contained-selected);
  }
  .data-\[popup-open\]\:bg-\[var\(--fill-primary-hover\)\][data-popup-open] {
    background-color: var(--fill-primary-hover);
  }
  .data-\[popup-open\]\:bg-\[var\(--fill-uncontained-selected\)\][data-popup-open] {
    background-color: var(--fill-uncontained-selected);
  }
  .data-\[popup-open\]\:bg-bg-200[data-popup-open] {
    background-color: hsl(var(--bg-200) / 1);
  }
  .data-\[popup-open\]\:bg-bg-300[data-popup-open] {
    background-color: hsl(var(--bg-300) / 1);
  }
  .data-\[popup-open\]\:bg-bg-400[data-popup-open] {
    background-color: hsl(var(--bg-400) / 1);
  }
  .data-\[popup-open\]\:bg-fill-ghost-hover[data-popup-open] {
    background-color: var(--cds-fill-ghost-hover);
  }
  .data-\[popup-open\]\:text-\[var\(--text-contained-selected\)\][data-popup-open] {
    color: var(--text-contained-selected);
  }
  .data-\[popup-open\]\:text-\[var\(--text-primary-hover\)\][data-popup-open] {
    color: var(--text-primary-hover);
  }
  .data-\[popup-open\]\:text-\[var\(--text-uncontained-selected\)\][data-popup-open] {
    color: var(--text-uncontained-selected);
  }
  .data-\[popup-open\]\:text-text-100[data-popup-open] {
    color: hsl(var(--text-100) / 1);
  }
  .data-\[popup-open\]\:opacity-100[data-popup-open] {
    opacity: 1;
  }
  @media (hover: hover) {
    .data-\[popup-open\]\:hover\:bg-\[var\(--fill-contained-selected\)\][data-popup-open]:hover {
      background-color: var(--fill-contained-selected);
    }
    .data-\[popup-open\]\:hover\:bg-\[var\(--fill-primary-hover\)\][data-popup-open]:hover {
      background-color: var(--fill-primary-hover);
    }
    .data-\[popup-open\]\:hover\:bg-\[var\(--fill-uncontained-selected\)\][data-popup-open]:hover {
      background-color: var(--fill-uncontained-selected);
    }
    .data-\[popup-open\]\:hover\:text-\[var\(--text-contained-selected\)\][data-popup-open]:hover {
      color: var(--text-contained-selected);
    }
    .data-\[popup-open\]\:hover\:text-\[var\(--text-primary-hover\)\][data-popup-open]:hover {
      color: var(--text-primary-hover);
    }
    .data-\[popup-open\]\:hover\:text-\[var\(--text-uncontained-selected\)\][data-popup-open]:hover {
      color: var(--text-uncontained-selected);
    }
  }
  .data-\[recording\]\:bg-\[var\(--accent-10\)\][data-recording] {
    background-color: var(--accent-10);
  }
  .data-\[recording\]\:text-\[var\(--accent\)\][data-recording] {
    color: var(--accent);
  }
  .data-\[selected\]\:justify-end[data-selected] {
    justify-content: flex-end;
  }
  .data-\[selected\=focused\]\:bg-\[var\(--df-selected\)\][data-selected="focused"] {
    background-color: var(--df-selected);
  }
  .data-\[selected\=focused\]\:text-text-000[data-selected="focused"] {
    color: hsl(var(--text-000) / 1);
  }
  .data-\[selected\=open\]\:bg-\[var\(--df-selected\)\][data-selected="open"] {
    background-color: var(--df-selected);
  }
  .data-\[selected\=true\]\:bg-alpha-2[data-selected="true"] {
    background-color: var(--cds-alpha-2);
  }
  .data-\[selected\=true\]\:bg-bg-200[data-selected="true"] {
    background-color: hsl(var(--bg-200) / 1);
  }
  .data-\[selected\=true\]\:bg-none[data-selected="true"] {
    background-image: none;
  }
  .data-\[selected\=true\]\:text-primary[data-selected="true"] {
    color: var(--cds-text-primary);
  }
  .data-\[selected\=true\]\:text-text-000[data-selected="true"] {
    color: hsl(var(--text-000) / 1);
  }
  .data-\[side\=bottom\]\:top-\[-10px\][data-side="bottom"] {
    top: -10px;
  }
  .data-\[side\=bottom\]\:rotate-180[data-side="bottom"] {
    rotate: 180deg;
  }
  .data-\[side\=left\]\:right-\[-13px\][data-side="left"] {
    right: -13px;
  }
  .data-\[side\=left\]\:-rotate-90[data-side="left"] {
    rotate: -90deg;
  }
  .data-\[side\=right\]\:left-\[-13px\][data-side="right"] {
    left: -13px;
  }
  .data-\[side\=right\]\:rotate-90[data-side="right"] {
    rotate: 90deg;
  }
  .data-\[side\=top\]\:bottom-\[-10px\][data-side="top"] {
    bottom: -10px;
  }
  .data-\[starting-style\]\:h-0[data-starting-style] {
    height: calc(var(--spacing) * 0);
  }
  .data-\[starting-style\]\:scale-\[0\.97\][data-starting-style] {
    scale: 0.97;
  }
  .data-\[starting-style\]\:scale-\[0\.98\][data-starting-style] {
    scale: 0.98;
  }
  .data-\[starting-style\]\:opacity-0[data-starting-style] {
    opacity: 0;
  }
  .data-\[starting-style\]\:\[--ty\:-100\%\][data-starting-style] {
    --ty: -100%;
  }
  .data-\[state\=\"closed\"\]\:\[animation\:fade_var\(--modal-close-duration\,125ms\)_ease-in_reverse_forwards\][data-state="closed"] {
    animation: fade var(--modal-close-duration, 0.125s) ease-in reverse forwards;
  }
  .data-\[state\=\"closed\"\]\:\[animation\:zoom_var\(--modal-close-duration\,125ms\)_ease-in_reverse_forwards\][data-state="closed"] {
    animation: zoom var(--modal-close-duration, 0.125s) ease-in reverse forwards;
  }
  .data-\[state\=\"closed\"\]\:animate-\[accordion-close_150ms_ease-out\][data-state="closed"] {
    animation: 0.15s ease-out accordion-close;
  }
  .data-\[state\=\"open\"\]\:\[animation\:fade_var\(--modal-animation-duration\,250ms\)_ease-out_forwards\][data-state="open"] {
    animation: fade var(--modal-animation-duration, 0.25s) ease-out forwards;
  }
  .data-\[state\=\"open\"\]\:\[animation\:zoom_var\(--modal-animation-duration\,250ms\)_ease-out_forwards\][data-state="open"] {
    animation: zoom var(--modal-animation-duration, 0.25s) ease-out forwards;
  }
  .data-\[state\=\"open\"\]\:animate-\[accordion-open_150ms_ease-out\][data-state="open"] {
    animation: 0.15s ease-out accordion-open;
  }
  .data-\[state\=\'on\'\]\:text-text-100[data-state="on"] {
    color: hsl(var(--text-100) / 1);
  }
  .data-\[state\=checked\]\:border-accent-100[data-state="checked"] {
    border-color: hsl(var(--accent-100) / 1);
  }
  .data-\[state\=checked\]\:bg-accent-900[data-state="checked"] {
    background-color: hsl(var(--accent-900) / 1);
  }
  .data-\[state\=checked\]\:text-accent-100[data-state="checked"] {
    color: hsl(var(--accent-100) / 1);
  }
  .data-\[state\=closed\]\:\!hidden[data-state="closed"] {
    display: none !important;
  }
  .data-\[state\=closed\]\:animate-\[fade_125ms_ease-out_reverse_forwards\][data-state="closed"] {
    animation: 0.125s ease-out reverse forwards fade;
  }
  .data-\[state\=closed\]\:animate-\[zoom_125ms_ease-out_reverse_forwards\][data-state="closed"] {
    animation: 0.125s ease-out reverse forwards zoom;
  }
  .data-\[state\=open\]\:\!\[animation\:fade_50ms_ease-out_forwards\][data-state="open"] {
    animation: 50ms ease-out forwards fade !important;
  }
  .data-\[state\=open\]\:\[animation\:zoom_50ms_ease-out_forwards\][data-state="open"] {
    animation: 50ms ease-out forwards zoom;
  }
  .data-\[state\=open\]\:animate-\[fade_250ms_ease-in_forwards\][data-state="open"] {
    animation: 0.25s ease-in forwards fade;
  }
  .data-\[state\=open\]\:animate-\[zoom_250ms_ease-in_forwards\][data-state="open"] {
    animation: 0.25s ease-in forwards zoom;
  }
  .data-\[state\=open\]\:border-accent-100[data-state="open"] {
    border-color: hsl(var(--accent-100) / 1);
  }
  .data-\[state\=open\]\:bg-bg-200[data-state="open"] {
    background-color: hsl(var(--bg-200) / 1);
  }
  .data-\[state\=open\]\:bg-bg-300[data-state="open"] {
    background-color: hsl(var(--bg-300) / 1);
  }
  .data-\[state\=open\]\:text-text-100[data-state="open"] {
    color: hsl(var(--text-100) / 1);
  }
  .data-\[state\=unchecked\]\:border-border-300[data-state="unchecked"] {
    border-color: hsl(var(--border-300) / 0.15);
  }
  .data-\[state\=unchecked\]\:bg-bg-000[data-state="unchecked"] {
    background-color: hsl(var(--bg-000) / 1);
  }
  .data-\[state\=unchecked\]\:text-text-200[data-state="unchecked"] {
    color: hsl(var(--text-200) / 1);
  }
  @media (hover: hover) {
    .data-\[state\=unchecked\]\:hover\:bg-bg-300[data-state="unchecked"]:hover {
      background-color: hsl(var(--bg-300) / 1);
    }
  }
  .data-\[unchecked\]\:hidden[data-unchecked] {
    display: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-\[bugReportFlash_220ms_ease-out\] {
      animation: 0.22s ease-out bugReportFlash;
    }
    .motion-safe\:animate-pulse {
      animation: var(--animate-pulse);
    }
    .motion-safe\:transition-\[background-color\] {
      transition-property: background-color;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
    .motion-safe\: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)
      );
    }
    .motion-safe\: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)
      );
    }
    .motion-safe\:\[transition-delay\:var\(--dot-stagger\)\] {
      transition-delay: var(--dot-stagger);
    }
    .motion-safe\:duration-300 {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .motion-safe\:ease-out {
      --tw-ease: var(--cds-ease-out);
      transition-timing-function: var(--cds-ease-out);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\!hidden {
      display: none !important;
    }
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:border-text-100 {
      border-color: hsl(var(--text-100) / 1);
    }
    .motion-reduce\:bg-none {
      background-image: none;
    }
    .motion-reduce\:text-primary {
      color: var(--cds-text-primary);
    }
    .motion-reduce\:text-secondary {
      color: var(--cds-text-secondary);
    }
    .motion-reduce\:\!transition-none {
      transition-property: none !important;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
    .motion-reduce\:duration-0 {
      --tw-duration: 0s;
      transition-duration: 0s;
    }
    .motion-reduce\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
    @media (hover: hover) {
      .motion-reduce\:hover\:translate-y-0:hover {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
    .max-lg\:h-auto {
      height: auto;
    }
    .max-lg\:w-full {
      width: 100%;
    }
    .max-lg\:w-full\! {
      width: 100% !important;
    }
    .max-lg\:max-w-3xl {
      max-width: var(--container-3xl);
    }
    .max-lg\:flex-none {
      flex: none;
    }
    .max-lg\:flex-col {
      flex-direction: column;
    }
    .max-lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .max-lg\:overflow-y-auto {
      overflow-y: auto;
    }
    .max-lg\:overflow-y-visible {
      overflow-y: visible;
    }
    .max-lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .max-lg\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
  }
  @media not all and (min-width: 48rem) {
    .max-md\:pointer-events-auto {
      pointer-events: auto;
    }
    .max-md\:pointer-events-none {
      pointer-events: none;
    }
    .max-md\:absolute {
      position: absolute;
    }
    .max-md\:fixed {
      position: fixed;
    }
    .max-md\:relative {
      position: relative;
    }
    .max-md\:inset-0 {
      inset: calc(var(--spacing) * 0);
    }
    .max-md\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }
    .max-md\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .max-md\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
    .max-md\:left-0 {
      left: calc(var(--spacing) * 0);
    }
    .max-md\:z-50 {
      z-index: 50;
    }
    .max-md\:z-header {
      z-index: 20;
    }
    .max-md\:hidden {
      display: none;
    }
    .max-md\:h-full {
      height: 100%;
    }
    .max-md\:\!w-\[280px\] {
      width: 280px !important;
    }
    .max-md\:w-fit {
      width: fit-content;
    }
    .max-md\:max-w-\[33rem\] {
      max-width: 33rem;
    }
    .max-md\:flex-1 {
      flex: 1;
    }
    .max-md\:-translate-x-full {
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-md\:transform {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
        var(--tw-skew-x,) var(--tw-skew-y,);
    }
    .max-md\:flex-col {
      flex-direction: column;
    }
    .max-md\:self-end {
      align-self: flex-end;
    }
    .max-md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
    .max-md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .max-md\:border-border-300 {
      border-color: hsl(var(--border-300) / 0.15);
    }
    .max-md\:bg-bg-100 {
      background-color: hsl(var(--bg-100) / 1);
    }
    .max-md\:bg-transparent {
      background-color: #0000;
    }
    .max-md\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .max-md\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .max-md\:pl-1 {
      padding-left: calc(var(--spacing) * 1);
    }
    .max-md\: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);
    }
    .max-md\: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)
      );
    }
    .max-md\:duration-300 {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .max-md\:ease-in-out {
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
    }
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:mb-pad-sm {
      margin-bottom: var(--cds-pad-sm);
    }
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:h-dvh {
      height: 100dvh;
    }
    .max-sm\:\!max-h-none {
      max-height: none !important;
    }
    .max-sm\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .max-sm\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
    .max-sm\:w-full {
      width: 100%;
    }
    .max-sm\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
    .max-sm\:flex-1 {
      flex: 1;
    }
    .max-sm\:shrink-0 {
      flex-shrink: 0;
    }
    .max-sm\:\[scrollbar-width\:none\] {
      scrollbar-width: none;
    }
    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-sm\:flex-col {
      flex-direction: column;
    }
    .max-sm\:flex-row {
      flex-direction: row;
    }
    .max-sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .max-sm\:items-center {
      align-items: center;
    }
    .max-sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .max-sm\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
    .max-sm\:overflow-x-auto {
      overflow-x: auto;
    }
    .max-sm\:rounded-none {
      border-radius: 0;
    }
    .max-sm\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .max-sm\:\!px-1 {
      padding-inline: calc(var(--spacing) * 1) !important;
    }
    .max-sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .max-sm\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }
    .max-sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
    .max-sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .max-sm\:break-all {
      word-break: break-all;
    }
    .max-sm\:whitespace-nowrap {
      white-space: nowrap;
    }
  }
  @media (min-width: 350px) {
    .min-\[350px\]\:text-\[3\.2rem\] {
      font-size: 3.2rem;
    }
    .min-\[350px\]\:text-\[38px\] {
      font-size: 38px;
    }
  }
  @media (min-width: 500px) {
    .min-\[500px\]\:text-\[3\.5rem\] {
      font-size: 3.5rem;
    }
  }
  @media (min-width: 840px) {
    .min-\[840px\]\:block {
      display: block;
    }
    .min-\[840px\]\:hidden {
      display: none;
    }
    .min-\[840px\]\:min-h-\[335px\] {
      min-height: 335px;
    }
    .min-\[840px\]\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .min-\[840px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .min-\[840px\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .min-\[840px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  @media (min-width: 1000px) {
    .min-\[1000px\]\:flex {
      display: flex;
    }
    .min-\[1000px\]\:hidden {
      display: none;
    }
    .min-\[1000px\]\:max-w-7xl {
      max-width: var(--container-7xl);
    }
    .min-\[1000px\]\:max-w-\[90rem\] {
      max-width: 90rem;
    }
    .min-\[1000px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .min-\[1024px\]\:block {
      display: block;
    }
    .min-\[1024px\]\:scale-\[0\.68\] {
      scale: 0.68;
    }
  }
  @media (min-width: 1200px) {
    .min-\[1200px\]\:scale-\[0\.8\] {
      scale: 0.8;
    }
  }
  @media (min-width: 1400px) {
    .min-\[1400px\]\:scale-\[0\.89\] {
      scale: 0.89;
    }
  }
  @media (min-width: 1562px) {
    .min-\[1562px\]\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (min-width: 40rem) {
    .sm\:static {
      position: static;
    }
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .sm\:-mx-20 {
      margin-inline: calc(var(--spacing) * -20);
    }
    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .sm\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .sm\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
    .sm\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
    .sm\:ml-auto {
      margin-left: auto;
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:grid {
      display: grid;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:table-cell {
      display: table-cell;
    }
    .sm\:h-7 {
      height: calc(var(--spacing) * 7);
    }
    .sm\:h-28 {
      height: calc(var(--spacing) * 28);
    }
    .sm\:h-\[36px\] {
      height: 36px;
    }
    .sm\:h-\[52px\] {
      height: 52px;
    }
    .sm\:h-\[315px\] {
      height: 315px;
    }
    .sm\:h-auto {
      height: auto;
    }
    .sm\:min-h-16 {
      min-height: calc(var(--spacing) * 16);
    }
    .sm\:\!w-\[300px\] {
      width: 300px !important;
    }
    .sm\:w-36 {
      width: calc(var(--spacing) * 36);
    }
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .sm\:w-\[30rem\] {
      width: 30rem;
    }
    .sm\:w-\[min\(640px\,calc\(100\%-4rem\)\)\] {
      width: min(640px, 100% - 4rem);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-\[460px\] {
      max-width: 460px;
    }
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
    .sm\:max-w-none {
      max-width: none;
    }
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
    .sm\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
    .sm\:min-w-\[20rem\] {
      min-width: 20rem;
    }
    .sm\:min-w-\[30rem\] {
      min-width: 30rem;
    }
    .sm\:min-w-\[602px\] {
      min-width: 602px;
    }
    .sm\:min-w-fit {
      min-width: fit-content;
    }
    .sm\:min-w-xs {
      min-width: var(--container-xs);
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:grow {
      flex-grow: 1;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .sm\:flex-col {
      flex-direction: column;
    }
    .sm\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:items-stretch {
      align-items: stretch;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-center {
      justify-content: center;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:justify-start {
      justify-content: flex-start;
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .sm\:gap-\[0\.15em\] {
      gap: 0.15em;
    }
    .sm\:gap-\[0\.25em\] {
      gap: 0.25em;
    }
    .sm\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    :where(.sm\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
    :where(.sm\:divide-y-0 > :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(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
    .sm\:self-end {
      align-self: flex-end;
    }
    .sm\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .sm\:bg-transparent {
      background-color: #0000;
    }
    .sm\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:\!px-8 {
      padding-inline: calc(var(--spacing) * 8) !important;
    }
    .sm\:\!px-12 {
      padding-inline: calc(var(--spacing) * 12) !important;
    }
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .sm\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }
    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-7 {
      padding-inline: calc(var(--spacing) * 7);
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .sm\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .sm\:px-\[44px\] {
      padding-inline: 44px;
    }
    .sm\:\!py-20 {
      padding-block: calc(var(--spacing) * 20) !important;
    }
    .sm\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .sm\:\!pt-8 {
      padding-top: calc(var(--spacing) * 8) !important;
    }
    .sm\:\!pt-10 {
      padding-top: calc(var(--spacing) * 10) !important;
    }
    .sm\:pt-\[15vh\] {
      padding-top: 15vh;
    }
    .sm\:\!pb-8 {
      padding-bottom: calc(var(--spacing) * 8) !important;
    }
    .sm\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .sm\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .sm\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .sm\:pl-3 {
      padding-left: calc(var(--spacing) * 3);
    }
    .sm\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
    .sm\:font-base {
      font-family: var(--font-ui);
      font-size: 0.875rem;
      font-weight: 430;
      line-height: 1.4;
    }
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .sm\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .sm\:text-\[2rem\] {
      font-size: 2rem;
    }
    .sm\:break-normal {
      overflow-wrap: normal;
      word-break: normal;
    }
    .sm\:opacity-0 {
      opacity: 0;
    }
    .sm\:shadow-\[0_4px_20px_0_hsl\(var\(--always-black\)\/4\%\)\] {
      --tw-shadow: 0 4px 20px 0
        var(--tw-shadow-color, hsl(var(--always-black)/4%));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .sm\:\[--cp-top\:15vh\] {
      --cp-top: 15vh;
    }
    .sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 1;
    }
    @media (hover: hover) {
      .sm\:group-hover\:rotate-2:is(:where(.group):hover *) {
        rotate: 2deg;
      }
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
    .sm\:group-focus-visible\:rotate-2:is(:where(.group):focus-visible *) {
      rotate: 2deg;
    }
    .sm\:before\:inline-block:before {
      content: var(--tw-content);
      display: inline-block;
    }
    .sm\:focus-visible\:opacity-100:focus-visible,
    .sm\:data-\[state\=open\]\:opacity-100[data-state="open"] {
      opacity: 1;
    }
  }
  @media (min-width: 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }
    .md\:absolute {
      position: absolute;
    }
    .md\:fixed {
      position: fixed;
    }
    .md\:sticky {
      position: sticky;
    }
    .md\:inset-4 {
      inset: calc(var(--spacing) * 4);
    }
    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }
    .md\:top-1\/2 {
      top: 50%;
    }
    .md\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .md\:top-6 {
      top: calc(var(--spacing) * 6);
    }
    .md\:top-8 {
      top: calc(var(--spacing) * 8);
    }
    .md\:top-10 {
      top: calc(var(--spacing) * 10);
    }
    .md\:top-16 {
      top: calc(var(--spacing) * 16);
    }
    .md\:right-0 {
      right: calc(var(--spacing) * 0);
    }
    .md\:right-10 {
      right: calc(var(--spacing) * 10);
    }
    .md\:right-\[296px\] {
      right: 296px;
    }
    .md\:bottom-\[15px\] {
      bottom: 15px;
    }
    .md\:left-1\/2 {
      left: 50%;
    }
    .md\:left-3 {
      left: calc(var(--spacing) * 3);
    }
    .md\:\!z-10 {
      z-index: 10 !important;
    }
    .md\:-z-10 {
      z-index: -10;
    }
    .md\:\[z-index\:0\],
    .md\:z-0 {
      z-index: 0;
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .md\:-m-1 {
      margin: calc(var(--spacing) * -1);
    }
    .md\:m-2 {
      margin: calc(var(--spacing) * 2);
    }
    .md\:\!mx-0 {
      margin-inline: calc(var(--spacing) * 0) !important;
    }
    .md\:-mx-2 {
      margin-inline: calc(var(--spacing) * -2);
    }
    .md\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }
    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .md\:mx-2 {
      margin-inline: calc(var(--spacing) * 2);
    }
    .md\:mx-auto {
      margin-inline: auto;
    }
    .md\:my-2 {
      margin-block: calc(var(--spacing) * 2);
    }
    .md\:my-8 {
      margin-block: calc(var(--spacing) * 8);
    }
    .md\:-me-6 {
      margin-inline-end: calc(var(--spacing) * -6);
    }
    .md\:-mt-6 {
      margin-top: calc(var(--spacing) * -6);
    }
    .md\:-mt-\[var\(--df-header-h\,0px\)\] {
      margin-top: calc(var(--df-header-h, 0px) * -1);
    }
    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }
    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
    .md\:mt-14 {
      margin-top: calc(var(--spacing) * 14);
    }
    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }
    .md\:mt-\[62px\] {
      margin-top: 62px;
    }
    .md\:mt-\[80px\] {
      margin-top: 80px;
    }
    .md\:mt-\[calc\(var\(--df-header-h\,0px\)\+8px\)\] {
      margin-top: calc(var(--df-header-h, 0px) + 8px);
    }
    .md\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
    .md\:mr-3 {
      margin-right: calc(var(--spacing) * 3);
    }
    .md\:-mb-6 {
      margin-bottom: calc(var(--spacing) * -6);
    }
    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .md\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .md\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }
    .md\:mb-48 {
      margin-bottom: calc(var(--spacing) * 48);
    }
    .md\:-ml-4 {
      margin-left: calc(var(--spacing) * -4);
    }
    .md\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
    .md\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid {
      display: grid;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
    .md\:h-14 {
      height: calc(var(--spacing) * 14);
    }
    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }
    .md\:h-36 {
      height: calc(var(--spacing) * 36);
    }
    .md\:h-40 {
      height: calc(var(--spacing) * 40);
    }
    .md\:h-80 {
      height: calc(var(--spacing) * 80);
    }
    .md\:h-\[30rem\] {
      height: 30rem;
    }
    .md\:h-\[72px\] {
      height: 72px;
    }
    .md\:h-\[540px\] {
      height: 540px;
    }
    .md\:h-\[calc\(100\%\+var\(--df-header-h\,0px\)\)\] {
      height: calc(100% + var(--df-header-h, 0px));
    }
    .md\:h-\[calc\(100\%-56px\)\] {
      height: calc(100% - 56px);
    }
    .md\:h-\[calc\(100vh-11rem\)\] {
      height: calc(100vh - 11rem);
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:max-h-\[calc\(100vh-2rem\)\] {
      max-height: calc(100vh - 2rem);
    }
    .md\:max-h-\[calc\(100vh-5rem-var\(--df-chrome-bar-height\,0px\)\)\] {
      max-height: calc(100vh - 5rem - var(--df-chrome-bar-height, 0px));
    }
    .md\:max-h-none {
      max-height: none;
    }
    .md\:min-h-0 {
      min-height: calc(var(--spacing) * 0);
    }
    .md\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-5\/6 {
      width: 83.3333%;
    }
    .md\:w-48 {
      width: calc(var(--spacing) * 48);
    }
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .md\:w-\[9rem\] {
      width: 9rem;
    }
    .md\:w-\[23rem\] {
      width: 23rem;
    }
    .md\:w-\[27rem\] {
      width: 27rem;
    }
    .md\:w-\[100\%\] {
      width: 100%;
    }
    .md\:w-\[342px\] {
      width: 342px;
    }
    .md\:w-\[384px\] {
      width: 384px;
    }
    .md\:w-\[calc\(50vw-2\.5rem\)\] {
      width: calc(50vw - 2.5rem);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:w-fit {
      width: fit-content;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }
    .md\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .md\:max-w-\[50\%\] {
      max-width: 50%;
    }
    .md\:max-w-\[350px\] {
      max-width: 350px;
    }
    .md\:max-w-\[545px\] {
      max-width: 545px;
    }
    .md\:max-w-none {
      max-width: none;
    }
    .md\:max-w-xl {
      max-width: var(--container-xl);
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:flex-none {
      flex: none;
    }
    .md\:flex-shrink-0,
    .md\:shrink-0 {
      flex-shrink: 0;
    }
    .md\:flex-grow-0 {
      flex-grow: 0;
    }
    .md\:basis-0 {
      flex-basis: calc(var(--spacing) * 0);
    }
    .md\:basis-\[var\(--ef-asset-basis\)\] {
      flex-basis: var(--ef-asset-basis);
    }
    .md\:basis-\[var\(--ef-content-basis\)\] {
      flex-basis: var(--ef-content-basis);
    }
    .md\:-translate-x-1\/2 {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:-translate-y-1\/2 {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .md\:animate-\[fade_0\.3s_ease-in-out_0\.1s_forwards\] {
      animation: 0.3s ease-in-out 0.1s forwards fade;
    }
    .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\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
    .md\:grid-cols-\[220px_minmax\(0\,1fr\)\],
    .md\:grid-cols-\[220px_minmax\(0px\,_1fr\)\] {
      grid-template-columns: 220px minmax(0, 1fr);
    }
    .md\:grid-cols-\[400px_1fr\] {
      grid-template-columns: 400px 1fr;
    }
    .md\:grid-cols-\[480px_270px\] {
      grid-template-columns: 480px 270px;
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    }
    .md\:grid-cols-\[minmax\(0\,var\(--ef-content-fr\)\)_minmax\(0\,var\(--ef-asset-fr\)\)\] {
      grid-template-columns: minmax(0, var(--ef-content-fr)) minmax(
          0,
          var(--ef-asset-fr)
        );
    }
    .md\:grid-rows-\[1fr_auto\] {
      grid-template-rows: 1fr auto;
    }
    .md\:flex-col {
      flex-direction: column;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .md\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }
    .md\:gap-\[2rem\] {
      gap: 2rem;
    }
    .md\:gap-\[10px\] {
      gap: 10px;
    }
    .md\:gap-md {
      gap: var(--cds-gap-md);
    }
    :where(.md\: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))
      );
    }
    .md\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    :where(.md\:space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(
        calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
      );
      margin-inline-end: calc(
        calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    .md\:self-end {
      align-self: flex-end;
    }
    .md\:self-start {
      align-self: flex-start;
    }
    .md\:overflow-visible {
      overflow: visible;
    }
    .md\:overflow-x-hidden {
      overflow-x: hidden;
    }
    .md\:overflow-y-auto {
      overflow-y: auto;
    }
    .md\:rounded-2xl {
      border-radius: var(--radius-2xl);
    }
    .md\:rounded-lg {
      border-radius: var(--radius-lg);
    }
    .md\:rounded-s-2xl {
      border-start-start-radius: var(--radius-2xl);
      border-end-start-radius: var(--radius-2xl);
    }
    .md\:rounded-e-none {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
    .md\:border-0\.5 {
      border-style: var(--tw-border-style);
      border-width: 0.5px;
    }
    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .md\:border-border-300 {
      border-color: hsl(var(--border-300) / 0.15);
    }
    .md\:bg-\[var\(--df-sidebar-bg\,hsl\(var\(--bg-100\)\)\)\] {
      background-color: var(--df-sidebar-bg, hsl(var(--bg-100)));
    }
    .md\:bg-bg-000 {
      background-color: hsl(var(--bg-000) / 1);
    }
    .md\:\!p-8 {
      padding: calc(var(--spacing) * 8) !important;
    }
    .md\:p-1 {
      padding: calc(var(--spacing) * 1);
    }
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
    .md\:p-lg {
      padding: var(--cds-pad-lg);
    }
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .md\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }
    .md\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .md\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .md\:px-11 {
      padding-inline: calc(var(--spacing) * 11);
    }
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }
    .md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .md\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    .md\:px-md {
      padding-inline: var(--cds-pad-md);
    }
    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .md\:pe-6 {
      padding-inline-end: calc(var(--spacing) * 6);
    }
    .md\:pe-8 {
      padding-inline-end: calc(var(--spacing) * 8);
    }
    .md\:pe-xl {
      padding-inline-end: var(--cds-pad-xl);
    }
    .md\:pt-1 {
      padding-top: calc(var(--spacing) * 1);
    }
    .md\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .md\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
    .md\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }
    .md\:pt-\[12vh\] {
      padding-top: 12vh;
    }
    .md\:pt-\[18vh\] {
      padding-top: 18vh;
    }
    .md\:pt-\[20vh\] {
      padding-top: 20vh;
    }
    .md\:pt-\[107px\] {
      padding-top: 107px;
    }
    .md\:pt-\[var\(--df-header-h\,0px\)\] {
      padding-top: var(--df-header-h, 0px);
    }
    .md\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }
    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
    .md\:pr-11 {
      padding-right: calc(var(--spacing) * 11);
    }
    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .md\:pb-\[140px\] {
      padding-bottom: 140px;
    }
    .md\:pb-md {
      padding-bottom: var(--cds-pad-md);
    }
    .md\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
    .md\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }
    .md\:pl-11 {
      padding-left: calc(var(--spacing) * 11);
    }
    .md\:pl-\[133px\] {
      padding-left: 133px;
    }
    .md\:text-center {
      text-align: center;
    }
    .md\:text-left {
      text-align: left;
    }
    .md\:font-xl {
      font-family: var(--font-ui);
      font-variation-settings: "opsz" 20;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.4;
    }
    .md\:font-xl-bold {
      font-family: var(--font-ui);
      font-variation-settings: "opsz" 20;
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.4;
    }
    .md\:font-large {
      font-family: var(--font-ui);
      font-size: 1rem;
      font-weight: 430;
      line-height: 1.4;
    }
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    .md\:opacity-0 {
      opacity: 0;
    }
    .md\:opacity-100 {
      opacity: 1;
    }
    .md\:shadow-\[0px_1px_0px_0px_theme\(colors\.border-300\)\] {
      --tw-shadow: 0px 1px 0px 0px
        var(--tw-shadow-color, hsl(var(--border-300) / 0.15));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:shadow-sm {
      --tw-shadow: var(--cds-shadow-sm);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:\[box-shadow\:var\(--df-shadow-card\,none\)\] {
      box-shadow: var(--df-shadow-card, none);
    }
    .md\: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)
      );
    }
    .md\: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)
      );
    }
    .md\:duration-300 {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
    .md\:ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
      --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
    .md\:\[--fab-sidebar-w\:192px\] {
      --fab-sidebar-w: 192px;
    }
  }
  @media (min-width: 62.5rem) {
    .min-\[62\.5rem\]\:flex {
      display: flex;
    }
    .min-\[62\.5rem\]\:max-w-\[30rem\] {
      max-width: 30rem;
    }
    .min-\[62\.5rem\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .min-\[62\.5rem\]\:justify-center {
      justify-content: center;
    }
    .min-\[62\.5rem\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-12 {
      top: calc(var(--spacing) * 12);
    }
    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:\!mt-0 {
      margin-top: calc(var(--spacing) * 0) !important;
    }
    .lg\:-mt-4 {
      margin-top: calc(var(--spacing) * -4);
    }
    .lg\:-mt-24 {
      margin-top: calc(var(--spacing) * -24);
    }
    .lg\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
    .lg\:mt-\[38px\] {
      margin-top: 38px;
    }
    .lg\:mt-\[50px\] {
      margin-top: 50px;
    }
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .lg\:mb-\[38px\] {
      margin-bottom: 38px;
    }
    .lg\:ml-2 {
      margin-left: calc(var(--spacing) * 2);
    }
    .lg\:block {
      display: block;
    }
    .lg\:contents {
      display: contents;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline {
      display: inline;
    }
    .lg\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .lg\:h-\[42px\] {
      height: 42px;
    }
    .lg\:h-\[96px\] {
      height: 96px;
    }
    .lg\:h-\[283px\] {
      height: 283px;
    }
    .lg\:h-auto {
      height: auto;
    }
    .lg\:max-h-\[calc\(100dvh-3rem\)\] {
      max-height: calc(100dvh - 3rem);
    }
    .lg\:max-h-\[calc\(100dvh-6rem\)\] {
      max-height: calc(100dvh - 6rem);
    }
    .lg\:min-h-\[600px\] {
      min-height: 600px;
    }
    .lg\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .lg\:w-52 {
      width: calc(var(--spacing) * 52);
    }
    .lg\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .lg\:w-\[23rem\] {
      width: 23rem;
    }
    .lg\:w-\[27rem\] {
      width: 27rem;
    }
    .lg\:w-\[42px\] {
      width: 42px;
    }
    .lg\:w-\[380px\] {
      width: 380px;
    }
    .lg\:w-\[412px\] {
      width: 412px;
    }
    .lg\:w-\[calc\(50vw-2\.5rem\)\] {
      width: calc(50vw - 2.5rem);
    }
    .lg\:max-w-7xl {
      max-width: var(--container-7xl);
    }
    .lg\:max-w-\[500px\] {
      max-width: 500px;
    }
    .lg\:max-w-\[512px\] {
      max-width: 512px;
    }
    .lg\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:flex-\[2\.2\] {
      flex: 2.2;
    }
    .lg\:flex-\[2\.8\] {
      flex: 2.8;
    }
    .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-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[2fr_3fr\] {
      grid-template-columns: 2fr 3fr;
    }
    .lg\:flex-col {
      flex-direction: column;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-center {
      justify-content: center;
    }
    .lg\:justify-start {
      justify-content: flex-start;
    }
    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .lg\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .lg\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    .lg\:gap-\[100px\] {
      gap: 100px;
    }
    .lg\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .lg\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
    .lg\:self-start {
      align-self: flex-start;
    }
    .lg\:overflow-y-auto {
      overflow-y: auto;
    }
    .lg\:bg-gradient-to-t {
      --tw-gradient-position: to top in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
    .lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .lg\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }
    .lg\:px-\[100px\] {
      padding-inline: 100px;
    }
    .lg\:px-\[160px\] {
      padding-inline: 160px;
    }
    .lg\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }
    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .lg\:py-\[120px\] {
      padding-block: 120px;
    }
    .lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .lg\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }
    .lg\:pt-\[25vh\] {
      padding-top: 25vh;
    }
    .lg\:pt-\[40px\] {
      padding-top: 40px;
    }
    .lg\:pt-\[100px\] {
      padding-top: 100px;
    }
    .lg\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }
    .lg\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
    .lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .lg\:pb-\[120px\] {
      padding-bottom: 120px;
    }
    .lg\:pl-0 {
      padding-left: calc(var(--spacing) * 0);
    }
    .lg\:pl-4 {
      padding-left: calc(var(--spacing) * 4);
    }
    .lg\:pl-\[clamp\(0px\,7vw\,80px\)\] {
      padding-left: clamp(0px, 7vw, 80px);
    }
    .lg\:text-left {
      text-align: left;
    }
    .lg\:font-xl {
      font-family: var(--font-ui);
      font-variation-settings: "opsz" 20;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1.4;
    }
    .lg\: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);
    }
    .lg\:\[--cp-top\:25vh\] {
      --cp-top: 25vh;
    }
  }
  @media (min-width: 69rem) {
    .min-\[69rem\]\:flex {
      display: flex;
    }
    .min-\[69rem\]\:hidden {
      display: none;
    }
    .min-\[69rem\]\:h-\[5\.25rem\] {
      height: 5.25rem;
    }
  }
  @media (min-width: 80rem) {
    .xl\:top-12 {
      top: calc(var(--spacing) * 12);
    }
    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .xl\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .xl\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
    .xl\:aspect-auto {
      aspect-ratio: auto;
    }
    .xl\:h-\[85vh\] {
      height: 85vh;
    }
    .xl\:h-\[105px\] {
      height: 105px;
    }
    .xl\:h-\[calc\(100vh-96px\)\] {
      height: calc(100vh - 96px);
    }
    .xl\:min-h-\[89vh\] {
      min-height: 89vh;
    }
    .xl\:min-h-\[500px\] {
      min-height: 500px;
    }
    .xl\:w-\[360px\] {
      width: 360px;
    }
    .xl\:w-auto {
      width: auto;
    }
    .xl\:max-w-none {
      max-width: none;
    }
    .xl\:min-w-\[360px\] {
      min-width: 360px;
    }
    .xl\:flex-\[6\] {
      flex: 6;
    }
    .xl\:flex-\[7\] {
      flex: 7;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-stretch {
      align-items: stretch;
    }
    .xl\:justify-end {
      justify-content: flex-end;
    }
    .xl\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .xl\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .xl\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .xl\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
    .xl\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    .xl\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
    .xl\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .xl\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
    .xl\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .xl\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
    .xl\:pr-10 {
      padding-right: calc(var(--spacing) * 10);
    }
    .xl\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .xl\:pl-6 {
      padding-left: calc(var(--spacing) * 6);
    }
    .xl\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }
    .xl\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    .xl\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .xl\:leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
    .xl\:leading-\[48px\] {
      --tw-leading: 48px;
      line-height: 48px;
    }
    @media (prefers-reduced-motion: no-preference) {
      .xl\:motion-safe\:block {
        display: block;
      }
    }
  }
  .dark\:block:where([data-mode="dark"], [data-mode="dark"] *) {
    display: block;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:block:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:block:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      display: block;
    }
  }
  .dark\:hidden:where([data-mode="dark"], [data-mode="dark"] *) {
    display: none;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:hidden:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:hidden:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      display: none;
    }
  }
  .dark\:border:where([data-mode="dark"], [data-mode="dark"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:border:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .dark\:border-0:where([data-mode="dark"], [data-mode="dark"] *) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-0:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:border-0:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }
  .dark\:border-\[hsl\(var\(--always-white\)\/10\%\)\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    border-color: hsl(var(--always-white) / 10%);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-\[hsl\(var\(--always-white\)\/10\%\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:border-\[hsl\(var\(--always-white\)\/10\%\)\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *)) {
      border-color: hsl(var(--always-white) / 10%);
    }
  }
  .dark\:border-alpha-1:where([data-mode="dark"], [data-mode="dark"] *) {
    border-color: var(--cds-alpha-1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-alpha-1:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:border-alpha-1:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      border-color: var(--cds-alpha-1);
    }
  }
  .dark\:border-always-white\/20:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    border-color: hsl(var(--always-white) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-always-white\/20:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ) {
      border-color: color-mix(
        in oklab,
        hsl(var(--always-white) / 1) 20%,
        transparent
      );
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-always-white\/20:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      border-color: hsl(var(--always-white) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-always-white\/20:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        border-color: color-mix(
          in oklab,
          hsl(var(--always-white) / 1) 20%,
          transparent
        );
      }
    }
    .dark\:border-always-white\/20:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      border-color: hsl(var(--always-white) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-always-white\/20:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        border-color: color-mix(
          in oklab,
          hsl(var(--always-white) / 1) 20%,
          transparent
        );
      }
    }
  }
  .dark\:bg-\[\#000000\]:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #000;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#000000\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-\[\#000000\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #000;
    }
  }
  .dark\:bg-\[\#1e1e1e\]:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #1e1e1e;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#1e1e1e\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-\[\#1e1e1e\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #1e1e1e;
    }
  }
  .dark\:bg-\[\#2a2a2a\]:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #2a2a2a;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#2a2a2a\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-\[\#2a2a2a\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #2a2a2a;
    }
  }
  .dark\:bg-\[\#2c2c2e\]:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #2c2c2e;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#2c2c2e\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-\[\#2c2c2e\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #2c2c2e;
    }
  }
  .dark\:bg-\[\#3a3a3c\]:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #3a3a3c;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#3a3a3c\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-\[\#3a3a3c\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #3a3a3c;
    }
  }
  .dark\:bg-\[\#797979\]\/50:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #79797980;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#797979\]\/50:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-\[\#797979\]\/50:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #79797980;
    }
  }
  .dark\:bg-accent-900:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--accent-900) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-accent-900:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-accent-900:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--accent-900) / 1);
    }
  }
  .dark\:bg-alpha-3:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-alpha-3);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-alpha-3:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-alpha-3:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-alpha-3);
    }
  }
  .dark\:bg-aqua-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-aqua-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-aqua-800:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-aqua-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-aqua-800);
    }
  }
  .dark\:bg-bg-200:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--bg-200) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-bg-200:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-bg-200:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--bg-200) / 1);
    }
  }
  .dark\:bg-bg-300:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--bg-300) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-bg-300:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-bg-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--bg-300) / 1);
    }
  }
  .dark\:bg-blue-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-blue-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-blue-800:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-blue-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-blue-800);
    }
  }
  .dark\:bg-danger-000\/25:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--danger-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-000\/25:where([data-mode="dark"], [data-mode="dark"] *) {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-000) / 1) 25%,
        transparent
      );
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-danger-000\/25:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      background-color: hsl(var(--danger-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-danger-000\/25:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-000) / 1) 25%,
          transparent
        );
      }
    }
    .dark\:bg-danger-000\/25:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--danger-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-danger-000\/25:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-000) / 1) 25%,
          transparent
        );
      }
    }
  }
  .dark\:bg-danger-900\/35:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--danger-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-danger-900\/35:where([data-mode="dark"], [data-mode="dark"] *) {
      background-color: color-mix(
        in oklab,
        hsl(var(--danger-900) / 1) 35%,
        transparent
      );
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-danger-900\/35:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      background-color: hsl(var(--danger-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-danger-900\/35:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-900) / 1) 35%,
          transparent
        );
      }
    }
    .dark\:bg-danger-900\/35:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--danger-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-danger-900\/35:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-900) / 1) 35%,
          transparent
        );
      }
    }
  }
  .dark\:bg-gray-550:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-gray-550);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-gray-550:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-gray-550:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-gray-550);
    }
  }
  .dark\:bg-green-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-green-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-green-800:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-green-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-green-800);
    }
  }
  .dark\:bg-magenta-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-magenta-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-magenta-800:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-magenta-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-magenta-800);
    }
  }
  .dark\:bg-orange-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-orange-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-orange-800:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-orange-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-orange-800);
    }
  }
  .dark\:bg-red-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-red-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-red-800:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-red-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-red-800);
    }
  }
  .dark\:bg-success-000\/25:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--success-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-000\/25:where([data-mode="dark"], [data-mode="dark"] *) {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-000) / 1) 25%,
        transparent
      );
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-success-000\/25:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      background-color: hsl(var(--success-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-success-000\/25:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--success-000) / 1) 25%,
          transparent
        );
      }
    }
    .dark\:bg-success-000\/25:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--success-000) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-success-000\/25:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--success-000) / 1) 25%,
          transparent
        );
      }
    }
  }
  .dark\:bg-success-900\/35:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: hsl(var(--success-900) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-success-900\/35:where([data-mode="dark"], [data-mode="dark"] *) {
      background-color: color-mix(
        in oklab,
        hsl(var(--success-900) / 1) 35%,
        transparent
      );
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-success-900\/35:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      background-color: hsl(var(--success-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-success-900\/35:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--success-900) / 1) 35%,
          transparent
        );
      }
    }
    .dark\:bg-success-900\/35:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: hsl(var(--success-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-success-900\/35:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        background-color: color-mix(
          in oklab,
          hsl(var(--success-900) / 1) 35%,
          transparent
        );
      }
    }
  }
  .dark\:bg-violet-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-violet-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-violet-800:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-violet-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-violet-800);
    }
  }
  .dark\:bg-white\/\[0\.16\]:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: #ffffff29;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-white\/\[0\.16\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-white\/\[0\.16\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: #ffffff29;
    }
  }
  .dark\:bg-yellow-800:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-yellow-800);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-yellow-800:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-yellow-800:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-yellow-800);
    }
  }
  .dark\:bg-yellow-900:where([data-mode="dark"], [data-mode="dark"] *) {
    background-color: var(--cds-yellow-900);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-yellow-900:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:bg-yellow-900:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      background-color: var(--cds-yellow-900);
    }
  }
  .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-muted\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-muted\)_30\%\,white\)_50\%\,var\(--cds-text-muted\)_75\%\)\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    background-image: linear-gradient(
      120deg,
      var(--cds-text-muted) 25%,
      var(--cds-text-muted) 50%,
      var(--cds-text-muted) 75%
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-muted\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-muted\)_30\%\,white\)_50\%\,var\(--cds-text-muted\)_75\%\)\]:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ) {
      background-image: linear-gradient(
        120deg,
        var(--cds-text-muted) 25%,
        color-mix(in srgb, var(--cds-text-muted) 30%, white) 50%,
        var(--cds-text-muted) 75%
      );
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-muted\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-muted\)_30\%\,white\)_50\%\,var\(--cds-text-muted\)_75\%\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      background-image: linear-gradient(
        120deg,
        var(--cds-text-muted) 25%,
        var(--cds-text-muted) 50%,
        var(--cds-text-muted) 75%
      );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-muted\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-muted\)_30\%\,white\)_50\%\,var\(--cds-text-muted\)_75\%\)\]:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        background-image: linear-gradient(
          120deg,
          var(--cds-text-muted) 25%,
          color-mix(in srgb, var(--cds-text-muted) 30%, white) 50%,
          var(--cds-text-muted) 75%
        );
      }
    }
    .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-muted\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-muted\)_30\%\,white\)_50\%\,var\(--cds-text-muted\)_75\%\)\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *)) {
      background-image: linear-gradient(
        120deg,
        var(--cds-text-muted) 25%,
        var(--cds-text-muted) 50%,
        var(--cds-text-muted) 75%
      );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-muted\)_25\%\,color-mix\(in_srgb\,var\(--cds-text-muted\)_30\%\,white\)_50\%\,var\(--cds-text-muted\)_75\%\)\]:where(
          .cds-root,
          .cds-root *
        ):not(:where([data-mode], [data-mode] *)) {
        background-image: linear-gradient(
          120deg,
          var(--cds-text-muted) 25%,
          color-mix(in srgb, var(--cds-text-muted) 30%, white) 50%,
          var(--cds-text-muted) 75%
        );
      }
    }
  }
  .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-secondary\)_25\%\,var\(--cds-text-primary\)_50\%\,var\(--cds-text-secondary\)_75\%\)\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    background-image: linear-gradient(
      120deg,
      var(--cds-text-secondary) 25%,
      var(--cds-text-primary) 50%,
      var(--cds-text-secondary) 75%
    );
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-secondary\)_25\%\,var\(--cds-text-primary\)_50\%\,var\(--cds-text-secondary\)_75\%\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:\[background-image\:linear-gradient\(120deg\,var\(--cds-text-secondary\)_25\%\,var\(--cds-text-primary\)_50\%\,var\(--cds-text-secondary\)_75\%\)\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *)) {
      background-image: linear-gradient(
        120deg,
        var(--cds-text-secondary) 25%,
        var(--cds-text-primary) 50%,
        var(--cds-text-secondary) 75%
      );
    }
  }
  .dark\:text-\[\#3f9fff\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #3f9fff;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#3f9fff\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#3f9fff\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #3f9fff;
    }
  }
  .dark\:text-\[\#6a8759\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #6a8759;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#6a8759\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#6a8759\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #6a8759;
    }
  }
  .dark\:text-\[\#98989d\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #98989d;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#98989d\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#98989d\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #98989d;
    }
  }
  .dark\:text-\[\#808080\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: gray;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#808080\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#808080\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: gray;
    }
  }
  .dark\:text-\[\#a9b7c6\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #a9b7c6;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#a9b7c6\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#a9b7c6\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #a9b7c6;
    }
  }
  .dark\:text-\[\#cc6666\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #c66;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#cc6666\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#cc6666\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #c66;
    }
  }
  .dark\:text-\[\#cc7832\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #cc7832;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#cc7832\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#cc7832\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #cc7832;
    }
  }
  .dark\:text-\[\#f5f5f7\]:where([data-mode="dark"], [data-mode="dark"] *) {
    color: #f5f5f7;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#f5f5f7\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-\[\#f5f5f7\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: #f5f5f7;
    }
  }
  .dark\:text-aqua-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-aqua-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-aqua-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-aqua-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-aqua-300);
    }
  }
  .dark\:text-aqua-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-aqua-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-aqua-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-aqua-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-aqua-400);
    }
  }
  .dark\:text-bg-000:where([data-mode="dark"], [data-mode="dark"] *) {
    color: hsl(var(--bg-000) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-bg-000:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-bg-000:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: hsl(var(--bg-000) / 1);
    }
  }
  .dark\:text-bg-500:where([data-mode="dark"], [data-mode="dark"] *) {
    color: hsl(var(--bg-500) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-bg-500:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-bg-500:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: hsl(var(--bg-500) / 1);
    }
  }
  .dark\:text-blue-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-blue-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-blue-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-blue-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-blue-300);
    }
  }
  .dark\:text-blue-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-blue-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-blue-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-blue-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-blue-400);
    }
  }
  .dark\:text-gray-0\/50:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-gray-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-gray-0\/50:where([data-mode="dark"], [data-mode="dark"] *) {
      color: color-mix(in oklab, var(--cds-gray-0) 50%, transparent);
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-0\/50:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      color: var(--cds-gray-0);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:text-gray-0\/50:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        color: color-mix(in oklab, var(--cds-gray-0) 50%, transparent);
      }
    }
    .dark\:text-gray-0\/50:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-gray-0);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:text-gray-0\/50:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        color: color-mix(in oklab, var(--cds-gray-0) 50%, transparent);
      }
    }
  }
  .dark\:text-gray-0\/70:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-gray-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-gray-0\/70:where([data-mode="dark"], [data-mode="dark"] *) {
      color: color-mix(in oklab, var(--cds-gray-0) 70%, transparent);
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-gray-0\/70:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ) {
      color: var(--cds-gray-0);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:text-gray-0\/70:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ) {
        color: color-mix(in oklab, var(--cds-gray-0) 70%, transparent);
      }
    }
    .dark\:text-gray-0\/70:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-gray-0);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:text-gray-0\/70:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        color: color-mix(in oklab, var(--cds-gray-0) 70%, transparent);
      }
    }
  }
  .dark\:text-green-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-green-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-green-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-green-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-green-300);
    }
  }
  .dark\:text-green-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-green-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-green-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-green-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-green-400);
    }
  }
  .dark\:text-magenta-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-magenta-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-magenta-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-magenta-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-magenta-300);
    }
  }
  .dark\:text-magenta-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-magenta-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-magenta-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-magenta-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-magenta-400);
    }
  }
  .dark\:text-orange-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-orange-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-orange-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-orange-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-orange-300);
    }
  }
  .dark\:text-orange-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-orange-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-orange-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-orange-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-orange-400);
    }
  }
  .dark\:text-red-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-red-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-red-300:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-red-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-red-300);
    }
  }
  .dark\:text-red-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-red-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-red-400:where([data-mode="system"], [data-mode="system"] *):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-red-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-red-400);
    }
  }
  .dark\:text-text-100:where([data-mode="dark"], [data-mode="dark"] *) {
    color: hsl(var(--text-100) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-text-100:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-text-100:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: hsl(var(--text-100) / 1);
    }
  }
  .dark\:text-violet-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-violet-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-violet-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-violet-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-violet-300);
    }
  }
  .dark\:text-violet-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-violet-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-violet-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-violet-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-violet-400);
    }
  }
  .dark\:text-warning-000:where([data-mode="dark"], [data-mode="dark"] *) {
    color: hsl(var(--warning-000) / 1);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-warning-000:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-warning-000:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: hsl(var(--warning-000) / 1);
    }
  }
  .dark\:text-yellow-200:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-yellow-200);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-yellow-200:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-yellow-200:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-yellow-200);
    }
  }
  .dark\:text-yellow-300:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-yellow-300);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-yellow-300:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-yellow-300:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-yellow-300);
    }
  }
  .dark\:text-yellow-400:where([data-mode="dark"], [data-mode="dark"] *) {
    color: var(--cds-yellow-400);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-yellow-400:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:text-yellow-400:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color: var(--cds-yellow-400);
    }
  }
  .dark\:\[color-scheme\:dark\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    color-scheme: dark;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[color-scheme\:dark\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:\[color-scheme\:dark\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      color-scheme: dark;
    }
  }
  .dark\:shadow-\[0_0_0_0\.5px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\]:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ) {
    --tw-shadow:
      0 0 0 0.5px var(--tw-shadow-color, #ffffff14),
      0 1px 2px var(--tw-shadow-color, #0000004d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:shadow-\[0_0_0_0\.5px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:shadow-\[0_0_0_0\.5px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *)) {
      --tw-shadow:
        0 0 0 0.5px var(--tw-shadow-color, #ffffff14),
        0 1px 2px var(--tw-shadow-color, #0000004d);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0_0_0_1px_var\(--t3\)\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--t3));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:shadow-\[0_0_0_1px_var\(--t3\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:shadow-\[0_0_0_1px_var\(--t3\)\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--t3));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-\[0px_2px_8px_0px_hsl\(var\(--always-black\)\/24\%\)\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    --tw-shadow: 0px 2px 8px 0px
      var(--tw-shadow-color, hsl(var(--always-black)/24%));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:shadow-\[0px_2px_8px_0px_hsl\(var\(--always-black\)\/24\%\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:shadow-\[0px_2px_8px_0px_hsl\(var\(--always-black\)\/24\%\)\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *)) {
      --tw-shadow: 0px 2px 8px 0px
        var(--tw-shadow-color, hsl(var(--always-black)/24%));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-panel-sm:where([data-mode="dark"], [data-mode="dark"] *) {
    --tw-shadow:
      inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
        var(--cds-ring-color),
      0 0 0 var(--tw-shadow-color, var(--cds-ring-outer)) var(--cds-ring-color),
      var(--cds-shadow-sm);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:shadow-panel-sm:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:shadow-panel-sm:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      --tw-shadow:
        inset 0 0 0 var(--tw-shadow-color, var(--cds-ring-inner))
          var(--cds-ring-color),
        0 0 0 var(--tw-shadow-color, var(--cds-ring-outer))
          var(--cds-ring-color),
        var(--cds-shadow-sm);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:drop-shadow-\[0_2px_8px_hsl\(var\(--always-black\)\/16\%\)\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    --tw-drop-shadow-size: drop-shadow(
      0 2px 8px var(--tw-drop-shadow-color, hsl(var(--always-black)/16%))
    );
    --tw-drop-shadow: var(--tw-drop-shadow-size);
    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,);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:drop-shadow-\[0_2px_8px_hsl\(var\(--always-black\)\/16\%\)\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:drop-shadow-\[0_2px_8px_hsl\(var\(--always-black\)\/16\%\)\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *)) {
      --tw-drop-shadow-size: drop-shadow(
        0 2px 8px var(--tw-drop-shadow-color, hsl(var(--always-black)/16%))
      );
      --tw-drop-shadow: var(--tw-drop-shadow-size);
      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,);
    }
  }
  .dark\:backdrop-blur-\[14px\]:where(
    [data-mode="dark"],
    [data-mode="dark"] *
  ) {
    --tw-backdrop-blur: blur(14px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:backdrop-blur-\[14px\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ),
    .dark\:backdrop-blur-\[14px\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ) {
      --tw-backdrop-blur: blur(14px);
      -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,);
    }
  }
  .dark\:focus-within\:bg-white\/\[0\.05\]:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ):focus-within {
    background-color: #ffffff0d;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:focus-within\:bg-white\/\[0\.05\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      ):focus-within,
    .dark\:focus-within\:bg-white\/\[0\.05\]:where(.cds-root, .cds-root *):not(
        :where([data-mode], [data-mode] *)
      ):focus-within {
      background-color: #ffffff0d;
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-danger-900\/60:where(
        [data-mode="dark"],
        [data-mode="dark"] *
      ):hover {
      background-color: hsl(var(--danger-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-danger-900\/60:where(
          [data-mode="dark"],
          [data-mode="dark"] *
        ):hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--danger-900) / 1) 60%,
          transparent
        );
      }
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-danger-900\/60:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ):hover {
        background-color: hsl(var(--danger-900) / 1);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-danger-900\/60:where(
            [data-mode="system"],
            [data-mode="system"] *
          ):not(
            :where(
              [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
              [data-mode="system"]
                :is([data-mode="light"], [data-mode="dark"])
                *
            )
          ):hover {
          background-color: color-mix(
            in oklab,
            hsl(var(--danger-900) / 1) 60%,
            transparent
          );
        }
      }
      .dark\:hover\:bg-danger-900\/60:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ):hover {
        background-color: hsl(var(--danger-900) / 1);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-danger-900\/60:where(.cds-root, .cds-root *):not(
            :where([data-mode], [data-mode] *)
          ):hover {
          background-color: color-mix(
            in oklab,
            hsl(var(--danger-900) / 1) 60%,
            transparent
          );
        }
      }
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-success-900\/60:where(
        [data-mode="dark"],
        [data-mode="dark"] *
      ):hover {
      background-color: hsl(var(--success-900) / 1);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-success-900\/60:where(
          [data-mode="dark"],
          [data-mode="dark"] *
        ):hover {
        background-color: color-mix(
          in oklab,
          hsl(var(--success-900) / 1) 60%,
          transparent
        );
      }
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-success-900\/60:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ):hover {
        background-color: hsl(var(--success-900) / 1);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-success-900\/60:where(
            [data-mode="system"],
            [data-mode="system"] *
          ):not(
            :where(
              [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
              [data-mode="system"]
                :is([data-mode="light"], [data-mode="dark"])
                *
            )
          ):hover {
          background-color: color-mix(
            in oklab,
            hsl(var(--success-900) / 1) 60%,
            transparent
          );
        }
      }
      .dark\:hover\:bg-success-900\/60:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ):hover {
        background-color: hsl(var(--success-900) / 1);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-success-900\/60:where(.cds-root, .cds-root *):not(
            :where([data-mode], [data-mode] *)
          ):hover {
          background-color: color-mix(
            in oklab,
            hsl(var(--success-900) / 1) 60%,
            transparent
          );
        }
      }
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-white\/\[0\.05\]:where(
        [data-mode="dark"],
        [data-mode="dark"] *
      ):hover {
      background-color: #ffffff0d;
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-white\/\[0\.05\]:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ):hover,
      .dark\:hover\:bg-white\/\[0\.05\]:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ):hover {
        background-color: #ffffff0d;
      }
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-gray-0\/70:where(
        [data-mode="dark"],
        [data-mode="dark"] *
      ):hover {
      color: var(--cds-gray-0);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:text-gray-0\/70:where(
          [data-mode="dark"],
          [data-mode="dark"] *
        ):hover {
        color: color-mix(in oklab, var(--cds-gray-0) 70%, transparent);
      }
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-gray-0\/70:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ):hover {
        color: var(--cds-gray-0);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:text-gray-0\/70:where(
            [data-mode="system"],
            [data-mode="system"] *
          ):not(
            :where(
              [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
              [data-mode="system"]
                :is([data-mode="light"], [data-mode="dark"])
                *
            )
          ):hover {
          color: color-mix(in oklab, var(--cds-gray-0) 70%, transparent);
        }
      }
      .dark\:hover\:text-gray-0\/70:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ):hover {
        color: var(--cds-gray-0);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:text-gray-0\/70:where(.cds-root, .cds-root *):not(
            :where([data-mode], [data-mode] *)
          ):hover {
          color: color-mix(in oklab, var(--cds-gray-0) 70%, transparent);
        }
      }
    }
  }
  .dark\:data-\[menu-open\=true\]\:bg-white\/\[0\.05\]:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    )[data-menu-open="true"] {
    background-color: #ffffff0d;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:data-\[menu-open\=true\]\:bg-white\/\[0\.05\]:where(
        [data-mode="system"],
        [data-mode="system"] *
      ):not(
        :where(
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
          [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
        )
      )[data-menu-open="true"],
    .dark\:data-\[menu-open\=true\]\:bg-white\/\[0\.05\]:where(
        .cds-root,
        .cds-root *
      ):not(:where([data-mode], [data-mode] *))[data-menu-open="true"] {
      background-color: #ffffff0d;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .dark\:motion-reduce\:bg-none:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ) {
      background-image: none;
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (prefers-reduced-motion: reduce) {
      .dark\:motion-reduce\:bg-none:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ),
      .dark\:motion-reduce\:bg-none:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        background-image: none;
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .dark\:motion-reduce\:text-muted:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ) {
      color: var(--cds-text-muted);
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (prefers-reduced-motion: reduce) {
      .dark\:motion-reduce\:text-muted:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ),
      .dark\:motion-reduce\:text-muted:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        color: var(--cds-text-muted);
      }
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .dark\:motion-reduce\:text-secondary:where(
      [data-mode="dark"],
      [data-mode="dark"] *
    ) {
      color: var(--cds-text-secondary);
    }
  }
  @media (prefers-color-scheme: dark) {
    @media (prefers-reduced-motion: reduce) {
      .dark\:motion-reduce\:text-secondary:where(
          [data-mode="system"],
          [data-mode="system"] *
        ):not(
          :where(
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]),
            [data-mode="system"] :is([data-mode="light"], [data-mode="dark"]) *
          )
        ),
      .dark\:motion-reduce\:text-secondary:where(.cds-root, .cds-root *):not(
          :where([data-mode], [data-mode] *)
        ) {
        color: var(--cds-text-secondary);
      }
    }
  }
  @media print {
    .print\:\!mt-0 {
      margin-top: calc(var(--spacing) * 0) !important;
    }
    .print\:block {
      display: block;
    }
    .print\:hidden {
      display: none;
    }
    .print\:\!h-auto {
      height: auto !important;
    }
    .print\:h-auto {
      height: auto;
    }
    .print\:\!flex-auto {
      flex: auto !important;
    }
    .print\:\!overflow-visible {
      overflow: visible !important;
    }
    .print\:overflow-visible {
      overflow: visible;
    }
    .print\:\[content-visibility\:visible\] {
      content-visibility: visible;
    }
  }
  @media (forced-colors: active) {
    .forced-colors\:animate-none {
      animation: none;
    }
    .forced-colors\:bg-none {
      background-image: none;
    }
    .forced-colors\:text-\[color\:CanvasText\] {
      color: canvastext;
    }
    .forced-colors\:outline {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
    .forced-colors\:outline-2 {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    .forced-colors\:outline-offset-2 {
      outline-offset: 2px;
    }
    .forced-colors\:outline-\[color\:Highlight\] {
      outline-color: highlight;
    }
  }
  @media (pointer: coarse) {
    .pointer-coarse\:pointer-events-auto {
      pointer-events: auto;
    }
    .pointer-coarse\:top-1 {
      top: calc(var(--spacing) * 1);
    }
    .pointer-coarse\:right-1 {
      right: calc(var(--spacing) * 1);
    }
    .pointer-coarse\:mr-8 {
      margin-right: calc(var(--spacing) * 8);
    }
    .pointer-coarse\:block {
      display: block;
    }
    .pointer-coarse\:flex {
      display: flex;
    }
    .pointer-coarse\:hidden {
      display: none;
    }
    .pointer-coarse\:opacity-0 {
      opacity: 0;
    }
    .pointer-coarse\:opacity-100 {
      opacity: 1;
    }
  }
  .cds-Badge\:rounded-none [data-cds="Badge"] {
    border-radius: 0;
  }
  .cds-child-Button\:w-full > [data-cds="Button"] {
    width: 100%;
  }
  :where(.group\/avatar):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/avatar\:scale-\[1\.15\] {
    scale: 1.15;
  }
  :where(.group\/avatar):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/avatar\:opacity-40 {
    opacity: 0.4;
  }
  :where(.group\/avatar):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/avatar\:opacity-100 {
    opacity: 1;
  }
  :where(.group\/avatar):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/avatar\:blur-\[3px\] {
    --tw-blur: blur(3px);
    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,);
  }
  :where(.group\/cdsrow):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/cdsrow\:pointer-events-auto {
    pointer-events: auto;
  }
  :where(.group\/cdsrow):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/cdsrow\:mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  :where(.group\/cdsrow):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/cdsrow\:opacity-0 {
    opacity: 0;
  }
  :where(.group\/cdsrow):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/cdsrow\:opacity-100 {
    opacity: 1;
  }
  :where(.group\/cdsrow):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/cdsrow\:delay-75 {
    transition-delay: 75ms;
  }
  :where(.group\/cell):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/cell\:opacity-100 {
    opacity: 1;
  }
  :where(.group\/checklist):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/checklist\:pointer-events-auto {
    pointer-events: auto;
  }
  :where(.group\/checklist):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/checklist\:opacity-0 {
    opacity: 0;
  }
  :where(.group\/checklist):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/checklist\:opacity-100,
  :where(.group\/slider):has(:focus-visible)
    .group-has-\[\:focus-visible\]\/slider\:opacity-100 {
    opacity: 1;
  }
  :where(.group):has(:focus-visible) .group-has-\[\:focus-visible\]\:mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  :where(.group):has(:focus-visible)
    .group-has-\[\:focus-visible\]\:\[transform\:translateX\(calc\(-1\*var\(--marquee-overflow\,0px\)\)\)\] {
    transform: translate(calc(-1 * var(--marquee-overflow, 0px)));
  }
  :where(.group):has(:focus-visible)
    .group-has-\[\:focus-visible\]\:opacity-100 {
    opacity: 1;
  }
  :where(.group):has(:focus-visible) .group-has-\[\:focus-visible\]\:delay-75 {
    transition-delay: 75ms;
  }
  :where(.group):has(:focus-visible)
    .group-has-\[\:focus-visible\]\:\[--marquee-left-fade\:12px\] {
    --marquee-left-fade: 12px;
  }
  :where(.group):has(:focus-visible)
    .group-has-\[\:focus-visible\]\:\[transition\:--marquee-left-fade_0\.2s_ease-out_0\.3s\] {
    transition: --marquee-left-fade 0.2s ease-out 0.3s;
  }
  :where(.group):has(:focus-visible)
    .group-has-\[\:focus-visible\]\:\[transition\:transform_var\(--marquee-duration\,0s\)_linear_0\.3s\] {
    transition: transform var(--marquee-duration, 0s) linear 0.3s;
  }
  :where(.group\/cdsrow):has([aria-expanded="true"])
    .group-has-\[\[aria-expanded\=true\]\]\/cdsrow\:opacity-0 {
    opacity: 0;
  }
  .comfortable\:mx-2\.5:where(
      [data-density="comfortable"],
      [data-density="comfortable"] *
    ) {
    margin-inline: calc(var(--spacing) * 2.5);
  }
  .comfortable\:px-2\.5:where(
      [data-density="comfortable"],
      [data-density="comfortable"] *
    ) {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .comfortable\:pl-2\.5:where(
      [data-density="comfortable"],
      [data-density="comfortable"] *
    ) {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .compact\:m-2:where([data-density="compact"], [data-density="compact"] *) {
    margin: calc(var(--spacing) * 2);
  }
  .compact\:mx-2:where([data-density="compact"], [data-density="compact"] *) {
    margin-inline: calc(var(--spacing) * 2);
  }
  .compact\:\!h-6:where([data-density="compact"], [data-density="compact"] *) {
    height: calc(var(--spacing) * 6) !important;
  }
  .compact\:\!w-6:where([data-density="compact"], [data-density="compact"] *) {
    width: calc(var(--spacing) * 6) !important;
  }
  .compact\:min-w-6:where(
    [data-density="compact"],
    [data-density="compact"] *
  ) {
    min-width: calc(var(--spacing) * 6);
  }
  .compact\:gap-1\.5:where(
      [data-density="compact"],
      [data-density="compact"] *
    ) {
    gap: calc(var(--spacing) * 1.5);
  }
  .compact\:\!rounded-lg:where(
    [data-density="compact"],
    [data-density="compact"] *
  ) {
    border-radius: var(--radius-lg) !important;
  }
  .compact\:rounded-xl:where(
    [data-density="compact"],
    [data-density="compact"] *
  ) {
    border-radius: var(--radius-xl);
  }
  .compact\:px-2:where([data-density="compact"], [data-density="compact"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .compact\:pl-2:where([data-density="compact"], [data-density="compact"] *) {
    padding-left: calc(var(--spacing) * 2);
  }
  .next-sibling-hover\:border-transparent:has(+ :hover) {
    border-color: #0000;
  }
  .\[\&_\*\]\:\!pointer-events-none * {
    pointer-events: none !important;
  }
  .\[\&_\*\]\:\!animate-none * {
    animation: none !important;
  }
  .\[\&_\*\]\:\!filter-none * {
    filter: none !important;
  }
  .\[\&_\*\]\:\!transition-none * {
    transition-property: none !important;
  }
  .\[\&_\.AccordionContent\]\:mb-4 .AccordionContent {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .\[\&_\.AccordionHeader\]\:w-fit .AccordionHeader {
    width: fit-content;
  }
  .\[\&_\.AccordionHeader_button\]\:gap-2 .AccordionHeader button {
    gap: calc(var(--spacing) * 2);
  }
  .\[\&_\.AccordionHeader_button\>div\]\:flex-none
    .AccordionHeader
    button
    > div {
    flex: none;
  }
  .\[\&_\.AccordionItem\]\:border-b .AccordionItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_\.AccordionItem\]\:border-b-0\.5 .AccordionItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.5px;
  }
  .\[\&_\.AccordionItem\]\:border-border-300 .AccordionItem {
    border-color: hsl(var(--border-300) / 0.15);
  }
  .\[\&_\.AccordionItem\]\:pb-6 .AccordionItem {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .\[\&_\.PhoneInputInput\]\:border-none .PhoneInputInput {
    --tw-border-style: none;
    border-style: none;
  }
  .\[\&_\.PhoneInputInput\]\:bg-transparent .PhoneInputInput {
    background-color: #0000;
  }
  .\[\&_\.PhoneInputInput\]\:pl-1\.5 .PhoneInputInput {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .\[\&_\.PhoneInputInput\]\:\!shadow-none .PhoneInputInput {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\[\&_\.PhoneInputInput\]\:placeholder\:text-text-500
    .PhoneInputInput::placeholder {
    color: hsl(var(--text-500) / 1);
  }
  .\[\&_\.ProseMirror\]\:min-h-\[80px\] .ProseMirror {
    min-height: 80px;
  }
  .\[\&_\.ProseMirror\]\:min-h-\[128px\] .ProseMirror {
    min-height: 128px;
  }
  .\[\&_\.ProseMirror\]\:w-full .ProseMirror {
    width: 100%;
  }
  .\[\&_\.ProseMirror\]\:py-0 .ProseMirror {
    padding-block: calc(var(--spacing) * 0);
  }
  .\[\&_\.ProseMirror\]\:break-words .ProseMirror {
    overflow-wrap: break-word;
  }
  .\[\&_\.ProseMirror\]\:whitespace-pre-wrap .ProseMirror {
    white-space: pre-wrap;
  }
  .\[\&_\.ProseMirror\]\:text-text-300 .ProseMirror {
    color: hsl(var(--text-300) / 1);
  }
  .\[\&_\.ProseMirror\]\:italic .ProseMirror {
    font-style: italic;
  }
  .\[\&_\.ProseMirror_p\]\:m-0 .ProseMirror p {
    margin: calc(var(--spacing) * 0);
  }
  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\]\:relative
    .ProseMirror
    p.is-editor-empty:first-child {
    position: relative;
  }
  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:absolute
    .ProseMirror
    p.is-editor-empty:first-child:before {
    position: absolute;
  }
  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:inset-x-0
    .ProseMirror
    p.is-editor-empty:first-child:before {
    inset-inline: calc(var(--spacing) * 0);
  }
  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:h-auto
    .ProseMirror
    p.is-editor-empty:first-child:before {
    height: auto;
  }
  .\[\&_\.ProseMirror_p\.is-editor-empty\:first-child\:\:before\]\:truncate
    .ProseMirror
    p.is-editor-empty:first-child:before {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\[\&_\.ProseMirror\.is-editor-empty\]\:italic .ProseMirror.is-editor-empty {
    font-style: italic;
  }
  .\[\&_\.ProseMirror\.is-editor-empty\]\:before\:text-text-500
    .ProseMirror.is-editor-empty:before {
    content: var(--tw-content);
    color: hsl(var(--text-500) / 1);
  }
  .\[\&_\.bg-surface-1\]\:bg-alpha-1 .bg-surface-1 {
    background-color: var(--cds-alpha-1);
  }
  .\[\&_\.cm-editor\]\:h-full .cm-editor {
    height: 100%;
  }
  .\[\&_\.df-leading-slot\]\:text-text-300 .df-leading-slot {
    color: hsl(var(--text-300) / 1);
  }
  .data-\[selected\=focused\]\:\[\&_\.df-leading-slot\]\:text-text-000[data-selected="focused"]
    .df-leading-slot {
    color: hsl(var(--text-000) / 1);
  }
  .\[\&_\.epitaxy-prompt-input_\.tiptap\]\:min-h-\[140px\]
    .epitaxy-prompt-input
    .tiptap {
    min-height: 140px;
  }
  .\[\&_\.font-base\]\:text-\[length\:var\(--msg-timeline-font-size\)\]
    .font-base {
    font-size: var(--msg-timeline-font-size);
  }
  .\[\&_\.font-claude-response\]\:mt-6 .font-claude-response {
    margin-top: calc(var(--spacing) * 6);
  }
  .\[\&_\.font-claude-response\]\:max-w-xl .font-claude-response {
    max-width: var(--container-xl);
  }
  .\[\&_\.font-claude-response\]\:leading-\[1\.5\] .font-claude-response {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .\[\&_\.font-claude-response-body\]\:text-\[length\:var\(--msg-font-size\)\]
    .font-claude-response-body {
    font-size: var(--msg-font-size);
  }
  .\[\&_\.font-claude-response\:has\(\[data-guided-setup-recommend\]\)\]\:max-w-none
    .font-claude-response:has([data-guided-setup-recommend]) {
    max-width: none;
  }
  .\[\&_\.font-large\]\:text-\[length\:var\(--msg-font-size\)\] .font-large {
    font-size: var(--msg-font-size);
  }
  .\[\&_\.group\\\/segmented-control\]\:h-\[40px\] .group\/segmented-control {
    height: 40px;
  }
  .\[\&_\.group\\\/segmented-control\]\:p-0\.5 .group\/segmented-control {
    padding: calc(var(--spacing) * 0.5);
  }
  .\[\&_\.ignore-pre-bg\>div\]\:bg-transparent .ignore-pre-bg > div {
    background-color: #0000;
  }
  .\[\&_\.is-editor-empty\]\:relative .is-editor-empty {
    position: relative;
  }
  .\[\&_\.is-editor-empty\]\:before\:absolute .is-editor-empty:before {
    content: var(--tw-content);
    position: absolute;
  }
  .\[\&_\.is-editor-empty\]\:before\:right-0 .is-editor-empty:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .\[\&_\.is-editor-empty\]\:before\:left-0 .is-editor-empty:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .\[\&_\.is-editor-empty\]\:before\:\!h-auto .is-editor-empty:before {
    content: var(--tw-content);
    height: auto !important;
  }
  .\[\&_\.is-editor-empty\]\:before\:\!whitespace-pre-wrap
    .is-editor-empty:before {
    content: var(--tw-content);
    white-space: pre-wrap !important;
  }
  .\[\&_\.is-editor-empty\]\:before\:\!content-\[\'\'\]
    .is-editor-empty:before {
    content: var(--tw-content);
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }
  .\[\&_\.peer\+div\]\:\!bg-text-100 .peer + div {
    background-color: hsl(var(--text-100) / 1) !important;
  }
  .\[\&_\.progressive-markdown_\:is\(p\,blockquote\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pl-2
    .progressive-markdown
    :is(p, blockquote, h1, h2, h3, h4, h5, h6) {
    padding-left: calc(var(--spacing) * 2);
  }
  .\[\&_\.progressive-markdown_\:is\(p\,blockquote\,ul\,ol\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pr-8
    .progressive-markdown
    :is(p, blockquote, ul, ol, h1, h2, h3, h4, h5, h6) {
    padding-right: calc(var(--spacing) * 8);
  }
  .\[\&_\.standard-markdown\]\:gap-1\.5 .standard-markdown {
    gap: calc(var(--spacing) * 1.5);
  }
  .\[\&_\.standard-markdown_\:is\(p\,blockquote\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pl-2
    .standard-markdown
    :is(p, blockquote, h1, h2, h3, h4, h5, h6) {
    padding-left: calc(var(--spacing) * 2);
  }
  .\[\&_\.standard-markdown_\:is\(p\,blockquote\,ul\,ol\,h1\,h2\,h3\,h4\,h5\,h6\)\]\:pr-8
    .standard-markdown
    :is(p, blockquote, ul, ol, h1, h2, h3, h4, h5, h6) {
    padding-right: calc(var(--spacing) * 8);
  }
  .\[\&_\.text-footnote\.truncate\]\:whitespace-normal .text-footnote.truncate {
    white-space: normal;
  }
  .\[\&_\.tiptap\]\:max-h-\[218px\] .tiptap {
    max-height: 218px;
  }
  .\[\&_\.tiptap\]\:min-h-\[36px\] .tiptap {
    min-height: 36px;
  }
  .\[\&_\.tiptap\]\:min-h-\[var\(--h8\)\] .tiptap {
    min-height: var(--h8);
  }
  .\[\&_\.tiptap\]\:overflow-y-auto .tiptap {
    overflow-y: auto;
  }
  .\[\&_\.tiptap\]\:border-0 .tiptap {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&_\.tiptap\]\:py-\[9px\] .tiptap {
    padding-block: 9px;
  }
  .\[\&_\.tiptap\]\:py-\[13px\] .tiptap {
    padding-block: 13px;
  }
  .\[\&_\.tiptap\]\:font-mono .tiptap {
    font-family: var(--font-mono);
    font-family: var(--cds-font-mono);
  }
  .\[\&_\.tiptap\]\:text-\[length\:var\(--text-code\)\] .tiptap {
    font-size: var(--text-code);
  }
  .\[\&_\.tiptap\]\:outline-none .tiptap {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_\.tiptap_p\]\:m-0 .tiptap p {
    margin: calc(var(--spacing) * 0);
  }
  .\[\&_\.tiptap\.is-editor-empty\]\:italic .tiptap.is-editor-empty {
    font-style: italic;
  }
  .\[\&_\.tiptap\.is-editor-empty\]\:before\:pointer-events-none
    .tiptap.is-editor-empty:before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .\[\&_\.tiptap\.is-editor-empty\]\:before\:float-left
    .tiptap.is-editor-empty:before {
    content: var(--tw-content);
    float: left;
  }
  .\[\&_\.tiptap\.is-editor-empty\]\:before\:text-text-500
    .tiptap.is-editor-empty:before {
    content: var(--tw-content);
    color: hsl(var(--text-500) / 1);
  }
  .\[\&_\.xterm-viewport\]\:\!bg-transparent .xterm-viewport {
    background-color: #0000 !important;
  }
  .\[\&_\:is\(button\,a\)\]\:\!h-7 :is(button, a) {
    height: calc(var(--spacing) * 7) !important;
  }
  .\[\&_\:is\(button\,a\)\]\:\!min-h-0 :is(button, a) {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .\[\&_\:is\(button\,a\)\]\:\!rounded :is(button, a) {
    border-radius: var(--cds-radius) !important;
  }
  .\[\&_\:is\(button\,a\)\]\:text-footnote :is(button, a) {
    font-size: var(--cds-font-size-footnote);
    line-height: var(--tw-leading, var(--cds-leading-footnote));
  }
  .\[\&_\:is\(button\,a\)\]\:font-normal :is(button, a) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\]\:text-heading-semibold
    :is(h1, h2, h3, h4, h5, h6) {
    font-size: var(--cds-font-size-heading);
    line-height: var(--cds-leading-heading);
    font-weight: 600;
  }
  .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\]\:\!text-base
    :is(h1, h2, h3, h4, h5, h6) {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .\[\&_\:is\(h1\,h2\,h3\,h4\,h5\,h6\)\:not\(\:first-child\)\]\:mt-\[var\(--p8\)\]
    :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: var(--p8);
  }
  .\[\&_\>_\*\]\:min-w-0 > * {
    min-width: calc(var(--spacing) * 0);
  }
  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[cmdk-group-heading\]\]\:py-1 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1);
  }
  .\[\&_\[cmdk-group-heading\]\]\:font-small [cmdk-group-heading] {
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 430;
    line-height: 1.4;
  }
  .\[\&_\[cmdk-group-heading\]\]\:text-text-500 [cmdk-group-heading] {
    color: hsl(var(--text-500) / 1);
  }
  .\[\&_\[data-cds\=Avatar\]\]\:text-\[7px\] [data-cds="Avatar"] {
    font-size: 7px;
  }
  .\[\&_\[data-message-action-bar\]\]\:pt-1 [data-message-action-bar] {
    padding-top: calc(var(--spacing) * 1);
  }
  .\[\&_\[data-message-action-bar\]\]\:pl-1 [data-message-action-bar] {
    padding-left: calc(var(--spacing) * 1);
  }
  .\[\&_\[data-primary\]\]\:\[scroll-margin-top\:var\(--recents-sticky-h\)\]
    [data-primary] {
    scroll-margin-top: var(--recents-sticky-h);
  }
  .\[\&_\[data-primary\]\]\:\[scroll-margin-top\:var\(--scheduled-sticky-h\)\]
    [data-primary] {
    scroll-margin-top: var(--scheduled-sticky-h);
  }
  .\[\&_\[data-settings-primary-text\]\]\:text-body
    [data-settings-primary-text] {
    font-size: var(--cds-font-size-body);
    line-height: var(--tw-leading, var(--cds-leading-body));
  }
  .\[\&_\[data-settings-secondary-text\]\]\:text-footnote
    [data-settings-secondary-text] {
    font-size: var(--cds-font-size-footnote);
    line-height: var(--tw-leading, var(--cds-leading-footnote));
  }
  .\[\&_\[data-settings-secondary-text\]\]\:text-secondary
    [data-settings-secondary-text] {
    color: var(--cds-text-secondary);
  }
  .\[\&_\[data-settings-section-subtitle\]\]\:text-footnote
    [data-settings-section-subtitle] {
    font-size: var(--cds-font-size-footnote);
    line-height: var(--tw-leading, var(--cds-leading-footnote));
  }
  .\[\&_\[data-settings-section-subtitle\]\]\:text-secondary
    [data-settings-section-subtitle] {
    color: var(--cds-text-secondary);
  }
  .\[\&_\[data-settings-section-title\]\]\:text-heading-medium
    [data-settings-section-title] {
    font-size: var(--cds-font-size-heading);
    line-height: var(--cds-leading-heading);
    font-weight: 500;
  }
  .\[\&_\[data-settings-section\]\]\:mb-4 [data-settings-section] {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .\[\&_\[data-settings-section\]\]\:gap-4 [data-settings-section] {
    gap: calc(var(--spacing) * 4);
  }
  .\[\&_\[data-settings-section\]\]\:pb-4 [data-settings-section] {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .\[\&_\[data-surplus\]_\[role\=img\]\]\:text-\[7px\]
    [data-surplus]
    [role="img"] {
    font-size: 7px;
  }
  .\[\&_\[data-timeline-text\]\]\:\!text-\[length\:var\(--msg-timeline-font-size\)\]
    [data-timeline-text] {
    font-size: var(--msg-timeline-font-size) !important;
  }
  .\[\&_\[data-user-message-bubble\]\]\:bg-bg-500 [data-user-message-bubble] {
    background-color: hsl(var(--bg-500) / 1);
  }
  .comfortable\:\[\&_\[role\=option\]\]\:px-3:where(
      [data-density="comfortable"],
      [data-density="comfortable"] *
    )
    [role="option"] {
    padding-inline: calc(var(--spacing) * 3);
  }
  .compact\:\[\&_\[role\=option\]\]\:px-2:where(
      [data-density="compact"],
      [data-density="compact"] *
    )
    [role="option"] {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&_\[role\=option\]\>\.shrink-0\:last-child\]\:hidden
    [role="option"]
    > .shrink-0:last-child {
    display: none;
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:\[\&_\[role\=radio\]\]\:min-h-11 [role="radio"] {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .\[\&_a\]\:pointer-events-auto a {
    pointer-events: auto;
  }
  .\[\&_a\]\:font-medium a {
    --tw-font-weight: var(--cds-font-weight-medium);
    font-weight: var(--cds-font-weight-medium);
  }
  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }
  .\[\&_a\]\:underline-offset-\[3px\] a {
    text-underline-offset: 3px;
  }
  @media (hover: hover) {
    .\[\&_a\]\:hover\:underline a:hover {
      text-decoration-line: underline;
    }
  }
  .\[\&_b\]\:mb-0\.5 b {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .\[\&_b\]\:block b {
    display: block;
  }
  .\[\&_b\]\:font-semibold b {
    --tw-font-weight: var(--cds-font-weight-semibold);
    font-weight: var(--cds-font-weight-semibold);
  }
  .\[\&_b\]\:text-primary b {
    color: var(--cds-text-primary);
  }
  .\[\&_b\]\:text-text-200 b {
    color: hsl(var(--text-200) / 1);
  }
  .\[\&_b\+br\]\:hidden b + br,
  .\[\&_br\+br\]\:hidden br + br {
    display: none;
  }
  .\[\&_button\]\:pointer-events-auto button {
    pointer-events: auto;
  }
  .\[\&_button\]\:mt-1 button {
    margin-top: calc(var(--spacing) * 1);
  }
  .\[\&_button\]\:\!flex button {
    display: flex !important;
  }
  .\[\&_button\]\:\!h-9 button {
    height: calc(var(--spacing) * 9) !important;
  }
  .\[\&_button\]\:\!w-full button {
    width: 100% !important;
  }
  .\[\&_button\]\:\!cursor-pointer button {
    cursor: pointer !important;
  }
  .\[\&_button\]\:border button {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&_button\]\:\!pr-1 button {
    padding-right: calc(var(--spacing) * 1) !important;
  }
  .\[\&_button\]\:\!pl-2 button {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  .\[\&_button\]\:text-muted button {
    color: var(--cds-text-muted);
  }
  .comfortable\:\[\&_button\]\:px-2:where(
      [data-density="comfortable"],
      [data-density="comfortable"] *
    )
    button {
    padding-inline: calc(var(--spacing) * 2);
  }
  .compact\:\[\&_button\]\:px-1\.5:where(
      [data-density="compact"],
      [data-density="compact"] *
    )
    button {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .\[\&_button\.ml-1\]\:\!border-0\.5 button.ml-1 {
    border-style: var(--tw-border-style) !important;
    border-width: 0.5px !important;
  }
  .\[\&_button\.ml-1\]\:\!border-border-200 button.ml-1 {
    border-color: hsl(var(--border-200) / 0.3) !important;
  }
  .\[\&_button\.ml-1\]\:\!text-text-000 button.ml-1 {
    color: hsl(var(--text-000) / 1) !important;
  }
  .\[\&_button\.ml-1\]\:\[--button-bg\:transparent\] button.ml-1 {
    --button-bg: transparent;
  }
  .\[\&_button\.ml-1\]\:\[--button-hover-bg\:transparent\] button.ml-1 {
    --button-hover-bg: transparent;
  }
  .\[\&_button\:hover\]\:text-primary button:hover {
    color: var(--cds-text-primary);
  }
  .\[\&_code\]\:rounded code {
    border-radius: var(--cds-radius);
  }
  .\[\&_code\]\:bg-\[hsl\(var\(--border-300\)\/0\.06\)\] code {
    background-color: hsl(var(--border-300) / 0.06);
  }
  .\[\&_code\]\:bg-bg-200 code {
    background-color: hsl(var(--bg-200) / 1);
  }
  .\[\&_code\]\:bg-transparent code {
    background-color: #0000;
  }
  .\[\&_code\]\:px-1 code {
    padding-inline: calc(var(--spacing) * 1);
  }
  .\[\&_code\]\:px-\[5px\] code {
    padding-inline: 5px;
  }
  .\[\&_code\]\:py-px code {
    padding-block: 1px;
  }
  .\[\&_code\]\:font-mono code {
    font-family: var(--font-mono);
    font-family: var(--cds-font-mono);
  }
  .\[\&_code\]\:\!text-xs code {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .\[\&_code\]\:text-xs code {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_code\]\:text-\[10px\] code {
    font-size: 10px;
  }
  .\[\&_code\]\:text-\[12px\] code {
    font-size: 12px;
  }
  .\[\&_div\]\:\!block div {
    display: block !important;
  }
  .\[\&_div\]\:contents div {
    display: contents;
  }
  .\[\&_div\]\:\!w-auto div {
    width: auto !important;
  }
  .\[\&_em\]\:italic em {
    font-style: italic;
  }
  .\[\&_form\:has\(\#email\)_\[data-testid\=continue\]\]\:\[--button-bg\:hsl\(var\(--bg-200\)\)\]
    form:has(#email)
    [data-testid="continue"] {
    --button-bg: hsl(var(--bg-200));
  }
  .\[\&_form\:has\(\#email\)_\[data-testid\=continue\]\]\:\[--button-hover-bg\:hsl\(var\(--bg-400\)\)\]
    form:has(#email)
    [data-testid="continue"] {
    --button-hover-bg: hsl(var(--bg-400));
  }
  .\[\&_form\:has\(\#email\)_\[data-testid\=continue\]\]\:\[--button-hover-text\:hsl\(var\(--text-000\)\)\]
    form:has(#email)
    [data-testid="continue"] {
    --button-hover-text: hsl(var(--text-000));
  }
  .\[\&_form\:has\(\#email\)_\[data-testid\=continue\]\]\:\[--button-loading-color\:hsl\(var\(--text-400\)\)\]
    form:has(#email)
    [data-testid="continue"] {
    --button-loading-color: hsl(var(--text-400));
  }
  .\[\&_form\:has\(\#email\)_\[data-testid\=continue\]\]\:\[--button-text\:hsl\(var\(--text-000\)\)\]
    form:has(#email)
    [data-testid="continue"] {
    --button-text: hsl(var(--text-000));
  }
  .\[\&_gmp-place-details\]\:overflow-y-auto gmp-place-details,
  .\[\&_gmp-place-details-compact\]\:overflow-y-auto gmp-place-details-compact {
    overflow-y: auto;
  }
  .\[\&_h1\]\:my-2 h1 {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_h1\]\:mb-1 h1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .\[\&_h1\]\:text-sm h1 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\[\&_h1\]\:text-\[15px\] h1 {
    font-size: 15px;
  }
  .\[\&_h1\]\:font-semibold h1 {
    --tw-font-weight: var(--cds-font-weight-semibold);
    font-weight: var(--cds-font-weight-semibold);
  }
  .\[\&_h2\]\:my-2 h2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_h2\]\:text-xs h2 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_h2\]\:text-\[14px\] h2 {
    font-size: 14px;
  }
  .\[\&_h2\]\:font-semibold h2 {
    --tw-font-weight: var(--cds-font-weight-semibold);
    font-weight: var(--cds-font-weight-semibold);
  }
  .\[\&_h3\]\:my-1\.5 h3 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_h3\]\:mt-2 h3 {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&_h3\]\:text-xs h3 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_h3\]\:text-\[13px\] h3 {
    font-size: 13px;
  }
  .\[\&_h3\]\:font-medium h3 {
    --tw-font-weight: var(--cds-font-weight-medium);
    font-weight: var(--cds-font-weight-medium);
  }
  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--cds-font-weight-semibold);
    font-weight: var(--cds-font-weight-semibold);
  }
  .\[\&_h3\]\:text-text-000 h3 {
    color: hsl(var(--text-000) / 1);
  }
  .\[\&_img\]\:max-h-4 img {
    max-height: calc(var(--spacing) * 4);
  }
  .\[\&_img\]\:max-w-4 img {
    max-width: calc(var(--spacing) * 4);
  }
  .\[\&_img\]\:\!scale-125 img {
    --tw-scale-x: 125% !important;
    --tw-scale-y: 125% !important;
    --tw-scale-z: 125% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .\[\&_img\]\:object-contain img {
    object-fit: contain;
  }
  .\[\&_img\]\:\!object-\[center_60\%\] img {
    object-position: center 60% !important;
  }
  .\[\&_img\]\:\[image-rendering\:pixelated\] img {
    image-rendering: pixelated;
  }
  .\[\&_input\]\:pointer-events-none input {
    pointer-events: none;
  }
  .\[\&_input\]\:truncate input {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\[\&_input\]\:font-mono input {
    font-family: var(--font-mono);
    font-family: var(--cds-font-mono);
  }
  .\[\&_input\:\:placeholder\]\:font-ui input::placeholder {
    font-family: var(--font-ui);
  }
  .\[\&_kbd\]\:border-0 kbd {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&_label\]\:hidden label {
    display: none;
  }
  .\[\&_label\]\:font-medium label {
    --tw-font-weight: var(--cds-font-weight-medium);
    font-weight: var(--cds-font-weight-medium);
  }
  .\[\&_li\]\:my-0\.5 li {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .\[\&_li\]\:my-1 li {
    margin-block: calc(var(--spacing) * 1);
  }
  .\[\&_li\]\:text-xs li {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_li\]\:leading-\[1\.6\] li {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .\[\&_li\]\:whitespace-pre-wrap li {
    white-space: pre-wrap;
  }
  .\[\&_ol\]\:my-1 ol {
    margin-block: calc(var(--spacing) * 1);
  }
  .\[\&_ol\]\:my-1\.5 ol {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_ol\]\:my-2 ol {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }
  :where(.\[\&_ol\]\:\!space-y-0 ol > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(
      calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
    ) !important;
    margin-block-end: calc(
      calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
    ) !important;
  }
  .\[\&_ol\]\:pl-4 ol {
    padding-left: calc(var(--spacing) * 4);
  }
  .\[\&_ol\]\:pl-6 ol {
    padding-left: calc(var(--spacing) * 6);
  }
  .\[\&_ol\]\:pl-8 ol {
    padding-left: calc(var(--spacing) * 8);
  }
  .\[\&_ol\:last-child\]\:mb-0 ol:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .\[\&_p\]\:\!m-0 p {
    margin: calc(var(--spacing) * 0) !important;
  }
  .\[\&_p\]\:m-0 p {
    margin: calc(var(--spacing) * 0);
  }
  .\[\&_p\]\:my-1 p {
    margin-block: calc(var(--spacing) * 1);
  }
  .\[\&_p\]\:my-1\.5 p {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_p\]\:my-2 p {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_p\]\:my-3 p {
    margin-block: calc(var(--spacing) * 3);
  }
  .\[\&_p\]\:mt-0 p {
    margin-top: calc(var(--spacing) * 0);
  }
  .\[\&_p\]\:\!p-0 p {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\[\&_p\]\:text-sm p {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\[\&_p\]\:text-xs p {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\[\&_p\]\:leading-\[1\.6\] p {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .\[\&_p\]\:whitespace-pre-wrap p {
    white-space: pre-wrap;
  }
  .\[\&_p\:first-child\]\:mt-0 p:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .\[\&_p\:last-child\]\:mb-0 p:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .\[\&_pre\]\:m-0 pre {
    margin: calc(var(--spacing) * 0);
  }
  .\[\&_pre\]\:my-1 pre {
    margin-block: calc(var(--spacing) * 1);
  }
  .\[\&_pre\]\:my-1\.5 pre {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_pre\]\:overflow-x-auto pre {
    overflow-x: auto;
  }
  .\[\&_pre\]\:rounded pre {
    border-radius: var(--cds-radius);
  }
  .\[\&_pre\]\:bg-bg-200 pre {
    background-color: hsl(var(--bg-200) / 1);
  }
  .\[\&_pre\]\:bg-transparent pre {
    background-color: #0000;
  }
  .\[\&_pre\]\:p-2 pre {
    padding: calc(var(--spacing) * 2);
  }
  .\[\&_pre\]\:\!text-xs pre {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .\[\&_pre\]\:text-\[10px\] pre {
    font-size: 10px;
  }
  .\[\&_pre\]\:text-\[12px\] pre {
    font-size: 12px;
  }
  .\[\&_pre\]\:\!text-text-200 pre,
  .\[\&_pre_code\]\:\!text-text-200 pre code {
    color: hsl(var(--text-200) / 1) !important;
  }
  .\[\&_pre\>div\]\:border-0\.5 pre > div {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .\[\&_pre\>div\]\:border-border-400 pre > div {
    border-color: hsl(var(--border-400) / 0.15);
  }
  .\[\&_pre\>div\]\:bg-bg-000\/50 pre > div {
    background-color: hsl(var(--bg-000) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_pre\>div\]\:bg-bg-000\/50 pre > div {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-000) / 1) 50%,
        transparent
      );
    }
  }
  .\[\&_span\]\:\[backface-visibility\:hidden\] span {
    backface-visibility: hidden;
  }
  .\[\&_span\[data-selected\]\]\:hidden span[data-selected] {
    display: none;
  }
  .\[\&_strong\]\:mb-0\.5 strong {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .\[\&_strong\]\:block strong {
    display: block;
  }
  .\[\&_strong\]\:font-small-bold strong {
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--cds-font-weight-semibold);
    font-weight: var(--cds-font-weight-semibold);
  }
  .\[\&_strong\]\:text-primary strong {
    color: var(--cds-text-primary);
  }
  .\[\&_strong\]\:text-text-100 strong {
    color: hsl(var(--text-100) / 1);
  }
  .\[\&_strong\+br\]\:hidden strong + br {
    display: none;
  }
  .\[\&_svg\]\:mx-auto svg {
    margin-inline: auto;
  }
  .\[\&_svg\]\:size-3 svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .\[\&_svg\]\:size-5 svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .\[\&_svg\]\:h-4 svg {
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:h-8 svg {
    height: calc(var(--spacing) * 8);
  }
  .\[\&_svg\]\:w-4 svg {
    width: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:w-8 svg {
    width: calc(var(--spacing) * 8);
  }
  .\[\&_svg\]\:max-w-full svg {
    max-width: 100%;
  }
  .\[\&_svg\]\:\[stroke-width\:1\.5\] svg {
    stroke-width: 1.5px;
  }
  .\[\&_tbody_a\]\:\!cursor-default tbody a {
    cursor: default !important;
  }
  .\[\&_tbody_td\:last-child\]\:\!pr-0 tbody td:last-child {
    padding-right: calc(var(--spacing) * 0) !important;
  }
  .\[\&_tbody_tr\]\:cursor-default tbody tr {
    cursor: default;
  }
  .\[\&_tbody_tr\:first-child\]\:\!bg-none tbody tr:first-child {
    background-image: none !important;
  }
  .\[\&_tbody_tr\:first-child\>td\]\:\!pt-1 tbody tr:first-child > td {
    padding-top: calc(var(--spacing) * 1) !important;
  }
  .\[\&_td\]\:px-4 td {
    padding-inline: calc(var(--spacing) * 4);
  }
  .\[\&_td\]\:py-4 td {
    padding-block: calc(var(--spacing) * 4);
  }
  .\[\&_textarea\]\:pointer-events-none textarea {
    pointer-events: none;
  }
  .\[\&_textarea\]\:text-base textarea {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .\[\&_textarea\]\:leading-5 textarea {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .\[\&_textarea\]\:\[caret-color\:transparent\] textarea {
    caret-color: #0000;
  }
  .\[\&_th\]\:px-4 th {
    padding-inline: calc(var(--spacing) * 4);
  }
  .\[\&_th\]\:pb-4 th {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .\[\&_thead\]\:hidden thead {
    display: none;
  }
  .\[\&_thead\]\:\!border-0 thead {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .\[\&_thead_th\]\:\!h-0 thead th {
    height: calc(var(--spacing) * 0) !important;
  }
  .\[\&_thead_th\]\:\!p-0 thead th {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\[\&_thead_th\]\:\!leading-\[0\] thead th {
    --tw-leading: 0 !important;
    line-height: 0 !important;
  }
  .\[\&_thead_th\>\*\]\:hidden thead th > * {
    display: none;
  }
  .\[\&_tr\:has\(\+tr\[data-selected\]\)\:not\(\:hover\)\:not\(\:has\(\+tr\:hover\)\)_td\]\:\!border-alpha-1
    tr:has(+ tr[data-selected]):not(:hover):not(:has(+ tr:hover))
    td {
    border-color: var(--cds-alpha-1) !important;
  }
  .\[\&_tr\[data-selected\]\:not\(\:hover\)_td\]\:\!rounded-none
    tr[data-selected]:not(:hover)
    td {
    border-radius: 0 !important;
  }
  .\[\&_tr\[data-selected\]\:not\(\:hover\)_td\]\:\!bg-transparent
    tr[data-selected]:not(:hover)
    td {
    background-color: #0000 !important;
  }
  .\[\&_tr\[data-selected\]\:not\(\:hover\)\:not\(\:has\(\+tr\:hover\)\)_td\]\:\!border-alpha-1
    tr[data-selected]:not(:hover):not(:has(+ tr:hover))
    td {
    border-color: var(--cds-alpha-1) !important;
  }
  .\[\&_ul\]\:my-1 ul {
    margin-block: calc(var(--spacing) * 1);
  }
  .\[\&_ul\]\:my-1\.5 ul {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .\[\&_ul\]\:my-2 ul {
    margin-block: calc(var(--spacing) * 2);
  }
  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }
  :where(.\[\&_ul\]\:\!space-y-0 ul > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(
      calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
    ) !important;
    margin-block-end: calc(
      calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
    ) !important;
  }
  .\[\&_ul\]\:pl-4 ul {
    padding-left: calc(var(--spacing) * 4);
  }
  .\[\&_ul\]\:pl-6 ul {
    padding-left: calc(var(--spacing) * 6);
  }
  .\[\&_ul\]\:pl-8 ul {
    padding-left: calc(var(--spacing) * 8);
  }
  .\[\&_ul\:last-child\]\:mb-0 ul:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .\[\&\+\&\]\:mt-lg + .\[\&\+\&\]\:mt-lg {
    margin-top: var(--cds-gap-lg);
  }
  .\[\&\+section\]\:mt-xl + section {
    margin-top: var(--cds-gap-xl);
  }
  .\[\&\.has-bottom-scroll\]\:\[mask-image\:linear-gradient\(to_top\,rgba\(0\,0\,0\,0\)_0\%\,_rgba\(0\,0\,0\,1\)_3\%\)\].has-bottom-scroll {
    -webkit-mask-image: linear-gradient(#000 97%, #0000 100%);
    mask-image: linear-gradient(#000 97%, #0000);
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
    display: none;
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer::-webkit-calendar-picker-indicator {
    cursor: pointer;
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-50::-webkit-calendar-picker-indicator {
    opacity: 0.5;
  }
  @media (hover: hover) {
    .\[\&\:\:-webkit-calendar-picker-indicator\]\:hover\:opacity-100::-webkit-calendar-picker-indicator:hover {
      opacity: 1;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-scrollbar\]\:mt-4::-webkit-scrollbar {
    margin-top: calc(var(--spacing) * 4);
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-\[0\.25rem\]::-webkit-scrollbar {
    width: 0.25rem;
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[1em\]::-webkit-scrollbar-thumb {
    border-radius: 1em;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:border-\[0\.25rem\]::-webkit-scrollbar-thumb {
    border-style: var(--tw-border-style);
    border-width: 0.25rem;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:border-transparent::-webkit-scrollbar-thumb {
    border-color: #0000;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-border-400::-webkit-scrollbar-thumb {
    background-color: hsl(var(--border-400) / 0.15);
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-text-500\/80::-webkit-scrollbar-thumb {
    background-color: hsl(var(--text-500) / 1);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-text-500\/80::-webkit-scrollbar-thumb {
      background-color: color-mix(
        in oklab,
        hsl(var(--text-500) / 1) 80%,
        transparent
      );
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-transparent::-webkit-scrollbar-thumb {
    background-color: #0000;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-clip-padding::-webkit-scrollbar-thumb {
    background-clip: padding-box;
  }
  @media (hover: hover) {
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-border-300:hover::-webkit-scrollbar-thumb {
      background-color: hsl(var(--border-300) / 0.15);
    }
  }
  .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-text-500::-webkit-scrollbar-thumb:hover {
    background-color: hsl(var(--text-500) / 1);
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:my-1::-webkit-scrollbar-track {
    margin-block: calc(var(--spacing) * 1);
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }
  .\[\&\:\:selection\]\:bg-transparent::selection {
    background-color: #0000;
  }
  .\[\&\:disabled\:not\(\[aria-busy\]\)\]\:opacity-50:disabled:not(
      [aria-busy]
    ) {
    opacity: 0.5;
  }
  .\[\&\:has\(\+\:hover\)\>span\]\:opacity-0:has(+ :hover) > span,
  .\[\&\:has\(\+\[aria-expanded\=true\]\)\>span\]\:opacity-0:has(
      + [aria-expanded="true"]
    )
    > span,
  .\[\&\:has\(\+\[aria-pressed\=true\]\)\>span\]\:opacity-0:has(
      + [aria-pressed="true"]
    )
    > span {
    opacity: 0;
  }
  .\[\&\:has\(\.bug-report-link\:hover\)\]\:\!bg-transparent:has(
      .bug-report-link:hover
    ),
  .\[\&\:has\(\.downloads-link\:hover\)\]\:\!bg-transparent:has(
      .downloads-link:hover
    ),
  .\[\&\:has\(\.feedback-link\:hover\)\]\:\!bg-transparent:has(
      .feedback-link:hover
    ) {
    background-color: #0000 !important;
  }
  .\[\&\:has\(\>\[data-done\]\)\]\:text-\[var\(--t5\)\]:has(> [data-done]) {
    color: var(--t5);
  }
  .\[\&\:has\(\>\[data-done\]\)\]\:line-through:has(> [data-done]) {
    text-decoration-line: line-through;
  }
  .\[\&\:has\(\[data-disabled\]\)\]\:cursor-not-allowed:has([data-disabled]) {
    cursor: not-allowed;
  }
  .\[\&\:has\(\[data-disabled\]\)\]\:opacity-50:has([data-disabled]) {
    opacity: 0.5;
  }
  .\[\&\:has\(button\:hover\)\>td\]\:\!bg-transparent:has(button:hover) > td {
    background-color: #0000 !important;
  }
  .\[\&\:has\(input\:disabled\)\]\:cursor-not-allowed:has(input:disabled) {
    cursor: not-allowed;
  }
  .\[\&\:has\(input\:disabled\)\]\:opacity-50:has(input:disabled) {
    opacity: 0.5;
  }
  .\[\&\:hover\]\:border-border-300:hover {
    border-color: hsl(var(--border-300) / 0.15);
  }
  .\[\&\:hover\]\:bg-transparent:hover {
    background-color: #0000;
  }
  .enabled\:\[\&\:hover\:not\(\:focus\)\:not\(\[data-invalid\]\)\]\:shadow-field-hover:enabled:hover:not(
      :focus
    ):not([data-invalid]),
  .\[\&\:hover\:not\(\:focus-within\)\]\:shadow-field-hover:hover:not(
      :focus-within
    ),
  .\[\&\:hover\:not\(\:focus-within\)\:not\(\[data-invalid\]\)\]\:shadow-field-hover:hover:not(
      :focus-within
    ):not([data-invalid]) {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--cds-border-strong));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\:hover\>td\]\:\!bg-bg-300\/40:hover > td {
    background-color: hsl(var(--bg-300) / 1) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:hover\>td\]\:\!bg-bg-300\/40:hover > td {
      background-color: color-mix(
        in oklab,
        hsl(var(--bg-300) / 1) 40%,
        transparent
      ) !important;
    }
  }
  .\[\&\:hover\>td\]\:\!bg-transparent:hover > td {
    background-color: #0000 !important;
  }
  .\[\&\:not\(\:first-child\)\]\:border-t-0\.5:not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0.5px;
  }
  .\[\&\:not\(\:first-child\)\]\:border-border-300:not(:first-child) {
    border-color: hsl(var(--border-300) / 0.15);
  }
  .\[\&\:not\(\:has\(th\:not\(\:empty\)\)\)\]\:hidden:not(
    :has(th:not(:empty))
  ) {
    display: none;
  }
  .\[\&\:not\(\:is\(\:hover\,\:focus\)\)\]\:decoration-\[color-mix\(in_srgb\,currentColor\,transparent_60\%\)\]:not(
    :is(:hover, :focus)
  ) {
    text-decoration-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:not\(\:is\(\:hover\,\:focus\)\)\]\:decoration-\[color-mix\(in_srgb\,currentColor\,transparent_60\%\)\]:not(
      :is(:hover, :focus)
    ) {
      -webkit-text-decoration-color: color-mix(
        in srgb,
        currentColor,
        transparent 60%
      );
      text-decoration-color: color-mix(in srgb, currentColor, transparent 60%);
    }
  }
  .\[\&\:not\(\:last-child\)_ol\]\:pb-1:not(:last-child) ol,
  .\[\&\:not\(\:last-child\)_ul\]\:pb-1:not(:last-child) ul {
    padding-bottom: calc(var(--spacing) * 1);
  }
  @media (hover: hover) {
    .\[\&\:not\(\[data-active\]\)\]\:hover\:bg-fill-ghost-hover:not(
        [data-active]
      ):hover,
    .\[\&\:not\(\[data-checked\]\)\]\:hover\:bg-fill-ghost-hover:not(
        [data-checked]
      ):hover {
      background-color: var(--cds-fill-ghost-hover);
    }
  }
  .\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
  }
  .\[\&\>\*\]\:col-start-1 > * {
    grid-column-start: 1;
  }
  .\[\&\>\*\]\:row-start-1 > * {
    grid-row-start: 1;
  }
  .\[\&\>\*\]\:\!my-0 > * {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>\*\]\:mt-0 > * {
    margin-top: calc(var(--spacing) * 0);
  }
  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }
  .\[\&\>\*\]\:snap-start > * {
    scroll-snap-align: start;
  }
  .\[\&\>\*\]\:\!border-transparent > * {
    border-color: #0000 !important;
  }
  .\[\&\>\*\]\:\!bg-transparent > * {
    background-color: #0000 !important;
  }
  .\[\&\>\*\]\:font-ui > * {
    font-family: var(--font-ui);
  }
  .\[\&\>\*\]\:\!shadow-none > * {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  @media (min-width: 48rem) {
    .md\:\[\&\>\*\]\:min-w-0 > * {
      min-width: calc(var(--spacing) * 0);
    }
    .md\:\[\&\>\*\]\:flex-1 > * {
      flex: 1;
    }
  }
  .\[\&\>\*\+\*\]\:\[mask-image\:radial-gradient\(circle_at_-4px_50\%\,transparent_9px\,\#000_10px\)\]
    > *
    + * {
    -webkit-mask-image: radial-gradient(circle at -4px, #0000 9px, #000 10px);
    mask-image: radial-gradient(circle at -4px, #0000 9px, #000 10px);
  }
  .\[\&\>\*\:first-child\]\:border-t-0 > :first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .\[\&\>\*\:hover\+hr\]\:opacity-0 > :hover + hr {
    opacity: 0;
  }
  .\[\&\>\*\:last-child\]\:\!px-0 > :last-child,
  .\[\&\>\*\:last-child_\*\]\:\!px-0 > :last-child * {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>\*\:not\(\:first-child\)\]\:pt-4 > :not(:first-child) {
    padding-top: calc(var(--spacing) * 4);
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:pb-4 > :not(:last-child) {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .\[\&\>\*\>\*\]\:\!border-0 > * > * {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .\[\&\>\*\>\*\]\:\!shadow-none > * > * {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .aria-pressed\:\[\&\>\.btn-squish\]\:\!bg-transparent[aria-pressed="true"]
    > .btn-squish {
    background-color: #0000 !important;
  }
  @media (hover: hover) {
    .hover\:aria-pressed\:\[\&\>\.btn-squish\]\:\!bg-\[var\(--accent-10\)\]:hover[aria-pressed="true"]
      > .btn-squish {
      background-color: var(--accent-10) !important;
    }
  }
  .\[\&\>\.flex\]\:justify-end > .flex {
    justify-content: flex-end;
  }
  .\[\&\>\:has\(\+\[data-cds\=Banner\]\)\]\:\!border-b-0
    > :has(+ [data-cds="Banner"]),
  .\[\&\>\:has\(\+\[data-cds\=DataTable\]\)\]\:\!border-b-0
    > :has(+ [data-cds="DataTable"]),
  .\[\&\>\:has\(\+\[data-settings-nest\]\)\]\:\!border-b-0
    > :has(+ [data-settings-nest]),
  .\[\&\>\:has\(\+\[role\=treegrid\]\)\]\:\!border-b-0
    > :has(+ [role="treegrid"]) {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }
  .\[\&\>\:not\(\[role\=group\]\)\]\:py-md > :not([role="group"]),
  .\[\&\>\:not\(\[role\=group\]\)\:not\(\[data-cds\=DataTable\]\)\:not\(\[role\=treegrid\]\)\]\:py-md
    > :not([role="group"]):not([data-cds="DataTable"]):not([role="treegrid"]) {
    padding-block: var(--cds-pad-md);
  }
  .\[\&\>\[aria-hidden\]\]\:\!bg-transparent > [aria-hidden] {
    background-color: #0000 !important;
  }
  .\[\&\>\[aria-hidden\]\:first-child\]\:opacity-0 > [aria-hidden]:first-child {
    opacity: 0;
  }
  .\[\&\>\[aria-hidden\]\:first-child\]\:transition-opacity
    > [aria-hidden]:first-child {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .group-hover\:\[\&\>\[aria-hidden\]\:first-child\]\:opacity-100:is(
        :where(.group):hover *
      )
      > [aria-hidden]:first-child {
      opacity: 1;
    }
  }
  .\[\&\>\[data-cds\=Banner\]\]\:\!border-y-0 > [data-cds="Banner"],
  .\[\&\>\[data-cds\=DataTable\]\]\:\!border-y-0 > [data-cds="DataTable"] {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 0 !important;
  }
  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:relative
    > [data-selected]
    + [role="option"]:not([data-selected]) {
    position: relative;
  }
  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:mt-2
    > [data-selected]
    + [role="option"]:not([data-selected]) {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:absolute
    > [data-selected]
    + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    position: absolute;
  }
  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:inset-x-0
    > [data-selected]
    + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:-top-1
    > [data-selected]
    + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }
  .\[\&\>\[data-selected\]\+\[role\=option\]\:not\(\[data-selected\]\)\]\:before\:border-t
    > [data-selected]
    + [role="option"]:not([data-selected]):before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\[\&\>\[data-settings-nest\]\]\:\!border-y-0 > [data-settings-nest] {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 0 !important;
  }
  .\[\&\>\[role\=group\]\]\:\!py-sm > [role="group"] {
    padding-block: var(--cds-pad-sm) !important;
  }
  .\[\&\>\[role\=group\]\:first-child\]\:\!pt-0 > [role="group"]:first-child {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>\[role\=group\]\:last-child\]\:\!pb-0 > [role="group"]:last-child {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>\[role\=treegrid\]\]\:\!border-y-0 > [role="treegrid"] {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 0 !important;
  }
  .\[\&\>button\]\:w-full > button {
    width: 100%;
  }
  .\[\&\>button\]\:flex-1 > button {
    flex: 1;
  }
  .\[\&\>button\]\:justify-end > button {
    justify-content: flex-end;
  }
  .\[\&\>button\]\:rounded-\[\.625rem\] > button {
    border-radius: 0.625rem;
  }
  .\[\&\>button\]\:rounded-md > button {
    border-radius: var(--radius-md);
  }
  .\[\&\>button\]\:border > button {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&\>button\]\:px-3 > button {
    padding-inline: calc(var(--spacing) * 3);
  }
  .\[\&\>button\]\:py-2 > button {
    padding-block: calc(var(--spacing) * 2);
  }
  .\[\&\>button\:hover\+hr\]\:opacity-0 > button:hover + hr {
    opacity: 0;
  }
  .\[\&\>div\]\:\!m-0 > div {
    margin: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>div\]\:\!mx-0 > div {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>div\]\:mt-0\.5 > div {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .\[\&\>div\]\:\!h-full > div {
    height: 100% !important;
  }
  .\[\&\>div\]\:items-center > div {
    align-items: center;
  }
  .\[\&\>div\]\:\!rounded-none > div {
    border-radius: 0 !important;
  }
  .\[\&\>div\]\:rounded-none > div {
    border-radius: 0;
  }
  .\[\&\>div\]\:\!border-0 > div {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .\[\&\>div\]\:border-0 > div {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .\[\&\>div\]\:\!p-0 > div {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>div\]\:whitespace-normal > div {
    white-space: normal;
  }
  .\[\&\>div\]\:\!shadow-none > div {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .\[\&\>div\>button\:first-of-type\]\:flex-1 > div > button:first-of-type {
    flex: 1;
  }
  .\[\&\>div\>button\:first-of-type\]\:pl-\[calc\(var\(--cds-pad-md\)\+25px\)\]
    > div
    > button:first-of-type {
    padding-left: calc(var(--cds-pad-md) + 25px);
  }
  .\[\&\>div\>div\]\:\!mx-0 > div > div {
    margin-inline: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>div\>div\]\:\!mb-0 > div > div {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>div\>div\]\:\!h-full > div > div {
    height: 100% !important;
  }
  .\[\&\>div\>div\]\:bg-bg-100 > div > div {
    background-color: hsl(var(--bg-100) / 1);
  }
  .\[\&\>div\>div\:first-child_button\]\:\!h-\[150px\]
    > div
    > div:first-child
    button {
    height: 150px !important;
  }
  .\[\&\>div\>div\>div\]\:flex-1 > div > div > div {
    flex: 1;
  }
  .\[\&\>div\>div\>div\]\:rounded-\[\.625rem\] > div > div > div {
    border-radius: 0.625rem;
  }
  .\[\&\>div\>span\:last-child\]\:\!mr-0 > div > span:last-child {
    margin-right: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>hr\:first-child\]\:hidden > hr:first-child {
    display: none;
  }
  .\[\&\>hr\:has\(\+\*\:hover\)\]\:opacity-0 > hr:has(+ :hover),
  .\[\&\>hr\:has\(\+button\:hover\)\]\:opacity-0 > hr:has(+ button:hover) {
    opacity: 0;
  }
  .\[\&\>li\:\:marker\]\:text-\[0\.7em\] > li::marker {
    font-size: 0.7em;
  }
  .\[\&\>p\]\:mb-1 > p {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .\[\&\>p\]\:text-caption > p {
    font-size: var(--cds-font-size-caption);
    line-height: var(--tw-leading, var(--cds-leading-caption));
  }
  .\[\&\>p\]\:text-muted > p {
    color: var(--cds-text-muted);
  }
  .\[\&\>span\]\:hidden > span {
    display: none;
  }
  .\[\&\>span\]\:min-w-0 > span {
    min-width: calc(var(--spacing) * 0);
  }
  @media (hover: hover) {
    .hover\:\[\&\>span\]\:shadow-\[0_0_0_1px_var\(--t7\)\]:hover > span {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--t7));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .\[\&\>span\:first-child\]\:mt-0\.5 > span:first-child {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .\[\&\>span\:first-of-type\]\:\!bg-fill-accent > span:first-of-type {
    background-color: var(--cds-fill-accent) !important;
  }
  @media (hover: hover) {
    .hover\:\[\&\>span\:first-of-type\]\:\!bg-fill-accent-hover:hover
      > span:first-of-type {
      background-color: var(--cds-fill-accent-hover) !important;
    }
  }
  .\[\&\>span\:last-child\]\:\!hidden > span:last-child {
    display: none !important;
  }
  .\[\&\>span\:last-child\]\:hidden > span:last-child {
    display: none;
  }
  @media (hover: hover) {
    .hover\:\[\&\>span\:last-child\]\:underline:hover > span:last-child {
      text-decoration-line: underline;
    }
    .hover\:\[\&\>span\:last-child\]\:underline-offset-\[3px\]:hover
      > span:last-child {
      text-underline-offset: 3px;
    }
  }
  .\[\&\>span\:not\(\:first-child\)\]\:before\:mx-1\.5
    > span:not(:first-child):before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .\[\&\>span\:not\(\:first-child\)\]\:before\:text-muted
    > span:not(:first-child):before {
    content: var(--tw-content);
    color: var(--cds-text-muted);
  }
  .\[\&\>span\:not\(\:first-child\)\]\:before\:content-\[\'·\'\]
    > span:not(:first-child):before {
    --tw-content: "·";
    content: var(--tw-content);
  }
  .\[\&\>span\:not\(\[aria-hidden\]\)\]\:w-full > span:not([aria-hidden]) {
    width: 100%;
  }
  .\[\&\>span\:not\(\[aria-hidden\]\)\]\:min-w-0 > span:not([aria-hidden]) {
    min-width: calc(var(--spacing) * 0);
  }
  .\[\&\>svg\]\:block > svg {
    display: block;
  }
  .\[\&\>svg\]\:size-\[81px\] > svg {
    width: 81px;
    height: 81px;
  }
  .\[\&\>svg\]\:size-full > svg {
    width: 100%;
    height: 100%;
  }
  .\[\&\>svg\]\:\!h-3\.5 > svg {
    height: calc(var(--spacing) * 3.5) !important;
  }
  .\[\&\>svg\]\:\!h-4 > svg {
    height: calc(var(--spacing) * 4) !important;
  }
  .\[\&\>svg\]\:h-20 > svg {
    height: calc(var(--spacing) * 20);
  }
  .\[\&\>svg\]\:\!w-3\.5 > svg {
    width: calc(var(--spacing) * 3.5) !important;
  }
  .\[\&\>svg\]\:\!w-4 > svg {
    width: calc(var(--spacing) * 4) !important;
  }
  .\[\&\>svg\]\:w-20 > svg {
    width: calc(var(--spacing) * 20);
  }
  .\[\&\>svg\]\:w-full > svg {
    width: 100%;
  }
  .\[\&\>svg\]\:fill-current > svg {
    fill: currentColor;
  }
  .\[\&\>th\]\:px-2 > th {
    padding-inline: calc(var(--spacing) * 2);
  }
  .\[\&\>th\]\:py-1\.5 > th {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .\[\&\>th\]\:font-medium > th {
    --tw-font-weight: var(--cds-font-weight-medium);
    font-weight: var(--cds-font-weight-medium);
  }
  .\[\&\>tr\:first-child\>td\]\:border-t-0 > tr:first-child > td {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .\[\&\>tr\:last-child\>td\]\:border-b-0 > tr:last-child > td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .\[\&\[data-disabled\]\]\:cursor-default[data-disabled] {
    cursor: default;
  }
  .\[\&\[data-disabled\]\]\:cursor-not-allowed[data-disabled] {
    cursor: not-allowed;
  }
  .\[\&\[data-disabled\]\]\:bg-bg-100[data-disabled] {
    background-color: hsl(var(--bg-100) / 1);
  }
  .\[\&\[data-disabled\]\]\:\!text-text-500[data-disabled] {
    color: hsl(var(--text-500) / 1) !important;
  }
  .\[\&\[data-disabled\]\]\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  .\[\&\[data-highlighted\]\]\:bg-bg-300[data-highlighted] {
    background-color: hsl(var(--bg-300) / 1);
  }
  .\[\&\[data-highlighted\]\]\:bg-danger-900[data-highlighted] {
    background-color: hsl(var(--danger-900) / 1);
  }
  .\[\&\[data-highlighted\]\]\:text-text-000[data-highlighted] {
    color: hsl(var(--text-000) / 1);
  }
  .\[\&\[data-selection-mode\]_tbody_a\]\:pointer-events-none[data-selection-mode]
    tbody
    a {
    pointer-events: none;
  }
  .\[\&\[data-state\=\"open\"\]\:not\(\[data-highlighted\]\)\]\:bg-bg-100[data-state="open"]:not(
      [data-highlighted]
    ) {
    background-color: hsl(var(--bg-100) / 1);
  }
  .\[\&\[data-state\=\"open\"\]\:not\(\[data-highlighted\]\)\]\:text-text-300[data-state="open"]:not(
      [data-highlighted]
    ) {
    color: hsl(var(--text-300) / 1);
  }
  :disabled .\[\*\:disabled_\&\]\:hidden {
    display: none;
  }
  .tiles-dragging .\[\.tiles-dragging_\&\]\:opacity-100 {
    opacity: 1;
  }
  :hover + .\[\:hover\+\&\>span\]\:opacity-0 > span {
    opacity: 0;
  }
  @container (max-width:27rem) {
    .\[\@container_\(max-width\:27rem\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\[\@container_\(max-width\:27rem\)\]\:py-sm {
      padding-block: var(--cds-pad-sm);
    }
  }
  @container (max-width:767px) {
    .\[\@container_\(max-width\:767px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:767px\)\]\:flex-col {
      flex-direction: column;
    }
  }
  @media (any-pointer: coarse) {
    .\[\@media\(any-pointer\:coarse\)\]\:pointer-events-auto {
      pointer-events: auto;
    }
    .\[\@media\(any-pointer\:coarse\)\]\:static {
      position: static;
    }
    .\[\@media\(any-pointer\:coarse\)\]\:-m-2 {
      margin: calc(var(--spacing) * -2);
    }
    .\[\@media\(any-pointer\:coarse\)\]\:ml-1 {
      margin-left: calc(var(--spacing) * 1);
    }
    .\[\@media\(any-pointer\:coarse\)\]\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
    .\[\@media\(any-pointer\:coarse\)\]\:opacity-100 {
      opacity: 1;
    }
  }
  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:w-0 {
      width: calc(var(--spacing) * 0);
    }
    .\[\@media\(hover\:hover\)\]\:opacity-0 {
      opacity: 0;
    }
    .\[\@media\(hover\:hover\)\]\:group-hover\:w-5:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 5);
    }
    .\[\@media\(hover\:hover\)\]\:group-hover\/active\:opacity-100:is(
      :where(.group\/active):hover *
    ) {
      opacity: 1;
    }
    .\[\@media\(hover\:hover\)\]\:focus-visible\:opacity-100:focus-visible {
      opacity: 1;
    }
  }
  @media (hover: none) {
    .\[\@media\(hover\:none\)\]\:pointer-events-auto {
      pointer-events: auto;
    }
    .\[\@media\(hover\:none\)\]\:opacity-100 {
      opacity: 1;
    }
  }
  @media (max-resolution: 1.99x) {
    .\[\@media\(max-resolution\:1\.99dppx\)\]\:\[clip-path\:inset\(1px_0\)\] {
      clip-path: inset(1px 0);
    }
  }
  @media (pointer: coarse) {
    .\[\@media\(pointer\:coarse\)\]\:block {
      display: block;
    }
  }
  [aria-expanded="true"]
    + .\[\[aria-expanded\=true\]\+\&\>span\]\:opacity-0
    > span,
  [aria-pressed="true"]
    + .\[\[aria-pressed\=true\]\+\&\>span\]\:opacity-0
    > span {
    opacity: 0;
  }
  [data-active="true"] + .\[\[data-active\=true\]\+\&\]\:bg-none {
    background-image: none;
  }
  [data-dragging] .\[\[data-dragging\]_\&\]\:invisible {
    visibility: hidden;
  }
  [data-dragging] .\[\[data-dragging\]_\&\]\:visible {
    visibility: visible;
  }
  [data-dragging] .\[\[data-dragging\]_\&\]\:cursor-grabbing {
    cursor: grabbing;
  }
  [data-highlighted] .\[\[data-highlighted\]_\&\]\:opacity-0 {
    opacity: 0;
  }
  [data-highlighted] .\[\[data-highlighted\]_\&\]\:opacity-100 {
    opacity: 1;
  }
  [data-hoverable]:hover + .\[\[data-hoverable\]\:hover\+\&\]\:bg-none {
    background-image: none;
  }
  [data-mode="dark"]
    .\[\[data-mode\=dark\]_\&\]\:opacity-\[clamp\(0\%\,calc\(\(var\(--slider-drag-pos\,var\(--slider-rest-pos\)\)_-_25\%\)\*0\.86\)\,65\%\)\] {
    opacity: clamp(
      0%,
      calc((var(--slider-drag-pos, var(--slider-rest-pos)) - 25%) * 0.86),
      65%
    );
  }
  [data-mode="dark"] .\[\[data-mode\=dark\]_\&\]\:mix-blend-plus-lighter {
    mix-blend-mode: plus-lighter;
  }
  [data-selected="true"] + .\[\[data-selected\=true\]\+\&\]\:bg-none {
    background-image: none;
  }
  [data-top-stop] .\[\[data-top-stop\]_\&\]\:pointer-events-none {
    pointer-events: none;
  }
  [data-top-stop]
    .\[\[data-top-stop\]_\&\]\:\[--slider-focus-glow\:var\(--extended-20-purple\)\] {
    --slider-focus-glow: var(--extended-20-purple);
  }
  [data-top-stop]
    .\[\[data-top-stop\]_\&\]\:\[--slider-focus-ring\:var\(--extended-purple\)\] {
    --slider-focus-ring: var(--extended-purple);
  }
  [data-top-stop]
    .\[\[data-top-stop\]_\&\]\:\[--ui-slider-handle-active\:var\(--ui-slider-handle-energized\)\] {
    --ui-slider-handle-active: var(--ui-slider-handle-energized);
  }
  [data-top-stop]
    .\[\[data-top-stop\]_\&\]\:\[--ui-slider-handle-hover\:var\(--ui-slider-handle-energized\)\] {
    --ui-slider-handle-hover: var(--ui-slider-handle-energized);
  }
  [data-top-stop]
    .\[\[data-top-stop\]_\&\]\:\[--ui-slider-handle\:var\(--ui-slider-handle-energized\)\] {
    --ui-slider-handle: var(--ui-slider-handle-energized);
  }
  [data-top-stop]:not([data-dragging])
    .\[\[data-top-stop\]\:not\(\[data-dragging\]\)_\&\]\:opacity-0 {
    opacity: 0;
  }
  li .\[li_\&\]\:mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  li .\[li_\&\]\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  li .\[li_\&\]\:gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  thead .\[thead_\&\]\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  tr:first-child .\[tr\:first-child_\&\]\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  tr:has(+ tr[data-active="true"])
    .\[tr\:has\(\+tr\[data-active\=true\]\)_\&\]\:border-b-transparent,
  tr:has(+ tr[data-hoverable]:hover)
    .\[tr\:has\(\+tr\[data-hoverable\]\:hover\)_\&\]\:border-b-transparent,
  tr:has(+ tr[data-selected="true"])
    .\[tr\:has\(\+tr\[data-selected\=true\]\)_\&\]\:border-b-transparent {
    border-bottom-color: #0000;
  }
  tr[data-active="true"] .\[tr\[data-active\=true\]_\&\]\:border-transparent {
    border-color: #0000;
  }
  tr[data-active="true"] .\[tr\[data-active\=true\]_\&\]\:bg-alpha-2 {
    background-color: var(--cds-alpha-2);
  }
  tr[data-active="true"]
    .\[tr\[data-active\=true\]_\&\]\:first\:rounded-l:first-child {
    border-top-left-radius: var(--cds-radius);
    border-bottom-left-radius: var(--cds-radius);
  }
  tr[data-active="true"]
    .\[tr\[data-active\=true\]_\&\]\:last\:rounded-r:last-child {
    border-top-right-radius: var(--cds-radius);
    border-bottom-right-radius: var(--cds-radius);
  }
  tr[data-selected="true"]
    .\[tr\[data-selected\=true\]_\&\]\:border-transparent {
    border-color: #0000;
  }
  tr[data-selected="true"]
    .\[tr\[data-selected\=true\]_\&\]\:bg-fill-ghost-hover {
    background-color: var(--cds-fill-ghost-hover);
  }
  tr[data-selected="true"]
    .\[tr\[data-selected\=true\]_\&\]\:first\:rounded-l:first-child {
    border-top-left-radius: var(--cds-radius);
    border-bottom-left-radius: var(--cds-radius);
  }
  tr[data-selected="true"]
    .\[tr\[data-selected\=true\]_\&\]\:last\:rounded-r:last-child {
    border-top-right-radius: var(--cds-radius);
    border-bottom-right-radius: var(--cds-radius);
  }
  :root {
    --font-mono: var(--font-anthropic-mono);
    --font-ui: var(--font-anthropic-sans);
    --font-ui-serif: var(--font-anthropic-serif);
    --font-claude-response: var(--font-anthropic-serif);
    --font-user-message: var(--font-ui);
    --font-sans-serif: var(--font-ui);
    --font-serif: var(--font-ui-serif);
    --font-system: system-ui, sans-serif;
    --font-dyslexia:
      var(--font-open-dyslexic), "Comic Sans MS", ui-serif, Georgia, serif;
  }
  html,
  body {
    font-family: var(--font-ui);
  }
  .font-system {
    font-family: var(--font-system);
  }
  .font-normal {
    font-weight: 430;
  }
  .font-medium {
    font-weight: 550;
  }
  .font-semibold {
    font-weight: 580;
  }
  b,
  strong,
  .font-bold,
  .font-bolder {
    font-weight: 600;
  }
  .font-mono,
  [class*="font-mono"],
  code,
  pre,
  kbd,
  samp {
    font-variant-ligatures: none;
    font-feature-settings:
      "calt" 0,
      "liga" 0;
  }
  [data-theme="claude"][data-mode="dark"] .font-base {
    font-variation-settings: "wght" 400;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-base-bold {
    font-variation-settings: "wght" 460;
    font-weight: 500;
  }
  [data-theme="claude"][data-mode="dark"] .font-display {
    --font-opsz: 48;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 290;
    font-weight: 300;
  }
  [data-theme="claude"][data-mode="dark"] .font-heading {
    --font-opsz: 24;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 460;
    font-weight: 500;
  }
  [data-theme="claude"][data-mode="dark"] .font-large {
    font-variation-settings: "wght" 400;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-large-bold {
    font-variation-settings: "wght" 560;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-small {
    font-variation-settings: "wght" 400;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-small-bold {
    font-variation-settings: "wght" 560;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-title {
    --font-opsz: 28;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 460;
    font-weight: 500;
  }
  [data-theme="claude"][data-mode="dark"] .font-xl {
    --font-opsz: 20;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 360;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-xl-bold {
    --font-opsz: 20;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 560;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-body {
    font-variation-settings: "wght" 360;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-body-bold {
    font-variation-settings: "wght" 530;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-code,
  [data-theme="claude"][data-mode="dark"] .font-claude-response-code-small {
    font-variation-settings: "wght" 360;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-heading {
    --font-opsz: 20;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 530;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-small {
    font-variation-settings: "wght" 360;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-small-bold,
  [data-theme="claude"][data-mode="dark"] .font-claude-response-subheading {
    font-variation-settings: "wght" 530;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response-title {
    --font-opsz: 28;
    font-variation-settings:
      "opsz" var(--font-opsz),
      "wght" 530;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-normal {
    font-variation-settings: "wght" 400;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-claude-response {
    font-variation-settings: "wght" 360;
    font-weight: 400;
  }
  [data-theme="claude"][data-mode="dark"] .font-medium {
    font-variation-settings: "wght" 510;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] .font-semibold {
    font-variation-settings: "wght" 540;
    font-weight: 600;
  }
  [data-theme="claude"][data-mode="dark"] b,
  [data-theme="claude"][data-mode="dark"] strong,
  [data-theme="claude"][data-mode="dark"] .font-bold,
  [data-theme="claude"][data-mode="dark"] .font-bolder {
    font-variation-settings:
      "opsz" var(--font-opsz, 16),
      "wght" 530;
    font-weight: 600;
  }
  .break-words-wrap {
    word-wrap: break-word;
    overflow-wrap: anywhere;
  }
  .h-screen {
    height: 100dvh;
  }
  .min-h-screen {
    min-height: 100dvh;
  }
}
.cds-root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cds-root[data-font] {
  font-family: var(--cds-font-sans);
}
.cds-root .cds-btn-squish {
  transform-origin: 50%;
  transition: transform 0.45s var(--cds-btn-spring);
}
.cds-root .group\/btn:active:not([disabled]) .cds-btn-squish {
  transition: transform 60ms ease-out;
  transform: scale(0.975);
}
.cds-root.cds-root.cds-root .cds-reset:focus,
.cds-root.cds-root.cds-root .cds-reset:focus-visible {
  outline: none;
}
:where(.cds-root) input.cds-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none;
}
:where(.cds-root) input.cds-input::-webkit-search-decoration {
  -webkit-appearance: none;
  display: none;
}
:where(.cds-root) textarea.cds-input::-webkit-resizer {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 11.5 11.5 4.5M8.5 11.5 11.5 8.5' stroke='%23898781' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")
    0 0/100% 100% no-repeat;
}
@keyframes cds-dot-pulse {
  0%,
  5% {
    background: var(--cds-alpha-3);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  15%,
  25% {
    background: var(--cds-alpha-7);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  65%,
  to {
    background: var(--cds-alpha-3);
  }
}
.cds-root .cds-dot {
  background: var(--cds-alpha-3);
  border-radius: 9999px;
  width: 3px;
  height: 3px;
  animation: 1.8s linear infinite cds-dot-pulse;
}
.cds-root .cds-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.cds-root .cds-dot:nth-child(3) {
  animation-delay: 0.4s;
}
@media (prefers-reduced-motion: reduce) {
  .cds-root .cds-dot {
    animation: none;
  }
}
@keyframes cds-shimmer {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes cds-shimmer-text-shine {
  0% {
    background-position: 150% 0;
  }
  to {
    background-position: -50% 0;
  }
}
@keyframes cds-reveal-in {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@property --cds-badge-x-wght {
  syntax: "<number>";
  inherits: true;
  initial-value: 577.8;
}
@property --cds-outset-x {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}
@property --cds-outset-y {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}
:root {
  --cds-radius: 0.25rem;
  --cds-border: currentColor;
  --cds-shadow-sm: 0 1px 2px 0 #0000000d;
  --cds-shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --cds-shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --cds-font-mono:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --cds-font-system:
    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cds-font-sans: var(--cds-font-system);
  --cds-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --cds-black: #000;
  --cds-oncolor-200: #f8f8f7bf;
  --cds-oncolor-300: #f8f8f780;
  --cds-clay: #d97757;
  --cds-clay-emphasized: #c6613f;
  --cds-heather: #cbcadb;
  --cds-plum: #827dbd;
  --cds-cactus: #bcd1ca;
  --cds-mineral: #629987;
  --cds-peach: #ebc9b7;
  --cds-gray-80: #e7e6e1;
  --cds-gray-650: #454442;
  --cds-pictogram-highlight-default: var(--cds-gray-80);
  --cds-pictogram-highlight-heather: var(--cds-heather);
  --cds-pictogram-highlight-cactus: var(--cds-cactus);
  --cds-pictogram-highlight-peach: var(--cds-peach);
  --cds-font-weight-regular: 400;
  --cds-font-weight-medium: 500;
  --cds-font-weight-semibold: 600;
  --cds-font-weight-bold: 700;
}
[data-mode="dark"] {
  --cds-pictogram-highlight-default: var(--cds-gray-650);
  --cds-pictogram-highlight-heather: var(--cds-plum);
  --cds-pictogram-highlight-cactus: var(--cds-mineral);
  --cds-pictogram-highlight-peach: var(--cds-clay-emphasized);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mode="light"]) {
    --cds-pictogram-highlight-default: var(--cds-gray-650);
    --cds-pictogram-highlight-heather: var(--cds-plum);
    --cds-pictogram-highlight-cactus: var(--cds-mineral);
    --cds-pictogram-highlight-peach: var(--cds-clay-emphasized);
  }
}
.cds-root {
  --cds-radius: 6px;
  --cds-h-control: 24px;
  --cds-h-control-nested: 18px;
  --cds-icon: 16px;
  --cds-pad-sm: 6px;
  --cds-pad-md: 8px;
  --cds-pad-lg: 12px;
  --cds-pad-xl: 20px;
  --cds-gap-xs: 6px;
  --cds-gap-sm: 8px;
  --cds-gap-md: 12px;
  --cds-gap-lg: 20px;
  --cds-gap-xl: 32px;
  --cds-border: var(--cds-alpha-2);
  --cds-border-accent: var(--cds-blue-250);
  --cds-border-danger: var(--cds-red-250);
  --cds-border-success: var(--cds-green-250);
  --cds-border-warning: var(--cds-yellow-250);
  --cds-border-pro: var(--cds-violet-250);
  --cds-border-git-added: var(--cds-text-git-added);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-added: color-mix(
      in srgb,
      var(--cds-text-git-added) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-removed: var(--cds-text-git-removed);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-removed: color-mix(
      in srgb,
      var(--cds-text-git-removed) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-modified: var(--cds-text-git-modified);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-modified: color-mix(
      in srgb,
      var(--cds-text-git-modified) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-merged: var(--cds-text-git-merged);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-merged: color-mix(
      in srgb,
      var(--cds-text-git-merged) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-closed: var(--cds-text-git-closed);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-closed: color-mix(
      in srgb,
      var(--cds-text-git-closed) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-conflicting: var(--cds-text-git-conflicting);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-conflicting: color-mix(
      in srgb,
      var(--cds-text-git-conflicting) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-draft: var(--cds-text-git-draft);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-border-git-draft: color-mix(
      in srgb,
      var(--cds-text-git-draft) 40%,
      transparent
    );
  }
}
.cds-root {
  --cds-border-git-opened: var(--cds-border-git-added);
  --cds-border-git-queued: var(--cds-border-git-modified);
  --cds-border-strong: var(--cds-alpha-3);
  --cds-border-stronger: hsl(from var(--cds-neutral-900) h s l / 40%);
  --cds-shadow-sm:
    0 1px 2px 0 hsl(from var(--cds-gray-900) h s l / 6%),
    0 2px 8px 0 var(--cds-shadow-color);
  --cds-shadow-md:
    0 2px 4px 0 hsl(from var(--cds-gray-900) h s l / 7%),
    0 6px 16px 0 var(--cds-shadow-color);
  --cds-shadow-lg:
    0 4px 8px 0 hsl(from var(--cds-gray-900) h s l / 8%),
    0 12px 28px -2px var(--cds-shadow-color);
  --cds-shadow-color: hsl(from var(--cds-gray-900) h s l / 8%);
  --cds-shadow-popover: 0 8px 24px #0000001f, 0 2px 6px #00000014;
  --cds-ring-outer: 1px;
  --cds-ring-inner: 0px;
  --cds-ring-color: var(--cds-border);
  --cds-focus-shadow:
    inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent),
    0 0 6px 1px var(--cds-bg-accent);
  --cds-font-mono:
    var(--font-anthropic-mono, "Anthropic Mono Variable"), "Anthropic Mono",
    "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --cds-font-sans:
    var(--font-anthropic-sans, "Anthropic Sans Variable", "Anthropic Sans"),
    var(--cds-font-system);
  --cds-font-voice:
    var(--font-anthropic-serif, "Anthropic Serif Variable", "Anthropic Serif"),
    ui-serif, Georgia, "Times New Roman", serif;
  --cds-ease-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --cds-ease-snap: cubic-bezier(0.32, 0.72, 0, 1);
  --cds-ease-overshoot: cubic-bezier(0.34, 1.3, 0.64, 1);
  --cds-dur-fast: 60ms;
  --cds-dur-snap: 0.12s;
  --cds-dur-base: 0.2s;
  --cds-dur-slow: 0.45s;
  --cds-btn-spring: linear(
    0,
    0.2459,
    0.6526,
    0.9468,
    1.0764,
    1.0915,
    1.0585,
    1.0219,
    0.9993,
    0.9914,
    0.9921,
    0.9957,
    0.9988,
    1.0004,
    1
  );
  --cds-clay: #d97757;
  --cds-clay-emphasized: #c6613f;
  --cds-heather: #cbcadb;
  --cds-plum: #827dbd;
  --cds-cactus: #bcd1ca;
  --cds-mineral: #629987;
  --cds-peach: #ebc9b7;
  --cds-gray-0: #fff;
  --cds-gray-10: #fcfcfb;
  --cds-gray-20: #f9f9f7;
  --cds-gray-30: #f6f6f4;
  --cds-gray-40: #f3f3f0;
  --cds-gray-50: #f0efec;
  --cds-gray-60: #edece8;
  --cds-gray-70: #eae9e4;
  --cds-gray-80: #e7e6e1;
  --cds-gray-90: #e4e3dd;
  --cds-gray-100: #e1e0d9;
  --cds-gray-150: #d2d1c7;
  --cds-gray-200: #c3c2b7;
  --cds-gray-250: #b4b3a8;
  --cds-gray-300: #a5a49a;
  --cds-gray-350: #97958d;
  --cds-gray-400: #898781;
  --cds-gray-450: #7b7974;
  --cds-gray-500: #6d6b67;
  --cds-gray-550: #5f5e5a;
  --cds-gray-600: #52514e;
  --cds-gray-650: #454442;
  --cds-gray-700: #383835;
  --cds-gray-750: #2c2c2a;
  --cds-gray-800: #20201f;
  --cds-gray-810: #1e1e1d;
  --cds-gray-820: #1c1c1b;
  --cds-gray-830: #1a1a19;
  --cds-gray-840: #181817;
  --cds-gray-850: #151515;
  --cds-gray-860: #131313;
  --cds-gray-870: #111;
  --cds-gray-880: #0f0f0f;
  --cds-gray-890: #0d0d0d;
  --cds-gray-900: #0b0b0b;
  --cds-red-0: #fff;
  --cds-red-10: #fffbfb;
  --cds-red-20: #fef7f7;
  --cds-red-30: #fef3f3;
  --cds-red-40: #fdefef;
  --cds-red-50: #fbebeb;
  --cds-red-60: #fae7e7;
  --cds-red-70: #fae3e3;
  --cds-red-80: #fadfdf;
  --cds-red-90: #fadada;
  --cds-red-100: #fad6d6;
  --cds-red-150: #f7c1c1;
  --cds-red-200: #f4abab;
  --cds-red-250: #f09595;
  --cds-red-300: #ec7e7e;
  --cds-red-350: #e66767;
  --cds-red-400: #e34948;
  --cds-red-450: #d03b3b;
  --cds-red-500: #b93535;
  --cds-red-550: #a32c2c;
  --cds-red-600: #8e2626;
  --cds-red-650: #791e1e;
  --cds-red-700: #641919;
  --cds-red-750: #511212;
  --cds-red-800: #3c0e0e;
  --cds-red-810: #380d0d;
  --cds-red-820: #340c0c;
  --cds-red-830: #310b0b;
  --cds-red-840: #2d0a0a;
  --cds-red-850: #280a0a;
  --cds-red-860: #230b0a;
  --cds-red-870: #1d0b0a;
  --cds-red-880: #170c0b;
  --cds-red-890: #110c0b;
  --cds-red-900: #0b0b0b;
  --cds-orange-0: #fff;
  --cds-orange-10: #fefbfa;
  --cds-orange-20: #fdf7f5;
  --cds-orange-30: #fcf4f0;
  --cds-orange-40: #faf0ec;
  --cds-orange-50: #f9ece7;
  --cds-orange-60: #f8e9e2;
  --cds-orange-70: #f7e5dd;
  --cds-orange-80: #f7e1d7;
  --cds-orange-90: #f7dcd1;
  --cds-orange-100: #f7d8cb;
  --cds-orange-150: #f3c5b2;
  --cds-orange-200: #f4ae94;
  --cds-orange-250: #f09978;
  --cds-orange-300: #ec835a;
  --cds-orange-350: #eb6834;
  --cds-orange-400: #d95926;
  --cds-orange-450: #c25124;
  --cds-orange-500: #ae461c;
  --cds-orange-550: #993d19;
  --cds-orange-600: #863311;
  --cds-orange-650: #712b0f;
  --cds-orange-700: #5d230b;
  --cds-orange-750: #4b1b08;
  --cds-orange-800: #371407;
  --cds-orange-810: #341307;
  --cds-orange-820: #301106;
  --cds-orange-830: #2d1006;
  --cds-orange-840: #290f06;
  --cds-orange-850: #240e07;
  --cds-orange-860: #1f0e08;
  --cds-orange-870: #1a0e09;
  --cds-orange-880: #150d0a;
  --cds-orange-890: #100c0b;
  --cds-orange-900: #0b0b0b;
  --cds-yellow-0: #fff;
  --cds-yellow-10: #fefcf8;
  --cds-yellow-20: #fcf8f1;
  --cds-yellow-30: #fbf5ea;
  --cds-yellow-40: #f9f2e4;
  --cds-yellow-50: #f9eeda;
  --cds-yellow-60: #faebce;
  --cds-yellow-70: #fae7c2;
  --cds-yellow-80: #fae3b8;
  --cds-yellow-90: #f9e0b0;
  --cds-yellow-100: #f9dca4;
  --cds-yellow-150: #f9c868;
  --cds-yellow-200: #fab219;
  --cds-yellow-250: #eda100;
  --cds-yellow-300: #db9300;
  --cds-yellow-350: #c98500;
  --cds-yellow-400: #b77700;
  --cds-yellow-450: #a66a00;
  --cds-yellow-500: #945d00;
  --cds-yellow-550: #835100;
  --cds-yellow-600: #734500;
  --cds-yellow-650: #623900;
  --cds-yellow-700: #512e00;
  --cds-yellow-750: #412400;
  --cds-yellow-800: #311a00;
  --cds-yellow-810: #2e1800;
  --cds-yellow-820: #2b1700;
  --cds-yellow-830: #271500;
  --cds-yellow-840: #231402;
  --cds-yellow-850: #1f1204;
  --cds-yellow-860: #1b1106;
  --cds-yellow-870: #171007;
  --cds-yellow-880: #130e09;
  --cds-yellow-890: #0f0d0a;
  --cds-yellow-900: #0b0b0b;
  --cds-green-0: #fff;
  --cds-green-10: #fafdfa;
  --cds-green-20: #f5fbf4;
  --cds-green-30: #f0f9ef;
  --cds-green-40: #ebf7e9;
  --cds-green-50: #e5f4e4;
  --cds-green-60: #e0f2de;
  --cds-green-70: #dbf0d8;
  --cds-green-80: #d5eed3;
  --cds-green-90: #d0eccd;
  --cds-green-100: #caeac7;
  --cds-green-150: #aee0a9;
  --cds-green-200: #91d68b;
  --cds-green-250: #73cb6d;
  --cds-green-300: #55bf50;
  --cds-green-350: #35b231;
  --cds-green-400: #0ca30c;
  --cds-green-450: #009300;
  --cds-green-500: #008300;
  --cds-green-550: #007300;
  --cds-green-600: #006300;
  --cds-green-650: #005400;
  --cds-green-700: #074506;
  --cds-green-750: #0f350d;
  --cds-green-800: #11260f;
  --cds-green-810: #10230f;
  --cds-green-820: #10210f;
  --cds-green-830: #101e0f;
  --cds-green-840: #101b0f;
  --cds-green-850: #0f180e;
  --cds-green-860: #0e160e;
  --cds-green-870: #0e130d;
  --cds-green-880: #0d100d;
  --cds-green-890: #0c0e0c;
  --cds-green-900: #0b0b0b;
  --cds-aqua-0: #fff;
  --cds-aqua-10: #f9fdfb;
  --cds-aqua-20: #f3fbf8;
  --cds-aqua-30: #edf9f4;
  --cds-aqua-40: #e8f7f1;
  --cds-aqua-50: #e2f4ed;
  --cds-aqua-60: #dcf2ea;
  --cds-aqua-70: #d5f0e6;
  --cds-aqua-80: #ceefe2;
  --cds-aqua-90: #c7eddf;
  --cds-aqua-100: #bfebdb;
  --cds-aqua-150: #a0e1c9;
  --cds-aqua-200: #7ad7b4;
  --cds-aqua-250: #5acba0;
  --cds-aqua-300: #3bbd8c;
  --cds-aqua-350: #1baf7a;
  --cds-aqua-400: #199e70;
  --cds-aqua-450: #138e65;
  --cds-aqua-500: #0f7e5c;
  --cds-aqua-550: #0e6e53;
  --cds-aqua-600: #065f49;
  --cds-aqua-650: #095040;
  --cds-aqua-700: #034235;
  --cds-aqua-750: #02342b;
  --cds-aqua-800: #022720;
  --cds-aqua-810: #02241e;
  --cds-aqua-820: #02221c;
  --cds-aqua-830: #021f1a;
  --cds-aqua-840: #031c18;
  --cds-aqua-850: #051a16;
  --cds-aqua-860: #071713;
  --cds-aqua-870: #081411;
  --cds-aqua-880: #0a110f;
  --cds-aqua-890: #0b0e0d;
  --cds-aqua-900: #0b0b0b;
  --cds-blue-0: #fff;
  --cds-blue-10: #fafcff;
  --cds-blue-20: #f5f9fe;
  --cds-blue-30: #f0f7fe;
  --cds-blue-40: #ebf4fc;
  --cds-blue-50: #e7f1fb;
  --cds-blue-60: #e2eefa;
  --cds-blue-70: #ddebfa;
  --cds-blue-80: #d7e8fa;
  --cds-blue-90: #d2e5fa;
  --cds-blue-100: #cde2fb;
  --cds-blue-150: #b7d3f6;
  --cds-blue-200: #9ec5f4;
  --cds-blue-250: #86b6ef;
  --cds-blue-300: #6da7ec;
  --cds-blue-350: #5598e7;
  --cds-blue-400: #3987e5;
  --cds-blue-450: #2a78d6;
  --cds-blue-500: #256abf;
  --cds-blue-550: #1c5cab;
  --cds-blue-600: #184f95;
  --cds-blue-650: #104281;
  --cds-blue-700: #0d366b;
  --cds-blue-750: #062b57;
  --cds-blue-800: #032042;
  --cds-blue-810: #031e3d;
  --cds-blue-820: #021c39;
  --cds-blue-830: #021a36;
  --cds-blue-840: #021831;
  --cds-blue-850: #03162c;
  --cds-blue-860: #051426;
  --cds-blue-870: #07121f;
  --cds-blue-880: #091018;
  --cds-blue-890: #0a0d11;
  --cds-blue-900: #0b0b0b;
  --cds-violet-0: #fff;
  --cds-violet-10: #fcfbff;
  --cds-violet-20: #f8f8ff;
  --cds-violet-30: #f5f4ff;
  --cds-violet-40: #f2f1ff;
  --cds-violet-50: #efedff;
  --cds-violet-60: #ebeafe;
  --cds-violet-70: #e8e6fe;
  --cds-violet-80: #e5e2fd;
  --cds-violet-90: #e2dffd;
  --cds-violet-100: #dfdbfd;
  --cds-violet-150: #cfcafb;
  --cds-violet-200: #bfb9f5;
  --cds-violet-250: #b0a7f2;
  --cds-violet-300: #a096eb;
  --cds-violet-350: #9085e9;
  --cds-violet-400: #8173e3;
  --cds-violet-450: #7161e0;
  --cds-violet-500: #6250d6;
  --cds-violet-550: #5645be;
  --cds-violet-600: #4a3aa7;
  --cds-violet-650: #3e318e;
  --cds-violet-700: #322777;
  --cds-violet-750: #271e60;
  --cds-violet-800: #1d1649;
  --cds-violet-810: #1b1544;
  --cds-violet-820: #19133f;
  --cds-violet-830: #17123b;
  --cds-violet-840: #151036;
  --cds-violet-850: #130f32;
  --cds-violet-860: #110e2b;
  --cds-violet-870: #0f0e23;
  --cds-violet-880: #0e0d1b;
  --cds-violet-890: #0c0c13;
  --cds-violet-900: #0b0b0b;
  --cds-magenta-0: #fff;
  --cds-magenta-10: #fefbfc;
  --cds-magenta-20: #fef6f9;
  --cds-magenta-30: #fdf2f6;
  --cds-magenta-40: #fbeff3;
  --cds-magenta-50: #faebf0;
  --cds-magenta-60: #f9e6ed;
  --cds-magenta-70: #f9e2eb;
  --cds-magenta-80: #f9dee8;
  --cds-magenta-90: #f9d9e5;
  --cds-magenta-100: #f9d4e2;
  --cds-magenta-150: #f3c0d3;
  --cds-magenta-200: #f3a8c3;
  --cds-magenta-250: #ed93b4;
  --cds-magenta-300: #e87ba4;
  --cds-magenta-350: #e46191;
  --cds-magenta-400: #d55181;
  --cds-magenta-450: #c04873;
  --cds-magenta-500: #ad3d66;
  --cds-magenta-550: #993458;
  --cds-magenta-600: #862a4c;
  --cds-magenta-650: #722340;
  --cds-magenta-700: #5e1c34;
  --cds-magenta-750: #4c1429;
  --cds-magenta-800: #390f1f;
  --cds-magenta-810: #360d1c;
  --cds-magenta-820: #320c1a;
  --cds-magenta-830: #2f0b18;
  --cds-magenta-840: #2b0a16;
  --cds-magenta-850: #270a14;
  --cds-magenta-860: #220a12;
  --cds-magenta-870: #1c0b11;
  --cds-magenta-880: #170b0f;
  --cds-magenta-890: #110b0d;
  --cds-magenta-900: #0b0b0b;
  --cds-pictogram-highlight-default: var(--cds-gray-80);
  --cds-pictogram-highlight-heather: var(--cds-heather);
  --cds-pictogram-highlight-cactus: var(--cds-cactus);
  --cds-pictogram-highlight-peach: var(--cds-peach);
  --cds-cursor-interactive: pointer;
  --cds-neutral-0: var(--cds-gray-0);
  --cds-neutral-10: var(--cds-gray-10);
  --cds-neutral-20: var(--cds-gray-20);
  --cds-neutral-30: var(--cds-gray-30);
  --cds-neutral-40: var(--cds-gray-40);
  --cds-neutral-50: var(--cds-gray-50);
  --cds-neutral-60: var(--cds-gray-60);
  --cds-neutral-70: var(--cds-gray-70);
  --cds-neutral-80: var(--cds-gray-80);
  --cds-neutral-90: var(--cds-gray-90);
  --cds-neutral-100: var(--cds-gray-100);
  --cds-neutral-150: var(--cds-gray-150);
  --cds-neutral-200: var(--cds-gray-200);
  --cds-neutral-250: var(--cds-gray-250);
  --cds-neutral-300: var(--cds-gray-300);
  --cds-neutral-350: var(--cds-gray-350);
  --cds-neutral-400: var(--cds-gray-400);
  --cds-neutral-450: var(--cds-gray-450);
  --cds-neutral-500: var(--cds-gray-500);
  --cds-neutral-550: var(--cds-gray-550);
  --cds-neutral-600: var(--cds-gray-600);
  --cds-neutral-650: var(--cds-gray-650);
  --cds-neutral-700: var(--cds-gray-700);
  --cds-neutral-750: var(--cds-gray-750);
  --cds-neutral-800: var(--cds-gray-800);
  --cds-neutral-810: var(--cds-gray-810);
  --cds-neutral-820: var(--cds-gray-820);
  --cds-neutral-830: var(--cds-gray-830);
  --cds-neutral-840: var(--cds-gray-840);
  --cds-neutral-850: var(--cds-gray-850);
  --cds-neutral-860: var(--cds-gray-860);
  --cds-neutral-870: var(--cds-gray-870);
  --cds-neutral-880: var(--cds-gray-880);
  --cds-neutral-890: var(--cds-gray-890);
  --cds-neutral-900: var(--cds-gray-900);
  --cds-alpha-0: hsl(from var(--cds-neutral-900) h s l / 0%);
  --cds-alpha-1: hsl(from var(--cds-neutral-900) h s l / 5%);
  --cds-alpha-2: hsl(from var(--cds-neutral-900) h s l / 10%);
  --cds-alpha-3: hsl(from var(--cds-neutral-900) h s l / 20%);
  --cds-alpha-4: hsl(from var(--cds-neutral-900) h s l / 35%);
  --cds-alpha-5: hsl(from var(--cds-neutral-900) h s l / 50%);
  --cds-alpha-6: hsl(from var(--cds-neutral-900) h s l / 60%);
  --cds-alpha-7: hsl(from var(--cds-neutral-900) h s l / 70%);
  --cds-alpha-8: hsl(from var(--cds-neutral-900) h s l / 85%);
  --cds-alpha-9: hsl(from var(--cds-neutral-900) h s l / 95%);
  --cds-surface-0: var(--cds-gray-20);
  --cds-surface-1: var(--cds-gray-10);
  --cds-surface-2: var(--cds-gray-0);
  --cds-surface-3: var(--cds-gray-0);
  --cds-surface-popover: var(--cds-surface-3);
  --cds-surface-panel: var(--cds-surface-2);
  --cds-page-bg: var(--cds-surface-0);
  --cds-fill-accent: var(--cds-blue-450);
  --cds-fill-accent-hover: var(--cds-blue-400);
  --cds-fill-danger: var(--cds-red-450);
  --cds-fill-danger-hover: var(--cds-red-400);
  --cds-fill-success: var(--cds-green-450);
  --cds-fill-success-hover: var(--cds-green-400);
  --cds-fill-warning: var(--cds-yellow-200);
  --cds-fill-warning-hover: var(--cds-yellow-250);
  --cds-fill-pro: var(--cds-violet-450);
  --cds-fill-pro-hover: var(--cds-violet-400);
  --cds-fill-git-added: #1a8633;
  --cds-fill-git-added-hover: #1e9b3b;
  --cds-fill-git-removed: var(--cds-text-git-removed);
  --cds-fill-git-removed-hover: #de295f;
  --cds-fill-git-modified: #8b751c;
  --cds-fill-git-modified-hover: #a08720;
  --cds-fill-git-merged: #855fd6;
  --cds-fill-git-merged-hover: #9473db;
  --cds-fill-git-closed: #ed0b00;
  --cds-fill-git-closed-hover: #ff1307;
  --cds-fill-git-conflicting: #b85b19;
  --cds-fill-git-conflicting-hover: #c5621b;
  --cds-fill-git-draft: var(--cds-text-git-draft);
  --cds-fill-git-draft-hover: gray;
  --cds-fill-git-opened: var(--cds-fill-git-added);
  --cds-fill-git-opened-hover: var(--cds-fill-git-added-hover);
  --cds-fill-git-queued: var(--cds-fill-git-modified);
  --cds-fill-git-queued-hover: var(--cds-fill-git-modified-hover);
  --cds-fill-brand: var(--cds-clay-emphasized);
  --cds-fill-brand-hover: var(--cds-clay);
  --cds-fill-primary: var(--cds-neutral-900);
  --cds-fill-primary-hover: var(--cds-neutral-750);
  --cds-fill-secondary: #ffffff1a;
  --cds-fill-secondary-hover: var(--cds-alpha-1);
  --cds-fill-secondary-ring: var(--cds-border);
  --cds-fill-field: #ffffff80;
  --cds-fill-ghost-hover: var(--cds-alpha-1);
  --cds-fill-disabled: var(--cds-alpha-1);
  --cds-fill-control: var(--cds-alpha-2);
  --cds-fill-control-hover: var(--cds-alpha-3);
  --cds-bg-accent: var(--cds-blue-100);
  --cds-bg-accent-chip: var(--cds-bg-accent);
  --cds-bg-danger: var(--cds-red-100);
  --cds-bg-danger-chip: var(--cds-bg-danger);
  --cds-bg-success: var(--cds-green-100);
  --cds-bg-success-chip: var(--cds-bg-success);
  --cds-bg-warning: var(--cds-yellow-100);
  --cds-bg-warning-chip: var(--cds-bg-warning);
  --cds-bg-pro: var(--cds-violet-100);
  --cds-bg-pro-chip: var(--cds-bg-pro);
  --cds-bg-git-added: var(--cds-text-git-added);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-added: color-mix(
      in srgb,
      var(--cds-text-git-added) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-removed: var(--cds-text-git-removed);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-removed: color-mix(
      in srgb,
      var(--cds-text-git-removed) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-modified: var(--cds-text-git-modified);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-modified: color-mix(
      in srgb,
      var(--cds-text-git-modified) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-merged: var(--cds-text-git-merged);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-merged: color-mix(
      in srgb,
      var(--cds-text-git-merged) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-closed: var(--cds-text-git-closed);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-closed: color-mix(
      in srgb,
      var(--cds-text-git-closed) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-conflicting: var(--cds-text-git-conflicting);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-conflicting: color-mix(
      in srgb,
      var(--cds-text-git-conflicting) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-draft: var(--cds-text-git-draft);
}
@supports (color: color-mix(in lab, red, red)) {
  .cds-root {
    --cds-bg-git-draft: color-mix(
      in srgb,
      var(--cds-text-git-draft) 20%,
      transparent
    );
  }
}
.cds-root {
  --cds-bg-git-opened: var(--cds-bg-git-added);
  --cds-bg-git-queued: var(--cds-bg-git-modified);
  --cds-bg-neutral: var(--cds-alpha-1);
  --cds-bg-neutral-hover: var(--cds-alpha-2);
  --cds-bg-neutral-chip: var(--cds-bg-neutral);
  --cds-bg-neutral-chip-hover: var(--cds-bg-neutral-hover);
  --cds-backdrop: #0006;
  --cds-text-accent: var(--cds-blue-600);
  --cds-text-danger: var(--cds-red-600);
  --cds-text-success: var(--cds-green-600);
  --cds-text-warning: var(--cds-yellow-600);
  --cds-text-pro: var(--cds-violet-600);
  --cds-text-git-added: #1e9e3c;
  --cds-text-git-removed: #cd2054;
  --cds-text-git-modified: #98801f;
  --cds-text-git-merged: #8e6bd9;
  --cds-text-git-closed: #ff3a30;
  --cds-text-git-conflicting: #c5621b;
  --cds-text-git-draft: #737373;
  --cds-text-git-opened: var(--cds-text-git-added);
  --cds-text-git-queued: var(--cds-text-git-modified);
  --cds-text-primary: var(--cds-neutral-900);
  --cds-text-secondary: var(--cds-neutral-600);
  --cds-text-muted: var(--cds-neutral-400);
  --cds-text-disabled: var(--cds-alpha-4);
  --cds-font-size-caption: 11px;
  --cds-font-size-footnote: 12px;
  --cds-font-size-code: 12px;
  --cds-font-size-body: 13px;
  --cds-font-size-heading: 14px;
  --cds-font-size-title: 20px;
  --cds-font-weight-regular: 400;
  --cds-font-weight-medium: 500;
  --cds-font-weight-semibold: 600;
  --cds-font-weight-bold: 700;
  --cds-leading-caption: 14px;
  --cds-leading-footnote: 14px;
  --cds-leading-code: 17px;
  --cds-leading-body: 18px;
  --cds-leading-heading: 18px;
  --cds-leading-title: 24px;
  --cds-on-primary: var(--cds-neutral-0);
  --cds-on-accent: var(--cds-gray-0);
  --cds-on-danger: var(--cds-gray-0);
  --cds-on-success: var(--cds-gray-900);
  --cds-on-warning: var(--cds-gray-900);
  --cds-on-pro: var(--cds-gray-0);
  --cds-on-git-added: var(--cds-gray-0);
  --cds-on-git-removed: var(--cds-gray-0);
  --cds-on-git-modified: var(--cds-gray-0);
  --cds-on-git-merged: var(--cds-gray-0);
  --cds-on-git-closed: var(--cds-gray-0);
  --cds-on-git-conflicting: var(--cds-gray-0);
  --cds-on-git-draft: var(--cds-gray-0);
  --cds-on-git-opened: var(--cds-on-git-added);
  --cds-on-git-queued: var(--cds-on-git-modified);
  --cds-on-brand: var(--cds-gray-0);
  --cds-z-modal: 40;
  --cds-z-coachmark: 35;
  --cds-z-popover: 50;
  --cds-z-tooltip: 50;
  --cds-z-toast: 60;
  --cds-avatar-sm: 20px;
  --cds-avatar-md: 28px;
  --cds-avatar-lg: 36px;
  --cds-button-on-content: #fff9;
  --cds-button-on-content-hover: #ffffffb3;
  --cds-button-on-content-ring: #ffffff59;
  --cds-checkbox: 16px;
  --cds-checkbox-glyph: 16px;
  --cds-checkbox-radius: 4px;
  --cds-segmented-control-thumb: var(--cds-surface-popover);
  --cds-segmented-control-track: var(--cds-alpha-1);
  --cds-skeleton-base: var(--cds-alpha-2);
  --cds-skeleton-sheen: var(--cds-alpha-2);
  --cds-switch-knob: var(--cds-gray-0);
  --cds-switch-track: var(--cds-alpha-3);
  --cds-switch-track-hover: var(--cds-alpha-4);
  --cds-switch-h: 16px;
  --cds-tooltip-bg: var(--cds-neutral-900);
  --cds-tooltip-fg: var(--cds-neutral-0);
}
[data-mode="dark"] .cds-root:not([data-mode="light"]):not([data-mode="system"]),
.cds-root[data-mode="dark"] {
  --cds-border-accent: var(--cds-blue-700);
  --cds-border-danger: var(--cds-red-700);
  --cds-border-success: var(--cds-green-700);
  --cds-border-warning: var(--cds-yellow-700);
  --cds-border-pro: var(--cds-violet-700);
  --cds-shadow-color: #0000003d;
  --cds-shadow-popover: 0 8px 24px #00000052, 0 2px 6px #0003;
  --cds-ring-outer: 0px;
  --cds-ring-inner: 1px;
  --cds-ring-color: var(--cds-alpha-2);
  --cds-focus-shadow:
    inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent),
    0 0 6px 1px hsl(from var(--cds-blue-600) h s l / 60%);
  --cds-pictogram-highlight-default: var(--cds-gray-650);
  --cds-pictogram-highlight-heather: var(--cds-plum);
  --cds-pictogram-highlight-cactus: var(--cds-mineral);
  --cds-pictogram-highlight-peach: var(--cds-clay-emphasized);
  --cds-neutral-0: var(--cds-gray-900);
  --cds-neutral-10: var(--cds-gray-890);
  --cds-neutral-20: var(--cds-gray-880);
  --cds-neutral-30: var(--cds-gray-870);
  --cds-neutral-40: var(--cds-gray-860);
  --cds-neutral-50: var(--cds-gray-850);
  --cds-neutral-60: var(--cds-gray-840);
  --cds-neutral-70: var(--cds-gray-830);
  --cds-neutral-80: var(--cds-gray-820);
  --cds-neutral-90: var(--cds-gray-810);
  --cds-neutral-100: var(--cds-gray-800);
  --cds-neutral-150: var(--cds-gray-750);
  --cds-neutral-200: var(--cds-gray-700);
  --cds-neutral-250: var(--cds-gray-650);
  --cds-neutral-300: var(--cds-gray-600);
  --cds-neutral-350: var(--cds-gray-550);
  --cds-neutral-400: var(--cds-gray-500);
  --cds-neutral-450: var(--cds-gray-450);
  --cds-neutral-500: var(--cds-gray-400);
  --cds-neutral-550: var(--cds-gray-350);
  --cds-neutral-600: var(--cds-gray-300);
  --cds-neutral-650: var(--cds-gray-250);
  --cds-neutral-700: var(--cds-gray-200);
  --cds-neutral-750: var(--cds-gray-150);
  --cds-neutral-800: var(--cds-gray-100);
  --cds-neutral-810: var(--cds-gray-90);
  --cds-neutral-820: var(--cds-gray-80);
  --cds-neutral-830: var(--cds-gray-70);
  --cds-neutral-840: var(--cds-gray-60);
  --cds-neutral-850: var(--cds-gray-50);
  --cds-neutral-860: var(--cds-gray-40);
  --cds-neutral-870: var(--cds-gray-30);
  --cds-neutral-880: var(--cds-gray-20);
  --cds-neutral-890: var(--cds-gray-10);
  --cds-neutral-900: var(--cds-gray-0);
  --cds-surface-0: var(--cds-gray-890);
  --cds-surface-1: var(--cds-gray-830);
  --cds-surface-2: var(--cds-gray-750);
  --cds-surface-3: var(--cds-gray-700);
  --cds-fill-git-added: var(--cds-text-git-added);
  --cds-fill-git-added-hover: #27c840;
  --cds-fill-git-removed-hover: #ff1342;
  --cds-fill-git-modified: var(--cds-text-git-modified);
  --cds-fill-git-modified-hover: #fac800;
  --cds-fill-git-merged: var(--cds-text-git-merged);
  --cds-fill-git-merged-hover: #a67dff;
  --cds-fill-git-closed: var(--cds-text-git-closed);
  --cds-fill-git-closed-hover: #ff4940;
  --cds-fill-git-conflicting: var(--cds-text-git-conflicting);
  --cds-fill-git-conflicting-hover: #f97a1f;
  --cds-fill-git-draft-hover: #999;
  --cds-fill-primary-hover: var(--cds-gray-100);
  --cds-fill-secondary: var(--cds-alpha-2);
  --cds-fill-secondary-hover: #ffffff24;
  --cds-fill-secondary-ring: transparent;
  --cds-fill-field: var(--cds-fill-secondary);
  --cds-bg-accent: var(--cds-blue-800);
  --cds-bg-danger: var(--cds-red-800);
  --cds-bg-success: var(--cds-green-800);
  --cds-bg-warning: var(--cds-yellow-800);
  --cds-bg-pro: var(--cds-violet-800);
  --cds-backdrop: #00000080;
  --cds-text-accent: var(--cds-blue-300);
  --cds-text-danger: var(--cds-red-300);
  --cds-text-success: var(--cds-green-400);
  --cds-text-warning: var(--cds-yellow-300);
  --cds-text-pro: var(--cds-violet-300);
  --cds-text-git-added: #32d74b;
  --cds-text-git-removed: #ff2c56;
  --cds-text-git-modified: #ffd014;
  --cds-text-git-merged: #b796ff;
  --cds-text-git-closed: #ff6159;
  --cds-text-git-conflicting: #fa832e;
  --cds-text-git-draft: #a6a6a6;
  --cds-text-secondary: var(--cds-gray-200);
  --cds-text-muted: var(--cds-gray-400);
  --cds-on-git-added: var(--cds-gray-900);
  --cds-on-git-removed: var(--cds-gray-900);
  --cds-on-git-modified: var(--cds-gray-900);
  --cds-on-git-merged: var(--cds-gray-900);
  --cds-on-git-closed: var(--cds-gray-900);
  --cds-on-git-conflicting: var(--cds-gray-900);
  --cds-on-git-draft: var(--cds-gray-900);
  --cds-button-on-content: #0000008c;
  --cds-button-on-content-hover: #000000a6;
  --cds-button-on-content-ring: transparent;
  --cds-segmented-control-thumb: var(--cds-alpha-3);
  --cds-tooltip-bg: var(--cds-surface-3);
  --cds-tooltip-fg: var(--cds-text-primary);
}
@media (prefers-color-scheme: dark) {
  [data-mode="system"]
    .cds-root:not([data-mode="light"]):not([data-mode="dark"]),
  .cds-root[data-mode="system"],
  .cds-root:not([data-mode]):not([data-mode] *) {
    --cds-border-accent: var(--cds-blue-700);
    --cds-border-danger: var(--cds-red-700);
    --cds-border-success: var(--cds-green-700);
    --cds-border-warning: var(--cds-yellow-700);
    --cds-border-pro: var(--cds-violet-700);
    --cds-shadow-color: #0000003d;
    --cds-shadow-popover: 0 8px 24px #00000052, 0 2px 6px #0003;
    --cds-ring-outer: 0px;
    --cds-ring-inner: 1px;
    --cds-ring-color: var(--cds-alpha-2);
    --cds-focus-shadow:
      inset 0 0 0 1px var(--cds-page-bg), 0 0 0 1px var(--cds-fill-accent),
      0 0 6px 1px hsl(from var(--cds-blue-600) h s l / 60%);
    --cds-pictogram-highlight-default: var(--cds-gray-650);
    --cds-pictogram-highlight-heather: var(--cds-plum);
    --cds-pictogram-highlight-cactus: var(--cds-mineral);
    --cds-pictogram-highlight-peach: var(--cds-clay-emphasized);
    --cds-neutral-0: var(--cds-gray-900);
    --cds-neutral-10: var(--cds-gray-890);
    --cds-neutral-20: var(--cds-gray-880);
    --cds-neutral-30: var(--cds-gray-870);
    --cds-neutral-40: var(--cds-gray-860);
    --cds-neutral-50: var(--cds-gray-850);
    --cds-neutral-60: var(--cds-gray-840);
    --cds-neutral-70: var(--cds-gray-830);
    --cds-neutral-80: var(--cds-gray-820);
    --cds-neutral-90: var(--cds-gray-810);
    --cds-neutral-100: var(--cds-gray-800);
    --cds-neutral-150: var(--cds-gray-750);
    --cds-neutral-200: var(--cds-gray-700);
    --cds-neutral-250: var(--cds-gray-650);
    --cds-neutral-300: var(--cds-gray-600);
    --cds-neutral-350: var(--cds-gray-550);
    --cds-neutral-400: var(--cds-gray-500);
    --cds-neutral-450: var(--cds-gray-450);
    --cds-neutral-500: var(--cds-gray-400);
    --cds-neutral-550: var(--cds-gray-350);
    --cds-neutral-600: var(--cds-gray-300);
    --cds-neutral-650: var(--cds-gray-250);
    --cds-neutral-700: var(--cds-gray-200);
    --cds-neutral-750: var(--cds-gray-150);
    --cds-neutral-800: var(--cds-gray-100);
    --cds-neutral-810: var(--cds-gray-90);
    --cds-neutral-820: var(--cds-gray-80);
    --cds-neutral-830: var(--cds-gray-70);
    --cds-neutral-840: var(--cds-gray-60);
    --cds-neutral-850: var(--cds-gray-50);
    --cds-neutral-860: var(--cds-gray-40);
    --cds-neutral-870: var(--cds-gray-30);
    --cds-neutral-880: var(--cds-gray-20);
    --cds-neutral-890: var(--cds-gray-10);
    --cds-neutral-900: var(--cds-gray-0);
    --cds-surface-0: var(--cds-gray-890);
    --cds-surface-1: var(--cds-gray-830);
    --cds-surface-2: var(--cds-gray-750);
    --cds-surface-3: var(--cds-gray-700);
    --cds-fill-git-added: var(--cds-text-git-added);
    --cds-fill-git-added-hover: #27c840;
    --cds-fill-git-removed-hover: #ff1342;
    --cds-fill-git-modified: var(--cds-text-git-modified);
    --cds-fill-git-modified-hover: #fac800;
    --cds-fill-git-merged: var(--cds-text-git-merged);
    --cds-fill-git-merged-hover: #a67dff;
    --cds-fill-git-closed: var(--cds-text-git-closed);
    --cds-fill-git-closed-hover: #ff4940;
    --cds-fill-git-conflicting: var(--cds-text-git-conflicting);
    --cds-fill-git-conflicting-hover: #f97a1f;
    --cds-fill-git-draft-hover: #999;
    --cds-fill-primary-hover: var(--cds-gray-100);
    --cds-fill-secondary: var(--cds-alpha-2);
    --cds-fill-secondary-hover: #ffffff24;
    --cds-fill-secondary-ring: transparent;
    --cds-fill-field: var(--cds-fill-secondary);
    --cds-bg-accent: var(--cds-blue-800);
    --cds-bg-danger: var(--cds-red-800);
    --cds-bg-success: var(--cds-green-800);
    --cds-bg-warning: var(--cds-yellow-800);
    --cds-bg-pro: var(--cds-violet-800);
    --cds-backdrop: #00000080;
    --cds-text-accent: var(--cds-blue-300);
    --cds-text-danger: var(--cds-red-300);
    --cds-text-success: var(--cds-green-400);
    --cds-text-warning: var(--cds-yellow-300);
    --cds-text-pro: var(--cds-violet-300);
    --cds-text-git-added: #32d74b;
    --cds-text-git-removed: #ff2c56;
    --cds-text-git-modified: #ffd014;
    --cds-text-git-merged: #b796ff;
    --cds-text-git-closed: #ff6159;
    --cds-text-git-conflicting: #fa832e;
    --cds-text-git-draft: #a6a6a6;
    --cds-text-secondary: var(--cds-gray-200);
    --cds-text-muted: var(--cds-gray-400);
    --cds-on-git-added: var(--cds-gray-900);
    --cds-on-git-removed: var(--cds-gray-900);
    --cds-on-git-modified: var(--cds-gray-900);
    --cds-on-git-merged: var(--cds-gray-900);
    --cds-on-git-closed: var(--cds-gray-900);
    --cds-on-git-conflicting: var(--cds-gray-900);
    --cds-on-git-draft: var(--cds-gray-900);
    --cds-button-on-content: #0000008c;
    --cds-button-on-content-hover: #000000a6;
    --cds-button-on-content-ring: transparent;
    --cds-segmented-control-thumb: var(--cds-alpha-3);
    --cds-tooltip-bg: var(--cds-surface-3);
    --cds-tooltip-fg: var(--cds-text-primary);
  }
}
.cds-root[data-font="system"] {
  --cds-font-sans: var(--cds-font-system);
}
.cds-root[data-platform="desktop"] {
  --cds-cursor-interactive: default;
}
.cds-root[data-density="comfortable"] {
  --cds-radius: 8px;
  --cds-h-control: 32px;
  --cds-h-control-nested: 22px;
  --cds-icon: 20px;
  --cds-pad-sm: 8px;
  --cds-pad-md: 12px;
  --cds-pad-lg: 16px;
  --cds-pad-xl: 24px;
  --cds-gap-xs: 8px;
  --cds-gap-sm: 12px;
  --cds-gap-md: 16px;
  --cds-gap-lg: 28px;
  --cds-gap-xl: 40px;
  --cds-font-size-caption: 12px;
  --cds-font-size-footnote: 13px;
  --cds-font-size-code: 13px;
  --cds-font-size-body: 14px;
  --cds-font-size-heading: 15px;
  --cds-font-size-title: 22px;
  --cds-leading-caption: 14px;
  --cds-leading-footnote: 16px;
  --cds-leading-code: 19px;
  --cds-leading-body: 20px;
  --cds-leading-heading: 20px;
  --cds-leading-title: 26px;
  --cds-avatar-sm: 24px;
  --cds-avatar-md: 32px;
  --cds-avatar-lg: 40px;
  --cds-checkbox: 20px;
  --cds-checkbox-glyph: 16px;
  --cds-checkbox-radius: 5px;
  --cds-switch-h: 20px;
}
.cds-root [data-step="1"],
.cds-root[data-density="compact"] [data-size="xs"],
.cds-root[data-density="compact"] [data-size="sm"] {
  --cds-radius: 5px;
  --cds-h-control: 20px;
  --cds-h-control-nested: 16px;
  --cds-icon: 12px;
  --cds-pad-sm: 4px;
  --cds-pad-md: 6px;
  --cds-pad-lg: 10px;
  --cds-pad-xl: 14px;
  --cds-font-size-caption: 10px;
  --cds-font-size-body: 12px;
  --cds-checkbox: 14px;
  --cds-checkbox-glyph: 14px;
  --cds-checkbox-radius: 4px;
  --cds-switch-h: 14px;
}
.cds-root [data-step="2"],
.cds-root[data-density="comfortable"] [data-size="xs"] {
  --cds-radius: 6px;
  --cds-h-control: 24px;
  --cds-h-control-nested: 18px;
  --cds-icon: 16px;
  --cds-pad-sm: 6px;
  --cds-pad-md: 8px;
  --cds-pad-lg: 12px;
  --cds-pad-xl: 20px;
  --cds-font-size-caption: 11px;
  --cds-font-size-body: 13px;
  --cds-checkbox: 16px;
  --cds-checkbox-glyph: 16px;
  --cds-checkbox-radius: 4px;
  --cds-switch-h: 16px;
}
.cds-root [data-step="3"],
.cds-root[data-density="compact"] [data-size="lg"],
.cds-root[data-density="comfortable"] [data-size="sm"] {
  --cds-radius: 7px;
  --cds-h-control: 28px;
  --cds-h-control-nested: 20px;
  --cds-icon: 16px;
  --cds-pad-sm: 8px;
  --cds-pad-md: 10px;
  --cds-pad-lg: 14px;
  --cds-pad-xl: 22px;
  --cds-font-size-caption: 12px;
  --cds-font-size-body: 14px;
  --cds-checkbox: 18px;
  --cds-checkbox-glyph: 16px;
  --cds-checkbox-radius: 5px;
  --cds-switch-h: 18px;
}
.cds-root [data-step="4"] {
  --cds-radius: 8px;
  --cds-h-control: 32px;
  --cds-h-control-nested: 22px;
  --cds-icon: 20px;
  --cds-pad-sm: 8px;
  --cds-pad-md: 12px;
  --cds-pad-lg: 16px;
  --cds-pad-xl: 24px;
  --cds-font-size-caption: 12px;
  --cds-font-size-body: 14px;
  --cds-checkbox: 20px;
  --cds-checkbox-glyph: 16px;
  --cds-checkbox-radius: 5px;
  --cds-switch-h: 20px;
}
.cds-root [data-step="5"],
.cds-root[data-density="comfortable"] [data-size="lg"] {
  --cds-radius: 10px;
  --cds-h-control: 40px;
  --cds-h-control-nested: 28px;
  --cds-icon: 24px;
  --cds-pad-sm: 12px;
  --cds-pad-md: 16px;
  --cds-pad-lg: 20px;
  --cds-pad-xl: 28px;
  --cds-font-size-caption: 13px;
  --cds-font-size-body: 15px;
  --cds-checkbox: 24px;
  --cds-checkbox-glyph: 20px;
  --cds-checkbox-radius: 6px;
  --cds-switch-h: 24px;
}
@property --cds-scroll-fade-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 28px;
}
@property --cds-scroll-fade-top {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-bottom {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-left {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-right {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-top-raw {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-bottom-raw {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-left-raw {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-right-raw {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-y-active {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --cds-scroll-fade-x-active {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@keyframes cds-scroll-fade-top {
  0% {
    --cds-scroll-fade-top-raw: 0px;
  }
  to {
    --cds-scroll-fade-top-raw: var(--cds-scroll-fade-size);
  }
}
@keyframes cds-scroll-fade-bottom {
  0% {
    --cds-scroll-fade-bottom-raw: var(--cds-scroll-fade-size);
  }
  to {
    --cds-scroll-fade-bottom-raw: 0px;
  }
}
@keyframes cds-scroll-fade-left {
  0% {
    --cds-scroll-fade-left-raw: 0px;
  }
  to {
    --cds-scroll-fade-left-raw: var(--cds-scroll-fade-size);
  }
}
@keyframes cds-scroll-fade-right {
  0% {
    --cds-scroll-fade-right-raw: var(--cds-scroll-fade-size);
  }
  to {
    --cds-scroll-fade-right-raw: 0px;
  }
}
@keyframes cds-scroll-fade-y-active {
  0%,
  to {
    --cds-scroll-fade-y-active: 1;
  }
}
@keyframes cds-scroll-fade-x-active {
  0%,
  to {
    --cds-scroll-fade-x-active: 1;
  }
}
@keyframes loading-background {
  0%,
  to {
    background-position: 0 0;
  }
  25% {
    background-position: 100% 0;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0 100%;
  }
}
:root {
  --_brand-clay: 14.8 63.1% 59.6%;
  --_brand-clay-emphasized: 15.1 54.2% 51.2%;
  --_gray-0: 0 0% 100%;
  --_gray-10: 60 14% 99%;
  --_gray-20: 60 14% 97%;
  --_gray-30: 60 10% 96%;
  --_gray-40: 60 11% 95%;
  --_gray-50: 45 12% 93%;
  --_gray-60: 48 12% 92%;
  --_gray-70: 50 12% 91%;
  --_gray-80: 50 11% 89%;
  --_gray-90: 51 11% 88%;
  --_gray-100: 53 12% 87%;
  --_gray-150: 55 11% 80%;
  --_gray-200: 55 9% 74%;
  --_gray-250: 55 7% 68%;
  --_gray-300: 55 6% 63%;
  --_gray-350: 48 5% 57%;
  --_gray-400: 45 3% 52%;
  --_gray-450: 43 3% 47%;
  --_gray-500: 40 3% 42%;
  --_gray-550: 48 3% 36%;
  --_gray-600: 45 3% 31%;
  --_gray-650: 40 2% 26%;
  --_gray-700: 60 3% 21%;
  --_gray-750: 60 2% 17%;
  --_gray-800: 60 2% 12%;
  --_gray-810: 60 2% 12%;
  --_gray-820: 60 2% 11%;
  --_gray-830: 60 2% 10%;
  --_gray-840: 60 2% 9%;
  --_gray-850: 0 0% 8%;
  --_gray-860: 0 0% 7%;
  --_gray-870: 0 0% 7%;
  --_gray-880: 0 0% 6%;
  --_gray-890: 0 0% 5%;
  --_gray-900: 0 0% 4%;
  --_red-0: 0 0% 100%;
  --_red-10: 0 100% 99%;
  --_red-20: 0 78% 98%;
  --_red-30: 0 85% 97%;
  --_red-40: 0 78% 96%;
  --_red-50: 0 67% 95%;
  --_red-60: 0 66% 94%;
  --_red-70: 0 70% 94%;
  --_red-80: 0 73% 93%;
  --_red-90: 0 76% 92%;
  --_red-100: 0 78% 91%;
  --_red-150: 0 77% 86%;
  --_red-200: 0 77% 81%;
  --_red-250: 0 75% 76%;
  --_red-300: 0 74% 71%;
  --_red-350: 0 72% 65%;
  --_red-400: 0 73% 59%;
  --_red-450: 0 61% 52%;
  --_red-500: 0 55% 47%;
  --_red-550: 0 57% 41%;
  --_red-600: 0 58% 35%;
  --_red-650: 0 60% 30%;
  --_red-700: 0 60% 25%;
  --_red-750: 0 64% 19%;
  --_red-800: 0 62% 15%;
  --_red-810: 0 62% 14%;
  --_red-820: 0 63% 13%;
  --_red-830: 0 63% 12%;
  --_red-840: 0 64% 11%;
  --_red-850: 0 60% 10%;
  --_red-860: 2 56% 9%;
  --_red-870: 3 49% 8%;
  --_red-880: 5 35% 7%;
  --_red-890: 10 21% 5%;
  --_red-900: 0 0% 4%;
  --_orange-0: 0 0% 100%;
  --_orange-10: 15 67% 99%;
  --_orange-20: 15 67% 98%;
  --_orange-30: 20 67% 96%;
  --_orange-40: 17 58% 95%;
  --_orange-50: 17 60% 94%;
  --_orange-60: 19 61% 93%;
  --_orange-70: 18 62% 92%;
  --_orange-80: 19 67% 91%;
  --_orange-90: 17 70% 89%;
  --_orange-100: 18 73% 88%;
  --_orange-150: 18 73% 83%;
  --_orange-200: 16 81% 77%;
  --_orange-250: 16 80% 71%;
  --_orange-300: 17 79% 64%;
  --_orange-350: 17 82% 56%;
  --_orange-400: 17 70% 50%;
  --_orange-450: 17 69% 45%;
  --_orange-500: 17 72% 40%;
  --_orange-550: 17 72% 35%;
  --_orange-600: 17 77% 30%;
  --_orange-650: 17 77% 25%;
  --_orange-700: 18 79% 20%;
  --_orange-750: 17 81% 16%;
  --_orange-800: 16 77% 12%;
  --_orange-810: 16 76% 12%;
  --_orange-820: 16 78% 11%;
  --_orange-830: 15 76% 10%;
  --_orange-840: 15 74% 9%;
  --_orange-850: 14 67% 8%;
  --_orange-860: 16 59% 8%;
  --_orange-870: 18 49% 7%;
  --_orange-880: 16 35% 6%;
  --_orange-890: 12 19% 5%;
  --_orange-900: 0 0% 4%;
  --_yellow-0: 0 0% 100%;
  --_yellow-10: 40 75% 98%;
  --_yellow-20: 38 65% 97%;
  --_yellow-30: 39 68% 95%;
  --_yellow-40: 40 64% 94%;
  --_yellow-50: 39 72% 92%;
  --_yellow-60: 40 81% 89%;
  --_yellow-70: 40 85% 87%;
  --_yellow-80: 39 87% 85%;
  --_yellow-90: 39 86% 83%;
  --_yellow-100: 40 88% 81%;
  --_yellow-150: 40 92% 69%;
  --_yellow-200: 41 96% 54%;
  --_yellow-250: 41 100% 46%;
  --_yellow-300: 40 100% 43%;
  --_yellow-350: 40 100% 39%;
  --_yellow-400: 39 100% 36%;
  --_yellow-450: 38 100% 33%;
  --_yellow-500: 38 100% 29%;
  --_yellow-550: 37 100% 26%;
  --_yellow-600: 36 100% 23%;
  --_yellow-650: 35 100% 19%;
  --_yellow-700: 34 100% 16%;
  --_yellow-750: 33 100% 13%;
  --_yellow-800: 32 100% 10%;
  --_yellow-810: 31 100% 9%;
  --_yellow-820: 32 100% 8%;
  --_yellow-830: 32 100% 8%;
  --_yellow-840: 33 89% 7%;
  --_yellow-850: 31 77% 7%;
  --_yellow-860: 31 64% 6%;
  --_yellow-870: 34 53% 6%;
  --_yellow-880: 30 36% 5%;
  --_yellow-890: 36 20% 5%;
  --_yellow-900: 0 0% 4%;
  --_green-0: 0 0% 100%;
  --_green-10: 84 56% 98%;
  --_green-20: 87 58% 96%;
  --_green-30: 86 50% 95%;
  --_green-40: 83 50% 93%;
  --_green-50: 85 48% 91%;
  --_green-60: 84 50% 89%;
  --_green-70: 83 52% 87%;
  --_green-80: 83 53% 85%;
  --_green-90: 83 55% 83%;
  --_green-100: 83 55% 81%;
  --_green-150: 83 55% 71%;
  --_green-200: 83 54% 61%;
  --_green-250: 81 54% 51%;
  --_green-300: 79 94% 37%;
  --_green-350: 79 100% 33%;
  --_green-400: 81 100% 30%;
  --_green-450: 82 100% 27%;
  --_green-500: 84 100% 24%;
  --_green-550: 86 100% 21%;
  --_green-600: 87 100% 18%;
  --_green-650: 89 100% 16%;
  --_green-700: 91 100% 13%;
  --_green-750: 92 100% 10%;
  --_green-800: 95 100% 8%;
  --_green-810: 97 100% 7%;
  --_green-820: 99 100% 7%;
  --_green-830: 98 100% 6%;
  --_green-840: 95 100% 6%;
  --_green-850: 95 86% 5%;
  --_green-860: 95 70% 5%;
  --_green-870: 97 48% 5%;
  --_green-880: 98 31% 5%;
  --_green-890: 90 17% 5%;
  --_green-900: 0 0% 4%;
  --_aqua-0: 0 0% 100%;
  --_aqua-10: 150 50% 98%;
  --_aqua-20: 158 50% 97%;
  --_aqua-30: 155 50% 95%;
  --_aqua-40: 156 48% 94%;
  --_aqua-50: 157 45% 92%;
  --_aqua-60: 158 46% 91%;
  --_aqua-70: 158 47% 89%;
  --_aqua-80: 156 51% 87%;
  --_aqua-90: 158 51% 85%;
  --_aqua-100: 158 52% 84%;
  --_aqua-150: 158 52% 75%;
  --_aqua-200: 157 54% 66%;
  --_aqua-250: 157 52% 57%;
  --_aqua-300: 157 52% 49%;
  --_aqua-350: 159 73% 40%;
  --_aqua-400: 159 73% 36%;
  --_aqua-450: 160 76% 32%;
  --_aqua-500: 162 79% 28%;
  --_aqua-550: 163 77% 24%;
  --_aqua-600: 165 88% 20%;
  --_aqua-650: 166 80% 17%;
  --_aqua-700: 168 91% 14%;
  --_aqua-750: 169 93% 11%;
  --_aqua-800: 169 90% 8%;
  --_aqua-810: 169 89% 7%;
  --_aqua-820: 169 89% 7%;
  --_aqua-830: 170 88% 6%;
  --_aqua-840: 170 81% 6%;
  --_aqua-850: 169 68% 6%;
  --_aqua-860: 165 53% 6%;
  --_aqua-870: 165 43% 5%;
  --_aqua-880: 163 26% 5%;
  --_aqua-890: 160 12% 5%;
  --_aqua-900: 0 0% 4%;
  --_blue-0: 0 0% 100%;
  --_blue-10: 216 100% 99%;
  --_blue-20: 213 82% 98%;
  --_blue-30: 210 88% 97%;
  --_blue-40: 208 74% 95%;
  --_blue-50: 210 71% 95%;
  --_blue-60: 210 71% 93%;
  --_blue-70: 211 74% 92%;
  --_blue-80: 211 78% 91%;
  --_blue-90: 211 80% 90%;
  --_blue-100: 213 85% 89%;
  --_blue-150: 213 78% 84%;
  --_blue-200: 213 80% 79%;
  --_blue-250: 213 77% 73%;
  --_blue-300: 213 77% 68%;
  --_blue-350: 212 75% 62%;
  --_blue-400: 213 77% 56%;
  --_blue-450: 213 68% 50%;
  --_blue-500: 213 68% 45%;
  --_blue-550: 213 72% 39%;
  --_blue-600: 214 72% 34%;
  --_blue-650: 213 78% 28%;
  --_blue-700: 214 78% 24%;
  --_blue-750: 213 87% 18%;
  --_blue-800: 212 91% 14%;
  --_blue-810: 212 91% 13%;
  --_blue-820: 212 93% 12%;
  --_blue-830: 212 93% 11%;
  --_blue-840: 212 92% 10%;
  --_blue-850: 212 87% 9%;
  --_blue-860: 213 77% 8%;
  --_blue-870: 213 63% 7%;
  --_blue-880: 212 45% 6%;
  --_blue-890: 214 26% 5%;
  --_blue-900: 0 0% 4%;
  --_violet-0: 0 0% 100%;
  --_violet-10: 255 100% 99%;
  --_violet-20: 240 100% 99%;
  --_violet-30: 245 100% 98%;
  --_violet-40: 244 100% 97%;
  --_violet-50: 247 100% 96%;
  --_violet-60: 243 91% 96%;
  --_violet-70: 245 92% 95%;
  --_violet-80: 247 87% 94%;
  --_violet-90: 246 88% 93%;
  --_violet-100: 247 89% 93%;
  --_violet-150: 246 86% 89%;
  --_violet-200: 246 75% 84%;
  --_violet-250: 247 74% 80%;
  --_violet-300: 247 68% 75%;
  --_violet-350: 247 69% 72%;
  --_violet-400: 248 67% 67%;
  --_violet-450: 248 67% 63%;
  --_violet-500: 248 62% 58%;
  --_violet-550: 248 48% 51%;
  --_violet-600: 249 48% 44%;
  --_violet-650: 248 49% 37%;
  --_violet-700: 248 51% 31%;
  --_violet-750: 248 52% 25%;
  --_violet-800: 248 54% 19%;
  --_violet-810: 248 53% 17%;
  --_violet-820: 248 54% 16%;
  --_violet-830: 247 53% 15%;
  --_violet-840: 248 54% 14%;
  --_violet-850: 247 54% 13%;
  --_violet-860: 246 51% 11%;
  --_violet-870: 243 43% 10%;
  --_violet-880: 244 35% 8%;
  --_violet-890: 240 23% 6%;
  --_violet-900: 0 0% 4%;
  --_magenta-0: 0 0% 100%;
  --_magenta-10: 340 60% 99%;
  --_magenta-20: 338 80% 98%;
  --_magenta-30: 338 73% 97%;
  --_magenta-40: 340 60% 96%;
  --_magenta-50: 340 60% 95%;
  --_magenta-60: 338 61% 94%;
  --_magenta-70: 337 66% 93%;
  --_magenta-80: 338 69% 92%;
  --_magenta-90: 338 73% 91%;
  --_magenta-100: 337 76% 90%;
  --_magenta-150: 338 68% 85%;
  --_magenta-200: 338 76% 81%;
  --_magenta-250: 338 71% 75%;
  --_magenta-300: 337 70% 70%;
  --_magenta-350: 338 71% 64%;
  --_magenta-400: 338 61% 58%;
  --_magenta-450: 339 49% 52%;
  --_magenta-500: 338 48% 46%;
  --_magenta-550: 339 49% 40%;
  --_magenta-600: 338 52% 35%;
  --_magenta-650: 338 53% 29%;
  --_magenta-700: 338 54% 24%;
  --_magenta-750: 338 58% 19%;
  --_magenta-800: 337 58% 14%;
  --_magenta-810: 338 61% 13%;
  --_magenta-820: 338 61% 12%;
  --_magenta-830: 338 62% 11%;
  --_magenta-840: 338 62% 10%;
  --_magenta-850: 339 59% 10%;
  --_magenta-860: 340 55% 9%;
  --_magenta-870: 339 44% 8%;
  --_magenta-880: 340 35% 7%;
  --_magenta-890: 340 21% 5%;
  --_magenta-900: 0 0% 4%;
}
[data-color-version="v2"][data-theme="claude"],
[data-color-version="v2"][data-theme="claude"][data-mode="light"] {
  --accent-brand: var(--_brand-clay);
  --accent-000: var(--_blue-600);
  --accent-100: var(--_blue-500);
  --accent-200: var(--_blue-500);
  --accent-900: var(--_blue-100);
  --accent-pro-000: var(--_violet-600);
  --accent-pro-100: var(--_violet-450);
  --accent-pro-200: var(--_violet-450);
  --accent-pro-900: var(--_violet-100);
  --bg-000: var(--_gray-0);
  --bg-100: var(--_gray-20);
  --bg-200: var(--_gray-40);
  --bg-300: var(--_gray-50);
  --bg-400: var(--_gray-80);
  --bg-500: var(--_gray-80);
  --brand-000: var(--_brand-clay-emphasized);
  --brand-100: var(--_brand-clay-emphasized);
  --brand-200: var(--_brand-clay);
  --brand-900: var(--always-black);
  --border-100: var(--_gray-810);
  --border-200: var(--_gray-810);
  --border-300: var(--_gray-810);
  --border-400: var(--_gray-810);
  --danger-000: var(--_red-600);
  --danger-100: var(--_red-450);
  --danger-200: var(--_red-450);
  --danger-900: var(--_red-100);
  --pictogram-100: var(--_gray-80);
  --pictogram-200: var(--_gray-100);
  --pictogram-300: var(--_gray-0);
  --pictogram-400: var(--_gray-20);
  --success-000: var(--_green-600);
  --success-100: var(--_green-450);
  --success-200: var(--_green-450);
  --success-900: var(--_green-100);
  --text-000: var(--_gray-860);
  --text-100: var(--_gray-860);
  --text-200: var(--_gray-700);
  --text-300: var(--_gray-700);
  --text-400: var(--_gray-450);
  --text-500: var(--_gray-450);
  --warning-000: var(--_yellow-600);
  --warning-100: var(--_yellow-450);
  --warning-200: var(--_yellow-450);
  --warning-900: var(--_yellow-100);
}
[data-color-version="v2"][data-theme="claude"][data-mode="dark"] {
  --accent-brand: var(--_brand-clay);
  --accent-000: var(--_blue-200);
  --accent-100: var(--_blue-350);
  --accent-200: var(--_blue-350);
  --accent-900: var(--_blue-750);
  --accent-pro-000: var(--_violet-200);
  --accent-pro-100: var(--_violet-400);
  --accent-pro-200: var(--_violet-400);
  --accent-pro-900: var(--_violet-750);
  --bg-000: var(--_gray-750);
  --bg-100: var(--_gray-800);
  --bg-200: var(--_gray-840);
  --bg-300: var(--_gray-860);
  --bg-400: var(--_gray-900);
  --bg-500: var(--_gray-900);
  --brand-000: var(--_brand-clay-emphasized);
  --brand-100: var(--_brand-clay);
  --brand-200: var(--_brand-clay);
  --brand-900: var(--always-black);
  --border-100: var(--_gray-100);
  --border-200: var(--_gray-100);
  --border-300: var(--_gray-100);
  --border-400: var(--_gray-100);
  --danger-000: var(--_red-200);
  --danger-100: var(--_red-400);
  --danger-200: var(--_red-400);
  --danger-900: var(--_red-750);
  --pictogram-100: var(--_gray-650);
  --pictogram-200: var(--_gray-700);
  --pictogram-300: var(--_gray-750);
  --pictogram-400: var(--_gray-800);
  --success-000: var(--_green-200);
  --success-100: var(--_green-400);
  --success-200: var(--_green-400);
  --success-900: var(--_green-750);
  --text-000: var(--_gray-20);
  --text-100: var(--_gray-20);
  --text-200: var(--_gray-200);
  --text-300: var(--_gray-200);
  --text-400: var(--_gray-350);
  --text-500: var(--_gray-350);
  --warning-000: var(--_yellow-200);
  --warning-100: var(--_yellow-400);
  --warning-200: var(--_yellow-400);
  --warning-900: var(--_yellow-750);
}
@media (prefers-color-scheme: dark) {
  [data-color-version="v2"][data-theme="claude"] {
    --accent-brand: var(--_brand-clay);
    --accent-000: var(--_blue-200);
    --accent-100: var(--_blue-350);
    --accent-200: var(--_blue-350);
    --accent-900: var(--_blue-750);
    --accent-pro-000: var(--_violet-200);
    --accent-pro-100: var(--_violet-400);
    --accent-pro-200: var(--_violet-400);
    --accent-pro-900: var(--_violet-750);
    --bg-000: var(--_gray-750);
    --bg-100: var(--_gray-800);
    --bg-200: var(--_gray-840);
    --bg-300: var(--_gray-860);
    --bg-400: var(--_gray-900);
    --bg-500: var(--_gray-900);
    --brand-000: var(--_brand-clay-emphasized);
    --brand-100: var(--_brand-clay);
    --brand-200: var(--_brand-clay);
    --brand-900: var(--always-black);
    --border-100: var(--_gray-100);
    --border-200: var(--_gray-100);
    --border-300: var(--_gray-100);
    --border-400: var(--_gray-100);
    --danger-000: var(--_red-200);
    --danger-100: var(--_red-400);
    --danger-200: var(--_red-400);
    --danger-900: var(--_red-750);
    --pictogram-100: var(--_gray-650);
    --pictogram-200: var(--_gray-700);
    --pictogram-300: var(--_gray-750);
    --pictogram-400: var(--_gray-800);
    --success-000: var(--_green-200);
    --success-100: var(--_green-400);
    --success-200: var(--_green-400);
    --success-900: var(--_green-750);
    --text-000: var(--_gray-20);
    --text-100: var(--_gray-20);
    --text-200: var(--_gray-200);
    --text-300: var(--_gray-200);
    --text-400: var(--_gray-350);
    --text-500: var(--_gray-350);
    --warning-000: var(--_yellow-200);
    --warning-100: var(--_yellow-400);
    --warning-200: var(--_yellow-400);
    --warning-900: var(--_yellow-750);
  }
}
html .code-block__code::selection {
  background-color: hsl(var(--accent-100));
  color: hsl(var(--oncolor-100));
}
html .code-block__code ::selection {
  background-color: hsl(var(--accent-100));
  color: hsl(var(--oncolor-100));
}
html .cm-editor ::selection {
  color: currentColor;
}
@keyframes chorus-flip-up {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
}
@keyframes chorus-shine {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-scrollbar-thumb {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-scrollbar-track {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@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-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-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: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes accordion-open {
  0% {
    opacity: 0;
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
    opacity: 1;
  }
}
@keyframes accordion-close {
  0% {
    height: var(--radix-accordion-content-height);
    opacity: 1;
  }
  to {
    opacity: 0;
    height: 0;
  }
}
@keyframes shimmer {
  0% {
    transform: translate(-100%);
  }
  60% {
    transform: translate(100%);
  }
  to {
    transform: translate(100%);
  }
}
@keyframes shimmertext {
  0% {
    background-position: 100% 0;
  }
  65% {
    background-position: 0 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0%,
  to {
    transform: scale(0.75);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes prose-review-bar-in {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
}
.prose-review-bar-enter {
  animation: prose-review-bar-in var(--cds-dur-base, 0.2s)
    var(--cds-ease-out, cubic-bezier(0.165, 0.84, 0.44, 1)) both;
}
.prose-review-bar-enter .prose-review-bar-icon {
  animation: prose-review-bar-icon-in var(--cds-dur-base, 0.2s)
    var(--cds-ease-out, cubic-bezier(0.165, 0.84, 0.44, 1)) both;
  animation-delay: 60ms;
}
@keyframes prose-review-bar-icon-in {
  0% {
    opacity: 0;
  }
}
@keyframes timeline-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes timeline-collapse {
  0% {
    grid-template-rows: 1fr;
    opacity: 1;
  }
  to {
    grid-template-rows: 0fr;
    opacity: 0;
  }
}
.timeline-block-fade-exit {
  animation: timeline-fade-out 0.15s ease-out forwards;
}
@keyframes timeline-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.timeline-block-exit {
  display: grid;
  overflow: hidden;
  animation: timeline-collapse 0.1s ease-out forwards;
}
.timeline-block-exit > div {
  min-height: 0;
  overflow: hidden;
}
._row_1aw5u_1 {
  animation: _skillProposalIn_1aw5u_1 0.28s ease-out backwards;
  animation-delay: calc(var(--i, 0) * 45ms);
}
@media (prefers-reduced-motion: reduce) {
  ._row_1aw5u_1 {
    animation: none;
  }
}
@keyframes _skillProposalIn_1aw5u_1 {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._editor_1sugz_4 .monaco-editor,
._editor_1sugz_4 .monaco-editor-background,
._editor_1sugz_4 .monaco-editor .margin,
._editor_1sugz_4 .monaco-editor .minimap {
  background-color: transparent !important;
  outline: none !important;
}
._editor_1sugz_4 .monaco-editor .line-numbers {
  color: hsl(var(--text-400)) !important;
  border-right: 1px solid hsl(var(--border-400) / 0.15);
  padding-right: 0.5rem;
  box-sizing: border-box;
}
._editor_1sugz_4 .monaco-editor .cursors-layer .cursor {
  background-color: hsl(var(--text-100));
  border-color: hsl(var(--text-100));
}
._editor_1sugz_4 .monaco-editor .scroll-decoration {
  display: none;
}
@keyframes _flash_s0rux_19 {
  0% {
    box-shadow:
      0 0 0 2px hsla(var(--accent-100) / 0.55),
      0 0 16px 2px hsla(var(--accent-100) / 0.25);
  }
  to {
    box-shadow:
      0 0 0 0 transparent,
      0 0 0 0 transparent;
  }
}
._flash_s0rux_19 {
  animation: _flash_s0rux_19 0.9s ease-out;
}
@keyframes _march_3d60t_10 {
  to {
    stroke-dashoffset: -1;
  }
}
._march_3d60t_10 {
  stroke-dashoffset: 0;
  animation: _march_3d60t_10 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
._chip_ujorj_5 {
  animation: _chipRise_ujorj_1 0.38s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes _chipRise_ujorj_1 {
  0% {
    opacity: 0;
    transform: translateY(14px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
._wrapCta_ujorj_27 {
  animation: _wrapCtaShrink_ujorj_1 0.42s cubic-bezier(0.2, 0.7, 0.2, 1) both;
  overflow: hidden;
}
@keyframes _wrapCtaShrink_ujorj_1 {
  0% {
    max-width: 100%;
    width: 100%;
    padding-block: 1rem;
    border-radius: 1.5rem;
  }
  to {
    max-width: 13rem;
    width: 13rem;
    padding-block: 0.75rem;
    border-radius: 9999px;
  }
}
@keyframes check-spin-in {
  0% {
    transform: translateY(8px) rotate(-270deg) scale(0);
  }
  to {
    transform: translateY(0) rotate(0) scale(1);
  }
}
.check-spin-in {
  animation: check-spin-in 0.33s cubic-bezier(0.4, 0, 0.2, 1) both;
}
:root {
  --dot-ready: hsl(210 80% 55%);
  --dot-awaiting: var(--extended-yellow, hsla(48, 66%, 36%));
}
[data-mode="dark"] {
  --dot-ready: hsl(210 85% 65%);
  --dot-awaiting: var(--extended-yellow, hsla(48, 100%, 54%));
}
@media (prefers-reduced-motion: reduce) {
  .dframe-dot,
  .check-spin-in,
  .status-dot[data-kind="running"] {
    animation: none;
  }
}
@property --cds-anim {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --cds-anim2 {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
[data-cds-anim] {
  --cds-anim: 0;
  --cds-anim2: 0;
  font-variation-settings:
    "opsz" var(--cds-opsz, 20),
    "wght" var(--cds-wght, 400),
    "ANIM" var(--cds-anim),
    "ANM2" var(--cds-anim2);
  transition: --cds-anim var(--cds-anim-dur-out, var(--cds-anim-dur, 0.3s))
    var(--cds-anim-ease, cubic-bezier(0.34, 1.3, 0.64, 1));
}
@keyframes cds-anim-loop {
  0%,
  49.99% {
    --cds-anim2: 0;
  }
  50%,
  to {
    --cds-anim2: 100;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .group:focus-within [data-cds-anim],
  [data-cds-anim]:focus-visible {
    --cds-anim: 100;
    transition-duration: var(--cds-anim-dur, 0.3s);
  }
  .group:focus-within [data-cds-anim-loop],
  [data-cds-anim-loop]:focus-visible {
    animation: cds-anim-loop 1s linear 0.1s infinite;
  }
  @media (hover: hover) {
    .group:hover [data-cds-anim],
    [data-cds-anim]:hover {
      --cds-anim: 100;
      transition-duration: var(--cds-anim-dur, 0.3s);
    }
    .group:hover [data-cds-anim-loop],
    [data-cds-anim-loop]:hover {
      animation: cds-anim-loop 1s linear 0.1s infinite;
    }
  }
  .group:active [data-cds-anim],
  [data-cds-anim]:active {
    --cds-anim: 0;
    animation: none;
    transition-duration: 80ms;
  }
}
.df-leading-slot {
  flex-shrink: 0;
  width: var(--df-leading-slot, var(--df-icon-size));
  height: var(--df-leading-slot, var(--df-icon-size));
  display: flex;
  align-items: center;
  justify-content: center;
}
.df-leading-slot svg {
  width: var(--df-icon-size);
  height: var(--df-icon-size);
  flex-shrink: 0;
}
.df-new-circle {
  width: var(--df-new-circle-size);
  height: var(--df-new-circle-size);
  background: hsl(var(--text-500) / 0.15);
}
.dframe-root :is(button, a, .group):hover .df-new-circle {
  background: hsl(var(--text-500) / 0.25);
}
.df-chrome-btn {
  --button-text: hsl(var(--text-500));
  --button-hover-text: hsl(var(--text-300));
  --button-hover-bg: var(--df-hover);
  --cds-text-primary: hsl(var(--text-500));
  --cds-fill-ghost-hover: var(--df-hover);
  --cds-page-bg: transparent;
}
.df-chrome-btn:hover {
  --cds-text-primary: hsl(var(--text-300));
}
.df-chrome-btn svg {
  width: var(--df-chrome-icon-size);
  height: var(--df-chrome-icon-size);
}
.cds-root:not([data-mode="dark"]) .df-mini-compose {
  --cds-fill-secondary: hsl(var(--bg-000));
}
.df-chrome-btn span[style*="font-size"] {
  font-size: var(--df-chrome-icon-size) !important;
}
.dframe-root .bug-report-link svg {
  width: 14px;
  height: 14px;
}
.df-chrome-btn,
.df-chrome-btn:after {
  transition-duration: 0s;
}
.df-bottom-tray {
  position: relative;
  margin: -8px -8px -6px;
  --df-tray-hairline: var(--cds-border);
  --df-tray-hairline-inset: 12px;
  --df-products-hdr-px: 8px;
  --df-products-rows-py: 8px;
  --df-tray-caret-col: calc(8px + var(--df-footer-btn-size) / 2);
}
.df-banner-slot:not(:empty) + .df-bottom-tray {
  margin-top: 0;
}
.df-bottom-tray > :last-child {
  position: relative;
  margin: 0;
  padding: 6px 8px;
}
.df-bottom-tray:before,
.df-bottom-tray > .df-products-block + :last-child:before {
  content: "";
  position: absolute;
  top: -0.5px;
  left: var(--df-tray-hairline-inset);
  right: var(--df-tray-hairline-inset);
  border-top: 0.5px solid var(--df-tray-hairline);
  z-index: 1;
}
.df-products-chip {
  --df-chip-bg: var(--df-bg-sidebar, hsl(var(--bg-200)));
  background:
    linear-gradient(var(--df-chip-overlay, transparent) 0 0), var(--df-chip-bg);
  border-color: var(--df-tray-hairline);
  color: hsl(var(--text-500));
}
[data-mode="dark"] .df-products-chip {
  --df-chip-bg: hsl(var(--bg-200));
}
.group\/chip:hover .df-products-chip,
.group\/chip:focus-visible .df-products-chip {
  --df-chip-overlay: var(--df-hover);
  border-color: var(--cds-border-strong);
  color: hsl(var(--text-300));
}
.df-products-block .group\/chip {
  opacity: 0;
  transition: opacity var(--cds-dur-snap) var(--cds-ease-snap);
}
.df-products-block:not([data-collapsed]):hover .group\/chip,
.df-products-block:not([data-collapsed]):focus-within .group\/chip {
  opacity: 1;
  transition-delay: 0.25s;
}
.dframe-root .bug-report-link {
  color: hsl(var(--text-500));
}
.dframe-root .bug-report-link:hover {
  color: hsl(var(--text-300));
  background: var(--df-hover);
}
.dframe-nav-scroll[data-scrolled] {
  mask-image: linear-gradient(to bottom, transparent 0, black 12px);
}
@keyframes dframe-dot-pulse {
  0%,
  5% {
    opacity: 0.3;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  15%,
  25% {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  65%,
  to {
    opacity: 0.3;
  }
}
.dframe-dot {
  width: 2px;
  height: 2px;
  border-radius: 9999px;
  background: hsl(var(--text-400));
  animation: dframe-dot-pulse 1.8s linear infinite;
}
.dframe-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.dframe-dot:nth-child(3) {
  animation-delay: 0.4s;
}
:root {
  --extended-green: hsla(134, 68%, 37%);
  --extended-orange: hsla(25, 76%, 44%);
  --extended-pink: hsla(342, 73%, 47%);
  --extended-purple: hsla(259, 59%, 64%);
  --extended-yellow: hsla(48, 66%, 36%);
  --dot-ready: hsl(210 80% 55%);
  --dot-awaiting: var(--extended-yellow);
}
[data-mode="dark"] {
  --extended-green: hsla(134, 55%, 55%);
  --extended-orange: hsla(25, 95%, 58%);
  --extended-pink: hsla(342, 70%, 62%);
  --extended-purple: hsla(259, 60%, 72%);
  --extended-yellow: hsla(48, 100%, 54%);
  --dot-ready: hsl(210 85% 65%);
}
.status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: relative;
  display: block;
}
.status-dot[data-kind="ready"] {
  background: var(--dot-ready);
}
.status-dot[data-kind="awaiting"] {
  background: var(--dot-awaiting);
}
@keyframes dframe-dot-blink {
  0%,
  to {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
.status-dot[data-kind="running"] {
  background: hsl(var(--text-400));
  animation: dframe-dot-blink 1.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dframe-dot,
  .status-dot[data-kind="running"] {
    animation: none;
  }
}
.dframe-root {
  --df-chrome-bar-height: 0px;
  --df-z0: 0 0% 100%;
  --df-z1: 0 0% 96.1%;
  --df-z2: 0 0% 92.2%;
  --df-z3: 0 0% 87.8%;
  --df-z4: 0 0% 83.9%;
  --df-z5: 0 0% 60%;
  --df-z6: 0 0% 45.1%;
  --df-surface-primary: var(--df-z0);
  --df-sidebar-bg: hsl(var(--_gray-10) / 1);
  --df-shadow-card:
    inset 0 0 0 0 transparent, 0 0 0 1px hsl(var(--_gray-900) / 0.06),
    0 4px 24px hsl(var(--_gray-900) / 0.04);
  --df-shadow-float:
    0 0 0 0.5px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.04),
    0 12px 32px rgba(0, 0, 0, 0.03);
  --df-shadow-pop:
    0 0 0 0.5px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.06),
    0 16px 40px rgba(0, 0, 0, 0.08);
  --df-radius-card: 8px;
  --df-row-h: 26px;
  --df-row-px: 2px;
  --df-row-gap: 4px;
  --df-row-font: 13px;
  --df-icon-size: 16px;
  --df-leading-slot: 24px;
  --df-new-circle-size: 18px;
  --df-new-circle-glyph: 13px;
  --df-row-indent: 0px;
  --df-group-pt: 12px;
  --df-radius-pill: 6px;
  --df-chrome-icon-size: 16px;
  --df-footer-btn-size: 24px;
  --df-footer-gap: 3px;
  --df-footer-font: 12px;
  --df-ease-out: cubic-bezier(0.32, 0.72, 0, 1);
  --df-ease-out-fast: cubic-bezier(0.2, 0, 0, 1);
  --df-dur-fast: 0.12s;
  --df-dur-slow: 0.3s;
  --df-hover: rgba(0, 0, 0, 0.04);
  --df-bg-page-hsl: var(--_gray-10);
  --df-bg-page: hsl(var(--df-bg-page-hsl));
  --df-sidebar-width: 288px;
  --df-header-h: 48px;
  position: relative;
  width: 100%;
  height: 100%;
}
.dframe-root[data-system-font] .dframe-sidebar {
  font-family: var(--font-system);
}
.dframe-root[data-wco] {
  --df-chrome-bar-height: 36px;
}
.dframe-root[data-wco] .dframe-sidebar {
  top: calc(12px + var(--df-chrome-bar-height));
}
.dframe-root[data-wco]:not([data-collapsed]) .dframe-sidebar-body {
  padding-top: 12px;
}
[data-mode="dark"] .dframe-root {
  --df-z0: 0 0% 3.9%;
  --df-z1: 0 0% 10.2%;
  --df-z2: 0 0% 14.9%;
  --df-z3: 0 0% 20%;
  --df-z4: 0 0% 23.9%;
  --df-z5: 0 0% 32.2%;
  --df-z6: 0 0% 65.1%;
  --df-surface-primary: var(--df-z1);
  --df-sidebar-bg: hsla(0, 0%, 7.8%, 0.9);
  --df-bg-page-hsl: var(--_gray-800);
  --df-shadow-card:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 0 transparent,
    0 4px 24px hsl(var(--_gray-900) / 0.08);
  --df-shadow-float:
    0 0 0 0.5px rgba(255, 255, 255, 0.06), 0 2px 8px rgba(0, 0, 0, 0.3),
    0 12px 32px rgba(0, 0, 0, 0.25);
  --df-shadow-pop:
    0 0 0 0.5px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.4),
    0 16px 40px rgba(0, 0, 0, 0.5);
  --df-hover: rgba(255, 255, 255, 0.05);
}
.dframe-sidebar {
  position: absolute;
  top: calc(8px + var(--df-chrome-bar-height));
  left: 8px;
  bottom: 8px;
  width: var(--df-sidebar-width);
  z-index: 20;
  display: flex;
  flex-direction: column;
  border-radius: var(--df-radius-card);
  -electron-corner-smoothing: system-ui;
  box-shadow: var(--df-shadow-card);
  user-select: none;
  background: var(--df-sidebar-bg);
  --df-hover: var(--cds-alpha-1);
  --df-selected: var(--cds-alpha-2);
  font-family: var(--font-ui);
  line-height: 1.5;
  isolation: isolate;
}
.dframe-root:not([data-frame-mode="code"]) .dframe-sidebar,
.dframe-root:not([data-frame-mode="code"]) .dframe-card {
  --df-sidebar-bg: white;
  --df-shadow-card:
    inset 0 0 0 0 transparent, 0 0 0 1px hsl(var(--_gray-900) / 0.06),
    0 4px 24px hsl(var(--_gray-900) / 0.06);
}
[data-mode="dark"] .dframe-root .dframe-sidebar,
[data-mode="dark"] .dframe-root .dframe-card {
  --df-sidebar-bg: hsl(var(--df-z2));
  --df-surface-primary: var(--df-z2);
  --df-shadow-card:
    inset 0 0 0 1px hsl(var(--df-z3)), 0 0 0 0 transparent,
    0 4px 24px hsl(var(--_gray-900) / 0.06);
}
.df-products-anim {
  display: grid;
  grid-template-rows: 1fr;
  --df-products-dur: 0.15s;
  transition:
    grid-template-rows var(--df-products-dur) var(--df-ease-out-fast),
    opacity var(--df-products-dur) var(--df-ease-out-fast);
}
.df-products-anim > * {
  min-height: 0;
  overflow: hidden;
}
.df-products-hdr-wrap {
  grid-template-rows: 0fr;
  opacity: 0;
}
.df-products-block[data-collapsed] .df-products-hdr-wrap {
  grid-template-rows: 1fr;
  opacity: 1;
}
.df-products-hdr-wrap > div {
  padding-inline: var(--df-products-hdr-px);
}
.df-products-block[data-collapsed] .df-products-hdr-wrap > div {
  padding-block: 2px;
}
.df-products-hdr-wrap button {
  border-radius: var(--df-radius-pill);
  padding: 4px calc(var(--df-tray-caret-col) - 6px - var(--df-products-hdr-px))
    6px calc(14px - var(--df-products-hdr-px));
}
.df-products-block[data-collapsed] .df-products-rows-wrap {
  grid-template-rows: 0fr;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .df-products-anim {
    transition: none;
  }
}
.df-footer-suffix {
  padding-right: 12px;
  mask-image: linear-gradient(to right, black calc(100% - 12px), transparent);
}
.df-footer-aux:empty {
  display: none;
}
.df-footer-row:has(.df-footer-aux:empty) .df-user-menu-btn {
  width: 100%;
  padding-right: calc(var(--df-tray-caret-col) - 14px);
}
.df-footer-row:has(.df-footer-aux:empty) .df-user-menu-btn > :last-child {
  margin-left: auto;
}
:root[data-dframe] button,
:root[data-dframe] [role="button"],
:root[data-dframe] [role="menuitem"],
:root[data-dframe] a:not([target="_blank"]),
:root[data-dframe] .cursor-pointer {
  cursor: default;
}
:root[data-dframe]
  a[href]:not([role="button"]):not([role="menuitem"]):not(.cursor-default) {
  cursor: pointer;
}
:root:has(.dframe-root) [class*="cursor-zoom-in"]:not(:disabled) {
  cursor: zoom-in;
}
.dframe-content {
  position: absolute;
  inset: 0;
  padding-top: var(--df-chrome-bar-height);
  overflow: hidden;
  background: var(--df-bg-page);
  isolation: isolate;
  outline: none;
}
.dframe-content-inner {
  --bg-100: var(--df-bg-page-hsl);
}
@property --df-sidebar-clearance {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --marquee-left-fade {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
.dframe-content-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  --df-sidebar-clearance: calc(var(--df-sidebar-width) + 8px);
  --df-content-gutter: 8px;
  padding-left: calc(var(--df-sidebar-clearance) + var(--df-content-gutter));
}
[data-mode="dark"][data-darker] .epitaxy-root .dframe-root {
  --df-bg-page-hsl: var(--_gray-890);
}
[data-mode="dark"][data-darker] .epitaxy-root .dframe-sidebar {
  --df-sidebar-bg: hsl(var(--_gray-860) / 0.95);
  --df-surface-primary: var(--df-z1);
  --df-shadow-card:
    inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 0 transparent,
    0 4px 24px hsl(var(--_gray-900) / 0.08);
}
.dframe-pane-host {
  --df-pane-row: 0.5;
  display: grid;
  grid-template-columns: var(--df-col-tracks, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  transition: grid-template-columns 0.24s var(--df-ease-out-cubic);
}
.dframe-pane-host[data-resizing] {
  transition: none;
}
.dframe-pane-col {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.dframe-pane-col:not([data-col="0"]) {
  border-left: 1px solid hsl(var(--border-300) / 0.12);
}
.dframe-pane-col > .dframe-pane {
  flex-basis: 0;
  flex-shrink: 1;
  min-height: 0;
}
.dframe-pane-col:not([data-split]) > .dframe-pane {
  flex-grow: 1;
}
.dframe-pane-col[data-split] > .dframe-pane[data-row="0"] {
  flex-grow: var(--df-pane-row);
}
.dframe-pane-col[data-split] > .dframe-pane[data-row="1"] {
  flex-grow: calc(1 - var(--df-pane-row));
  border-top: 1px solid hsl(var(--border-300) / 0.12);
}
.dframe-pane-extra {
  opacity: 1;
  transition: opacity 0.18s var(--df-ease-out);
  @starting-style {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dframe-pane-host,
  .dframe-pane-extra {
    transition: none;
  }
}
.dframe-pane {
  min-height: 0;
  transition: filter 0.12s ease-out;
  will-change: transform;
}
.dframe-pane-host[data-split] .dframe-pane:not([data-focused]) {
  filter: opacity(0.75) saturate(0.85);
}
.dframe-pane-host[data-split]
  .dframe-pane:not([data-focused])
  .dframe-pane-actions {
  opacity: 0;
  transition: opacity 0.12s ease-out;
}
.dframe-pane-host[data-split]
  .dframe-pane:not([data-focused]):hover
  .dframe-pane-actions {
  opacity: 1;
}
.dframe-pane-resize-col,
.dframe-pane-resize-row {
  position: absolute;
  -webkit-app-region: no-drag;
}
.dframe-pane-resize-col {
  top: 0;
  bottom: 0;
  width: 12px;
  right: -6px;
  z-index: 11;
}
.dframe-pane-resize-row {
  left: 0;
  right: 0;
  height: 12px;
  top: calc(var(--df-pane-row) * 100%);
  transform: translateY(-50%);
  z-index: 10;
}
.dframe-pane-host[data-split] .dframe-pane:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--df-radius-card);
  box-shadow: inset 0 0 0 2px hsl(var(--accent-100));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease-out;
}
.dframe-pane-host[data-cmd-held][data-split]:not([data-pane-dragging])
  .dframe-pane:hover {
  cursor: grab;
}
.dframe-pane-host[data-cmd-held][data-split] .dframe-pane:hover:before {
  opacity: 1;
  transition-delay: 0.6s;
}
.dframe-pane-host[data-pane-dragging] {
  cursor: grabbing;
}
.dframe-pane-host[data-pane-dragging] .dframe-pane {
  transition: box-shadow 0.12s ease-out;
}
.dframe-pane-host[data-pane-dragging] .dframe-pane[data-pane-drag-over]:before {
  opacity: 1;
  transition-delay: 0ms;
}
.dframe-pane-host[data-pane-dragging]
  .dframe-pane-col[data-pane-drag-over]:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--df-radius-card);
  box-shadow: inset 0 0 0 2px hsl(var(--accent-100));
  pointer-events: none;
  z-index: 6;
}
.dframe-root[data-collapsed] .dframe-sidebar {
  width: auto;
  bottom: auto;
  top: calc(10px + var(--df-chrome-bar-height));
  left: 90px;
  padding: 0;
  flex-direction: row;
  align-items: center;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  z-index: 50;
  transition: none;
}
.dframe-root[data-collapsed] .dframe-content-inner {
  --df-sidebar-clearance: 0px;
}
.dframe-root[data-experiment] .dframe-content-inner {
  --df-sidebar-clearance: 0px;
  --df-content-gutter: 0px;
  transition: none;
}
.dframe-root[data-collapsed] .dframe-content-inner .dframe-header {
  padding-left: calc(var(--df-trigger-right, 180px) + 8px);
}
.dframe-root[data-collapsed] .dframe-content-inner .dframe-header > * {
  padding-left: 0;
}
.dframe-root[data-collapsed] .dframe-sidebar-body {
  position: absolute;
  top: calc(100% + 8px);
  left: -84px;
  width: 280px;
  max-height: 70vh;
  padding: 15.5px 7.5px 13px;
  border-radius: var(--df-radius-card);
  -electron-corner-smoothing: system-ui;
}
.dframe-root[data-collapsed][data-wco] .dframe-sidebar {
  top: var(--df-chrome-bar-height);
  left: 8px;
}
.dframe-root[data-collapsed][data-wco] .dframe-sidebar-body {
  left: 0;
}
.dframe-root[data-collapsed][data-web] .dframe-sidebar {
  left: 8px;
}
.dframe-root[data-collapsed][data-web] .dframe-sidebar-body {
  left: -2px;
}
.dframe-root[data-collapsed][data-wco] {
  --df-trigger-right: 0px;
}
.dframe-root[data-collapsed] .dframe-sidebar-body {
  box-shadow: var(--df-shadow-pop);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px) scale(0.98);
  transform-origin: top left;
  pointer-events: none;
}
.dframe-root[data-collapsed][data-peeked] .dframe-sidebar-body {
  transition:
    opacity 0.14s ease,
    transform 0.18s var(--df-ease-out);
}
.dframe-root[data-collapsed] .dframe-sidebar-body:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}
.dframe-root[data-collapsed][data-hovering] .dframe-sidebar-body {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.dframe-root[data-resizing] .dframe-sidebar,
.dframe-root[data-resizing] .dframe-content-inner {
  transition: none;
}
.dframe-resize-handle {
  position: absolute;
  top: 0;
  right: -6px;
  bottom: 0;
  width: 12px;
  z-index: 25;
}
.dframe-root[data-collapsed] .dframe-resize-handle {
  display: none;
}
.dframe-recents-by-mode[data-mode="chat"] > [data-kind]:not([data-kind="chat"]),
.dframe-recents-by-mode[data-mode="cowork"]
  > [data-kind]:not([data-kind="cowork"]),
.dframe-recents-by-mode[data-mode="code"]
  > [data-kind]:not([data-kind="code"]) {
  display: none;
}
.dframe-recents-by-mode[data-discovery-preview] > [data-kind] {
  display: none;
}
:root {
  --df-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dframe-drop-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}
.dframe-root[data-session-dragging] .dframe-drop-overlay {
  pointer-events: auto;
}
.dframe-drop-overlay-badge {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--df-radius-card);
  border: 1px solid hsl(var(--border-300) / 0.2);
  background: hsl(var(--bg-200) / 0.4);
  backdrop-filter: blur(2px);
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: inset 0 0 0 2px hsl(var(--accent-100));
  pointer-events: none;
  transition:
    left 0.12s var(--df-ease-out-cubic),
    top 0.12s var(--df-ease-out-cubic),
    width 0.12s var(--df-ease-out-cubic),
    height 0.12s var(--df-ease-out-cubic);
}
.dframe-drop-overlay-label {
  padding: 4px 10px;
  border-radius: 9999px;
  background: hsl(var(--accent-100));
  color: hsl(var(--always-white));
}
.dframe-drop-overlay-badge:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 24px hsl(var(--accent-100) / 0.2);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .dframe-drop-overlay-badge,
  .dframe-drop-overlay-badge:before,
  .dframe-drop-overlay-label {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dframe-drop-overlay-label,
  .df-drag-shiftable {
    transition: none;
  }
}
.dframe-root [data-pin-dragging] {
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .dframe-root [data-pin-dragging] .df-drag-shiftable {
    transition: transform 0.12s ease-out;
  }
}
.df-pin-section-reveal {
  interpolate-size: allow-keywords;
  min-height: 0;
  overflow-y: clip;
  transition:
    height 0.2s var(--df-ease-out),
    opacity 0.2s var(--df-ease-out);
  @starting-style {
    height: 0;
    opacity: 0;
  }
}
.df-pin-section-reveal[data-stub] {
  height: 0;
  opacity: 0;
}
[data-jump-hint-row]:has(> kbd) [data-row-label="iconless"] {
  mask-image: linear-gradient(
    to right,
    transparent calc(var(--df-leading-slot) - 4px),
    hsl(var(--always-black)) calc(var(--df-leading-slot) + var(--df-row-gap))
  );
}
.dframe-root[data-variant="web"] .df-leading-slot span[style*="font-size"] {
  font-size: var(--df-icon-size) !important;
  font-weight: 433.25 !important;
}
.df-new-circle span[style*="font-size"],
.dframe-root[data-variant="web"] .df-new-circle span[style*="font-size"] {
  font-size: var(--df-new-circle-glyph) !important;
  font-weight: 700 !important;
}
.dframe-root[data-variant="web"] .df-new-circle {
  background: var(--cds-neutral-70);
}
.dframe-root[data-variant="web"] .df-row-control:hover {
  background: var(--cds-alpha-2);
}
.dframe-root[data-variant="web"] .df-bottom-tray {
  --df-tray-hairline-inset: 0px;
  --df-products-hdr-px: 0px;
  --df-products-rows-py: 10px;
}
.dframe-root[data-variant="web"]
  .df-products-block[data-collapsed]
  .df-products-hdr-wrap
  > div {
  padding-block: 0;
}
.dframe-root[data-variant="web"] .df-products-hdr-wrap button {
  border-radius: 0;
  padding-block: 6px 8px;
}
.dframe-root[data-variant="web"] .df-compact-trigger {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.dframe-root[data-variant="web"][data-collapsed] .dframe-sidebar {
  top: calc(8px + var(--df-chrome-bar-height));
}
.dframe-root[data-variant="web"] .df-bottom-tray > :last-child {
  padding: 10px 8px;
}
.dframe-root[data-variant="web"] .df-products-chip {
  --df-chip-bg: var(--cds-neutral-30);
}
.dframe-root[data-variant="web"]:not([data-frame-mode="code"]) {
  --df-bg-page-hsl: var(--bg-100);
  --df-bg-page: hsl(var(--bg-100));
}
.dframe-root[data-variant="web"] .dframe-sidebar {
  --df-web-sidebar-bg: var(--cds-neutral-40);
  --df-web-sidebar-bg-image: linear-gradient(
    to bottom,
    var(--cds-neutral-20),
    var(--cds-neutral-30)
  );
  --df-hover: var(--cds-neutral-50);
  --df-selected: var(--cds-neutral-60);
  --df-row-h: 32px;
  --df-row-px: 2px;
  --df-row-gap: 8px;
  --df-row-font: 14px;
  --df-icon-size: 20px;
  --df-leading-slot: 28px;
  --df-new-circle-size: 22px;
  --df-new-circle-glyph: 16px;
  --df-group-pt: 16px;
  --df-radius-pill: 8px;
  --df-chrome-icon-size: 16px;
  --df-footer-btn-size: 32px;
  --df-footer-gap: 6px;
  --df-footer-font: 14px;
}
.dframe-root[data-variant="web"]:not([data-collapsed]) .dframe-sidebar {
  top: var(--df-chrome-bar-height);
  left: 0;
  bottom: 0;
  border-radius: 0;
  box-shadow: none;
  border-right: 0.5px solid hsl(var(--border-300) / 0.15);
  background-color: var(--df-web-sidebar-bg);
  background-image: var(--df-web-sidebar-bg-image);
}
.dframe-root[data-variant="web"][data-collapsed] .dframe-sidebar-body {
  left: -8px;
  top: 36px;
  width: var(--df-sidebar-width);
  max-height: calc(100vh - 52px);
  padding: 12px 8px 8px;
  border-width: 0;
  background-color: var(--df-web-sidebar-bg);
  background-image: var(--df-web-sidebar-bg-image);
}
.dframe-root[data-variant="web"][data-collapsed] .df-pills[data-segmented] {
  margin-top: 0;
}
.dframe-root[data-variant="web"][data-frame-mode="code"] .dframe-sidebar {
  --df-web-sidebar-bg: var(--cds-neutral-20);
  --df-web-sidebar-bg-image: linear-gradient(
    to bottom,
    var(--cds-neutral-10),
    var(--cds-neutral-20)
  );
}
.dframe-root[data-variant="web"] .df-pills[data-segmented] {
  margin-top: 0;
  margin-left: 2px;
  margin-right: 2px;
  width: calc(100% - 4px);
  background: var(--cds-neutral-60);
}
.dframe-root[data-variant="web"] .df-pills[data-segmented] .df-pill-indicator {
  background: var(--cds-neutral-20);
  box-shadow:
    inset 0 0 0 0.5px var(--cds-border),
    0 1px 2px #0000000f,
    0 2px 6px -1px #0000000d;
}
[data-mode="dark"] .dframe-root[data-variant="web"] .df-pills[data-segmented] {
  background: #ffffff0f;
}
[data-mode="dark"]
  .dframe-root[data-variant="web"]
  .df-pills[data-segmented]
  .df-pill-indicator {
  background: hsl(var(--df-z4));
  box-shadow:
    inset 0 0 0 0.5px #ffffff14,
    0 1px 2px #0000004d,
    0 2px 6px -1px #00000040;
}
.dframe-root[data-variant="web"] .df-pills[data-segmented] .df-pill {
  padding: 0 4px;
}
.dframe-root[data-variant="web"]:not([data-collapsed]) .dframe-sidebar-body {
  padding-bottom: 8px;
}
[data-mode="dark"] .dframe-root[data-variant="web"] .dframe-sidebar {
  --df-hover: rgba(255, 255, 255, 0.06);
  --df-selected: rgba(255, 255, 255, 0.1);
}
[data-mode="dark"] .dframe-root[data-variant="web"] .dframe-sidebar {
  --df-web-sidebar-bg: color-mix(
    in srgb,
    hsl(var(--bg-100)) 65%,
    hsl(var(--bg-200))
  );
  --df-web-sidebar-bg-image: none;
}
.dframe-root[data-variant="web"] .dframe-sidebar-body [data-row] {
  margin-bottom: 0.5px;
}
.dframe-root[data-variant="web"] .df-invite-wrap {
  padding: 0 0 4px;
}
.dframe-root[data-variant="web"] .df-invite-btn {
  border: 0.5px solid hsl(var(--border-300) / 0.15);
  background: hsl(var(--bg-000) / 0.95);
  padding: 8px 12px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 2px #0000000a;
  transition-property:
    background-color, border-color, color, fill, stroke, opacity, box-shadow,
    transform;
}
.dframe-root[data-variant="web"] .df-invite-btn:hover {
  background: hsl(var(--bg-100));
  border-color: hsl(var(--border-200) / 0.3);
}
.dframe-root[data-variant="web"] .df-invite-btn:active {
  background: hsl(var(--bg-200));
}
.df-pills {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  width: fit-content;
  max-width: 100%;
  flex-shrink: 0;
}
.dframe-root[data-wco] .df-pills {
  margin-top: 0;
}
.dframe-root[data-collapsed] .df-pills[data-segmented] {
  margin-top: -7.5px;
}
.df-pill:focus-visible {
  box-shadow: var(--cds-focus-shadow);
}
.df-pill-indicator {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: 0;
  background: hsl(var(--bg-200));
  pointer-events: none;
  transition:
    transform var(--cds-dur-snap) var(--cds-ease-snap),
    background-color var(--df-dur-slow) var(--df-ease-out);
  will-change: transform;
}
[data-mode="dark"] .df-pill-indicator {
  background: hsl(var(--df-z4));
}
.df-pill-indicator[data-snap] {
  transition: background-color var(--df-dur-slow) var(--df-ease-out);
}
@media (prefers-reduced-motion: reduce) {
  .df-pill-indicator,
  .df-pill-indicator[data-snap] {
    transition: none;
  }
}
.df-pill {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
  border: none;
  background: transparent;
  color: var(--cds-text-muted);
  cursor: var(--cds-cursor-interactive, default);
  transition:
    box-shadow var(--cds-dur-fast),
    color var(--cds-dur-fast);
}
.df-pill-icon {
  display: contents;
}
.df-pill:hover:not([data-active]):not([data-disabled]),
.df-pill:focus-visible:not([data-active]):not([data-disabled]) {
  color: var(--cds-text-primary);
}
.df-pill[data-disabled] {
  opacity: 0.5;
}
.df-pill[data-active] {
  color: var(--cds-text-primary);
}
.df-pill-label {
  font-size: var(--df-row-font);
  font-weight: 470;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.df-pills[data-segmented] {
  align-items: stretch;
  gap: 0;
  width: 100%;
  height: var(--cds-h-control);
  margin: -8px 0 0;
  padding: 1px;
  border-radius: var(--cds-radius);
  background: var(--cds-segmented-control-track);
  container-type: inline-size;
}
.df-pills[data-segmented] .df-pill-indicator {
  top: 1px;
  bottom: 1px;
  background: var(--cds-segmented-control-thumb);
  border-radius: calc(var(--cds-radius) - 1px);
  box-shadow:
    inset 0 0 0 1px var(--cds-border),
    0 1px 2px #0000000d;
}
.df-pills[data-segmented] .df-pill {
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 var(--cds-pad-md);
  border-radius: calc(var(--cds-radius) - 2px);
}
.df-pills[data-segmented] .df-pill-label {
  font-size: var(--df-row-font);
  font-weight: inherit;
}
@container (max-width: 180px) {
  .df-pills[data-segmented][data-pills="2"]
    .df-pill:not([data-active])
    .df-pill-label {
    display: none;
  }
  .df-pills[data-segmented][data-pills="2"] .df-pill:not([data-active]) {
    padding: 0;
  }
  .df-pills[data-segmented][data-pills="2"] .df-pill[data-active] {
    flex: 0 0 auto;
    padding: 0 16px;
  }
}
@container (max-width: 254px) {
  .df-pills[data-segmented][data-pills="3"]
    .df-pill:not([data-active])
    .df-pill-label {
    display: none;
  }
  .df-pills[data-segmented][data-pills="3"] .df-pill:not([data-active]) {
    padding: 0;
  }
  .df-pills[data-segmented][data-pills="3"] .df-pill[data-active] {
    flex: 0 0 auto;
    padding: 0 16px;
  }
}
.dframe-root:not([data-collapsed]) .dframe-sidebar:has(.df-pills[data-rail]) {
  --df-rail-w: 40px;
  --df-rail-gap: 8px;
  left: calc(8px + var(--df-rail-w) + var(--df-rail-gap));
  width: calc(var(--df-sidebar-width) - var(--df-rail-w) - var(--df-rail-gap));
}
.dframe-root:not([data-collapsed]) .df-pills[data-rail] {
  position: absolute;
  left: calc(-1 * (var(--df-rail-w) + var(--df-rail-gap)));
  top: 44px;
  flex-direction: column;
  gap: 16px;
  width: var(--df-rail-w);
  margin: 0;
}
.dframe-root[data-wco]:not([data-collapsed]) .df-pills[data-rail] {
  top: 0;
}
.df-pills[data-rail] {
  --df-pill-icon-h: 36px;
  --df-pill-radius: 8px;
  align-items: flex-start;
}
.df-pills[data-rail] .df-pill-indicator {
  height: auto;
  border-radius: var(--df-pill-radius);
}
.df-pills[data-rail] .df-pill {
  position: static;
  z-index: auto;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  height: auto;
  padding: 0;
  border-radius: 0;
}
.df-pills[data-rail] .df-pill-icon {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--df-pill-icon-h);
  height: var(--df-pill-icon-h);
  border-radius: var(--df-pill-radius);
}
.df-pills[data-rail]
  .df-pill:is(:hover, :focus-visible):not([data-active]):not([data-disabled]) {
  background: transparent;
}
.df-pills[data-rail]
  .df-pill:hover:not([data-active]):not([data-disabled])
  .df-pill-icon {
  background: var(--df-hover);
}
.df-pills[data-rail] .df-pill:focus-visible {
  box-shadow: none;
}
.df-pills[data-rail] .df-pill:focus-visible .df-pill-icon {
  box-shadow: var(--cds-focus-shadow);
}
.df-pills[data-rail] .df-pill-label {
  font-size: 9px;
}
.dframe-root[data-collapsed] .df-pills[data-rail] {
  flex-direction: row;
  gap: 12px;
  width: fit-content;
  margin: -3.5px 0 0;
}
.dframe-root[data-collapsed] .df-pills[data-rail] .df-pill {
  width: auto;
}
@property --eag-scan {
  syntax: "<length>";
  inherits: true;
  initial-value: 62px;
}
.eag-scan {
  --eag-scan: 62px;
  --eag-body-fill: white;
  --eag-body-stroke: rgba(31, 30, 29, 0.3);
  --eag-screen-fill: #f0eee6;
  --eag-chip-ring-idle: rgba(31, 30, 29, 0.2);
  --eag-glyph-idle: #52514e;
}
[data-mode="dark"] .eag-scan {
  --eag-body-fill: #2b2a28;
  --eag-body-stroke: rgba(255, 255, 255, 0.22);
  --eag-screen-fill: #1f1e1c;
  --eag-chip-ring-idle: rgba(255, 255, 255, 0.2);
  --eag-glyph-idle: #b5b3ad;
}
@media (prefers-reduced-motion: no-preference) {
  .eag-scan {
    animation: eag-scan-sweep 2.8s ease-in-out infinite alternate;
  }
}
@keyframes eag-scan-sweep {
  0% {
    --eag-scan: 24px;
  }
  to {
    --eag-scan: 116px;
  }
}
@keyframes _voice-pulse_1h3xj_1 {
  0%,
  to {
    height: var(--pulse-min, 8px);
  }
  50% {
    height: var(--pulse-max, 32px);
  }
}
._voicePulse_1h3xj_13 {
  animation: _voice-pulse_1h3xj_1 1s ease-in-out infinite;
}