@layer components {
  ._Root_1hrnv_1 {
    --codex-pet-frame-height: calc(var(--codex-pet-width, 7.04rem) * 208 / 192);
    width: var(--codex-pet-width, 7.04rem);
    aspect-ratio: 192/208;
    image-rendering: pixelated;
    background-repeat: no-repeat;
    background-size: 800%;
  }
  ._Icon_qvjuo_1 {
    flex-shrink: 0;
  }
  ._toast_1msoq_1 {
    pointer-events: auto;
    width: max-content;
    max-width: 100%;
  }
  ._contents_1msoq_7 {
    display: contents;
  }
  ._alert_1msoq_11 {
    pointer-events: all;
    min-width: 0;
    max-width: 100%;
    box-shadow: 0 4px 12px #0000001a;
  }
  ._Mention_15iat_1 {
    --inline-mention-base-color: color-mix(
      in srgb,
      var(--color-text-info) 80%,
      var(--color-text) 20%
    );
    --inline-mention-color: var(
      --inline-mention-resolved-base-color,
      var(--inline-mention-base-color)
    );
    padding-inline: calc(var(--spacing) * 0.5);
    color: var(--inline-mention-color);
    font-family: var(--font-content);
    font-weight: var(--font-weight-medium);
  }
  ._Mention_15iat_1[data-layout="inline-flow"] {
    white-space: nowrap;
  }
  ._Mention_15iat_1[data-layout="inline-flow"] ._IconContainer_15iat_19 {
    vertical-align: bottom;
    margin-inline-end: 3px;
    display: inline-block;
  }
  ._Mention_15iat_1[data-layout="inline-flow"] ._Label_15iat_25 {
    white-space: normal;
  }
  ._Mention_15iat_1[data-layout="wrapped-label"] {
    vertical-align: bottom;
    gap: 3px;
    max-width: 100%;
    display: inline-flex;
  }
  ._Mention_15iat_1[data-layout="wrapped-label"] ._IconContainer_15iat_19 {
    flex-shrink: 0;
  }
  ._Mention_15iat_1[data-layout="selection-pill"] {
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 1);
    vertical-align: baseline;
    white-space: nowrap;
    font-weight: inherit;
    display: inline-flex;
  }
  ._Mention_15iat_1[data-layout="selection-pill"] ._IconContainer_15iat_19 {
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
  }
  ._Mention_15iat_1[data-layout="selection-pill"] ._Icon_15iat_19 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  ._Mention_15iat_1[data-layout="selection-pill"] ._Label_15iat_25 {
    max-width: calc(var(--spacing) * 64);
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: baseline;
    overflow: hidden;
  }
  ._Mention_15iat_1[data-breakable-url] {
    direction: ltr;
    unicode-bidi: isolate;
    padding-inline: 0;
    display: inline;
    position: relative;
  }
  ._Mention_15iat_1[data-breakable-url] ._IconContainer_15iat_19 {
    position: absolute;
    inset-inline-start: 0;
  }
  ._Mention_15iat_1[data-breakable-url] ._Label_15iat_25 {
    word-break: break-all;
    padding-inline-start: calc(var(--spacing) * 4 + 3px);
  }
  ._Mention_15iat_1[data-brand-color] {
    --inline-mention-dark-base-color: color-mix(
      in oklch,
      var(--inline-mention-base-color) 50%,
      var(--color-text) 50%
    );
  }
  ._Mention_15iat_1[data-interactive] {
    cursor: var(--cursor-interaction);
  }
  .dark ._Mention_15iat_1,
  .electron-dark ._Mention_15iat_1 {
    --inline-mention-resolved-base-color: var(
      --inline-mention-dark-base-color,
      var(--inline-mention-base-color)
    );
  }
  @media (hover: hover) {
    [data-inline-mention-interactive]:hover
      ._Mention_15iat_1[data-underline-on-hover] {
      text-underline-offset: 2px;
      -webkit-text-decoration: underline dashed;
      text-decoration: underline dashed;
      text-decoration-thickness: 0.5px;
    }
  }
  ._IconContainer_15iat_19 {
    width: calc(var(--spacing) * 4);
    height: 1lh;
    position: relative;
  }
  ._Icon_15iat_19 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  ._Label_15iat_25 {
    overflow-wrap: break-word;
    min-width: 0;
  }
  @layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
      ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
      *,
      :before,
      :after,
      ::backdrop {
        --tw-leading: initial;
      }
    }
  }
  ._leadingIcon_1jprg_2 {
    min-width: var(--icon-leading-size);
    height: var(--icon-leading-size);
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  ._comboboxRow_1jprg_2[cmdk-item] {
    min-height: var(--menu-item-height, 0px) !important;
    border-radius: var(
      --radius-xl,
      calc(var(--radius-xl-base) * var(--corner-radius-scale))
    ) !important;
    padding: var(
      --menu-item-padding,
      var(--padding-row-y) var(--padding-row-x)
    ) !important;
  }
  ._suggestionMenu_1jprg_2 {
    --spacing-menu-item-content: var(--spacing-suggestion-menu-leading);
    padding: var(--suggestion-menu-gutter, var(--spacing));
  }
  ._largeRows_1jprg_2 {
    --icon-leading-size: calc(var(--spacing) * 5);
    --menu-separator-gutter: calc(var(--spacing) * 2);
    --menu-item-height: calc(var(--spacing) * 10);
    --spacing-menu-item-content: calc(var(--spacing) * 2);
    --menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);
  }
  ._largeRows_1jprg_2
    :is([role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]) {
    margin-inline: calc(var(--spacing, 0.25rem) * 2.5);
  }
  ._largeRows_1jprg_2 [data-menu-section-label] {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
    padding-block: var(--spacing, 0.25rem);
    font-size: var(--text-sm, 12px);
    line-height: var(
      --tw-leading,
      var(--text-sm--line-height, calc(1.25 / 0.875))
    );
    --tw-leading: calc(var(--spacing, 0.25rem) * 5);
    line-height: calc(var(--spacing, 0.25rem) * 5);
    color: var(--color-text-tertiary, var(--vscode-descriptionForeground));
  }
  ._largeRows_1jprg_2 [data-menu-section-label]:first-child {
    padding-top: calc(var(--spacing, 0.25rem) * 3);
  }
  ._largeRows_1jprg_2 [data-menu-row-content] {
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  ._parentBottomAlignedContent_14gr6_1 {
    --dropdown-content-parent-bottom-transform: translateY(
      calc(var(--radix-dropdown-menu-trigger-height) + 0.5rem - 100%)
    );
    transform: var(--dropdown-content-parent-bottom-transform);
  }
  ._cell_152et_1 {
    corner-shape: var(--codex-corner-shape, superellipse(1.5));
    transition: background-color 0.3s ease-out;
  }
  ._animatedCell_152et_6 {
    animation: 0.52s cubic-bezier(0.22, 1, 0.36, 1) both _reveal_152et_1;
  }
  @keyframes _reveal_152et_1 {
    0% {
      opacity: 0;
      transform: scale(0.7);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    ._cell_152et_1 {
      transition: none;
    }
    ._animatedCell_152et_6 {
      animation: none;
    }
  }
  :where(._Favicon_80xvh_2) {
    position: relative;
  }
  ._DigitColumn_6rz5v_1 {
    width: 1ch;
    height: 1lh;
    line-height: inherit;
    contain: layout paint style;
    display: inline-block;
    position: relative;
  }
  ._DigitColumn_6rz5v_1:before {
    content: "0";
    visibility: hidden;
  }
  ._DigitColumn_6rz5v_1[data-variant="inline"] {
    contain: none;
  }
  ._DigitColumn_6rz5v_1[data-variant="inline"] ._DigitStack_6rz5v_17 {
    margin-top: var(--rolling-number-y-offset, 0);
    display: block;
  }
  ._DigitColumn_6rz5v_1[data-variant="inline"] ._DigitStack_6rz5v_17 > span {
    line-height: inherit;
    display: block;
  }
  ._DigitStack_6rz5v_17 {
    contain: layout size style;
    height: 1lh;
    transition: transform var(--transition-duration-relaxed)
      cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
    flex-direction: column;
    display: flex;
  }
  ._DigitStack_6rz5v_17 > span {
    flex: 0 0 1lh;
    height: 1lh;
  }
  @media (prefers-reduced-motion: reduce) {
    ._DigitStack_6rz5v_17 {
      transition: none;
    }
  }
  ._Surface_1f1nx_1 {
    corner-shape: superellipse(1.1);
  }
  ._CodeContent_1f1nx_6 {
    line-height: max(1.5em, calc(var(--spacing) * 5));
  }
  ._StickyActionBar_1f1nx_10 {
    top: calc(-1px - var(--thread-sticky-header-top, 0px));
    background-color: var(--color-surface);
    background-image: linear-gradient(
      var(--color-background-secondary-soft-alpha),
      var(--color-background-secondary-soft-alpha)
    );
  }
  @keyframes _fade-in_15pu8_1 {
    to {
      opacity: 1;
    }
  }
  @keyframes _fade-in-marker_15pu8_1 {
    0% {
      color: #0000;
    }
  }
  @keyframes _image-enter_15pu8_1 {
    0% {
      opacity: 0;
      transform: scale(0.98);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  [data-app-shell-main-content-layout]:has(
      [data-pip-obstacle="thread-summary-panel"]
    )
    :is(
      ._MediaWideBlock_15pu8_31,
      ._MermaidWideBlock_15pu8_32,
      ._TableContainer_15pu8_33[data-wide-block],
      ._VisualizationWideBlock_15pu8_34
    ) {
    --wide-block-panel-max-width: calc(
      100cqi - var(--thread-content-max-width) +
        (var(--thread-content-margin, 24px) * 3) +
        (var(--thread-wide-block-inline-shift, 0px) * 2)
    );
  }
  ._MediaWideBlock_15pu8_31 {
    --wide-block-width: min(
      var(--markdown-wide-block-max-width),
      var(--wide-block-container-max-width),
      var(--wide-block-panel-max-width, var(--wide-block-container-max-width))
    );
  }
  ._MediaWideBlock_15pu8_31,
  ._MermaidWideBlock_15pu8_32 {
    width: var(--wide-block-width);
    max-width: none;
  }
  ._MermaidWideBlock_15pu8_32,
  ._TableContainer_15pu8_33[data-wide-block],
  ._VisualizationWideBlock_15pu8_34 {
    --wide-block-container-max-width: max(
      100%,
      calc(
        100cqi - (var(--padding-toolbar) * 2) -
          (var(--thread-content-margin, 24px) * 2) - (var(--spacing) * 18) -
          (var(--thread-wide-block-inline-shift, 0px) * 2)
      )
    );
    --wide-block-default-max-width: min(
      calc(var(--markdown-wide-block-max-width) + 8rem),
      var(--wide-block-container-max-width),
      var(--wide-block-panel-max-width, var(--wide-block-container-max-width))
    );
  }
  ._MermaidWideBlock_15pu8_32 {
    --wide-block-width: min(
      max(
        100%,
        var(--mermaid-natural-block-width, var(--wide-block-default-max-width))
      ),
      var(--wide-block-default-max-width)
    );
    margin-left: calc((100% - var(--wide-block-width)) / 2);
  }
  ._VisualizationBlock_15pu8_87._VisualizationWideBlock_15pu8_34 {
    --wide-block-width: var(--wide-block-default-max-width);
    width: var(--wide-block-width);
    max-width: none;
    margin-left: calc((100% - var(--wide-block-width)) / 2);
  }
  ._MediaWideBlock_15pu8_31 {
    --wide-block-container-max-width: max(
      100%,
      calc(
        50cqi + 50% - var(--padding-toolbar) -
          var(--thread-wide-block-inline-shift, 0px)
      )
    );
    margin-left: 0;
  }
  ._Paragraph_15pu8_105,
  ._VisualizationBlock_15pu8_87 {
    margin: 0 0 var(--markdown-space);
  }
  ._VisualizationBlock_15pu8_87 {
    font-family: var(--font-sans);
    display: flow-root;
  }
  ._Paragraph_15pu8_105,
  ._Heading_15pu8_117,
  ._ListItem_15pu8_118,
  ._Table_15pu8_33 {
    font-family: var(--font-content);
  }
  ._MediaParagraph_15pu8_123 {
    text-align: left;
  }
  ._MediaGridParagraph_15pu8_127 {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    display: flex;
  }
  ._Heading_15pu8_117 {
    font-weight: var(--font-weight-semibold);
  }
  ._Heading_15pu8_117:where(h1) {
    margin: 0 0 calc(var(--markdown-space) * 2);
    font-size: calc(var(--markdown-font-size) * 1.5);
    line-height: calc(var(--markdown-space) * 8);
  }
  ._Heading_15pu8_117:where(h2) {
    margin: calc(var(--markdown-space) * 4) 0 var(--markdown-space);
    font-size: calc(var(--markdown-font-size) * 1.25);
    line-height: calc(var(--markdown-space) * 7);
  }
  ._Heading_15pu8_117:where(h3) {
    margin: calc(var(--markdown-space) * 4) 0 var(--markdown-space);
    font-size: calc(var(--markdown-font-size) * 1.125);
    line-height: calc(var(--markdown-space) * 7);
  }
  ._Heading_15pu8_117:where(h4) {
    margin: calc(var(--markdown-space) * 4) 0 0;
    font-size: var(--markdown-font-size);
    line-height: calc(var(--markdown-space) * 6);
  }
  ._Heading_15pu8_117:where(h5, h6) {
    font-size: var(--markdown-font-size);
    line-height: var(--markdown-line-height);
    margin: 0;
  }
  ._Heading_15pu8_117:where(h4) + ._Paragraph_15pu8_105 {
    margin-top: 0;
  }
  ._List_15pu8_118 {
    margin: 0;
    padding-inline-start: var(--markdown-line-height);
    list-style-position: outside;
  }
  ._MarkdownRoot_15pu8_178
    > ._Paragraph_15pu8_105[data-markdown-han-text]:has(
      + ._Paragraph_15pu8_105[data-markdown-han-text]
    ) {
    margin-bottom: var(--spacing);
  }
  ._MarkdownRoot_15pu8_178
    > :is(._Paragraph_15pu8_105, ._VisualizationBlock_15pu8_87):not(
      :first-child
    ) {
    margin-top: calc(var(--markdown-space) * 2);
  }
  ._MarkdownRoot_15pu8_178
    > :is(._Paragraph_15pu8_105, ._VisualizationBlock_15pu8_87)
    + :is(._Paragraph_15pu8_105, ._VisualizationBlock_15pu8_87) {
    margin-block: calc(var(--markdown-space) * 4);
  }
  ._MarkdownRoot_15pu8_178 > ._Paragraph_15pu8_105 + ._List_15pu8_118 {
    margin-top: 0;
  }
  ._MarkdownRoot_15pu8_178 > ._List_15pu8_118 + ._Heading_15pu8_117 {
    margin-top: calc(var(--markdown-space) * 4);
  }
  ._UnorderedList_15pu8_203 {
    list-style-type: disc;
  }
  ._List_15pu8_118 ._UnorderedList_15pu8_203 {
    list-style-type: circle;
  }
  ._List_15pu8_118 ._List_15pu8_118 ._UnorderedList_15pu8_203 {
    list-style-type: square;
  }
  ._OrderedList_15pu8_215 {
    list-style-type: decimal;
  }
  ._TaskList_15pu8_219 {
    padding-inline-start: 0;
    list-style-type: none;
  }
  ._ListItem_15pu8_118 {
    padding-inline-start: calc(var(--markdown-space) * 1.5);
    display: list-item;
  }
  ._ListItem_15pu8_118 + ._ListItem_15pu8_118 {
    margin-top: 0;
  }
  ._ListItem_15pu8_118 > :first-child {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._ListItem_15pu8_118 > :last-child {
    margin-bottom: 0;
  }
  ._ListItem_15pu8_118 > p {
    margin: 0;
  }
  ._ListItem_15pu8_118 > p + p {
    margin-top: calc(var(--markdown-space) * 4);
  }
  ._ListItem_15pu8_118 > ._List_15pu8_118 {
    margin-top: 0;
    margin-bottom: 0;
  }
  ._TaskListItem_15pu8_255 {
    padding-inline-start: 0;
    list-style-type: none;
  }
  ._TaskListItem_15pu8_255:has(> p) {
    grid-template-columns: auto minmax(0, 1fr);
    display: grid;
  }
  ._TaskListItem_15pu8_255:has(> p) > :first-child {
    margin-top: var(--markdown-space);
  }
  ._TaskListItem_15pu8_255:has(> p) > :not(:first-child) {
    grid-column: 2;
  }
  ._UnorderedList_15pu8_203 > ._ListItem_15pu8_118::marker {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
  }
  ._OrderedList_15pu8_215 > ._ListItem_15pu8_118::marker {
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
  }
  ._Blockquote_15pu8_279 {
    margin: 0 0 calc(var(--markdown-space) * 2);
    color: var(--text-primary);
    font-style: normal;
    line-height: calc(var(--markdown-space) * 6);
    padding-block: calc(var(--markdown-space) * 2);
    border: 0;
    padding-inline-start: calc(var(--markdown-space) * 6);
    position: relative;
    background-color: #0000 !important;
  }
  ._Blockquote_15pu8_279 > :first-child {
    margin-top: 0;
  }
  ._Blockquote_15pu8_279 > :last-child {
    margin-bottom: 0;
  }
  ._Blockquote_15pu8_279 > ._Paragraph_15pu8_105 {
    font-weight: var(--font-weight-normal);
    margin: 0;
  }
  ._Blockquote_15pu8_279 > ._Paragraph_15pu8_105:before,
  ._Blockquote_15pu8_279 > ._Paragraph_15pu8_105:after {
    content: none;
  }
  ._Blockquote_15pu8_279:after {
    content: "";
    inset-inline-start: 0;
    top: calc(var(--markdown-space) * 2);
    bottom: calc(var(--markdown-space) * 2);
    width: var(--markdown-space);
    border-radius: calc(var(--markdown-space) / 2);
    background-color: var(--border-medium);
    position: absolute;
  }
  ._HorizontalRule_15pu8_321 {
    clear: both;
    height: 0;
    margin: calc(var(--markdown-space) * 7) 0;
    border: 0;
    border-top: 1px solid var(--border-medium);
  }
  ._HorizontalRule_15pu8_321 + * {
    margin-top: 0;
  }
  ._MarkdownRoot_15pu8_178 {
    --markdown-host-font-size: var(--codex-chat-font-size);
    --markdown-host-small-font-size: var(--codex-chat-code-font-size);
    --markdown-font-size: var(--markdown-host-font-size);
    --markdown-line-height: calc(
      var(--markdown-font-size) * var(--leading-relaxed)
    );
    --markdown-small-font-size: max(
      var(--markdown-host-small-font-size),
      calc(var(--markdown-font-size) * 0.875)
    );
    --markdown-space: calc(var(--markdown-font-size) / 4);
    --text-primary: currentColor;
    --border-medium: var(--color-border-strong);
    --border-light: var(--color-border-subtle);
    --main-surface-secondary: color-mix(
      in srgb,
      var(--color-surface-secondary) 92%,
      transparent
    );
    color: var(--color-text);
    font-size: var(--markdown-font-size);
    line-height: var(--markdown-line-height);
    overflow-wrap: anywhere;
  }
  ._MarkdownRoot_15pu8_178[data-markdown-text-tone="tertiary"] {
    color: var(--color-text-tertiary);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-text-tone="user-message"] {
    color: var(--color-text-user-message);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-text-tone="user-message"]
    ._ExternalMarkdownLink_15pu8_371 {
    --inline-mention-dark-base-color: var(--color-text-user-message);
    --inline-mention-resolved-base-color: var(--color-text-user-message);
  }
  ._MarkdownRoot_15pu8_178
    :is(
      ._Paragraph_15pu8_105,
      ._List_15pu8_118,
      ._ListItem_15pu8_118,
      ._Table_15pu8_33
    ) {
    font-size: var(--markdown-font-size);
    line-height: var(--markdown-line-height);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-text-style="base"] {
    --markdown-font-size: var(--text-base);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-text-style="large"] {
    --markdown-font-size: var(--text-lg);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-text-style="small"] {
    --markdown-font-size: var(--text-sm);
  }
  ._MarkdownRoot_15pu8_178 ._Table_15pu8_33,
  ._MarkdownRoot_15pu8_178[data-markdown-text-style] ._Table_15pu8_33 {
    font-size: var(--markdown-small-font-size);
  }
  ._MarkdownRoot_15pu8_178 .katex-display {
    max-width: 100%;
    overflow: auto hidden;
  }
  [data-codex-window-type="browser"] ._MarkdownRoot_15pu8_178 {
    --markdown-host-font-size: var(--text-base);
    --markdown-host-small-font-size: var(--text-sm);
  }
  ._MarkdownTablePreview_15pu8_411 {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    background-color: var(--color-surface-elevated-secondary);
    max-width: 80%;
    max-height: 100%;
    padding: calc(var(--spacing) * 8);
    box-shadow: var(--shadow-2xl);
    margin: auto;
    display: flex;
    overflow: hidden;
  }
  [data-codex-window-type="extension"] ._MarkdownRoot_15pu8_178 {
    --thread-content-max-width: 40rem;
  }
  ._TableContainer_15pu8_33 {
    width: calc(100% + (var(--thread-content-margin, 24px) * 2));
    margin-inline: calc(var(--thread-content-margin, 24px) * -1);
    position: relative;
  }
  ._TableContainer_15pu8_33[data-wide-block] {
    anchor-scope: --markdown-table;
    --edge-fade-distance: calc(var(--thread-content-margin, 24px) * 4);
    --wide-block-width: var(--wide-block-default-max-width);
    width: var(--wide-block-width);
    max-width: none;
    margin-left: calc((100% - var(--wide-block-width)) / 2);
  }
  ._TableContainer_15pu8_33:not(:hover):not(:focus-within)
    ._TableActions_15pu8_442 {
    opacity: 0;
  }
  ._TableScroller_15pu8_447 {
    scrollbar-width: thin;
    overflow-x: auto;
  }
  ._TableContainer_15pu8_33[data-wide-block] ._TableScroller_15pu8_447 {
    justify-content: safe center;
    display: flex;
  }
  ._TableWrapper_15pu8_457 {
    width: fit-content;
    margin-inline: var(--thread-content-margin, 24px);
    pointer-events: auto;
  }
  ._TableContainer_15pu8_33[data-wide-block] ._TableWrapper_15pu8_457 {
    margin-inline: 0;
  }
  ._TableActions_15pu8_442 {
    z-index: 10;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
  }
  @container thread-content (width>=50rem) {
    :is([data-codex-window-type="browser"], [data-codex-window-type="electron"])
      ._TableContainer_15pu8_33[data-wide-block]
      ._TableActions_15pu8_442 {
      inset-inline-start: min(anchor(--markdown-table end), 100%);
      inset-inline-end: auto;
    }
  }
  @container latest-turn-preview (width>=0) {
    ._TableContainer_15pu8_33 {
      grid-template-columns: minmax(0, 1fr) max-content;
      display: grid;
    }
    ._TableContainer_15pu8_33[data-wide-block] {
      width: 100%;
      margin-inline: 0;
    }
    ._TableActions_15pu8_442 {
      position: static;
    }
  }
  ._Table_15pu8_33 {
    anchor-name: --markdown-table;
    width: fit-content;
    min-width: min(
      calc(100cqw - (var(--padding-toolbar) * 2)),
      calc(
        var(--thread-content-max-width, 40rem) - (var(--padding-toolbar) * 2)
      )
    );
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    text-align: start;
    margin: 0;
  }
  ._Table_15pu8_33 [data-col-size="sm"] {
    min-width: calc(var(--thread-content-max-width, 40rem) * 4 / 24);
    max-width: calc(var(--thread-content-max-width, 40rem) * 6 / 24);
  }
  ._Table_15pu8_33 [data-col-size="md"] {
    min-width: calc(var(--thread-content-max-width, 40rem) * 6 / 24);
    max-width: calc(var(--thread-content-max-width, 40rem) * 8 / 24);
  }
  ._Table_15pu8_33 [data-col-size="lg"] {
    min-width: calc(var(--thread-content-max-width, 40rem) * 8 / 24);
    max-width: calc(var(--thread-content-max-width, 40rem) * 12 / 24);
  }
  ._Table_15pu8_33 [data-col-size="xl"] {
    min-width: calc(var(--thread-content-max-width, 40rem) * 14 / 24);
    max-width: calc(var(--thread-content-max-width, 40rem) * 18 / 24);
  }
  ._TableRow_15pu8_537:not(:last-child) ._TableCell_15pu8_537 {
    border-bottom: 1px solid var(--border-light);
  }
  ._TableHeaderCell_15pu8_541,
  ._TableCell_15pu8_537 {
    vertical-align: top;
    white-space: normal;
    padding-inline-end: calc(var(--markdown-space) * 6);
  }
  ._TableHeaderCell_15pu8_541 {
    border-bottom: 1px solid var(--border-medium);
    padding-top: calc(var(--markdown-space) * 2);
    padding-bottom: calc(var(--markdown-space) * 2);
    text-align: start;
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    line-height: calc(var(--markdown-space) * 4);
  }
  ._TableCell_15pu8_537 {
    padding-top: calc(var(--markdown-space) * 2.5);
    padding-bottom: calc(var(--markdown-space) * 2.5);
  }
  ._NumericTableCell_15pu8_563 {
    min-width: calc(3ch + (var(--markdown-space) * 6));
    white-space: nowrap;
  }
  ._TableHeaderCell_15pu8_541:last-child {
    padding-inline-end: calc(var(--markdown-space) * 10);
  }
  ._TableCell_15pu8_537:last-child {
    padding-inline-end: 0;
  }
  ._TableBody_15pu8_576 ._TableRow_15pu8_537:last-child ._TableCell_15pu8_537 {
    padding-bottom: calc(var(--markdown-space) * 6);
  }
  ._MermaidBlock_15pu8_580 {
    margin-block: calc(var(--markdown-space) * 2);
  }
  ._CodeBlock_15pu8_584 {
    margin-block: calc(var(--markdown-space) * 5);
  }
  ._MermaidSurface_15pu8_588 {
    --mermaid-surface-background: var(--color-surface);
    background-color: var(--mermaid-surface-background);
  }
  ._CodeBlockPlaceholder_15pu8_593 {
    border-radius: var(--radius-3xl-base);
    background: var(--color-background-secondary-soft-alpha);
    padding: calc(var(--markdown-space) * 4);
    font-size: var(--markdown-small-font-size);
    line-height: calc(var(--markdown-space) * 5);
    overflow-x: auto;
  }
  ._InlineMarkdownIsolate_15pu8_602 {
    unicode-bidi: isolate;
  }
  ._InlineMentionFocusRing_15pu8_606 {
    cursor: var(--cursor-interaction);
  }
  ._InlineMentionFocusRing_15pu8_606 [data-layout] {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  ._InlineMentionFocusRing_15pu8_606:not(:has([data-layout])) {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  ._InlineMentionFocusRing_15pu8_606:focus-visible {
    outline: none;
  }
  ._InlineMentionFocusRing_15pu8_606:focus-visible [data-layout] {
    border-radius: var(--radius-md);
    box-shadow: 0 0 0 2px var(--color-ring);
  }
  ._InlineMentionFocusRing_15pu8_606:focus-visible:not(:has([data-layout])) {
    border-radius: var(--radius-md);
    box-shadow: 0 0 0 2px var(--color-ring);
  }
  ._InlineMentionFocusRing_15pu8_606[data-disabled] {
    cursor: default;
  }
  ._MarkdownRoot_15pu8_178 th,
  ._MarkdownRoot_15pu8_178 td {
    max-width: calc(var(--thread-content-max-width, 40rem) * 18 / 24);
    overflow-wrap: break-word;
    word-break: normal;
  }
  :is(._TableHeaderCell_15pu8_541, ._TableCell_15pu8_537)
    ._TableCellFileLink_15pu8_637 {
    white-space: nowrap;
  }
  :is(._TableHeaderCell_15pu8_541, ._TableCell_15pu8_537)
    ._TableCellFileLink_15pu8_637
    > :last-child {
    white-space: normal;
  }
  ._SingleChildTableCell_15pu8_645
    > [data-file-reference]
    ._TableCellFileLink_15pu8_637 {
    vertical-align: baseline;
    grid-template-columns: auto minmax(0, 1fr);
    max-width: 100%;
    display: inline-grid;
  }
  ._MarkdownRoot_15pu8_178[data-markdown-animated]
    :is(._FadeIn_15pu8_652, hr, li, tr, blockquote) {
    opacity: 0;
    animation: _fade-in_15pu8_1
      var(--duration, var(--transition-duration-basic))
      var(--fade-easing, cubic-bezier(0.37, 0.55, 0.86, 0.88)) forwards;
    animation-delay: var(--fade-delay, 0s);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-animated]
    ._FadeListDecoration_15pu8_659::marker {
    animation: _fade-in-marker_15pu8_1
      var(--duration, var(--transition-duration-basic))
      var(--fade-easing, cubic-bezier(0.37, 0.55, 0.86, 0.88)) forwards;
    animation-delay: var(--fade-delay, 0s);
  }
  ._MarkdownRoot_15pu8_178[data-markdown-animated] ._ImageEnter_15pu8_665 {
    transform-origin: 50%;
    animation: 0.18s ease-out both _image-enter_15pu8_1;
  }
  @media (prefers-reduced-motion: reduce) {
    ._MarkdownRoot_15pu8_178[data-markdown-animated]
      :is(._FadeIn_15pu8_652, hr, li, tr, blockquote, ._ImageEnter_15pu8_665) {
      --duration: 0s;
      opacity: 1;
      animation-duration: 0s;
      transform: scale(1);
      animation-delay: 0s !important;
    }
    ._MarkdownRoot_15pu8_178[data-markdown-animated]
      ._FadeListDecoration_15pu8_659::marker {
      animation-duration: 0s;
      animation-delay: 0s !important;
    }
  }
  @container thread-content (width<50rem) {
    ._BlockActions_1bfjs_2 svg path[fill="currentColor"] {
      paint-order: stroke fill;
      stroke: var(--color-surface);
      stroke-linejoin: round;
      stroke-opacity: 0.7;
      stroke-width: calc(var(--spacing) * 0.5);
    }
  }
  @keyframes _pulse_11ugf_1 {
    0%,
    to {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
  }
  ._Placeholder_11ugf_12 {
    overflow: hidden;
  }
  ._Placeholder_11ugf_12[data-animate] {
    --loading-placeholder-base: var(--color-surface);
    --loading-placeholder-peak: color-mix(
      in srgb,
      var(--color-codex-description) 7%,
      var(--color-surface)
    );
    background-color: var(--loading-placeholder-base);
    position: relative;
  }
  ._Placeholder_11ugf_12[data-animate]:before {
    background-color: var(--loading-placeholder-peak);
    opacity: 0;
    content: "";
    animation: 3s ease-in-out infinite _pulse_11ugf_1;
    position: absolute;
    inset: 0;
  }
  :root[data-reduced-motion="true"]
    :is(._Placeholder_11ugf_12[data-animate]:before) {
    animation: none;
  }
  .dark ._Placeholder_11ugf_12[data-animate] {
    --loading-placeholder-peak: color-mix(
      in srgb,
      var(--color-codex-description) 14%,
      var(--color-surface)
    );
  }
  ._ImageTransparencyBackdrop_11aoo_1 {
    background-size: calc(var(--spacing, 0.25rem) * 9)
      calc(var(--spacing, 0.25rem) * 9);
  }
  ._ImageTransparencyBackdrop_11aoo_1:hover,
  :focus-within > ._ImageTransparencyBackdrop_11aoo_1,
  [data-image-transparency-backdrop-scope]:is(:hover, :focus-within)
    ._ImageTransparencyBackdrop_11aoo_1 {
    background-image: repeating-conic-gradient(
      var(
          --image-transparency-backdrop-secondary,
          var(--color-surface-secondary)
        )
        0 25%,
      var(--image-transparency-backdrop-primary, var(--color-surface)) 0 50%
    );
  }
  ._fillOnMount_dqj0u_1 {
    animation: _progression-donut-fill_dqj0u_1
      var(--transition-duration-relaxed) ease-out backwards;
  }
  @keyframes _progression-donut-fill_dqj0u_1 {
    0% {
      stroke-dashoffset: 100px;
    }
  }
  :root[data-reduced-motion="true"] ._fillOnMount_dqj0u_1 {
    animation: none;
  }
  @keyframes _shimmer_yklzu_1 {
    0% {
      background-position: 140% 0;
    }
    to {
      background-position: -105% 0;
    }
  }
  ._Root_yklzu_11 {
    --openai-blossom-shimmer-highlight: var(
        --lightningcss-light,
        var(--color-surface)
      )
      var(--lightningcss-dark, var(--color-text));
    --openai-blossom-shimmer-base: var(
        --lightningcss-light,
        color-mix(in srgb, var(--color-text) 24%, transparent)
      )
      var(
        --lightningcss-dark,
        color-mix(in srgb, var(--color-text) 68%, transparent)
      );
    --openai-blossom-shimmer-soft: color-mix(
      in srgb,
      var(--openai-blossom-shimmer-highlight) 4%,
      transparent
    );
    --openai-blossom-shimmer-peak: color-mix(
      in srgb,
      var(--openai-blossom-shimmer-highlight) 48%,
      transparent
    );
    --openai-blossom-shimmer-tail: color-mix(
      in srgb,
      var(--openai-blossom-shimmer-highlight) 8%,
      transparent
    );
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }
  ._Base_yklzu_42 {
    width: 100%;
    height: 100%;
    color: var(--openai-blossom-shimmer-base);
  }
  ._Overlay_yklzu_48 {
    pointer-events: none;
    background-image: linear-gradient(
      112deg,
      transparent 22%,
      var(--openai-blossom-shimmer-soft) 38%,
      var(--openai-blossom-shimmer-peak) 49%,
      var(--openai-blossom-shimmer-tail) 56%,
      transparent 74%
    );
    background-position: 140% 0;
    background-repeat: no-repeat;
    background-size: 220% 100%;
    animation: 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite _shimmer_yklzu_1;
    position: absolute;
    inset: 0;
  }
  :root[data-reduced-motion="true"] ._Overlay_yklzu_48 {
    animation: none;
  }
  ._overlay_114d7_1 {
    top: anchor(top);
    right: anchor(right);
    bottom: anchor(bottom);
    left: anchor(left);
  }
  [aria-hidden="true"] ._overlay_114d7_1 {
    visibility: hidden;
  }
  body:has([role="dialog"][data-state="open"], [role="menu"][data-state="open"])
    ._overlay_114d7_1 {
    visibility: hidden;
  }
  ._FloatingHeader_ihb90_2:not(
    [data-app-shell-left-panel-appearance="content-surface"]
  ),
  ._ApplicationMenuTopBar_ihb90_2 {
    --header-tint: var(--codex-titlebar-tint, transparent);
    background-color: var(--header-tint);
  }
  ._FloatingHeader_ihb90_2 {
    height: var(--height-toolbar);
    flex-shrink: 0;
    align-items: center;
    padding-inline-start: max(var(--spacing-token-safe-header-left), 0.5rem);
    padding-inline-end: calc(var(--spacing) * 2);
    display: flex;
  }
  ._ApplicationMenuTopBar_ihb90_2 {
    z-index: 40;
    height: var(--height-toolbar-sm);
    -webkit-app-region: drag;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    padding-inline-start: var(--spacing-token-safe-header-left);
    padding-inline-end: var(--spacing-token-safe-header-right);
    display: flex;
  }
  ._ApplicationMenuTopBar_ihb90_2 button {
    -webkit-app-region: no-drag;
  }
  ._MainContentClip_ihb90_2 {
    display: contents;
  }
  ._MainContentClip_ihb90_2:where(
      :root[data-codex-os="win32"] ._MainContentClip_ihb90_2
    ):has(> [data-app-shell-main-surface="default"]) {
    flex: 1;
    display: flex;
    overflow: hidden;
  }
  ._MainContentSurface_ihb90_2 {
    isolation: isolate;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    position: relative;
  }
  ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
    ) {
    background-color: var(--color-surface);
    background-clip: padding-box;
    overflow: hidden;
  }
  [data-app-shell-unified-tab-strip="true"]
    ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
    ) {
    background-color: var(--color-surface, var(--color-background-surface));
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-app-shell-unified-tab-strip="true"]
      ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
        :is(
            [data-codex-window-type="browser"],
            [data-codex-window-type="chrome-extension"],
            [data-codex-window-type="electron"]
          )
          ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
      ) {
      background-color: color-mix(
        in oklab,
        var(--color-surface, var(--color-background-surface)) 50%,
        transparent
      );
    }
  }
  [data-app-shell-unified-tab-strip="true"]
    ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
    ):before {
    pointer-events: none;
    inset-inline: 0;
    top: var(--inset-toolbar, var(--height-toolbar));
    z-index: calc(10 * -1);
    background-color: var(--color-surface, var(--color-background-surface));
    content: "";
    position: absolute;
    bottom: 0;
  }
  @media (forced-colors: active) {
    ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
        :is(
            [data-codex-window-type="browser"],
            [data-codex-window-type="chrome-extension"],
            [data-codex-window-type="electron"]
          )
          ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
      ) {
      outline: 1px solid canvastext;
    }
  }
  ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
      :root[data-codex-os="win32"]
        ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
    ) {
    border-top-left-radius: var(--radius-lg);
    min-width: 0;
    overflow: visible;
  }
  ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]:where(
      :root[data-codex-os="win32"]
        ._MainContentSurface_ihb90_2[data-app-shell-main-surface="default"]
    )
    [data-app-shell-right-panel-full-width="true"]
    + [data-app-shell-focus-area="right-panel"] {
    --app-shell-panel-background: transparent;
  }
  ._MainContentSurface_ihb90_2[data-app-shell-main-surface="browser"] {
    background-color: var(--color-surface);
    overflow: hidden;
  }
  ._MainContentViewport_ihb90_2 {
    --app-shell-main-content-frame-top-offset: var(--height-toolbar);
    --thread-content-top-inset: calc(var(--spacing) * 8);
    --thread-floating-content-top-inset: calc(var(--spacing) * 3);
    --thread-floating-content-bottom-inset: calc(var(--spacing) * 3);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
    position: relative;
  }
  ._MainContentViewport_ihb90_2:where(
    [data-codex-window-type="browser"] ._MainContentViewport_ihb90_2
  ) {
    --thread-content-top-inset: 0px;
  }
  ._MainContentViewport_ihb90_2:not([data-app-shell-workspace-layout]) {
    container: app-shell-main-content/inline-size;
  }
  ._MainContentViewport_ihb90_2[data-app-shell-right-panel-full-width="true"],
  ._MainContentViewport_ihb90_2[data-app-shell-workspace-layout] {
    overflow: hidden;
  }
  ._MainContentFrame_ihb90_2 {
    --app-shell-main-content-top-offset: calc(
      var(--app-shell-application-menu-height) +
        var(--app-shell-main-content-frame-top-offset) +
        var(--app-shell-main-toolbar-height)
    );
    margin-top: var(--app-shell-main-content-frame-top-offset);
    flex-direction: column;
    flex: 1;
    min-height: 0;
    display: flex;
    position: relative;
  }
  [data-app-shell-workspace-layout] ._MainContentFrame_ihb90_2 {
    min-width: 100%;
    container: app-shell-main-content/inline-size;
  }
  ._MainContentFrame_ihb90_2[data-app-shell-thread-edge-divider="true"] {
    border-top: 0.5px solid var(--color-border-strong);
  }
  :is(
      [data-app-shell-main-content-layout="full-bleed"],
      [data-app-shell-main-content-layout="custom-titlebar"],
      [data-app-shell-workspace-layout="split"]
    )
    ._MainContentFrame_ihb90_2 {
    --app-shell-main-content-frame-top-offset: 0px;
  }
  [data-app-shell-header-edge-scroll="true"]:not(
      [data-app-shell-workspace-layout="split"]
    )
    ._MainContentFrame_ihb90_2 {
    --app-shell-main-content-frame-top-offset: 0px;
    --thread-content-top-inset: calc(
      var(--height-toolbar) + var(--spacing) * 8
    );
    --thread-floating-content-top-inset: calc(
      var(--height-toolbar) + var(--spacing) * 3
    );
  }
  [data-app-shell-header-edge-scroll="true"]:not(
      [data-app-shell-workspace-layout="split"]
    )
    ._MainContentFrame_ihb90_2:where(
      [data-codex-window-type="browser"]
        :is(
          [data-app-shell-header-edge-scroll="true"]:not(
              [data-app-shell-workspace-layout="split"]
            )
            ._MainContentFrame_ihb90_2
        )
    ) {
    --thread-content-top-inset: var(--height-toolbar);
  }
  ._MainContentTopFade_ihb90_2 {
    pointer-events: none;
    z-index: 20;
    height: calc(var(--spacing) * 4);
    background-image: linear-gradient(
      to bottom,
      var(--color-surface),
      transparent
    );
    opacity: 0;
    transition: opacity var(--transition-duration-basic);
    inset-inline: 0;
    position: absolute;
    top: 0;
  }
  ._MainContentTopFade_ihb90_2[data-app-shell-main-content-top-fade="visible"] {
    opacity: 1;
  }
  ._MainContentTopFade_ihb90_2:where(
    [data-codex-window-type="browser"] ._MainContentTopFade_ihb90_2
  ) {
    display: none;
  }
  ._MainContentTopFade_ihb90_2[data-app-shell-main-content-top-fade="full-bleed"] {
    opacity: 1;
  }
  ._PageInset_1vaml_2 {
    max-width: calc(var(--thread-content-max-width) - var(--spacing) * 4);
    padding-inline: calc(var(--padding-panel) - var(--spacing) * 2);
    margin-inline: auto;
  }
  ._TabStripInset_1vaml_2 {
    padding-inline-start: calc(var(--spacing) * 2);
    padding-inline-end: calc(var(--spacing) * 2 + 1px);
  }
  ._Toolbar_1vaml_2 {
    -webkit-app-region: drag;
    -webkit-user-select: none;
    user-select: none;
  }
  ._Toolbar_1vaml_2 button {
    -webkit-app-region: no-drag;
  }
  [data-app-shell-workspace-layout="split"]
    ._Toolbar_1vaml_2._TabStripInset_1vaml_2 {
    -webkit-app-region: initial;
  }
  [data-app-shell-header-layout="thread-edge-scroll"] ._Toolbar_1vaml_2 > * {
    max-width: max-content;
  }
  [data-app-shell-header-edge-scroll="true"]:not(
      [data-app-shell-tab-row],
      [data-app-shell-workspace-layout="split"]
    )
    ._Toolbar_1vaml_2
    > * {
    background-color: var(--color-surface);
  }
  ._successCta_1jp5e_1 a {
    color: var(--color-chart-green) !important;
  }
  .inline-chevron {
    vertical-align: middle;
    line-height: 1;
    display: inline-block;
    transform: translateY(-1px);
  }
  .heading-subsection {
    font-size: var(--text-heading-sm);
    font-weight: var(--font-weight-medium);
    line-height: 1.33;
  }
  .loading-shimmer-pure-text-inverted {
    background: var(--text-primary)
      linear-gradient(
        to right,
        var(--text-primary) 0%,
        var(--text-quaternary) 50%,
        var(--text-primary) 100%
      );
    background: var(--text-primary) -webkit-gradient(
        linear,
        100% 0,
        0 0,
        from(var(--text-primary)),
        color-stop(0.5, var(--text-quaternary)),
        to(var(--text-primary))
      );
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    background-position: -100% 0;
    background-repeat: no-repeat;
    background-size: 50% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    animation-name: loading-shimmer;
    animation-duration: 5s;
    animation-timing-function: steps(120, end);
    animation-iteration-count: infinite;
    animation-delay: 0.5s;
    display: inline-block;
  }
  @media (prefers-reduced-motion: reduce) {
    .loading-shimmer-pure-text-inverted {
      animation: none;
    }
  }
  .panel-animated [data-panel] {
    will-change: flex-grow, max-width;
    transition:
      flex-grow var(--transition-duration-relaxed) var(--ease-basic),
      max-width var(--transition-duration-relaxed) var(--ease-basic);
  }
  .panel-animated.panel-dragging [data-panel] {
    transition: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .panel-animated [data-panel] {
      transition: none;
    }
  }
  :where(.loading-shimmer-pure-text, .loading-shimmer) {
    --loading-shimmer-foreground: initial;
    --loading-shimmer-base: initial;
    --loading-shimmer-highlight: initial;
    --loading-shimmer-duration: initial;
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    --loading-shimmer-default-duration: 2s;
    --text-primary: var(
      --loading-shimmer-foreground,
      var(--color-codex-description)
    );
    --text-secondary: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .loading-shimmer-pure-text,
    .loading-shimmer {
      --text-secondary: color-mix(
        in srgb,
        var(--text-primary) 55%,
        transparent
      );
    }
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    --text-tertiary: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .loading-shimmer-pure-text,
    .loading-shimmer {
      --text-tertiary: color-mix(in srgb, var(--text-primary) 35%, transparent);
    }
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    --text-quaternary: var(--text-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .loading-shimmer-pure-text,
    .loading-shimmer {
      --text-quaternary: color-mix(
        in srgb,
        var(--text-primary) 18%,
        transparent
      );
    }
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    --shimmer-text-secondary: var(
      --loading-shimmer-base,
      var(--text-secondary)
    );
    --shimmer-contrast: var(--loading-shimmer-highlight, #ffffffbf);
  }
  .dark .loading-shimmer-pure-text,
  .dark .loading-shimmer {
    --shimmer-text-secondary: var(--loading-shimmer-base, var(--text-primary));
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark .loading-shimmer-pure-text,
    .dark .loading-shimmer {
      --shimmer-text-secondary: var(
        --loading-shimmer-base,
        color-mix(in srgb, var(--text-primary) 45%, transparent)
      );
    }
  }
  .dark .loading-shimmer-pure-text,
  .dark .loading-shimmer {
    --shimmer-contrast: var(--loading-shimmer-highlight, #0009);
  }
  .loading-shimmer-pure-text,
  .loading-shimmer {
    background: var(--shimmer-text-secondary)
      linear-gradient(
        to right,
        transparent 0%,
        var(--shimmer-contrast) 40%,
        var(--shimmer-contrast) 60%,
        transparent 100%
      );
    background: var(--shimmer-text-secondary) -webkit-gradient(
        linear,
        100% 0,
        0 0,
        from(transparent),
        color-stop(0.4, var(--shimmer-contrast)),
        color-stop(0.6, var(--shimmer-contrast)),
        to(transparent)
      );
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation-duration: var(
      --loading-shimmer-duration,
      var(--loading-shimmer-default-duration)
    );
    background-position: -100% 0;
    background-repeat: no-repeat;
    background-size: 50% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    animation-name: loading-shimmer;
    animation-timing-function: steps(48, end);
    animation-iteration-count: infinite;
    animation-delay: 0s;
    display: inline-block;
  }
  @media (prefers-reduced-motion: reduce) {
    .loading-shimmer-pure-text,
    .loading-shimmer {
      animation: none;
    }
  }
  .loading-shimmer:hover {
    -webkit-text-fill-color: var(--text-primary);
    background: 0 0;
    animation: none;
  }
  @supports (animation-timeline: --scroll-fade) {
    .horizontal-scroll-fade-mask {
      -webkit-mask: linear-gradient(
        to right in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--left-fade) calc(100% - var(--right-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to right in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--left-fade) calc(100% - var(--right-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to right in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--left-fade) calc(100% - var(--right-fade)),
        oklch(60% 0 0/0)
      );
      mask: linear-gradient(
        to right in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--left-fade) calc(100% - var(--right-fade)),
        oklch(60% 0 0/0)
      );
      animation-name: edge-fade-horizontal;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self x);
    }
    .vertical-scroll-fade-mask {
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      animation-name: edge-fade;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self y);
    }
    .vertical-scroll-fade-mask-top {
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      mask: linear-gradient(
        to bottom in oklch,
        oklch(60% 0 0/0),
        oklch(85% 0 0) var(--top-fade) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      animation-name: edge-fade-top;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self y);
    }
    .vertical-scroll-fade-mask-bottom {
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(85% 0 0),
        oklch(85% 0 0) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(85% 0 0),
        oklch(85% 0 0) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      -webkit-mask: linear-gradient(
        to bottom in oklch,
        oklch(85% 0 0),
        oklch(85% 0 0) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      mask: linear-gradient(
        to bottom in oklch,
        oklch(85% 0 0),
        oklch(85% 0 0) calc(100% - var(--bottom-fade)),
        oklch(60% 0 0/0)
      );
      animation-name: edge-fade-bottom;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(self y);
    }
  }
  .icon-3xs {
    width: 10px;
    height: 10px;
  }
  .icon-xxs {
    width: 12px;
    height: 12px;
  }
  .icon-2xs {
    height: var(--icon-secondary-size, 14px);
    width: var(--icon-secondary-size, 14px);
  }
  .icon-xs {
    height: var(--icon-size, 16px);
    width: var(--icon-size, 16px);
  }
  .icon-sm {
    width: 18px;
    height: 18px;
  }
  .icon-base {
    width: 20px;
    height: 20px;
  }
  .icon-md {
    width: 24px;
    height: 24px;
  }
  .icon-lg {
    width: 28px;
    height: 28px;
  }
  .heading-4xl {
    font-size: var(--text-4xl);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }
  .heading-3xl {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }
  .heading-2xl {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 1;
  }
  .heading-xl {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
  }
  .heading-xl:where([data-codex-window-type="browser"] .heading-xl) {
    font-size: var(--text-2xl);
  }
  .heading-lg {
    font-size: var(--text-heading-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
  }
  .heading-base {
    font-size: var(--text-heading-md);
    font-weight: var(--font-weight-medium);
    line-height: 1.33;
  }
  .heading-dialog {
    font-size: var(--text-heading-md);
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.36px;
    line-height: 28px;
  }
  .heading-sm {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
  }
  .heading-xs {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
  }
  @keyframes _enter_16ogz_13 {
    0% {
      opacity: 0;
      transform: translateY(-4px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  ._enter_16ogz_13 {
    animation: _enter_16ogz_13 var(--transition-duration-basic)
      var(--cubic-enter) both;
  }
  @media (prefers-reduced-motion: reduce) {
    ._enter_16ogz_13 {
      animation: none;
    }
  }
  ._CompactSource_3pdaq_2 {
    display: var(--display-icon-compact, contents);
  }
  ._LeadingSource_3pdaq_6 {
    display: var(--display-icon-leading, none);
  }
  @keyframes _working-dot-wave_1y69c_1 {
    0%,
    10%,
    to {
      transform: translateY(0);
    }
    25% {
      transform: translateY(1.2px);
    }
    55% {
      transform: translateY(-2px);
    }
    70% {
      transform: translateY(0);
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    ._waveDot_1y69c_22 {
      animation-name: _working-dot-wave_1y69c_1;
      animation-duration: 1s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
    }
    ._waveDot_1y69c_22:nth-child(2) {
      animation-delay: 0.1s;
    }
    ._waveDot_1y69c_22:nth-child(3) {
      animation-delay: 0.2s;
    }
  }
  ._cadencedShimmer_a3m57_1 {
    text-fill-color: currentColor;
    -webkit-text-fill-color: currentColor;
    background: 0 0;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    animation: none;
    position: relative;
  }
  ._cadencedShimmer_a3m57_1,
  ._cadencedShimmer_a3m57_1 * {
    color: var(--shimmer-text-secondary) !important;
  }
  ._cadencedShimmer_a3m57_1 ._cadencedShimmerHighlight_a3m57_16,
  ._cadencedShimmer_a3m57_1 ._cadencedShimmerHighlight_a3m57_16 * {
    color: var(--shimmer-contrast) !important;
  }
  ._cadencedShimmerSweep_a3m57_21 {
    pointer-events: none;
    width: 100%;
    position: absolute;
    inset: 0 auto 0 0;
    overflow: hidden;
    transform: translate(-50%);
    -webkit-mask-image: linear-gradient(
      90deg,
      #0000 0%,
      #000 20% 30%,
      #0000 50% 100%
    );
    mask-image: linear-gradient(90deg, #0000 0%, #000 20% 30%, #0000 50% 100%);
  }
  ._cadencedShimmerHighlight_a3m57_16 {
    text-fill-color: currentColor;
    -webkit-text-fill-color: currentColor;
    width: 100%;
    display: block;
    transform: translate(50%);
  }
  ._cadencedShimmerActive_a3m57_54 ._cadencedShimmerSweep_a3m57_21,
  ._cadencedShimmerActive_a3m57_54 ._cadencedShimmerHighlight_a3m57_16 {
    animation-duration: 1s;
    animation-timing-function: steps(48, end);
    animation-iteration-count: 1;
  }
  ._cadencedShimmerActive_a3m57_54 ._cadencedShimmerSweep_a3m57_21 {
    animation-name: _cadencedLoadingShimmerSweep_a3m57_1;
  }
  ._cadencedShimmerActive_a3m57_54 ._cadencedShimmerHighlight_a3m57_16 {
    animation-name: _cadencedLoadingShimmerHighlight_a3m57_1;
  }
  @media (prefers-reduced-motion: reduce) {
    ._cadencedShimmerActive_a3m57_54 ._cadencedShimmerSweep_a3m57_21,
    ._cadencedShimmerActive_a3m57_54 ._cadencedShimmerHighlight_a3m57_16 {
      animation: none;
    }
  }
  @keyframes _cadencedLoadingShimmerSweep_a3m57_1 {
    0% {
      transform: translate(-50%);
    }
    to {
      transform: translate(125%);
    }
  }
  @keyframes _cadencedLoadingShimmerHighlight_a3m57_1 {
    0% {
      transform: translate(50%);
    }
    to {
      transform: translate(-125%);
    }
  }
  ._curtain_cmz8p_1 {
    z-index: var(--max-app-overlay-z-index);
    pointer-events: auto;
    opacity: 0;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: color-mix(
      in srgb,
      var(--color-surface-secondary) 74%,
      transparent
    );
    animation-duration: 0.11s;
    animation-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1);
    animation-fill-mode: forwards;
    position: fixed;
    inset: 0;
    transform: scale(1.01);
  }
  ._curtain_cmz8p_1[data-phase="raise"] {
    animation-name: _curtainRaise_cmz8p_1;
  }
  ._curtain_cmz8p_1[data-phase="lower"] {
    animation-name: _curtainLower_cmz8p_1;
  }
  @keyframes _curtainRaise_cmz8p_1 {
    0% {
      opacity: 0;
      transform: scale(1.01);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes _curtainLower_cmz8p_1 {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: 0;
      transform: scale(1.01);
    }
  }
  ._ComposerFooter_q5yh8_1 {
    -webkit-user-select: none;
    user-select: none;
  }
  ._ComposerFooter_q5yh8_1[data-composer-footer-responsive] {
    container: composer-footer/inline-size;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
[data-sonner-toaster].codex-sonner-toaster {
  width: 100%;
  transition-duration: var(--transition-duration-relaxed);
  font-family: inherit;
  position: absolute;
  top: 0;
}
[data-sonner-toaster].codex-sonner-toaster [data-sonner-toast],
[data-sonner-toaster].codex-sonner-toaster [data-sonner-toast] > * {
  transition-duration: var(--transition-duration-relaxed);
}
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-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-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-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --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-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-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-content: "";
      --top-fade: 0;
      --bottom-fade: 0;
      --edge-fade-distance: 1rem;
      --left-fade: 0;
      --right-fade: 0;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: var(--vscode-font-family, var(--font-sans-default));
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: var(--vscode-editor-font-family, var(--font-mono-default));
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-700: oklch(55.3% 0.195 38.402);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-3xs: 16rem;
    --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;
    --text-xs: 11px;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 12px;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 14px;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 16px;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 28px;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 36px;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 48px;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 72px;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: calc(var(--radius-xs-base) * var(--corner-radius-scale));
    --radius-sm: calc(var(--radius-sm-base) * var(--corner-radius-scale));
    --radius-md: calc(var(--radius-md-base) * var(--corner-radius-scale));
    --radius-lg: calc(var(--radius-lg-base) * var(--corner-radius-scale));
    --radius-xl: calc(var(--radius-xl-base) * var(--corner-radius-scale));
    --radius-2xl: calc(var(--radius-2xl-base) * var(--corner-radius-scale));
    --radius-3xl: calc(var(--radius-3xl-base) * var(--corner-radius-scale));
    --radius-4xl: calc(var(--radius-4xl-base) * var(--corner-radius-scale));
    --shadow-sm: 0px 1px 2px -1px #00000014;
    --shadow-md: 0px 2px 4px -1px #00000014;
    --shadow-lg: 0px 4px 8px -2px #0000001a;
    --shadow-xl: 0px 8px 16px -4px #0000001f;
    --shadow-2xl: 0px 16px 32px -8px #00000030;
    --drop-shadow-lg: 0 4px 4px #00000026;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --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(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --gray-0: #fff;
    --gray-50: #f9f9f9;
    --gray-75: #f3f3f3;
    --gray-100: #ededed;
    --gray-150: #dfdfdf;
    --gray-200: #cdcdcd;
    --gray-250: #b9b9b9;
    --gray-300: #afafaf;
    --gray-400: #8f8f8f;
    --gray-500: #5d5d5d;
    --gray-550: #4f4f4f;
    --gray-600: #414141;
    --gray-650: #393939;
    --gray-700: #303030;
    --gray-750: #282828;
    --gray-800: #212121;
    --gray-900: #181818;
    --gray-950: #131313;
    --gray-1000: #0d0d0d;
    --white: #fff;
    --black: #000;
    --green-25: #edfaf2;
    --green-50: #d9f4e4;
    --green-75: #b8ebcc;
    --green-100: #8cdfad;
    --green-200: #66d492;
    --green-300: #40c977;
    --green-400: #04b84c;
    --green-500: #00a240;
    --green-600: #008635;
    --green-700: #00692a;
    --green-800: #004f1f;
    --green-950: #011c0b;
    --red-25: #fff0f0;
    --red-50: #ffd9d9;
    --red-100: #ffa4a2;
    --red-200: #ff8583;
    --red-300: #ff6764;
    --red-400: #fa423e;
    --red-500: #e02e2a;
    --red-600: #ba2623;
    --red-700: #911e1b;
    --red-800: #6e1615;
    --red-900: #4d100e;
    --red-950: #280b0a;
    --pink-100: #ffbada;
    --pink-400: #ff66ad;
    --pink-500: #e04c91;
    --orange-25: #fff5f0;
    --orange-50: #ffe7d9;
    --orange-200: #ff9e6c;
    --orange-300: #ff8549;
    --orange-400: #fb6a22;
    --orange-500: #e25507;
    --orange-600: #b9480d;
    --orange-700: #923b0f;
    --orange-800: #6d2e0f;
    --orange-900: #4a2206;
    --orange-950: #281105;
    --yellow-100: #ffe48c;
    --yellow-300: #ffd240;
    --yellow-400: #ffc300;
    --yellow-500: #e0ac00;
    --yellow-600: #ba8e00;
    --purple-100: #ceb0fb;
    --purple-200: #be95fa;
    --purple-300: #ad7bf9;
    --purple-400: #924ff7;
    --purple-500: #8046d9;
    --purple-600: #6b3ab4;
    --blue-50: #e5f3ff;
    --blue-75: #cce6ff;
    --blue-100: #99ceff;
    --blue-200: #66b5ff;
    --blue-300: #339cff;
    --blue-400: #0285ff;
    --blue-500: #0169cc;
    --blue-600: #004f99;
    --blue-800: #013566;
    --blue-900: #00284d;
    --color-text: var(--vscode-foreground);
    --color-text-emphasis: var(
      --vscode-list-activeSelectionForeground,
      var(--color-text)
    );
    --color-text-secondary: var(--vscode-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-text-secondary: color-mix(
        in srgb,
        var(--vscode-foreground) 65%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-text-tertiary: var(--vscode-descriptionForeground);
    --color-text-execution-output: var(--color-text);
    --color-text-execution-output-label: var(--color-text-tertiary);
    --color-text-execution-output-error: var(--color-text-danger);
    --color-text-execution-traceback: var(--white);
    --color-text-mode-toggle-inactive: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-text-mode-toggle-inactive: color-mix(
        in oklab,
        var(--color-text) 80%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-text-disabled: var(--vscode-disabledForeground);
    --color-text-info: var(--vscode-textLink-foreground);
    --color-text-info-soft: var(--vscode-charts-blue);
    --color-text-danger: var(--vscode-errorForeground);
    --color-text-danger-soft: var(--vscode-charts-red);
    --color-text-warning: var(--vscode-editorWarning-foreground);
    --color-text-warning-soft: var(--vscode-charts-orange);
    --color-text-success: var(--vscode-charts-green);
    --color-text-caution: var(--vscode-charts-yellow);
    --color-text-discovery: var(--vscode-charts-purple);
    --color-text-tip: var(--color-text-tip-badge, var(--vscode-charts-blue));
    --color-text-inverse: var(--vscode-button-foreground);
    --color-text-primary-solid: var(--vscode-dropdown-background);
    --color-text-composer-primary: var(--color-text-primary-solid);
    --color-text-user-message: var(--color-text);
    --color-text-secondary-solid: var(--vscode-badge-foreground);
    --color-text-info-solid: var(
      --color-text-on-accent,
      var(--vscode-button-foreground)
    );
    --color-text-coachmark: var(--white);
    --color-text-danger-solid: var(--white);
    --color-text-warning-solid: var(--vscode-button-foreground);
    --color-text-success-solid: var(--white);
    --color-control-thumb-foreground: var(
        --lightningcss-light,
        var(--color-text)
      )
      var(--lightningcss-dark, var(--black));
    --color-media-foreground: var(--white);
    --color-media-background: var(--black);
    --color-media-scrim: var(--gray-1000);
    --color-media-control-background: #626262;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-media-control-background: color-mix(
        in srgb,
        var(--white) 35%,
        var(--gray-1000)
      );
    }
  }
  :root,
  :host {
    --color-media-control-hover: #6e6e6e;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-media-control-hover: color-mix(
        in srgb,
        var(--white) 40%,
        var(--gray-1000)
      );
    }
  }
  :root,
  :host {
    --color-chart-blue: var(--vscode-charts-blue);
    --color-chart-green: var(--vscode-charts-green);
    --color-chart-orange: var(--vscode-charts-orange);
    --color-chart-purple: var(--vscode-charts-purple);
    --color-chart-red: var(--vscode-charts-red);
    --color-chart-yellow: var(--vscode-charts-yellow);
    --color-file-document: var(--blue-400);
    --color-file-image: var(--pink-400);
    --color-file-pdf: var(--red-400);
    --color-file-presentation: var(--red-400);
    --color-file-spreadsheet: var(--green-400);
    --color-artifact-powerpoint: var(--red-600);
    --color-artifact-photo-paper: var(--white);
    --color-artifact-powerpoint-foreground: var(
        --lightningcss-light,
        var(--red-600)
      )
      var(--lightningcss-dark, var(--red-300));
    --color-artifact-powerpoint-surface: var(--lightningcss-light, #ba26230d)
      var(--lightningcss-dark, #ff67641f);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-artifact-powerpoint-surface: var(
          --lightningcss-light,
          color-mix(in oklab, var(--red-600) 5%, transparent)
        )
        var(
          --lightningcss-dark,
          color-mix(in oklab, var(--red-300) 12%, transparent)
        );
    }
  }
  :root,
  :host {
    --color-surface: var(--color-background-surface);
    --color-surface-secondary: var(--vscode-sideBar-background);
    --color-surface-recovery: var(
      --color-background-recovery,
      var(--color-surface-secondary)
    );
    --color-surface-tertiary: var(--vscode-editor-background);
    --color-surface-elevated: var(--vscode-menu-background);
    --color-surface-elevated-secondary: var(--vscode-dropdown-background);
    --color-background-primary-soft: var(--vscode-input-background);
    --color-background-primary-soft-alpha: var(--vscode-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-background-primary-soft-alpha: color-mix(
        in oklab,
        var(--vscode-foreground) 2.5%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-background-primary-soft-active: var(
      --vscode-list-activeSelectionBackground
    );
    --color-background-primary-ghost-hover: var(--vscode-list-hoverBackground);
    --color-background-primary-solid: var(--vscode-foreground);
    --color-background-composer-primary: var(--color-background-primary-solid);
    --color-background-user-message: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-background-user-message: color-mix(
        in oklab,
        var(--color-text) 5%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-background-secondary-soft: var(--vscode-badge-background);
    --color-background-callout-surface: var(--vscode-editorWidget-background);
    --color-background-secondary-soft-alpha: var(
      --vscode-textCodeBlock-background
    );
    --color-background-execution-output: var(--color-surface-secondary);
    --color-background-execution-traceback: var(--black);
    --color-background-mode-toggle-track: var(
        --lightningcss-light,
        var(--color-surface-secondary)
      )
      var(--lightningcss-dark, var(--color-background-primary-ghost-hover));
    --color-background-mode-toggle-selected: var(
      --color-background-primary-soft
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-background-mode-toggle-selected: color-mix(
        in oklab,
        var(--color-background-primary-soft) 90%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-background-composer-action-bar: var(
        --lightningcss-light,
        var(--color-surface-secondary)
      )
      var(--lightningcss-dark, var(--color-background-primary-soft-alpha));
    --color-background-info-surface: var(--vscode-editor-findMatchBackground);
    --color-background-info-soft: var(--vscode-editor-selectionBackground);
    --color-background-text-selection: var(--color-background-info-soft);
    --color-background-attribution-highlight: var(--color-background-info-soft);
    --color-background-info-solid: var(--vscode-charts-blue);
    --color-background-coachmark: var(--blue-500);
    --color-background-success-surface: var(
        --lightningcss-light,
        var(--green-25)
      )
      var(--lightningcss-dark, var(--green-950));
    --color-background-success-solid: var(--green-600);
    --color-background-danger-surface: var(--lightningcss-light, var(--red-25))
      var(--lightningcss-dark, var(--red-950));
    --color-background-danger-solid: var(--red-500);
    --color-background-warning-surface: var(
        --lightningcss-light,
        var(--orange-25)
      )
      var(--lightningcss-dark, var(--orange-950));
    --color-background-warning-solid: var(--vscode-charts-orange);
    --color-background-caution-solid: var(--vscode-charts-yellow);
    --color-background-discovery-solid: var(--vscode-charts-purple);
    --color-background-tip-soft: var(
      --color-background-tip-badge,
      var(--vscode-editor-selectionBackground)
    );
    --color-border: var(--vscode-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-border: color-mix(
        in oklab,
        var(--vscode-foreground) 8%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-border-mode-toggle-selected: var(--color-border);
    --shadow-mode-toggle-selected: var(--shadow-md);
    --color-border-subtle: var(--color-border-light, var(--vscode-foreground));
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-border-subtle: var(
        --color-border-light,
        color-mix(in oklab, var(--vscode-foreground) 5%, transparent)
      );
    }
  }
  :root,
  :host {
    --color-border-strong: var(--color-border-heavy, var(--vscode-foreground));
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-border-strong: var(
        --color-border-heavy,
        color-mix(in oklab, var(--vscode-foreground) 12%, transparent)
      );
    }
  }
  :root,
  :host {
    --color-border-primary-outline: var(
      --vscode-input-border,
      var(--color-border-strong)
    );
    --color-ring: var(--vscode-focusBorder);
    --color-border-danger-outline: var(--vscode-inputValidation-errorBorder);
    --color-border-warning-outline: var(--vscode-inputValidation-warningBorder);
    --color-codex-description: var(--vscode-descriptionForeground);
    --color-codex-radio-inactive: var(--vscode-radio-inactiveBorder);
    --color-codex-icon: var(--vscode-icon-foreground);
    --color-codex-icon-active: var(
      --vscode-list-activeSelectionIconForeground,
      var(--color-text-emphasis)
    );
    --color-codex-drop-overlay: var(--vscode-editorGroup-dropBackground);
    --color-codex-drop-prompt: var(
      --vscode-editorGroup-dropIntoPromptBackground
    );
    --color-codex-application-menu: var(
      --color-background-application-menu,
      var(--vscode-menu-background)
    );
    --color-codex-application-menu-selection: var(
      --vscode-menubar-selectionBackground
    );
    --color-codex-git-added: var(
      --vscode-gitDecoration-addedResourceForeground
    );
    --color-codex-git-deleted: var(
      --vscode-gitDecoration-deletedResourceForeground
    );
    --color-codex-git-modified: var(
      --vscode-gitDecoration-modifiedResourceForeground
    );
    --color-codex-git-ignored: var(
      --vscode-gitDecoration-ignoredResourceForeground
    );
    --color-codex-diff-added: var(--vscode-diffEditor-insertedLineBackground);
    --color-codex-diff-deleted: var(--vscode-diffEditor-removedLineBackground);
    --color-codex-diff-surface: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-codex-diff-surface: color-mix(
        in srgb,
        var(--color-surface) 94%,
        var(--color-text)
      );
    }
  }
  :root,
  :host {
    --color-codex-terminal-background: var(
      --vscode-terminal-background,
      var(--color-surface)
    );
    --color-codex-terminal-foreground: var(--vscode-terminal-foreground);
    --color-codex-terminal-selection: var(
      --vscode-terminal-selectionBackground
    );
    --color-codex-terminal-selection-inactive: var(
      --vscode-terminal-inactiveSelectionBackground
    );
    --color-codex-terminal-ansi-black: var(--vscode-terminal-ansiBlack);
    --color-codex-terminal-ansi-red: var(--vscode-terminal-ansiRed);
    --color-codex-terminal-ansi-green: var(--vscode-terminal-ansiGreen);
    --color-codex-terminal-ansi-yellow: var(--vscode-terminal-ansiYellow);
    --color-codex-terminal-ansi-blue: var(--vscode-terminal-ansiBlue);
    --color-codex-terminal-ansi-magenta: var(--vscode-terminal-ansiMagenta);
    --color-codex-terminal-ansi-cyan: var(--vscode-terminal-ansiCyan);
    --color-codex-terminal-ansi-white: var(--vscode-terminal-ansiWhite);
    --color-codex-terminal-ansi-bright-black: var(
      --vscode-terminal-ansiBrightBlack
    );
    --color-codex-terminal-ansi-bright-red: var(
      --vscode-terminal-ansiBrightRed
    );
    --color-codex-terminal-ansi-bright-green: var(
      --vscode-terminal-ansiBrightGreen
    );
    --color-codex-terminal-ansi-bright-yellow: var(
      --vscode-terminal-ansiBrightYellow
    );
    --color-codex-terminal-ansi-bright-blue: var(
      --vscode-terminal-ansiBrightBlue
    );
    --color-codex-terminal-ansi-bright-magenta: var(
      --vscode-terminal-ansiBrightMagenta
    );
    --color-codex-terminal-ansi-bright-cyan: var(
      --vscode-terminal-ansiBrightCyan
    );
    --color-codex-terminal-ansi-bright-white: var(
      --vscode-terminal-ansiBrightWhite
    );
    --color-codex-editor-line-highlight: var(
      --vscode-editor-lineHighlightBackground,
      transparent
    );
    --color-codex-editor-cursor: var(--vscode-editorCursor-foreground);
    --color-codex-editor-inline-code-background: var(
      --vscode-textPreformat-background
    );
    --color-codex-editor-inline-code-foreground: var(
      --vscode-textPreformat-foreground
    );
    --color-codex-syntax-comment: var(--lightningcss-light, var(--gray-550))
      var(--lightningcss-dark, var(--gray-250));
    --color-codex-syntax-keyword: var(--lightningcss-light, #ab4f7a)
      var(--lightningcss-dark, #f8a6c8);
    --color-codex-syntax-literal: var(--lightningcss-light, #ac4f23)
      var(--lightningcss-dark, #f1a275);
    --color-codex-syntax-string: var(--lightningcss-light, #3a843f)
      var(--lightningcss-dark, #83d197);
    --color-codex-syntax-variable: var(--lightningcss-light, #643cae)
      var(--lightningcss-dark, #b897f4);
    --color-codex-syntax-attribute: var(--lightningcss-light, #b8802b)
      var(--lightningcss-dark, #f9dc78);
    --color-codex-syntax-name: var(--lightningcss-light, #1f4e94)
      var(--lightningcss-dark, #63a8f8);
    --color-codex-syntax-error: var(--lightningcss-light, var(--red-600))
      var(--lightningcss-dark, var(--red-200));
    --icon-leading-size: 16px;
    --display-icon-compact: contents;
    --display-icon-leading: none;
    --leading-dense: calc(7 / 6);
    --font-sans-default:
      -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-content: var(--codex-content-font-family, var(--font-sans));
    --font-openai-sans: "OpenAI Sans", var(--font-sans-default);
    --font-mono-default:
      ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas,
      "Liberation Mono", monospace;
    --text-heading-lg: 24px;
    --text-heading-md: 20px;
    --text-heading-sm: 18px;
    --corner-radius-scale: 1;
    --radius-2xs-base: 0.125rem;
    --radius-xs-base: 0.25rem;
    --radius-sm-base: 0.375rem;
    --radius-md-base: 0.5rem;
    --radius-lg-base: 0.625rem;
    --radius-xl-base: 0.75rem;
    --radius-2xl-base: 1rem;
    --radius-3xl-base: 1.25rem;
    --radius-4xl-base: 1.5rem;
    --radius-2xs: calc(var(--radius-2xs-base) * var(--corner-radius-scale));
    --radius-full: 9999px;
    --border-width-hairline: 0.5px;
    --shadow-hairline: 0px 0px 0px 0.5px #0000001a;
    --padding-row-y: var(--padding-row-y);
    --padding-row-x: calc(var(--spacing) * 2);
    --height-token-nav-row: var(--height-token-nav-row);
    --height-token-settings-row: 4rem;
    --height-token-empty-state-page: 26.25rem;
    --padding-panel: var(--padding-panel);
    --padding-toolbar: var(--padding-toolbar);
    --cursor-interaction: pointer;
    --height-toolbar: 46px;
    --height-toolbar-sm: 36px;
    --height-toolbar-pane: 40px;
    --inset-toolbar: var(--height-toolbar);
    --inset-toolbar-sm: var(--height-toolbar-sm);
    --spacing-token-sidebar: clamp(
      240px,
      var(--codex-sidebar-preferred-width, 275px),
      min(520px, calc(100vw - 320px))
    );
    --spacing-token-button-composer: calc(var(--spacing) * 7);
    --spacing-token-button-composer-sm: calc(var(--spacing) * 5);
    --spacing-token-button-composer-gap: var(--spacing);
    --spacing-menu-row-content: calc(var(--spacing) * 2);
    --spacing-home-suggestion-row: calc(var(--spacing) * 10);
    --spacing-home-suggestion-chat-inset: calc(
      var(--spacing) * 2 +
        (var(--spacing-token-button-composer) - var(--spacing) * 5) / 2
    );
    --radius-token-composer-single-line: calc(var(--spacing) * 5.5);
    --spacing-token-safe-header-left: 0px;
    --spacing-token-safe-header-right: 0px;
    --h-token-button-composer-gap: var(--spacing-token-button-composer-gap);
    --cubic-enter: cubic-bezier(0.19, 1, 0.22, 1);
    --cubic-exit: cubic-bezier(0.8, 0, 0.4, 1);
    --transition-duration-basic: 0.15s;
    --transition-duration-relaxed: 0.3s;
    --ease-basic: ease;
    --ease-enter: var(--cubic-enter);
    --ease-enter-snappy: cubic-bezier(0.23, 1, 0.32, 1);
    --animate-token-pulsing-dot: token-pulsing-dot 1.25s infinite ease-in-out;
    --thread-content-max-width: none;
    --markdown-wide-block-max-width: 64rem;
    --markdown-wide-block-max-height: 80vh;
    --color-token-border: var(--color-border, var(--vscode-foreground));
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-border: var(
        --color-border,
        color-mix(in oklab, var(--vscode-foreground) 8%, transparent)
      );
    }
  }
  :root,
  :host {
    --color-token-border-default: var(--color-border, var(--vscode-foreground));
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-border-default: var(
        --color-border,
        color-mix(in oklab, var(--vscode-foreground) 8%, transparent)
      );
    }
  }
  :root,
  :host {
    --color-token-border-heavy: var(
      --color-border-heavy,
      var(--vscode-foreground)
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-border-heavy: var(
        --color-border-heavy,
        color-mix(in oklab, var(--vscode-foreground) 12%, transparent)
      );
    }
  }
  :root,
  :host {
    --color-token-border-light: var(
      --color-border-light,
      var(--vscode-foreground)
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-border-light: var(
        --color-border-light,
        color-mix(in oklab, var(--vscode-foreground) 5%, transparent)
      );
    }
  }
  :root,
  :host {
    --color-token-foreground: var(--vscode-foreground);
    --color-token-description-foreground: var(--vscode-descriptionForeground);
    --color-token-text-primary: var(--color-token-foreground);
    --color-token-text-secondary: var(--color-token-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-text-secondary: color-mix(
        in srgb,
        var(--color-token-foreground) 65%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-token-text-tertiary: var(--color-token-description-foreground);
    --color-token-focus-border: var(--vscode-focusBorder);
    --color-token-text-link-foreground: var(--vscode-textLink-foreground);
    --color-token-primary: var(--color-token-text-link-foreground);
    --color-token-scrollbar-slider-hover-background: var(
      --vscode-scrollbarSlider-hoverBackground
    );
    --color-token-editor-warning-foreground: var(
      --vscode-editorWarning-foreground
    );
    --color-token-input-border: var(--vscode-input-border, transparent);
    --color-token-dropdown-background: var(--vscode-dropdown-background);
    --color-token-dropdown-foreground: var(--vscode-dropdown-foreground);
    --color-token-list-hover-background: var(--vscode-list-hoverBackground);
    --color-token-charts-blue: var(--vscode-charts-blue);
    --color-token-side-bar-background: var(--vscode-sideBar-background);
    --color-token-bg-primary: var(--color-token-side-bar-background);
    --color-token-diff-surface: var(--color-token-main-surface-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-diff-surface: color-mix(
        in srgb,
        var(--color-token-main-surface-primary) 94%,
        var(--color-token-foreground)
      );
    }
  }
  :root,
  :host {
    --color-token-main-surface-primary: var(--color-background-surface);
    --color-token-bg-secondary: var(--color-token-bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-bg-secondary: color-mix(
        in srgb,
        var(--color-token-bg-primary) 92%,
        transparent
      );
    }
  }
  :root,
  :host {
    --color-token-bg-tertiary: var(--color-token-bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-token-bg-tertiary: color-mix(
        in srgb,
        var(--color-token-bg-primary) 85%,
        transparent
      );
    }
  }
}
@layer base {
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -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:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  html,
  :host {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  b,
  strong {
    font-weight: var(--font-weight-semibold);
  }
}
@layer utilities {
  .\@container\/app-shell-detail-panel {
    container: app-shell-detail-panel/inline-size;
  }
  .\@container\/app-shell-header-toolbar {
    container: app-shell-header-toolbar/inline-size;
  }
  .\@container\/app-shell-tab {
    container: app-shell-tab/inline-size;
  }
  .\@container\/approval-card {
    container: approval-card/inline-size;
  }
  .\@container\/diff-header {
    container: diff-header/inline-size;
  }
  .\@container\/home-mode-toggle {
    container: home-mode-toggle/inline-size;
  }
  .\@container\/latest-turn-preview {
    container: latest-turn-preview/inline-size;
  }
  .\@container\/left-panel {
    container: left-panel/inline-size;
  }
  .\@container\/presentation-editor {
    container: presentation-editor/inline-size;
  }
  .\@container\/priority-list {
    container: priority-list/inline-size;
  }
  .\@container\/referral-tracking {
    container: referral-tracking/inline-size;
  }
  .\@container\/request-card {
    container: request-card/inline-size;
  }
  .\@container\/sidebar-update {
    container: sidebar-update/inline-size;
  }
  .\@container\/skills-grid {
    container: skills-grid/inline-size;
  }
  .\@container,
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }
  .\[container-type\:size\] {
    container-type: size;
  }
  .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;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .-inset-4 {
    inset: calc(var(--spacing) * -4);
  }
  .-inset-\[5\%\] {
    inset: -5%;
  }
  .-inset-px {
    inset: -1px;
  }
  .inset-0 {
    inset: 0;
  }
  .inset-1 {
    inset: var(--spacing);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-5 {
    inset: calc(var(--spacing) * 5);
  }
  .inset-\[-0\.18rem\] {
    inset: -0.18rem;
  }
  .inset-\[1\.15rem\] {
    inset: 1.15rem;
  }
  .inset-\[18\%\] {
    inset: 18%;
  }
  .inset-\[var\(--visualize-paint-gutter\)\] {
    inset: var(--visualize-paint-gutter);
  }
  .inset-x-0 {
    inset-inline: 0;
  }
  .inset-x-0\.5 {
    inset-inline: calc(var(--spacing) * 0.5);
  }
  .inset-x-1 {
    inset-inline: var(--spacing);
  }
  .inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * 1.5);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-2\.5 {
    inset-inline: calc(var(--spacing) * 2.5);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5);
  }
  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6);
  }
  .inset-x-8 {
    inset-inline: calc(var(--spacing) * 8);
  }
  .inset-x-10 {
    inset-inline: calc(var(--spacing) * 10);
  }
  .inset-x-12 {
    inset-inline: calc(var(--spacing) * 12);
  }
  .inset-x-\[-4px\] {
    inset-inline: -4px;
  }
  .inset-x-\[-5px\] {
    inset-inline: -5px;
  }
  .inset-x-\[-12px\] {
    inset-inline: -12px;
  }
  .inset-x-\[var\(--composer-suggestion-inline-inset\)\] {
    inset-inline: var(--composer-suggestion-inline-inset);
  }
  .inset-x-\[var\(--home-composer-inline-inset\)\] {
    inset-inline: var(--home-composer-inline-inset);
  }
  .inset-x-px {
    inset-inline: 1px;
  }
  .-inset-y-0\.5 {
    inset-block: calc(var(--spacing) * -0.5);
  }
  .-inset-y-1 {
    inset-block: calc(var(--spacing) * -1);
  }
  .inset-y-0 {
    inset-block: 0;
  }
  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .inset-y-4 {
    inset-block: calc(var(--spacing) * 4);
  }
  .inset-y-\[2px\] {
    inset-block: 2px;
  }
  .-start-3\.5 {
    inset-inline-start: calc(var(--spacing) * -3.5);
  }
  .-start-8 {
    inset-inline-start: calc(var(--spacing) * -8);
  }
  .-start-\[4px\] {
    inset-inline-start: -4px;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-1 {
    inset-inline-start: calc(var(--spacing) * 1);
  }
  .start-1\.5 {
    inset-inline-start: calc(var(--spacing) * 1.5);
  }
  .start-1\/2 {
    inset-inline-start: 50%;
  }
  .start-2 {
    inset-inline-start: calc(var(--spacing) * 2);
  }
  .start-2\.5 {
    inset-inline-start: calc(var(--spacing) * 2.5);
  }
  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .start-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }
  .start-6 {
    inset-inline-start: calc(var(--spacing) * 6);
  }
  .start-\[3px\] {
    inset-inline-start: 3px;
  }
  .-end-0\.5 {
    inset-inline-end: calc(var(--spacing) * -0.5);
  }
  .-end-1 {
    inset-inline-end: calc(var(--spacing) * -1);
  }
  .-end-1\.5 {
    inset-inline-end: calc(var(--spacing) * -1.5);
  }
  .-end-\[4px\] {
    inset-inline-end: -4px;
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .end-1\.5 {
    inset-inline-end: calc(var(--spacing) * 1.5);
  }
  .end-1\.75 {
    inset-inline-end: calc(var(--spacing) * 1.75);
  }
  .end-1\/2 {
    inset-inline-end: 50%;
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .end-2\.5 {
    inset-inline-end: calc(var(--spacing) * 2.5);
  }
  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .end-8 {
    inset-inline-end: calc(var(--spacing) * 8);
  }
  .end-10 {
    inset-inline-end: calc(var(--spacing) * 10);
  }
  .end-\[-2px\] {
    inset-inline-end: -2px;
  }
  .end-\[7px\] {
    inset-inline-end: 7px;
  }
  .end-full {
    inset-inline-end: 100%;
  }
  .\!top-0 {
    top: 0 !important;
  }
  .\!top-4 {
    top: calc(var(--spacing) * 4) !important;
  }
  .\!top-\[22px\] {
    top: 22px !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-3 {
    top: calc(var(--spacing) * -3);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-8\.5 {
    top: calc(var(--spacing) * -8.5);
  }
  .-top-\[5px\] {
    top: -5px;
  }
  .-top-\[7px\] {
    top: -7px;
  }
  .-top-toolbar {
    top: calc(var(--inset-toolbar) * -1);
  }
  .top-\(--height-toolbar-sm\) {
    top: var(--height-toolbar-sm);
  }
  .top-\(--thread-floating-content-top-inset\) {
    top: var(--thread-floating-content-top-inset);
  }
  .top-0 {
    top: 0;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-0\.75 {
    top: calc(var(--spacing) * 0.75);
  }
  .top-1 {
    top: var(--spacing);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .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-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-11 {
    top: calc(var(--spacing) * 11);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-52 {
    top: calc(var(--spacing) * 52);
  }
  .top-\[-0\.094rem\] {
    top: -0.094rem;
  }
  .top-\[-4px\] {
    top: -4px;
  }
  .top-\[2\.85rem\] {
    top: 2.85rem;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[8\%\] {
    top: 8%;
  }
  .top-\[13px\] {
    top: 13px;
  }
  .top-\[14px\] {
    top: 14px;
  }
  .top-\[21px\] {
    top: 21px;
  }
  .top-\[22px\] {
    top: 22px;
  }
  .top-\[25px\] {
    top: 25px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[31\%\] {
    top: 31%;
  }
  .top-\[34px\] {
    top: 34px;
  }
  .top-\[36px\] {
    top: 36px;
  }
  .top-\[50px\] {
    top: 50px;
  }
  .top-\[54\%\] {
    top: 54%;
  }
  .top-\[54px\] {
    top: 54px;
  }
  .top-\[56\%\] {
    top: 56%;
  }
  .top-\[58px\] {
    top: 58px;
  }
  .top-\[60px\] {
    top: 60px;
  }
  .top-\[62px\] {
    top: 62px;
  }
  .top-\[78px\] {
    top: 78px;
  }
  .top-\[84px\] {
    top: 84px;
  }
  .top-\[100px\] {
    top: 100px;
  }
  .top-\[136px\] {
    top: 136px;
  }
  .top-\[144px\] {
    top: 144px;
  }
  .top-\[148px\] {
    top: 148px;
  }
  .top-\[calc\(-1\*var\(--padding-panel\)\)\] {
    top: calc(-1 * var(--padding-panel));
  }
  .top-\[calc\(50\%_-_55px\)\] {
    top: calc(50% - 55px);
  }
  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .top-\[calc\(var\(--header-height\,48px\)\+8px\)\] {
    top: calc(var(--header-height, 48px) + 8px);
  }
  .top-\[calc\(var\(--sidebar-scroll-header-mask-start\)\+var\(--spacing\)\*1\.5\)\] {
    top: calc(var(--sidebar-scroll-header-mask-start) + var(--spacing) * 1.5);
  }
  .top-\[inherit\] {
    top: inherit;
  }
  .top-\[var\(--height-token-row\)\] {
    top: var(--height-token-row);
  }
  .top-full {
    top: 100%;
  }
  .top-toolbar {
    top: var(--inset-toolbar);
  }
  .top-toolbar-sm {
    top: var(--inset-toolbar-sm);
  }
  .\!right-4 {
    right: calc(var(--spacing) * 4) !important;
  }
  .\!right-\[22px\] {
    right: 22px !important;
  }
  .-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-3 {
    right: calc(var(--spacing) * -3);
  }
  .-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .-right-8 {
    right: calc(var(--spacing) * -8);
  }
  .-right-px {
    right: -1px;
  }
  .right-0 {
    right: 0;
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-0\.75 {
    right: calc(var(--spacing) * 0.75);
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\/2 {
    right: 50%;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .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-12 {
    right: calc(var(--spacing) * 12);
  }
  .right-\[2\%\] {
    right: 2%;
  }
  .right-\[7\%\] {
    right: 7%;
  }
  .right-\[10\%\] {
    right: 10%;
  }
  .right-\[13px\] {
    right: 13px;
  }
  .right-\[14px\] {
    right: 14px;
  }
  .right-\[30px\] {
    right: 30px;
  }
  .right-\[var\(--activity-pill-control-right-inset\)\] {
    right: var(--activity-pill-control-right-inset);
  }
  .right-\[var\(--activity-pill-edge-inset\)\] {
    right: var(--activity-pill-edge-inset);
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-1\/2 {
    bottom: -50%;
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-14 {
    bottom: calc(var(--spacing) * -14);
  }
  .bottom-\(--thread-floating-content-bottom-inset\) {
    bottom: var(--thread-floating-content-bottom-inset);
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-0\.5 {
    bottom: calc(var(--spacing) * 0.5);
  }
  .bottom-1 {
    bottom: var(--spacing);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-1\/2 {
    bottom: 50%;
  }
  .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-11 {
    bottom: calc(var(--spacing) * 11);
  }
  .bottom-12 {
    bottom: calc(var(--spacing) * 12);
  }
  .bottom-28 {
    bottom: calc(var(--spacing) * 28);
  }
  .bottom-\[-1px\] {
    bottom: -1px;
  }
  .bottom-\[-2px\] {
    bottom: -2px;
  }
  .bottom-\[8\%\] {
    bottom: 8%;
  }
  .bottom-\[9px\] {
    bottom: 9px;
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-\[43px\] {
    bottom: 43px;
  }
  .bottom-\[52px\] {
    bottom: 52px;
  }
  .bottom-\[calc\(100\%\+6\*var\(--spacing\)\)\] {
    bottom: calc(100% + 6 * var(--spacing));
  }
  .bottom-\[var\(--padding-row-x\)\] {
    bottom: var(--padding-row-x);
  }
  .bottom-full {
    bottom: 100%;
  }
  .\!left-0 {
    left: 0 !important;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-3 {
    left: calc(var(--spacing) * -3);
  }
  .-left-5 {
    left: calc(var(--spacing) * -5);
  }
  .-left-6 {
    left: calc(var(--spacing) * -6);
  }
  .-left-11 {
    left: calc(var(--spacing) * -11);
  }
  .-left-px {
    left: -1px;
  }
  .left-0 {
    left: 0;
  }
  .left-0\.5 {
    left: calc(var(--spacing) * 0.5);
  }
  .left-1 {
    left: var(--spacing);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .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-12 {
    left: calc(var(--spacing) * 12);
  }
  .left-20 {
    left: calc(var(--spacing) * 20);
  }
  .left-32 {
    left: calc(var(--spacing) * 32);
  }
  .left-\[3\.1rem\] {
    left: 3.1rem;
  }
  .left-\[7\%\] {
    left: 7%;
  }
  .left-\[8\%\] {
    left: 8%;
  }
  .left-\[10\%\] {
    left: 10%;
  }
  .left-\[14px\] {
    left: 14px;
  }
  .left-\[17\%\] {
    left: 17%;
  }
  .left-\[28\%\] {
    left: 28%;
  }
  .left-\[36\%\] {
    left: 36%;
  }
  .left-\[38\%\] {
    left: 38%;
  }
  .left-\[42\%\] {
    left: 42%;
  }
  .left-\[55\%\] {
    left: 55%;
  }
  .left-\[68\%\] {
    left: 68%;
  }
  .left-\[72px\] {
    left: 72px;
  }
  .left-\[74\%\] {
    left: 74%;
  }
  .left-\[calc\(50\%\+6px\)\] {
    left: calc(50% + 6px);
  }
  .left-\[var\(--padding-row-x\)\] {
    left: var(--padding-row-x);
  }
  .isolate {
    isolation: isolate;
  }
  .\!z-10 {
    z-index: 10 !important;
  }
  .\!z-\[51\] {
    z-index: 51 !important;
  }
  .-z-1 {
    z-index: calc(1 * -1);
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-\(--max-app-overlay-z-index\) {
    z-index: var(--max-app-overlay-z-index);
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .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-\[5\] {
    z-index: 5;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[24\] {
    z-index: 24;
  }
  .z-\[41\] {
    z-index: 41;
  }
  .z-\[42\] {
    z-index: 42;
  }
  .z-\[55\] {
    z-index: 55;
  }
  .z-\[56\] {
    z-index: 56;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[120\] {
    z-index: 120;
  }
  .z-\[1001\] {
    z-index: 1001;
  }
  .z-\[10000\] {
    z-index: 10000;
  }
  .z-\[calc\(var\(--wb-menu-z-index\,70\)\+1\)\] {
    z-index: calc(var(--wb-menu-z-index, 70) + 1);
  }
  .z-\[var\(--wb-menu-z-index\,70\)\] {
    z-index: var(--wb-menu-z-index, 70);
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-\[1\/2\] {
    grid-column: 1/2;
  }
  .col-\[1\/4\] {
    grid-column: 1/4;
  }
  .col-\[2\/3\] {
    grid-column: 2/3;
  }
  .col-\[3\/4\] {
    grid-column: 3/4;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-full {
    grid-column: 1/-1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .col-end-2 {
    grid-column-end: 2;
  }
  .row-\[1\] {
    grid-row: 1;
  }
  .row-\[2\] {
    grid-row: 2;
  }
  .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;
  }
  .clear-both {
    clear: both;
  }
  .\!container {
    width: 100% !important;
  }
  @media (width>=15rem) {
    .\!container {
      max-width: 15rem !important;
    }
  }
  @media (width>=20rem) {
    .\!container {
      max-width: 20rem !important;
    }
  }
  @media (width>=40rem) {
    .\!container {
      max-width: 40rem !important;
    }
  }
  @media (width>=48rem) {
    .\!container {
      max-width: 48rem !important;
    }
  }
  @media (width>=64rem) {
    .\!container {
      max-width: 64rem !important;
    }
  }
  @media (width>=80rem) {
    .\!container {
      max-width: 80rem !important;
    }
  }
  @media (width>=96rem) {
    .\!container {
      max-width: 96rem !important;
    }
  }
  .container {
    width: 100%;
  }
  @media (width>=15rem) {
    .container {
      max-width: 15rem;
    }
  }
  @media (width>=20rem) {
    .container {
      max-width: 20rem;
    }
  }
  @media (width>=40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width>=48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width>=64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width>=80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width>=96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .\!-m-\[5px\] {
    margin: -5px !important;
  }
  .\!-m-\[var\(--visualize-paint-gutter\)\] {
    margin: calc(var(--visualize-paint-gutter) * -1) !important;
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .m-0 {
    margin: 0;
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-8 {
    margin: calc(var(--spacing) * 8);
  }
  .m-28 {
    margin: calc(var(--spacing) * 28);
  }
  .m-auto {
    margin: auto;
  }
  .m-px {
    margin: 1px;
  }
  .-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-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .-mx-\[3px\] {
    margin-inline: -3px;
  }
  .-mx-\[var\(--padding-row-x\)\] {
    margin-inline: calc(var(--padding-row-x) * -1);
  }
  .-mx-px {
    margin-inline: -1px;
  }
  .mx-0 {
    margin-inline: 0;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .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-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-\[6\%\] {
    margin-inline: 6%;
  }
  .mx-\[16\.66\%\] {
    margin-inline: 16.66%;
  }
  .mx-\[var\(--detail-page-inline-inset\)\] {
    margin-inline: var(--detail-page-inline-inset);
  }
  .mx-\[var\(--padding-row-x\)\] {
    margin-inline: var(--padding-row-x);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-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-4 {
    margin-block: calc(var(--spacing) * -4);
  }
  .my-0 {
    margin-block: 0;
  }
  .my-0\! {
    margin-block: 0 !important;
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .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-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-\[calc\(var\(--oai-wb-spacing\)\*-1\)\] {
    margin-block: calc(var(--oai-wb-spacing) * -1);
  }
  .my-\[var\(--menu-separator-gutter\,var\(--spacing\)\)\] {
    margin-block: var(--menu-separator-gutter, var(--spacing));
  }
  .my-auto {
    margin-block: auto;
  }
  .my-px {
    margin-block: 1px;
  }
  .-ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * -0.5);
  }
  .-ms-1 {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .-ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * -1.5);
  }
  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }
  .-ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }
  .-ms-3 {
    margin-inline-start: calc(var(--spacing) * -3);
  }
  .-ms-4 {
    margin-inline-start: calc(var(--spacing) * -4);
  }
  .-ms-6 {
    margin-inline-start: calc(var(--spacing) * -6);
  }
  .-ms-\[3\.5px\] {
    margin-inline-start: -3.5px;
  }
  .-ms-\[9px\] {
    margin-inline-start: -9px;
  }
  .-ms-\[18px\] {
    margin-inline-start: -18px;
  }
  .ms-0 {
    margin-inline-start: 0;
  }
  .ms-0\.5 {
    margin-inline-start: calc(var(--spacing) * 0.5);
  }
  .ms-1 {
    margin-inline-start: var(--spacing);
  }
  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-2\.5 {
    margin-inline-start: calc(var(--spacing) * 2.5);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }
  .ms-6 {
    margin-inline-start: calc(var(--spacing) * 6);
  }
  .ms-8 {
    margin-inline-start: calc(var(--spacing) * 8);
  }
  .ms-11 {
    margin-inline-start: calc(var(--spacing) * 11);
  }
  .ms-\[3px\] {
    margin-inline-start: 3px;
  }
  .ms-\[calc\(var\(--composer-suggestion-inline-inset\)-var\(--composer-inline-overhang\)\)\] {
    margin-inline-start: calc(
      var(--composer-suggestion-inline-inset) - var(--composer-inline-overhang)
    );
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .ms-px {
    margin-inline-start: 1px;
  }
  .-me-0\.5 {
    margin-inline-end: calc(var(--spacing) * -0.5);
  }
  .-me-1 {
    margin-inline-end: calc(var(--spacing) * -1);
  }
  .-me-1\.5 {
    margin-inline-end: calc(var(--spacing) * -1.5);
  }
  .-me-2 {
    margin-inline-end: calc(var(--spacing) * -2);
  }
  .-me-18 {
    margin-inline-end: calc(var(--spacing) * -18);
  }
  .me-0 {
    margin-inline-end: 0;
  }
  .me-0\.5 {
    margin-inline-end: calc(var(--spacing) * 0.5);
  }
  .me-1 {
    margin-inline-end: var(--spacing);
  }
  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-2\.5 {
    margin-inline-end: calc(var(--spacing) * 2.5);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .me-6 {
    margin-inline-end: calc(var(--spacing) * 6);
  }
  .me-7 {
    margin-inline-end: calc(var(--spacing) * 7);
  }
  .me-16 {
    margin-inline-end: calc(var(--spacing) * 16);
  }
  .me-\[1ch\] {
    margin-inline-end: 1ch;
  }
  .me-\[calc\(var\(--composer-suggestion-inline-inset\)\+var\(--composer-inline-overhang\)\)\] {
    margin-inline-end: calc(
      var(--composer-suggestion-inline-inset) + var(--composer-inline-overhang)
    );
  }
  .me-\[var\(--task-row-trailing-inset\)\] {
    margin-inline-end: var(--task-row-trailing-inset);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .-mt-\[var\(--sidebar-scroll-header-spacing\,8px\)\] {
    margin-top: calc(var(--sidebar-scroll-header-spacing, 8px) * -1);
  }
  .-mt-\[var\(--thread-footer-overlap\)\] {
    margin-top: calc(var(--thread-footer-overlap) * -1);
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    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-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-11 {
    margin-top: calc(var(--spacing) * 11);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[9px\] {
    margin-top: 9px;
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-\[22px\] {
    margin-top: 22px;
  }
  .mt-\[50px\] {
    margin-top: 50px;
  }
  .mt-\[60px\] {
    margin-top: 60px;
  }
  .mt-\[calc\(var\(--oai-wb-spacing\)\*-1\)\] {
    margin-top: calc(var(--oai-wb-spacing) * -1);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-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-\[-44px\] {
    margin-bottom: -44px;
  }
  .mb-\[calc\(var\(--oai-wb-spacing\)\*3\)\] {
    margin-bottom: calc(var(--oai-wb-spacing) * 3);
  }
  .mb-\[var\(--sidebar-footer-height\)\] {
    margin-bottom: var(--sidebar-footer-height);
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }
  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }
  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .sidebar-item-icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .text-fade-truncate {
    text-overflow: clip;
    white-space: nowrap;
    width: 100%;
    min-width: 0;
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    display: block;
    overflow: hidden;
  }
  .text-fade-truncate:is(
    :lang(ae),
    :lang(ar),
    :lang(arc),
    :lang(bcc),
    :lang(bqi),
    :lang(ckb),
    :lang(dv),
    :lang(fa),
    :lang(glk),
    :lang(he),
    :lang(ku),
    :lang(mzn),
    :lang(nqo),
    :lang(pnb),
    :lang(ps),
    :lang(sd),
    :lang(ug),
    :lang(ur),
    :lang(yi)
  ) {
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
  }
  .hide-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .hide-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .\!line-clamp-2 {
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }
  .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 {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .line-clamp-12 {
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  .inline-markdown {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: var(--color-background-primary-ghost-hover);
    border-radius: 6px;
    display: inline;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .inline-markdown {
      background: color-mix(
        in srgb,
        var(--color-background-primary-ghost-hover) 60%,
        var(--color-text) 6%
      );
    }
  }
  .inline-markdown {
    font-family: var(--font-mono);
    overflow-wrap: anywhere;
    word-break: break-word;
    padding: 1px 6px;
    font-size: 0.92em;
  }
  .\!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;
  }
  .\[field-sizing\:content\],
  .field-sizing-content {
    field-sizing: content;
  }
  .\!aspect-square {
    aspect-ratio: 1 !important;
  }
  .aspect-\[2\/1\] {
    aspect-ratio: 2;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[4\/5\] {
    aspect-ratio: 4/5;
  }
  .aspect-\[5\/3\] {
    aspect-ratio: 5/3;
  }
  .aspect-\[10\/7\] {
    aspect-ratio: 10/7;
  }
  .aspect-\[13\/16\] {
    aspect-ratio: 13/16;
  }
  .aspect-\[15\/7\] {
    aspect-ratio: 15/7;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[17\/12\] {
    aspect-ratio: 17/12;
  }
  .aspect-\[21\/13\] {
    aspect-ratio: 21/13;
  }
  .aspect-\[32\/13\] {
    aspect-ratio: 32/13;
  }
  .aspect-\[90\/53\] {
    aspect-ratio: 90/53;
  }
  .aspect-\[96\/61\] {
    aspect-ratio: 96/61;
  }
  .aspect-\[115\/63\] {
    aspect-ratio: 115/63;
  }
  .aspect-\[240\/180\] {
    aspect-ratio: 240/180;
  }
  .aspect-\[360\/190\] {
    aspect-ratio: 360/190;
  }
  .aspect-\[360\/272\] {
    aspect-ratio: 360/272;
  }
  .aspect-\[499\/306\] {
    aspect-ratio: 499/306;
  }
  .aspect-\[600\/242\] {
    aspect-ratio: 600/242;
  }
  .aspect-\[600\/270\] {
    aspect-ratio: 600/270;
  }
  .aspect-\[600\/310\] {
    aspect-ratio: 600/310;
  }
  .aspect-\[640\/248\] {
    aspect-ratio: 640/248;
  }
  .aspect-\[692\/590\] {
    aspect-ratio: 692/590;
  }
  .aspect-\[901\/1095\] {
    aspect-ratio: 901/1095;
  }
  .aspect-\[1440\/642\] {
    aspect-ratio: 1440/642;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .turn-action-controls:where(
    [data-codex-window-type="browser"] .turn-action-controls
  ) {
    --icon-size: var(--icon-leading-size);
    min-height: calc(var(--spacing) * 8);
    gap: 0;
  }
  .turn-action-controls:where(
      [data-codex-window-type="browser"] .turn-action-controls
    )
    > div {
    gap: 0;
  }
  .turn-action-controls:where(
      [data-codex-window-type="browser"] .turn-action-controls
    )
    button {
    height: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg);
  }
  .turn-action-controls:where(
      [data-codex-window-type="browser"] .turn-action-controls
    )
    button:not([data-turn-action-width="content"]) {
    width: calc(var(--spacing) * 8);
    padding: 0;
  }
  .sidebar-icon-button:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-ring);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .sidebar-icon-button {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: var(--radius-md);
    corner-shape: var(--codex-corner-shape);
    padding: var(--spacing) !important;
  }
  .sidebar-icon-button > svg {
    flex-shrink: 0;
  }
  .zoom-adjusted-viewport {
    width: calc(100vw / var(--codex-window-zoom));
    height: calc(100vh / var(--codex-window-zoom));
    zoom: var(--codex-window-zoom);
  }
  .\!size-6 {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .\!size-9 {
    width: calc(var(--spacing) * 9) !important;
    height: calc(var(--spacing) * 9) !important;
  }
  .\!size-\[15px\] {
    width: 15px !important;
    height: 15px !important;
  }
  .\!size-\[18px\] {
    width: 18px !important;
    height: 18px !important;
  }
  .\!size-\[26px\] {
    width: 26px !important;
    height: 26px !important;
  }
  .\!size-full {
    width: 100% !important;
    height: 100% !important;
  }
  .icon-leading-slot {
    --icon-size: var(--icon-leading-size, 16px);
  }
  .icon-leading-slot svg[viewBox="0 0 16 16"] {
    width: var(--icon-leading-artwork-size, var(--icon-leading-size, 16px));
    height: var(--icon-leading-artwork-size, var(--icon-leading-size, 16px));
  }
  .size-0 {
    width: 0;
    height: 0;
  }
  .size-0\.5 {
    width: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 0.5);
  }
  .size-1 {
    width: var(--spacing);
    height: var(--spacing);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-1\.75 {
    width: calc(var(--spacing) * 1.75);
    height: calc(var(--spacing) * 1.75);
  }
  .size-1\/2 {
    width: 50%;
    height: 50%;
  }
  .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-5\.5 {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.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-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }
  .size-36 {
    width: calc(var(--spacing) * 36);
    height: calc(var(--spacing) * 36);
  }
  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-48 {
    width: calc(var(--spacing) * 48);
    height: calc(var(--spacing) * 48);
  }
  .size-52 {
    width: calc(var(--spacing) * 52);
    height: calc(var(--spacing) * 52);
  }
  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }
  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }
  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }
  .size-\[17px\] {
    width: 17px;
    height: 17px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .size-\[30rem\] {
    width: 30rem;
    height: 30rem;
  }
  .size-\[50px\] {
    width: 50px;
    height: 50px;
  }
  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }
  .size-\[54px\] {
    width: 54px;
    height: 54px;
  }
  .size-\[58\%\] {
    width: 58%;
    height: 58%;
  }
  .size-\[60px\] {
    width: 60px;
    height: 60px;
  }
  .size-\[70\%\] {
    width: 70%;
    height: 70%;
  }
  .size-\[72\%\] {
    width: 72%;
    height: 72%;
  }
  .size-\[72px\] {
    width: 72px;
    height: 72px;
  }
  .size-\[76px\] {
    width: 76px;
    height: 76px;
  }
  .size-\[79px\] {
    width: 79px;
    height: 79px;
  }
  .size-\[92\%\] {
    width: 92%;
    height: 92%;
  }
  .size-\[180px\] {
    width: 180px;
    height: 180px;
  }
  .size-\[270px\] {
    width: 270px;
    height: 270px;
  }
  .size-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
  .size-\[clamp\(24px\,calc\(100dvh\/var\(--codex-window-zoom\)-224px\)\,120px\)\] {
    width: clamp(24px, calc(100dvh / var(--codex-window-zoom) - 224px), 120px);
    height: clamp(24px, calc(100dvh / var(--codex-window-zoom) - 224px), 120px);
  }
  .size-\[min\(100cqw\,100cqh\)\] {
    width: min(100cqw, 100cqh);
    height: min(100cqw, 100cqh);
  }
  .size-\[min\(640px\,calc\(100vw-48px\)\,calc\(100dvh-96px\)\)\] {
    width: min(640px, 100vw - 48px, 100dvh - 96px);
    height: min(640px, 100vw - 48px, 100dvh - 96px);
  }
  .size-\[var\(--height-token-row\)\] {
    width: var(--height-token-row);
    height: var(--height-token-row);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .size-full\! {
    width: 100% !important;
    height: 100% !important;
  }
  .size-px {
    width: 1px;
    height: 1px;
  }
  .size-token-button-composer {
    width: var(--spacing-token-button-composer);
    height: var(--spacing-token-button-composer);
  }
  .size-token-button-composer-sm {
    width: var(--spacing-token-button-composer-sm);
    height: var(--spacing-token-button-composer-sm);
  }
  .icon-disclosure {
    width: var(--icon-disclosure-size, 14px);
    height: var(--icon-disclosure-size, 14px);
  }
  .icon-leading {
    width: var(--icon-leading-size, 16px);
    height: var(--icon-leading-size, 16px);
  }
  .icon-primary-action {
    width: var(--icon-primary-action-size, 16px);
    height: var(--icon-primary-action-size, 16px);
  }
  .\!h-5 {
    height: calc(var(--spacing) * 5) !important;
  }
  .\!h-7 {
    height: calc(var(--spacing) * 7) !important;
  }
  .\!h-9 {
    height: calc(var(--spacing) * 9) !important;
  }
  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .\!h-\[24px\] {
    height: 24px !important;
  }
  .\!h-\[30px\] {
    height: 30px !important;
  }
  .\!h-auto {
    height: auto !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-\(--spacing-token-bottom-panel\) {
    height: var(--spacing-token-bottom-panel);
  }
  .h-\(--thread-scroll-padding-bottom\) {
    height: var(--thread-scroll-padding-bottom);
  }
  .h-0 {
    height: 0;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-0\.75 {
    height: calc(var(--spacing) * 0.75);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/2 {
    height: 50%;
  }
  .h-1\/4 {
    height: 25%;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-2\/5 {
    height: 40%;
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-3\/5 {
    height: 60%;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\.5 {
    height: calc(var(--spacing) * 8.5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-11\.5 {
    height: calc(var(--spacing) * 11.5);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-26 {
    height: calc(var(--spacing) * 26);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-34 {
    height: calc(var(--spacing) * 34);
  }
  .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-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-62\.5 {
    height: calc(var(--spacing) * 62.5);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-128 {
    height: calc(var(--spacing) * 128);
  }
  .h-144 {
    height: calc(var(--spacing) * 144);
  }
  .h-\[0\.5px\] {
    height: 0.5px;
  }
  .h-\[1\.875rem\] {
    height: 1.875rem;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[4\.85rem\] {
    height: 4.85rem;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[27rem\] {
    height: 27rem;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[30\%\] {
    height: 30%;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[33px\] {
    height: 33px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[35px\] {
    height: 35px;
  }
  .h-\[37px\] {
    height: 37px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[43px\] {
    height: 43px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[48px\] {
    height: 48px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[53px\] {
    height: 53px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[57px\] {
    height: 57px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[62px\] {
    height: 62px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[72\%\] {
    height: 72%;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[74px\] {
    height: 74px;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[77px\] {
    height: 77px;
  }
  .h-\[78px\] {
    height: 78px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[82px\] {
    height: 82px;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[86px\] {
    height: 86px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[92px\] {
    height: 92px;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[98px\] {
    height: 98px;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[104px\] {
    height: 104px;
  }
  .h-\[108px\] {
    height: 108px;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[114px\] {
    height: 114px;
  }
  .h-\[116px\] {
    height: 116px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[121px\] {
    height: 121px;
  }
  .h-\[125px\] {
    height: 125px;
  }
  .h-\[126px\] {
    height: 126px;
  }
  .h-\[128px\] {
    height: 128px;
  }
  .h-\[132px\] {
    height: 132px;
  }
  .h-\[134px\] {
    height: 134px;
  }
  .h-\[136px\] {
    height: 136px;
  }
  .h-\[138px\] {
    height: 138px;
  }
  .h-\[140px\] {
    height: 140px;
  }
  .h-\[144px\] {
    height: 144px;
  }
  .h-\[146px\] {
    height: 146px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[152px\] {
    height: 152px;
  }
  .h-\[154px\] {
    height: 154px;
  }
  .h-\[158px\] {
    height: 158px;
  }
  .h-\[166px\] {
    height: 166px;
  }
  .h-\[168px\] {
    height: 168px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[173px\] {
    height: 173px;
  }
  .h-\[176px\] {
    height: 176px;
  }
  .h-\[177px\] {
    height: 177px;
  }
  .h-\[180px\] {
    height: 180px;
  }
  .h-\[182px\] {
    height: 182px;
  }
  .h-\[184px\] {
    height: 184px;
  }
  .h-\[188px\] {
    height: 188px;
  }
  .h-\[192px\] {
    height: 192px;
  }
  .h-\[195px\] {
    height: 195px;
  }
  .h-\[198px\] {
    height: 198px;
  }
  .h-\[200px\] {
    height: 200px;
  }
  .h-\[204px\] {
    height: 204px;
  }
  .h-\[210px\] {
    height: 210px;
  }
  .h-\[212px\] {
    height: 212px;
  }
  .h-\[214px\] {
    height: 214px;
  }
  .h-\[220px\] {
    height: 220px;
  }
  .h-\[226px\] {
    height: 226px;
  }
  .h-\[228px\] {
    height: 228px;
  }
  .h-\[232px\] {
    height: 232px;
  }
  .h-\[236px\] {
    height: 236px;
  }
  .h-\[240px\] {
    height: 240px;
  }
  .h-\[244px\] {
    height: 244px;
  }
  .h-\[246px\] {
    height: 246px;
  }
  .h-\[250px\] {
    height: 250px;
  }
  .h-\[252px\] {
    height: 252px;
  }
  .h-\[256px\] {
    height: 256px;
  }
  .h-\[258px\] {
    height: 258px;
  }
  .h-\[260px\] {
    height: 260px;
  }
  .h-\[264px\] {
    height: 264px;
  }
  .h-\[266px\] {
    height: 266px;
  }
  .h-\[268px\] {
    height: 268px;
  }
  .h-\[270px\] {
    height: 270px;
  }
  .h-\[272px\] {
    height: 272px;
  }
  .h-\[274px\] {
    height: 274px;
  }
  .h-\[276px\] {
    height: 276px;
  }
  .h-\[278px\] {
    height: 278px;
  }
  .h-\[280px\] {
    height: 280px;
  }
  .h-\[286px\] {
    height: 286px;
  }
  .h-\[288px\] {
    height: 288px;
  }
  .h-\[290px\] {
    height: 290px;
  }
  .h-\[292px\] {
    height: 292px;
  }
  .h-\[296px\] {
    height: 296px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[304px\] {
    height: 304px;
  }
  .h-\[310px\] {
    height: 310px;
  }
  .h-\[320px\] {
    height: 320px;
  }
  .h-\[326px\] {
    height: 326px;
  }
  .h-\[328px\] {
    height: 328px;
  }
  .h-\[330px\] {
    height: 330px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[342px\] {
    height: 342px;
  }
  .h-\[344px\] {
    height: 344px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[372px\] {
    height: 372px;
  }
  .h-\[380px\] {
    height: 380px;
  }
  .h-\[392px\] {
    height: 392px;
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[420px\] {
    height: 420px;
  }
  .h-\[480px\] {
    height: 480px;
  }
  .h-\[504px\] {
    height: 504px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[620px\] {
    height: 620px;
  }
  .h-\[640px\] {
    height: 640px;
  }
  .h-\[680px\] {
    height: 680px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-\[720px\] {
    height: 720px;
  }
  .h-\[760px\] {
    height: 760px;
  }
  .h-\[900px\] {
    height: 900px;
  }
  .h-\[1000px\] {
    height: 1000px;
  }
  .h-\[calc\(100\%\+40px\)\] {
    height: calc(100% + 40px);
  }
  .h-\[calc\(100\%-20px\)\] {
    height: calc(100% - 20px);
  }
  .h-\[calc\(100\%_-_var\(--right-panel-composer-overlay-reserve\,0px\)\)\] {
    height: calc(100% - var(--right-panel-composer-overlay-reserve, 0px));
  }
  .h-\[calc\(var\(--oai-wb-spacing\)\*7\)\] {
    height: calc(var(--oai-wb-spacing) * 7);
  }
  .h-\[calc\(var\(--oai-wb-spacing\)\*9\)\] {
    height: calc(var(--oai-wb-spacing) * 9);
  }
  .h-\[calc\(var\(--spacing-token-button-composer\)\+6px\)\] {
    height: calc(var(--spacing-token-button-composer) + 6px);
  }
  .h-\[calc\(var\(--thread-scroll-padding-bottom\)-var\(--spacing\)\*4\)\] {
    height: calc(var(--thread-scroll-padding-bottom) - var(--spacing) * 4);
  }
  .h-\[clamp\(56px\,calc\(100dvh\/var\(--codex-window-zoom\)-192px\)\,214px\)\] {
    height: clamp(56px, calc(100dvh / var(--codex-window-zoom) - 192px), 214px);
  }
  .h-\[min\(72vh\,44rem\)\] {
    height: min(72vh, 44rem);
  }
  .h-\[min\(72vh\,48rem\)\] {
    height: min(72vh, 48rem);
  }
  .h-\[min\(85vh\,740px\)\] {
    height: min(85vh, 740px);
  }
  .h-\[min\(92vh\,800px\)\] {
    height: min(92vh, 800px);
  }
  .h-\[min\(406px\,calc\(100dvh\/var\(--codex-window-zoom\)-2rem\)\)\] {
    height: min(406px, calc(100dvh / var(--codex-window-zoom) - 2rem));
  }
  .h-\[min\(420px\,var\(--radix-tooltip-content-available-height\,420px\)\,calc\(100vh-16px\)\)\] {
    height: min(
      420px,
      var(--radix-tooltip-content-available-height, 420px),
      calc(100vh - 16px)
    );
  }
  .h-\[min\(504px\,calc\(100dvh-32px\)\)\] {
    height: min(504px, 100dvh - 32px);
  }
  .h-\[var\(--height-token-nav-row\)\] {
    height: var(--height-token-nav-row);
  }
  .h-\[var\(--height-token-row\)\] {
    height: var(--height-token-row);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-lh {
    height: 1lh;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .h-token-button-composer {
    height: var(--spacing-token-button-composer);
  }
  .h-token-button-composer-sm {
    height: var(--spacing-token-button-composer-sm);
  }
  .h-token-nav-row {
    height: var(--height-token-nav-row);
  }
  .h-toolbar {
    height: var(--height-toolbar);
  }
  .h-toolbar-pane {
    height: var(--height-toolbar-pane);
  }
  .h-toolbar-sm {
    height: var(--height-toolbar-sm);
  }
  .\!max-h-42 {
    max-height: calc(var(--spacing) * 42) !important;
  }
  .\!max-h-44 {
    max-height: calc(var(--spacing) * 44) !important;
  }
  .\!max-h-\[84px\] {
    max-height: 84px !important;
  }
  .\!max-h-\[100cqh\] {
    max-height: 100cqh !important;
  }
  .\!max-h-\[180px\] {
    max-height: 180px !important;
  }
  .\!max-h-\[292px\] {
    max-height: 292px !important;
  }
  .\!max-h-full {
    max-height: 100% !important;
  }
  .max-h-0 {
    max-height: 0;
  }
  .max-h-5 {
    max-height: calc(var(--spacing) * 5);
  }
  .max-h-9 {
    max-height: calc(var(--spacing) * 9);
  }
  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }
  .max-h-12 {
    max-height: calc(var(--spacing) * 12);
  }
  .max-h-20 {
    max-height: calc(var(--spacing) * 20);
  }
  .max-h-24 {
    max-height: calc(var(--spacing) * 24);
  }
  .max-h-25 {
    max-height: calc(var(--spacing) * 25);
  }
  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }
  .max-h-30 {
    max-height: calc(var(--spacing) * 30);
  }
  .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-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .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-128 {
    max-height: calc(var(--spacing) * 128);
  }
  .max-h-\[10rem\] {
    max-height: 10rem;
  }
  .max-h-\[12\.5rem\] {
    max-height: 12.5rem;
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .max-h-\[30dvh\] {
    max-height: 30dvh;
  }
  .max-h-\[32rem\] {
    max-height: 32rem;
  }
  .max-h-\[36vh\] {
    max-height: 36vh;
  }
  .max-h-\[40vh\] {
    max-height: 40vh;
  }
  .max-h-\[55vh\] {
    max-height: 55vh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[72\%\] {
    max-height: 72%;
  }
  .max-h-\[72px\] {
    max-height: 72px;
  }
  .max-h-\[80px\] {
    max-height: 80px;
  }
  .max-h-\[80vh\] {
    max-height: 80vh;
  }
  .max-h-\[84px\] {
    max-height: 84px;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92dvh\] {
    max-height: 92dvh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[96px\] {
    max-height: 96px;
  }
  .max-h-\[100cqh\] {
    max-height: 100cqh;
  }
  .max-h-\[116px\] {
    max-height: 116px;
  }
  .max-h-\[120px\] {
    max-height: 120px;
  }
  .max-h-\[128px\] {
    max-height: 128px;
  }
  .max-h-\[140px\] {
    max-height: 140px;
  }
  .max-h-\[152px\] {
    max-height: 152px;
  }
  .max-h-\[190px\] {
    max-height: 190px;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[216px\] {
    max-height: 216px;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[224px\] {
    max-height: 224px;
  }
  .max-h-\[230px\] {
    max-height: 230px;
  }
  .max-h-\[232px\] {
    max-height: 232px;
  }
  .max-h-\[240px\] {
    max-height: 240px;
  }
  .max-h-\[244px\] {
    max-height: 244px;
  }
  .max-h-\[250px\] {
    max-height: 250px;
  }
  .max-h-\[260px\] {
    max-height: 260px;
  }
  .max-h-\[270px\] {
    max-height: 270px;
  }
  .max-h-\[272px\] {
    max-height: 272px;
  }
  .max-h-\[280px\] {
    max-height: 280px;
  }
  .max-h-\[282px\] {
    max-height: 282px;
  }
  .max-h-\[284px\] {
    max-height: 284px;
  }
  .max-h-\[288px\] {
    max-height: 288px;
  }
  .max-h-\[290px\] {
    max-height: 290px;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[302px\] {
    max-height: 302px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[328px\] {
    max-height: 328px;
  }
  .max-h-\[330px\] {
    max-height: 330px;
  }
  .max-h-\[336px\] {
    max-height: 336px;
  }
  .max-h-\[340px\] {
    max-height: 340px;
  }
  .max-h-\[350px\] {
    max-height: 350px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[368px\] {
    max-height: 368px;
  }
  .max-h-\[380px\] {
    max-height: 380px;
  }
  .max-h-\[390px\] {
    max-height: 390px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[420px\] {
    max-height: 420px;
  }
  .max-h-\[432px\] {
    max-height: 432px;
  }
  .max-h-\[440px\] {
    max-height: 440px;
  }
  .max-h-\[480px\] {
    max-height: 480px;
  }
  .max-h-\[560px\] {
    max-height: 560px;
  }
  .max-h-\[640px\] {
    max-height: 640px;
  }
  .max-h-\[calc\(\(1lh\+var\(--padding-row-y\)\*2\)\*5\)\] {
    max-height: calc((1lh + var(--padding-row-y) * 2) * 5);
  }
  .max-h-\[calc\(15lh\+var\(--spacing\)\*4\)\] {
    max-height: calc(15lh + var(--spacing) * 4);
  }
  .max-h-\[calc\(100\%-72px\)\] {
    max-height: calc(100% - 72px);
  }
  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }
  .max-h-\[calc\(100dvh-7rem\)\] {
    max-height: calc(100dvh - 7rem);
  }
  .max-h-\[calc\(100dvh-32px\)\] {
    max-height: calc(100dvh - 32px);
  }
  .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-2rem\)\] {
    max-height: calc(100dvh / var(--codex-window-zoom) - 2rem);
  }
  .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-4rem\)\] {
    max-height: calc(100dvh / var(--codex-window-zoom) - 4rem);
  }
  .max-h-\[calc\(100dvh\/var\(--codex-window-zoom\)-var\(--height-toolbar\)-2rem\)\] {
    max-height: calc(
      100dvh / var(--codex-window-zoom) - var(--height-toolbar) - 2rem
    );
  }
  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }
  .max-h-\[calc\(100vh-4rem\)\] {
    max-height: calc(100vh - 4rem);
  }
  .max-h-\[calc\(100vh-6rem\)\] {
    max-height: calc(100vh - 6rem);
  }
  .max-h-\[calc\(100vh-32px\)\],
  .max-h-\[calc\(100vh_-_32px\)\] {
    max-height: calc(100vh - 32px);
  }
  .max-h-\[inherit\] {
    max-height: inherit;
  }
  .max-h-\[min\(20rem\,var\(--radix-tooltip-content-available-height\)\,calc\(100vh-16px\)\)\] {
    max-height: min(
      20rem,
      var(--radix-tooltip-content-available-height),
      calc(100vh - 16px)
    );
  }
  .max-h-\[min\(22\.5rem\,calc\(100dvh\/var\(--codex-window-zoom\)-20rem\)\)\] {
    max-height: min(22.5rem, calc(100dvh / var(--codex-window-zoom) - 20rem));
  }
  .max-h-\[min\(22rem\,60vh\)\] {
    max-height: min(22rem, 60vh);
  }
  .max-h-\[min\(48vh\,32rem\)\] {
    max-height: min(48vh, 32rem);
  }
  .max-h-\[min\(70vh\,40rem\)\] {
    max-height: min(70vh, 40rem);
  }
  .max-h-\[min\(85vh\,740px\)\] {
    max-height: min(85vh, 740px);
  }
  .max-h-\[min\(92vh\,800px\)\] {
    max-height: min(92vh, 800px);
  }
  .max-h-\[min\(360px\,50vh\)\]\! {
    max-height: min(360px, 50vh) !important;
  }
  .max-h-\[min\(680px\,calc\(100vh-4rem\)\)\] {
    max-height: min(680px, 100vh - 4rem);
  }
  .max-h-\[min\(720px\,calc\(100dvh\/var\(--codex-window-zoom\)-2rem\)\)\] {
    max-height: min(720px, calc(100dvh / var(--codex-window-zoom) - 2rem));
  }
  .max-h-\[min\(720px\,calc\(100vh-64px\)\)\] {
    max-height: min(720px, 100vh - 64px);
  }
  .max-h-\[min\(var\(--radix-popover-content-available-height\)\,calc\(100vh-16px\)\)\] {
    max-height: min(
      var(--radix-popover-content-available-height),
      calc(100vh - 16px)
    );
  }
  .max-h-\[min\(var\(--radix-tooltip-content-available-height\)\,calc\(100vh-16px\)\)\] {
    max-height: min(
      var(--radix-tooltip-content-available-height),
      calc(100vh - 16px)
    );
  }
  .max-h-\[var\(--markdown-wide-block-max-height\)\] {
    max-height: var(--markdown-wide-block-max-height);
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-lh {
    max-height: 1lh;
  }
  .max-h-none {
    max-height: none;
  }
  .max-h-none\! {
    max-height: none !important;
  }
  .\!min-h-0 {
    min-height: 0 !important;
  }
  .min-h-\(--command-menu-list-max-height\) {
    min-height: var(--command-menu-list-max-height);
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-2 {
    min-height: calc(var(--spacing) * 2);
  }
  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }
  .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-13 {
    min-height: calc(var(--spacing) * 13);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-15 {
    min-height: calc(var(--spacing) * 15);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-18 {
    min-height: calc(var(--spacing) * 18);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-25 {
    min-height: calc(var(--spacing) * 25);
  }
  .min-h-26 {
    min-height: calc(var(--spacing) * 26);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .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-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-68 {
    min-height: calc(var(--spacing) * 68);
  }
  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-128 {
    min-height: calc(var(--spacing) * 128);
  }
  .min-h-\[1\.25rem\] {
    min-height: 1.25rem;
  }
  .min-h-\[4\.5rem\] {
    min-height: 4.5rem;
  }
  .min-h-\[18px\] {
    min-height: 18px;
  }
  .min-h-\[22px\] {
    min-height: 22px;
  }
  .min-h-\[28px\] {
    min-height: 28px;
  }
  .min-h-\[30px\] {
    min-height: 30px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[34px\] {
    min-height: 34px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[46px\] {
    min-height: 46px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[54px\] {
    min-height: 54px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .min-h-\[58px\] {
    min-height: 58px;
  }
  .min-h-\[60px\] {
    min-height: 60px;
  }
  .min-h-\[62px\] {
    min-height: 62px;
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[68px\] {
    min-height: 68px;
  }
  .min-h-\[70px\] {
    min-height: 70px;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[75px\] {
    min-height: 75px;
  }
  .min-h-\[80px\] {
    min-height: 80px;
  }
  .min-h-\[84px\] {
    min-height: 84px;
  }
  .min-h-\[86px\] {
    min-height: 86px;
  }
  .min-h-\[92px\] {
    min-height: 92px;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[104px\] {
    min-height: 104px;
  }
  .min-h-\[112px\] {
    min-height: 112px;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[128px\] {
    min-height: 128px;
  }
  .min-h-\[132px\] {
    min-height: 132px;
  }
  .min-h-\[150px\] {
    min-height: 150px;
  }
  .min-h-\[160px\] {
    min-height: 160px;
  }
  .min-h-\[170px\] {
    min-height: 170px;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[190px\] {
    min-height: 190px;
  }
  .min-h-\[192px\] {
    min-height: 192px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[216px\] {
    min-height: 216px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[232px\] {
    min-height: 232px;
  }
  .min-h-\[236px\] {
    min-height: 236px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[244px\] {
    min-height: 244px;
  }
  .min-h-\[248px\] {
    min-height: 248px;
  }
  .min-h-\[256px\] {
    min-height: 256px;
  }
  .min-h-\[260px\] {
    min-height: 260px;
  }
  .min-h-\[264px\] {
    min-height: 264px;
  }
  .min-h-\[270px\] {
    min-height: 270px;
  }
  .min-h-\[276px\] {
    min-height: 276px;
  }
  .min-h-\[280px\] {
    min-height: 280px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[308px\] {
    min-height: 308px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[332px\] {
    min-height: 332px;
  }
  .min-h-\[340px\] {
    min-height: 340px;
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[553px\] {
    min-height: 553px;
  }
  .min-h-\[720px\] {
    min-height: 720px;
  }
  .min-h-\[760px\] {
    min-height: 760px;
  }
  .min-h-\[calc\(67cqh-2\.5rem\)\] {
    min-height: calc(67cqh - 2.5rem);
  }
  .min-h-\[calc\(var\(--oai-wb-spacing\)\*8\)\] {
    min-height: calc(var(--oai-wb-spacing) * 8);
  }
  .min-h-\[calc\(var\(--oai-wb-spacing\)\*9\)\] {
    min-height: calc(var(--oai-wb-spacing) * 9);
  }
  .min-h-\[var\(--height-token-empty-state-page\)\] {
    min-height: var(--height-token-empty-state-page);
  }
  .min-h-\[var\(--height-token-row\)\] {
    min-height: var(--height-token-row);
  }
  .min-h-\[var\(--height-token-settings-row\)\] {
    min-height: var(--height-token-settings-row);
  }
  .min-h-\[var\(--menu-item-height\,0px\)\] {
    min-height: var(--menu-item-height, 0px);
  }
  .min-h-\[var\(--menu-item-height\,0px\)\]\! {
    min-height: var(--menu-item-height, 0px) !important;
  }
  .min-h-fit {
    min-height: fit-content;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-home-suggestion-row {
    min-height: var(--spacing-home-suggestion-row);
  }
  .min-h-px {
    min-height: 1px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-token-button-composer {
    min-height: var(--spacing-token-button-composer);
  }
  .min-h-token-button-composer-sm {
    min-height: var(--spacing-token-button-composer-sm);
  }
  .min-h-toolbar {
    min-height: var(--height-toolbar);
  }
  .min-h-toolbar-sm {
    min-height: var(--height-toolbar-sm);
  }
  .\!\[width\:clamp\(0px\,calc\(var\(--radix-tooltip-trigger-width\)_-_64px\)\,var\(--radix-tooltip-content-available-width\)\)\] {
    width: clamp(
      0px,
      calc(var(--radix-tooltip-trigger-width) - 64px),
      var(--radix-tooltip-content-available-width)
    ) !important;
  }
  .\!w-4 {
    width: calc(var(--spacing) * 4) !important;
  }
  .\!w-5 {
    width: calc(var(--spacing) * 5) !important;
  }
  .\!w-7 {
    width: calc(var(--spacing) * 7) !important;
  }
  .\!w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .\!w-\[136px\] {
    width: 136px !important;
  }
  .\!w-\[260px\] {
    width: 260px !important;
  }
  .\!w-\[370px\] {
    width: 370px !important;
  }
  .\!w-\[379px\] {
    width: 379px !important;
  }
  .\!w-\[480px\] {
    width: 480px !important;
  }
  .\!w-\[500px\] {
    width: 500px !important;
  }
  .\!w-\[calc\(100\%\+0\.5rem\)\] {
    width: calc(100% + 0.5rem) !important;
  }
  .\!w-\[min\(800px\,calc\(100vw-2rem\)\)\] {
    width: min(800px, 100vw - 2rem) !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .\!w-max {
    width: max-content !important;
  }
  .w-0 {
    width: 0;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: var(--spacing);
  }
  .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-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-3\/6 {
    width: 50%;
  }
  .w-3xl {
    width: var(--container-3xl);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-4\/6 {
    width: 66.6667%;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-5\/6 {
    width: 83.3333%;
  }
  .w-5\/12 {
    width: 41.6667%;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\/12 {
    width: 58.3333%;
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-11\/12 {
    width: 91.6667%;
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-13 {
    width: calc(var(--spacing) * 13);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-22 {
    width: calc(var(--spacing) * 22);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-25 {
    width: calc(var(--spacing) * 25);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-34 {
    width: calc(var(--spacing) * 34);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-36\! {
    width: calc(var(--spacing) * 36) !important;
  }
  .w-38 {
    width: calc(var(--spacing) * 38);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-42\! {
    width: calc(var(--spacing) * 42) !important;
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-54 {
    width: calc(var(--spacing) * 54);
  }
  .w-55 {
    width: calc(var(--spacing) * 55);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-65 {
    width: calc(var(--spacing) * 65);
  }
  .w-70 {
    width: calc(var(--spacing) * 70);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-92 {
    width: calc(var(--spacing) * 92);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-120 {
    width: calc(var(--spacing) * 120);
  }
  .w-240 {
    width: calc(var(--spacing) * 240);
  }
  .w-\[0\.5px\] {
    width: 0.5px;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4\.25rem\] {
    width: 4.25rem;
  }
  .w-\[4\.75rem\] {
    width: 4.75rem;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[10\.5rem\] {
    width: 10.5rem;
  }
  .w-\[11rem\] {
    width: 11rem;
  }
  .w-\[17\%\] {
    width: 17%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[20rem\] {
    width: 20rem;
  }
  .w-\[22\%\] {
    width: 22%;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[22rem\] {
    width: 22rem;
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[27\%\] {
    width: 27%;
  }
  .w-\[27px\] {
    width: 27px;
  }
  .w-\[27rem\] {
    width: 27rem;
  }
  .w-\[28\%\] {
    width: 28%;
  }
  .w-\[29\%\] {
    width: 29%;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[30rem\] {
    width: 30rem;
  }
  .w-\[32\%\] {
    width: 32%;
  }
  .w-\[32rem\] {
    width: 32rem;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[36\%\] {
    width: 36%;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[42\%\] {
    width: 42%;
  }
  .w-\[42rem\] {
    width: 42rem;
  }
  .w-\[44\%\] {
    width: 44%;
  }
  .w-\[46\%\] {
    width: 46%;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[53px\] {
    width: 53px;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[58\%\] {
    width: 58%;
  }
  .w-\[62\%\] {
    width: 62%;
  }
  .w-\[62px\] {
    width: 62px;
  }
  .w-\[64\%\] {
    width: 64%;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[68\%\] {
    width: 68%;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[70px\] {
    width: 70px;
  }
  .w-\[72\%\] {
    width: 72%;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[74px\] {
    width: 74px;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[78\%\] {
    width: 78%;
  }
  .w-\[78px\] {
    width: 78px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[82\%\] {
    width: 82%;
  }
  .w-\[84px\] {
    width: 84px;
  }
  .w-\[86px\] {
    width: 86px;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[104px\] {
    width: 104px;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[109px\] {
    width: 109px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[116px\] {
    width: 116px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[126px\] {
    width: 126px;
  }
  .w-\[136px\] {
    width: 136px;
  }
  .w-\[144px\] {
    width: 144px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[152px\] {
    width: 152px;
  }
  .w-\[156px\] {
    width: 156px;
  }
  .w-\[162px\] {
    width: 162px;
  }
  .w-\[168px\] {
    width: 168px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-\[188px\] {
    width: 188px;
  }
  .w-\[192px\] {
    width: 192px;
  }
  .w-\[198px\] {
    width: 198px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[232px\] {
    width: 232px;
  }
  .w-\[233px\] {
    width: 233px;
  }
  .w-\[234px\] {
    width: 234px;
  }
  .w-\[240px\] {
    width: 240px;
  }
  .w-\[242px\] {
    width: 242px;
  }
  .w-\[256px\] {
    width: 256px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[270px\] {
    width: 270px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[294px\] {
    width: 294px;
  }
  .w-\[296px\] {
    width: 296px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[310px\] {
    width: 310px;
  }
  .w-\[312px\] {
    width: 312px;
  }
  .w-\[316px\] {
    width: 316px;
  }
  .w-\[320px\] {
    width: 320px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[344px\] {
    width: 344px;
  }
  .w-\[345px\] {
    width: 345px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-\[380px\] {
    width: 380px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[408px\] {
    width: 408px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[430px\] {
    width: 430px;
  }
  .w-\[460px\] {
    width: 460px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[520px\] {
    width: 520px;
  }
  .w-\[536px\] {
    width: 536px;
  }
  .w-\[560px\] {
    width: 560px;
  }
  .w-\[580px\] {
    width: 580px;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[620px\] {
    width: 620px;
  }
  .w-\[640px\] {
    width: 640px;
  }
  .w-\[676px\] {
    width: 676px;
  }
  .w-\[677px\] {
    width: 677px;
  }
  .w-\[680px\] {
    width: 680px;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-\[720px\] {
    width: 720px;
  }
  .w-\[760px\] {
    width: 760px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-\[832px\] {
    width: 832px;
  }
  .w-\[900px\] {
    width: 900px;
  }
  .w-\[960px\] {
    width: 960px;
  }
  .w-\[1100px\] {
    width: 1100px;
  }
  .w-\[1120px\] {
    width: 1120px;
  }
  .w-\[calc\(50\%-6px\)\] {
    width: calc(50% - 6px);
  }
  .w-\[calc\(100\%\+1\.5rem\)\] {
    width: calc(100% + 1.5rem);
  }
  .w-\[calc\(100\%\+2\*var\(--padding-row-x\)\)\] {
    width: calc(100% + 2 * var(--padding-row-x));
  }
  .w-\[calc\(100\%\+2px\)\] {
    width: calc(100% + 2px);
  }
  .w-\[calc\(100\%\+10px\)\] {
    width: calc(100% + 10px);
  }
  .w-\[calc\(100\%\+40px\)\] {
    width: calc(100% + 40px);
  }
  .w-\[calc\(100\%\+var\(--visualize-paint-gutter\)\*2\)\] {
    width: calc(100% + var(--visualize-paint-gutter) * 2);
  }
  .w-\[calc\(100\%-0\.5rem\)\] {
    width: calc(100% - 0.5rem);
  }
  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }
  .w-\[calc\(100\%-8px\)\] {
    width: calc(100% - 8px);
  }
  .w-\[calc\(100\%-32px\)\] {
    width: calc(100% - 32px);
  }
  .w-\[calc\(100\%-60px\)\] {
    width: calc(100% - 60px);
  }
  .w-\[calc\(100\%-64px\)\] {
    width: calc(100% - 64px);
  }
  .w-\[calc\(100\%-92px\)\] {
    width: calc(100% - 92px);
  }
  .w-\[calc\(100vw-64px\)\] {
    width: calc(100vw - 64px);
  }
  .w-\[calc\(var\(--radix-popper-available-width\)_-_var\(--padding-panel\)\)\] {
    width: calc(var(--radix-popper-available-width) - var(--padding-panel));
  }
  .w-\[calc\(var\(--spacing-token-sidebar\)-2\*var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\)\] {
    width: calc(
      var(--spacing-token-sidebar) - 2 *
        var(--padding-row-cell-x, var(--padding-row-x))
    );
  }
  .w-\[calc\(var\(--spacing-token-sidebar\)-2\*var\(--padding-row-x\)\)\] {
    width: calc(var(--spacing-token-sidebar) - 2 * var(--padding-row-x));
  }
  .w-\[min\(19rem\,calc\(100\%_-_2rem\)\)\] {
    width: min(19rem, 100% - 2rem);
  }
  .w-\[min\(20rem\,calc\(100vw-16px\)\)\] {
    width: min(20rem, 100vw - 16px);
  }
  .w-\[min\(21rem\,calc\(100vw-16px\)\)\] {
    width: min(21rem, 100vw - 16px);
  }
  .w-\[min\(48rem\,calc\(100vw-2rem\)\)\] {
    width: min(48rem, 100vw - 2rem);
  }
  .w-\[min\(52rem\,calc\(100vw-4rem\)\)\] {
    width: min(52rem, 100vw - 4rem);
  }
  .w-\[min\(64rem\,calc\(100vw-4rem\)\)\] {
    width: min(64rem, 100vw - 4rem);
  }
  .w-\[min\(70rem\,calc\(100vw-4rem\)\)\] {
    width: min(70rem, 100vw - 4rem);
  }
  .w-\[min\(78vw\,56rem\)\] {
    width: min(78vw, 56rem);
  }
  .w-\[min\(100\%\,var\(--thread-content-max-width\)\)\] {
    width: min(100%, var(--thread-content-max-width));
  }
  .w-\[min\(240px\,calc\(100vw-80px\)\)\] {
    width: min(240px, 100vw - 80px);
  }
  .w-\[min\(320px\,calc\(100vw-80px\)\)\] {
    width: min(320px, 100vw - 80px);
  }
  .w-\[min\(480px\,92vw\)\] {
    width: min(480px, 92vw);
  }
  .w-\[min\(499px\,calc\(100vw-56px\)\)\] {
    width: min(499px, 100vw - 56px);
  }
  .w-\[var\(--activity-pill-status-width\)\] {
    width: var(--activity-pill-status-width);
  }
  .w-\[var\(--radix-dropdown-menu-trigger-width\)\] {
    width: var(--radix-dropdown-menu-trigger-width);
  }
  .w-\[var\(--radix-popover-trigger-width\)\] {
    width: var(--radix-popover-trigger-width);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-lg {
    width: var(--container-lg);
  }
  .w-max {
    width: max-content;
  }
  .w-min {
    width: min-content;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .w-token-sidebar {
    width: var(--spacing-token-sidebar);
  }
  .w-xl {
    width: var(--container-xl);
  }
  .\!max-w-7 {
    max-width: calc(var(--spacing) * 7) !important;
  }
  .\!max-w-60 {
    max-width: calc(var(--spacing) * 60) !important;
  }
  .\!max-w-\[calc\(100vw\/var\(--codex-window-zoom\)-2rem\)\] {
    max-width: calc(100vw / var(--codex-window-zoom) - 2rem) !important;
  }
  .\!max-w-fit {
    max-width: fit-content !important;
  }
  .\!max-w-none {
    max-width: none !important;
  }
  .max-w-\(--composer-adjacent-max-width\) {
    max-width: var(--composer-adjacent-max-width);
  }
  .max-w-\(--thread-content-max-width\) {
    max-width: var(--thread-content-max-width);
  }
  .max-w-\(--user-chat-width\) {
    max-width: var(--user-chat-width);
  }
  .max-w-0 {
    max-width: 0;
  }
  .max-w-1\/2 {
    max-width: 50%;
  }
  .max-w-2\/3 {
    max-width: 66.6667%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3 {
    max-width: calc(var(--spacing) * 3);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-3xs {
    max-width: var(--container-3xs);
  }
  .max-w-4\/5 {
    max-width: 80%;
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5 {
    max-width: calc(var(--spacing) * 5);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-7 {
    max-width: calc(var(--spacing) * 7);
  }
  .max-w-8 {
    max-width: calc(var(--spacing) * 8);
  }
  .max-w-12 {
    max-width: calc(var(--spacing) * 12);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-24 {
    max-width: calc(var(--spacing) * 24);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-30 {
    max-width: calc(var(--spacing) * 30);
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-39 {
    max-width: calc(var(--spacing) * 39);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }
  .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-68 {
    max-width: calc(var(--spacing) * 68);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-78 {
    max-width: calc(var(--spacing) * 78);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }
  .max-w-120 {
    max-width: calc(var(--spacing) * 120);
  }
  .max-w-\[8\.5rem\] {
    max-width: 8.5rem;
  }
  .max-w-\[12\.5rem\] {
    max-width: 12.5rem;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[15ch\] {
    max-width: 15ch;
  }
  .max-w-\[15rem\] {
    max-width: 15rem;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[25rem\] {
    max-width: 25rem;
  }
  .max-w-\[28\%\] {
    max-width: 28%;
  }
  .max-w-\[30\%\] {
    max-width: 30%;
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[32\%\] {
    max-width: 32%;
  }
  .max-w-\[34rem\] {
    max-width: 34rem;
  }
  .max-w-\[35\%\] {
    max-width: 35%;
  }
  .max-w-\[36rem\] {
    max-width: 36rem;
  }
  .max-w-\[40rem\] {
    max-width: 40rem;
  }
  .max-w-\[42\%\] {
    max-width: 42%;
  }
  .max-w-\[42rem\] {
    max-width: 42rem;
  }
  .max-w-\[44\%\] {
    max-width: 44%;
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[46\%\] {
    max-width: 46%;
  }
  .max-w-\[46rem\] {
    max-width: 46rem;
  }
  .max-w-\[48rem\] {
    max-width: 48rem;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[52\%\] {
    max-width: 52%;
  }
  .max-w-\[54\%\] {
    max-width: 54%;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[66\%\] {
    max-width: 66%;
  }
  .max-w-\[67\%\] {
    max-width: 67%;
  }
  .max-w-\[68px\] {
    max-width: 68px;
  }
  .max-w-\[70\%\] {
    max-width: 70%;
  }
  .max-w-\[70vw\] {
    max-width: 70vw;
  }
  .max-w-\[72\%\] {
    max-width: 72%;
  }
  .max-w-\[72px\] {
    max-width: 72px;
  }
  .max-w-\[73\%\] {
    max-width: 73%;
  }
  .max-w-\[76px\] {
    max-width: 76px;
  }
  .max-w-\[77\%\] {
    max-width: 77%;
  }
  .max-w-\[78\%\] {
    max-width: 78%;
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-\[80ch\] {
    max-width: 80ch;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[84px\] {
    max-width: 84px;
  }
  .max-w-\[92\%\] {
    max-width: 92%;
  }
  .max-w-\[92vw\] {
    max-width: 92vw;
  }
  .max-w-\[96px\] {
    max-width: 96px;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[112px\] {
    max-width: 112px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[128px\] {
    max-width: 128px;
  }
  .max-w-\[130px\] {
    max-width: 130px;
  }
  .max-w-\[132px\] {
    max-width: 132px;
  }
  .max-w-\[136px\] {
    max-width: 136px;
  }
  .max-w-\[144px\] {
    max-width: 144px;
  }
  .max-w-\[148px\] {
    max-width: 148px;
  }
  .max-w-\[150px\] {
    max-width: 150px;
  }
  .max-w-\[154px\] {
    max-width: 154px;
  }
  .max-w-\[156px\] {
    max-width: 156px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[168px\] {
    max-width: 168px;
  }
  .max-w-\[170px\] {
    max-width: 170px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[190px\] {
    max-width: 190px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[232px\] {
    max-width: 232px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[244px\] {
    max-width: 244px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[252px\] {
    max-width: 252px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[276px\] {
    max-width: 276px;
  }
  .max-w-\[280px\] {
    max-width: 280px;
  }
  .max-w-\[288px\] {
    max-width: 288px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[304px\] {
    max-width: 304px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[330px\] {
    max-width: 330px;
  }
  .max-w-\[332px\] {
    max-width: 332px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[352px\] {
    max-width: 352px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[375px\] {
    max-width: 375px;
  }
  .max-w-\[379px\] {
    max-width: 379px;
  }
  .max-w-\[380px\] {
    max-width: 380px;
  }
  .max-w-\[383px\] {
    max-width: 383px;
  }
  .max-w-\[384px\] {
    max-width: 384px;
  }
  .max-w-\[390px\] {
    max-width: 390px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[408px\] {
    max-width: 408px;
  }
  .max-w-\[416px\] {
    max-width: 416px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[430px\] {
    max-width: 430px;
  }
  .max-w-\[432px\] {
    max-width: 432px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[448px\] {
    max-width: 448px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-\[480px\] {
    max-width: 480px;
  }
  .max-w-\[500px\] {
    max-width: 500px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[524px\] {
    max-width: 524px;
  }
  .max-w-\[528px\] {
    max-width: 528px;
  }
  .max-w-\[536px\] {
    max-width: 536px;
  }
  .max-w-\[540px\] {
    max-width: 540px;
  }
  .max-w-\[548px\] {
    max-width: 548px;
  }
  .max-w-\[558px\] {
    max-width: 558px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[576px\] {
    max-width: 576px;
  }
  .max-w-\[580px\] {
    max-width: 580px;
  }
  .max-w-\[590px\] {
    max-width: 590px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[606px\] {
    max-width: 606px;
  }
  .max-w-\[610px\] {
    max-width: 610px;
  }
  .max-w-\[620px\] {
    max-width: 620px;
  }
  .max-w-\[624px\] {
    max-width: 624px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[650px\] {
    max-width: 650px;
  }
  .max-w-\[656px\] {
    max-width: 656px;
  }
  .max-w-\[660px\] {
    max-width: 660px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[688px\] {
    max-width: 688px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[704px\] {
    max-width: 704px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[732px\] {
    max-width: 732px;
  }
  .max-w-\[740px\] {
    max-width: 740px;
  }
  .max-w-\[744px\] {
    max-width: 744px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[768px\] {
    max-width: 768px;
  }
  .max-w-\[770px\] {
    max-width: 770px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[860px\] {
    max-width: 860px;
  }
  .max-w-\[900px\] {
    max-width: 900px;
  }
  .max-w-\[920px\] {
    max-width: 920px;
  }
  .max-w-\[960px\] {
    max-width: 960px;
  }
  .max-w-\[1020px\] {
    max-width: 1020px;
  }
  .max-w-\[1440px\] {
    max-width: 1440px;
  }
  .max-w-\[calc\(50vw\/var\(--codex-window-zoom\)\)\] {
    max-width: calc(50vw / var(--codex-window-zoom));
  }
  .max-w-\[calc\(100\%-1rem\)\] {
    max-width: calc(100% - 1rem);
  }
  .max-w-\[calc\(100\%-80px\)\] {
    max-width: calc(100% - 80px);
  }
  .max-w-\[calc\(100\%_-_1rem\)\] {
    max-width: calc(100% - 1rem);
  }
  .max-w-\[calc\(100\%_-_3rem\)\] {
    max-width: calc(100% - 3rem);
  }
  .max-w-\[calc\(100vw-1rem\)\] {
    max-width: calc(100vw - 1rem);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }
  .max-w-\[calc\(100vw-32px\)\] {
    max-width: calc(100vw - 32px);
  }
  .max-w-\[calc\(100vw-48px\)\] {
    max-width: calc(100vw - 48px);
  }
  .max-w-\[calc\(100vw\/var\(--codex-window-zoom\)-2rem\)\] {
    max-width: calc(100vw / var(--codex-window-zoom) - 2rem);
  }
  .max-w-\[min\(20rem\,var\(--radix-popover-content-available-width\)\)\] {
    max-width: min(20rem, var(--radix-popover-content-available-width));
  }
  .max-w-\[min\(28rem\,calc\(100vw-32px\)\)\] {
    max-width: min(28rem, 100vw - 32px);
  }
  .max-w-\[min\(48rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(48rem, 100vw - 2rem);
  }
  .max-w-\[min\(100\%\,44rem\)\] {
    max-width: min(100%, 44rem);
  }
  .max-w-\[min\(var\(--radix-popover-content-available-width\)\,calc\(100vw-16px\)\)\] {
    max-width: min(
      var(--radix-popover-content-available-width),
      calc(100vw - 16px)
    );
  }
  .max-w-\[var\(--thread-content-max-width\)\] {
    max-width: var(--thread-content-max-width);
  }
  .max-w-fit {
    max-width: fit-content;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .truncate-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: clip visible;
  }
  .\!min-w-7 {
    min-width: calc(var(--spacing) * 7) !important;
  }
  .\!min-w-\[180px\] {
    min-width: 180px !important;
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-0\! {
    min-width: 0 !important;
  }
  .min-w-1 {
    min-width: var(--spacing);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .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-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-11 {
    min-width: calc(var(--spacing) * 11);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-19 {
    min-width: calc(var(--spacing) * 19);
  }
  .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-30 {
    min-width: calc(var(--spacing) * 30);
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-37\.5 {
    min-width: calc(var(--spacing) * 37.5);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-\[2ch\] {
    min-width: 2ch;
  }
  .min-w-\[2px\] {
    min-width: 2px;
  }
  .min-w-\[4\.5rem\] {
    min-width: 4.5rem;
  }
  .min-w-\[4ch\] {
    min-width: 4ch;
  }
  .min-w-\[6rem\] {
    min-width: 6rem;
  }
  .min-w-\[10rem\] {
    min-width: 10rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[26px\] {
    min-width: 26px;
  }
  .min-w-\[42px\] {
    min-width: 42px;
  }
  .min-w-\[50px\] {
    min-width: 50px;
  }
  .min-w-\[50rem\] {
    min-width: 50rem;
  }
  .min-w-\[52px\] {
    min-width: 52px;
  }
  .min-w-\[64px\] {
    min-width: 64px;
  }
  .min-w-\[72px\] {
    min-width: 72px;
  }
  .min-w-\[86px\] {
    min-width: 86px;
  }
  .min-w-\[88px\] {
    min-width: 88px;
  }
  .min-w-\[100px\] {
    min-width: 100px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[172px\] {
    min-width: 172px;
  }
  .min-w-\[175px\] {
    min-width: 175px;
  }
  .min-w-\[180px\] {
    min-width: 180px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[260px\] {
    min-width: 260px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[320px\] {
    min-width: 320px;
  }
  .min-w-\[480px\] {
    min-width: 480px;
  }
  .min-w-fit {
    min-width: fit-content;
  }
  .min-w-full {
    min-width: 100%;
  }
  .min-w-max {
    min-width: max-content;
  }
  .min-w-min {
    min-width: min-content;
  }
  .min-w-px {
    min-width: 1px;
  }
  .min-w-screen {
    min-width: 100vw;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_auto\] {
    flex: none;
  }
  .flex-\[0_1_auto\] {
    flex: 0 auto;
  }
  .flex-\[0_2_auto\] {
    flex: 0 2 auto;
  }
  .flex-\[1_1_0\%\] {
    flex: 1;
  }
  .flex-\[1_1_140px\] {
    flex: 140px;
  }
  .flex-\[1_1_auto\],
  .flex-auto {
    flex: auto;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-\[999\] {
    flex-shrink: 999;
  }
  .flex-grow,
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-0 {
    flex-basis: 0;
  }
  .basis-1\/3 {
    flex-basis: 33.3333%;
  }
  .basis-4\/5 {
    flex-basis: 80%;
  }
  .basis-4\/9 {
    flex-basis: 44.4444%;
  }
  .basis-5\/9 {
    flex-basis: 55.5556%;
  }
  .basis-48 {
    flex-basis: calc(var(--spacing) * 48);
  }
  .basis-64 {
    flex-basis: calc(var(--spacing) * 64);
  }
  .basis-\[calc\(\(100\%_-_1rem\)\/2\)\] {
    flex-basis: calc(50% - 0.5rem);
  }
  .basis-\[min\(14rem\,80vw\)\] {
    flex-basis: min(14rem, 80vw);
  }
  .basis-\[min\(18rem\,85vw\)\] {
    flex-basis: min(18rem, 85vw);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .caption-top {
    caption-side: top;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .pulsing-dot {
    animation: var(--animate-token-pulsing-dot);
    backface-visibility: hidden;
    transform-origin: 50%;
    will-change: transform;
  }
  @media (prefers-reduced-motion: reduce) {
    .pulsing-dot {
      animation: none;
    }
  }
  .origin-\[var\(--radix-popover-content-transform-origin\)\] {
    transform-origin: var(--radix-popover-content-transform-origin);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-bottom-left {
    transform-origin: 0 100%;
  }
  .origin-bottom-right {
    transform-origin: 100% 100%;
  }
  .origin-center {
    transform-origin: 50%;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .origin-top-right {
    transform-origin: 100% 0;
  }
  .\!translate-x-0 {
    --tw-translate-x: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-x-0\.5 {
    --tw-translate-x: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    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-20 {
    --tw-translate-x: calc(var(--spacing) * -20);
    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: 0px;
    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: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/4 {
    --tw-translate-x: calc(1 / 4 * 100%);
    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-\[2px\] {
    --tw-translate-x: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[calc\(100\%\+12px\)\] {
    --tw-translate-x: calc(100% + 12px);
    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-y-0 {
    --tw-translate-y: 0px !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-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\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/3 {
    --tw-translate-y: calc(calc(1 / 3 * 100%) * -1);
    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-2\.5 {
    --tw-translate-y: calc(var(--spacing) * -2.5);
    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-\[31px\] {
    --tw-translate-y: calc(31px * -1);
    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: 0px;
    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: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/4 {
    --tw-translate-y: calc(1 / 4 * 100%);
    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-6 {
    --tw-translate-y: calc(var(--spacing) * 6);
    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-\[1px\] {
    --tw-translate-y: 1px;
    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-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-10 {
    --tw-scale-x: 10%;
    --tw-scale-y: 10%;
    --tw-scale-z: 10%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .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-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: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[0\.8\] {
    scale: 0.8;
  }
  .scale-\[0\.42\] {
    scale: 0.42;
  }
  .scale-\[0\.65\] {
    scale: 0.65;
  }
  .scale-\[0\.985\] {
    scale: 0.985;
  }
  .scale-\[1\.2\] {
    scale: 1.2;
  }
  .scale-\[1\.08\] {
    scale: 1.08;
  }
  .scale-\[1\.15\] {
    scale: 1.15;
  }
  .-rotate-6 {
    rotate: -6deg;
  }
  .-rotate-12 {
    rotate: -12deg;
  }
  .-rotate-45 {
    rotate: -45deg;
  }
  .-rotate-90 {
    rotate: -90deg;
  }
  .-rotate-\[12deg\] {
    rotate: -12deg;
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-12 {
    rotate: 12deg;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .rotate-\[-1deg\] {
    rotate: -1deg;
  }
  .rotate-\[12deg\] {
    rotate: 12deg;
  }
  .rotate-\[225deg\] {
    rotate: 225deg;
  }
  .\[transform\:translate\(-0\.5px\,-0\.5px\)\] {
    transform: translate(-0.5px, -0.5px);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-gpu {
    transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,)
      var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform-none\! {
    transform: none !important;
  }
  .\[zoom\:2\] {
    zoom: 2;
  }
  .\[zoom\:var\(--codex-window-zoom\)\] {
    zoom: var(--codex-window-zoom);
  }
  .\!animate-none {
    animation: none !important;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .\!cursor-interaction {
    cursor: var(--cursor-interaction) !important;
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-e-resize {
    cursor: e-resize;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-interaction {
    cursor: var(--cursor-interaction);
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-nesw-resize {
    cursor: nesw-resize;
  }
  .cursor-none {
    cursor: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-nwse-resize {
    cursor: nwse-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .cursor-se-resize {
    cursor: se-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .touch-pan-x {
    --tw-pan-x: pan-x;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-pinch-zoom {
    --tw-pinch-zoom: pinch-zoom;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-x {
    resize: horizontal;
  }
  .resize-y {
    resize: vertical;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-center {
    scroll-snap-align: center;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .scroll-mt-40 {
    scroll-margin-top: calc(var(--spacing) * 40);
  }
  .scroll-mt-\[33cqh\] {
    scroll-margin-top: 33cqh;
  }
  .scroll-mb-14 {
    scroll-margin-bottom: calc(var(--spacing) * 14);
  }
  .scroll-px-1 {
    scroll-padding-inline: var(--spacing);
  }
  .scroll-px-3 {
    scroll-padding-inline: calc(var(--spacing) * 3);
  }
  .scroll-py-0\.5 {
    scroll-padding-block: calc(var(--spacing) * 0.5);
  }
  .scroll-ps-3 {
    scroll-padding-inline-start: calc(var(--spacing) * 3);
  }
  .scroll-pe-4 {
    scroll-padding-inline-end: calc(var(--spacing) * 4);
  }
  .scroll-pt-14 {
    scroll-padding-top: calc(var(--spacing) * 14);
  }
  .scroll-pt-20 {
    scroll-padding-top: calc(var(--spacing) * 20);
  }
  .\[scroll-padding-bottom\:var\(--thread-scroll-padding-bottom\,0px\)\] {
    scroll-padding-bottom: var(--thread-scroll-padding-bottom, 0px);
  }
  .scroll-pb-\[var\(--padding-row-x\)\] {
    scroll-padding-bottom: var(--padding-row-x);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .scrollbar-on-hover {
    transition: scrollbar-color var(--transition-duration-basic) ease;
    scrollbar-color: transparent transparent !important;
  }
  .scrollbar-on-hover:hover {
    scrollbar-color: var(--color-token-scrollbar-slider-hover-background)
      transparent !important;
  }
  .scrollbar-on-hover::-webkit-scrollbar-thumb {
    background-color: #0000;
  }
  .scrollbar-on-hover:hover::-webkit-scrollbar-thumb {
    background-color: var(--color-token-scrollbar-slider-hover-background);
  }
  .scrollbar-on-hover::-webkit-scrollbar-track {
    background-color: #0000;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .\[scrollbar-gutter\:stable_both-edges\] {
    scrollbar-gutter: stable both-edges;
  }
  .scrollbar-stable {
    scrollbar-gutter: stable;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .columns-1 {
    columns: 1;
  }
  .columns-2 {
    columns: 2;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-cols-\[min\(14rem\,80vw\)\] {
    grid-auto-columns: min(14rem, 80vw);
  }
  .auto-cols-\[min\(18rem\,85vw\)\] {
    grid-auto-columns: min(18rem, 85vw);
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .auto-rows-max {
    grid-auto-rows: max-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-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-8 {
    grid-template-columns: repeat(8, 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-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }
  .grid-cols-\[0\.375rem_minmax\(0\,1fr\)_1\.25rem\] {
    grid-template-columns: 0.375rem minmax(0, 1fr) 1.25rem;
  }
  .grid-cols-\[0fr\] {
    grid-template-columns: 0fr;
  }
  .grid-cols-\[1\.25fr_1fr_1fr\] {
    grid-template-columns: 1.25fr 1fr 1fr;
  }
  .grid-cols-\[1\.75rem_minmax\(0\,1fr\)_1\.75rem_4\.25rem\] {
    grid-template-columns: 1.75rem minmax(0, 1fr) 1.75rem 4.25rem;
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }
  .grid-cols-\[1fr_12px_2fr_12px_1fr\] {
    grid-template-columns: 1fr 12px 2fr 12px 1fr;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }
  .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem minmax(0, 1fr);
  }
  .grid-cols-\[1rem_minmax\(0\,1fr\)_1\.25rem\] {
    grid-template-columns: 1rem minmax(0, 1fr) 1.25rem;
  }
  .grid-cols-\[2\.5rem_minmax\(0\,1fr\)_4\.25rem\] {
    grid-template-columns: 2.5rem minmax(0, 1fr) 4.25rem;
  }
  .grid-cols-\[2rem_minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: 2rem minmax(0, 1fr) 2rem;
  }
  .grid-cols-\[8rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 8rem minmax(0, 1fr);
  }
  .grid-cols-\[10px_1fr_1fr_1fr\] {
    grid-template-columns: 10px 1fr 1fr 1fr;
  }
  .grid-cols-\[16px_minmax\(0\,1fr\)\] {
    grid-template-columns: 16px minmax(0, 1fr);
  }
  .grid-cols-\[24px_minmax\(0\,1fr\)\] {
    grid-template-columns: 24px minmax(0, 1fr);
  }
  .grid-cols-\[24px_minmax\(0\,1fr\)_24px\] {
    grid-template-columns: 24px minmax(0, 1fr) 24px;
  }
  .grid-cols-\[24px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 24px minmax(0, 1fr) auto;
  }
  .grid-cols-\[38px_minmax\(8px\,1fr\)_44px_minmax\(8px\,1fr\)_38px\] {
    grid-template-columns: 38px minmax(8px, 1fr) 44px minmax(8px, 1fr) 38px;
  }
  .grid-cols-\[52px_repeat\(2\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: 52px repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[64px_minmax\(16px\,1fr\)_64px_minmax\(16px\,1fr\)_64px\] {
    grid-template-columns: 64px minmax(16px, 1fr) 64px minmax(16px, 1fr) 64px;
  }
  .grid-cols-\[72px_minmax\(0\,1fr\)\] {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .grid-cols-\[88px_90px_minmax\(0\,1fr\)\] {
    grid-template-columns: 88px 90px minmax(0, 1fr);
  }
  .grid-cols-\[220px_minmax\(0\,1fr\)\] {
    grid-template-columns: 220px minmax(0, 1fr);
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_1fr_auto\] {
    grid-template-columns: auto 1fr auto;
  }
  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }
  .grid-cols-\[auto_auto_auto\] {
    grid-template-columns: auto auto auto;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .grid-cols-\[auto_repeat\(4\,minmax\(64px\,auto\)\)\] {
    grid-template-columns: auto repeat(4, minmax(64px, auto));
  }
  .grid-cols-\[max-content_minmax\(0\,1fr\)\] {
    grid-template-columns: max-content minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1\.5fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1.5fr) auto minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(180px\,0\.75fr\)\] {
    grid-template-columns: minmax(0, 1.65fr) minmax(180px, 0.75fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_4\.25rem\] {
    grid-template-columns: minmax(0, 1fr) 4.25rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_4rem_8rem\] {
    grid-template-columns: minmax(0, 1fr) 4rem 8rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_6rem_6rem\] {
    grid-template-columns: minmax(0, 1fr) 6rem 6rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_7\.5rem\] {
    grid-template-columns: minmax(0, 1fr) 7.5rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_9\.5rem\] {
    grid-template-columns: minmax(0, 1fr) 9.5rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_120px_120px_auto\] {
    grid-template-columns: minmax(0, 1fr) 120px 120px 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\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(max-content\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(max-content, 1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,220px\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 220px);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(64px\,159px\)_64px\] {
    grid-template-columns: minmax(0, 1fr) minmax(64px, 159px) 64px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(90px\,120px\)_minmax\(90px\,120px\)_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(90px, 120px) minmax(
        90px,
        120px
      ) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(120px\,160px\)_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 160px) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(120px\,160px\)_minmax\(120px\,160px\)_auto\] {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 160px) minmax(
        120px,
        160px
      ) auto;
  }
  .grid-cols-\[minmax\(0\,8rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(0\,24rem\)\] {
    grid-template-columns: minmax(0, 24rem);
  }
  .grid-cols-\[minmax\(0\,29\.25rem\)\] {
    grid-template-columns: minmax(0, 29.25rem);
  }
  .grid-cols-\[minmax\(0\,220px\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  }
  .grid-cols-\[minmax\(108px\,auto\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(108px, auto) minmax(0, 1fr);
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)_0\.52fr_repeat\(6\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 0.52fr repeat(
        6,
        minmax(0, 1fr)
      );
  }
  .grid-cols-\[repeat\(3\,28px\)\] {
    grid-template-columns: repeat(3, 28px);
  }
  .grid-cols-\[repeat\(8\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(4\.75rem\,4\.75rem\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(4.75rem, 4.75rem));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(10rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(36px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(220px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
  }
  .grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
  }
  .grid-rows-\[16px_1fr\] {
    grid-template-rows: 16px 1fr;
  }
  .grid-rows-\[20px_minmax\(0\,1fr\)\] {
    grid-template-rows: 20px minmax(0, 1fr);
  }
  .grid-rows-\[24px_1fr\] {
    grid-template-rows: 24px 1fr;
  }
  .grid-rows-\[24px_88px\] {
    grid-template-rows: 24px 88px;
  }
  .grid-rows-\[24px_auto_minmax\(58px\,1fr\)_auto_minmax\(58px\,1fr\)\] {
    grid-template-rows: 24px auto minmax(58px, 1fr) auto minmax(58px, 1fr);
  }
  .grid-rows-\[24px_minmax\(140px\,1fr\)\] {
    grid-template-rows: 24px minmax(140px, 1fr);
  }
  .grid-rows-\[32px_40px\] {
    grid-template-rows: 32px 40px;
  }
  .grid-rows-\[40px_minmax\(0\,1fr\)\] {
    grid-template-rows: 40px minmax(0, 1fr);
  }
  .grid-rows-\[72px_72px\] {
    grid-template-rows: 72px 72px;
  }
  .grid-rows-\[96px_212px\] {
    grid-template-rows: 96px 212px;
  }
  .grid-rows-\[96px_minmax\(0\,1fr\)\] {
    grid-template-rows: 96px minmax(0, 1fr);
  }
  .grid-rows-\[146px_minmax\(0\,1fr\)\] {
    grid-template-rows: 146px minmax(0, 1fr);
  }
  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .grid-rows-\[auto_auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto auto minmax(0, 1fr);
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)_11rem\] {
    grid-template-rows: minmax(0, 1fr) 11rem;
  }
  .grid-rows-\[minmax\(0\,1fr\)_24px_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr) 24px minmax(0, 1fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0, 1fr) auto;
  }
  .grid-rows-\[repeat\(7\,minmax\(1px\,1fr\)\)\] {
    grid-template-rows: repeat(7, minmax(1px, 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-items-center {
    place-items: center;
  }
  .content-center {
    align-content: center;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-start {
    align-content: flex-start;
  }
  .\!items-center {
    align-items: center !important;
  }
  .\[align-items\:normal\] {
    align-items: normal;
  }
  .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-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-center {
    justify-items: center;
  }
  .\!gap-0 {
    gap: 0 !important;
  }
  .\!gap-0\.5 {
    gap: calc(var(--spacing) * 0.5) !important;
  }
  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .\!gap-2\.5 {
    gap: calc(var(--spacing) * 2.5) !important;
  }
  .\!gap-px {
    gap: 1px !important;
  }
  .gap-0 {
    gap: 0;
  }
  .gap-0\! {
    gap: 0 !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-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-24 {
    gap: calc(var(--spacing) * 24);
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-\[calc\(var\(--oai-wb-spacing\)\*2\)\] {
    gap: calc(var(--oai-wb-spacing) * 2);
  }
  .gap-\[var\(--activity-pill-control-gap\)\] {
    gap: var(--activity-pill-control-gap);
  }
  .gap-\[var\(--conversation-grouped-item-gap\,4px\)\] {
    gap: var(--conversation-grouped-item-gap, 4px);
  }
  .gap-\[var\(--conversation-item-gap\,16px\)\] {
    gap: var(--conversation-item-gap, 16px);
  }
  .gap-\[var\(--conversation-patch-file-gap\,var\(--conversation-item-gap\,16px\)\)\] {
    gap: var(--conversation-patch-file-gap, var(--conversation-item-gap, 16px));
  }
  .gap-\[var\(--detail-page-section-gap\)\] {
    gap: var(--detail-page-section-gap);
  }
  .gap-\[var\(--oai-wb-spacing\)\] {
    gap: var(--oai-wb-spacing);
  }
  .gap-\[var\(--padding-panel\)\] {
    gap: var(--padding-panel);
  }
  .gap-\[var\(--spacing-menu-item-content\,calc\(var\(--spacing\)\*1\.5\)\)\] {
    gap: var(--spacing-menu-item-content, calc(var(--spacing) * 1.5));
  }
  .gap-menu-row-content {
    gap: var(--spacing-menu-row-content);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-token-button-composer-gap {
    gap: var(--spacing-token-button-composer-gap);
  }
  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block: 0;
  }
  :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(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(
      var(--spacing) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-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))
    );
  }
  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * 0.5);
  }
  .gap-x-1 {
    column-gap: var(--spacing);
  }
  .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-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .gap-x-\[1px\] {
    column-gap: 1px;
  }
  :where(.-space-x-0\.5 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * -0.5) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * -0.5) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :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-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))
    );
  }
  .gap-y-0 {
    row-gap: 0;
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .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-px {
    row-gap: 1px;
  }
  :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\.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-border > :not(:last-child)) {
    border-color: var(--color-border);
  }
  :where(.divide-border-subtle > :not(:last-child)) {
    border-color: var(--color-border-subtle);
  }
  :where(.divide-border\/70 > :not(:last-child)) {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 70%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/70 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .place-self-end {
    place-self: end;
  }
  .\!self-center {
    align-self: center !important;
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .\!overflow-hidden {
    overflow: hidden !important;
  }
  .\!overflow-visible {
    overflow: visible !important;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-hidden\! {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-clip {
    overflow-y: clip;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overflow-y-visible\! {
    overflow-y: visible !important;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .sidebar-item {
    border-radius: var(--radius-lg);
    corner-shape: var(--codex-corner-shape);
  }
  .\!rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .\!rounded-3xl {
    border-radius: var(--radius-3xl) !important;
  }
  .\!rounded-\[6px\] {
    border-radius: 6px !important;
  }
  .\!rounded-\[7px\] {
    border-radius: 7px !important;
  }
  .\!rounded-\[10px\] {
    border-radius: 10px !important;
  }
  .\!rounded-\[16px\] {
    border-radius: 16px !important;
  }
  .\!rounded-\[24px\] {
    border-radius: 24px !important;
  }
  .\!rounded-full {
    border-radius: var(--radius-full) !important;
  }
  .\!rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .\!rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--radius-3xl-base\) {
    border-radius: var(--radius-3xl-base);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-2xs {
    border-radius: var(--radius-2xs);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-4xl {
    border-radius: var(--radius-4xl);
  }
  .rounded-\[0\.8rem\] {
    border-radius: 0.8rem;
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .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-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[12\.5px\] {
    border-radius: 12.5px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[22\%\] {
    border-radius: 22%;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[32px\] {
    border-radius: 32px;
  }
  .rounded-\[43px\] {
    border-radius: 43px;
  }
  .rounded-\[48px\] {
    border-radius: 48px;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[calc\(var\(--oai-wb-spacing\)\*2\.5\)\] {
    border-radius: calc(var(--oai-wb-spacing) * 2.5);
  }
  .rounded-\[calc\(var\(--oai-wb-spacing\)\*4\)\] {
    border-radius: calc(var(--oai-wb-spacing) * 4);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[var\(--oai-wb-radius\)\] {
    border-radius: var(--oai-wb-radius);
  }
  .rounded-\[var\(--radius-suggestion-menu\,var\(--radius-2xl\)\)\] {
    border-radius: var(--radius-suggestion-menu, var(--radius-2xl));
  }
  .rounded-\[var\(--radius-token-row\)\] {
    border-radius: var(--radius-token-row);
  }
  .rounded-\[var\(--suggestion-menu-item-radius\,var\(--radius-xl\)\)\] {
    border-radius: var(--suggestion-menu-item-radius, var(--radius-xl));
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-full\! {
    border-radius: var(--radius-full) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-none\! {
    border-radius: 0 !important;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-token-composer-single-line {
    border-radius: var(--radius-token-composer-single-line);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .\!rounded-s-md {
    border-start-start-radius: var(--radius-md) !important;
    border-end-start-radius: var(--radius-md) !important;
  }
  .rounded-s-lg {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .rounded-s-md {
    border-start-start-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md);
  }
  .rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .\!rounded-e-md {
    border-start-end-radius: var(--radius-md) !important;
    border-end-end-radius: var(--radius-md) !important;
  }
  .rounded-e-md {
    border-start-end-radius: var(--radius-md);
    border-end-end-radius: var(--radius-md);
  }
  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .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-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-l-\[10px\] {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .rounded-l-md {
    border-top-left-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-tl-3xl {
    border-top-left-radius: var(--radius-3xl);
  }
  .rounded-tl-md {
    border-top-left-radius: var(--radius-md);
  }
  .rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
  .rounded-r-\[10px\] {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .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-3xl {
    border-top-right-radius: var(--radius-3xl);
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-\[13px\] {
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
  }
  .rounded-b-\[16px\] {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }
  .rounded-b-\[18px\] {
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
  }
  .rounded-b-\[22px\] {
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-b-sm {
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }
  .rounded-br-3xl {
    border-bottom-right-radius: var(--radius-3xl);
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl-2xs {
    border-bottom-left-radius: var(--radius-2xs);
  }
  .rounded-bl-3xl {
    border-bottom-left-radius: var(--radius-3xl);
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .composer-surface-chrome:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .composer-surface-chrome
  ) {
    box-shadow: var(--elevation-prominent);
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  @media (forced-colors: active) {
    .composer-surface-chrome:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .composer-surface-chrome
    ) {
      box-shadow: none;
      outline: 1px solid canvastext;
    }
  }
  .composer-surface-chrome:where(
    [data-codex-window-type="extension"] .composer-surface-chrome
  ) {
    border-color: var(--color-token-input-border);
    --tw-shadow: 0 4px 16px 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);
    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 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border\! {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-0\! {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[0\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 0.5px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[1\.33px\] {
    border-style: var(--tw-border-style);
    border-width: 1.33px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-hairline {
    border-style: var(--tw-border-style);
    border-width: var(--border-width-hairline);
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-x-2 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 2px;
  }
  .border-x-\[7px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 7px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }
  .border-s-2 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .border-s-4 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 4px;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }
  .border-e-2 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t\! {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .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-\[3px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 3px;
  }
  .border-t-hairline {
    border-top-style: var(--tw-border-style);
    border-top-width: var(--border-width-hairline);
  }
  .\[border-top-width\:0\.5px\]\! {
    border-top-width: 0.5px !important;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-b-\[0\.5px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0.5px;
  }
  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
  }
  .border-b-\[9px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 9px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-l-hairline {
    border-left-style: var(--tw-border-style);
    border-left-width: var(--border-width-hairline);
  }
  .\!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-\[var\(--referral-rate-limit-border\)\] {
    border-color: var(--referral-rate-limit-border) !important;
  }
  .\!border-strong {
    border-color: var(--color-border-strong) !important;
  }
  .\!border-text {
    border-color: var(--color-text) !important;
  }
  .\!border-transparent {
    border-color: #0000 !important;
  }
  .\[border-color\:var\(--oai-wb-divider\)\] {
    border-color: var(--oai-wb-divider);
  }
  .\[border-color\:var\(--oai-wb-divider\)\]\! {
    border-color: var(--oai-wb-divider) !important;
  }
  .border-\(--learning-block-accent\) {
    border-color: var(--learning-block-accent);
  }
  .border-\[\#4f477f\]\/20 {
    border-color: oklab(43.2448% 0.0288993 -0.0860685/.2);
  }
  .border-\[\#8db5ff\]\/0 {
    border-color: oklab(0% 0 0/0);
  }
  .border-\[\#8db5ff\]\/70 {
    border-color: oklab(77.3153% -0.0156096 -0.11414/.7);
  }
  .border-\[\#d0d0d0\] {
    border-color: #d0d0d0;
  }
  .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_12\%\,var\(--go-to-line-bg\)\)\] {
    border-color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_12\%\,var\(--go-to-line-bg\)\)\] {
      border-color: color-mix(
        in lab,
        var(--go-to-line-fg) 12%,
        var(--go-to-line-bg)
      );
    }
  }
  .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_20\%\,transparent\)\] {
    border-color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_20\%\,transparent\)\] {
      border-color: color-mix(in lab, var(--go-to-line-fg) 20%, transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_30\%\,transparent\)\] {
    border-color: var(--pricing-plan-highlight);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_30\%\,transparent\)\] {
      border-color: color-mix(
        in srgb,
        var(--pricing-plan-highlight) 30%,
        transparent
      );
    }
  }
  .border-\[color\:var\(--gray-0\)\] {
    border-color: var(--gray-0);
  }
  .border-\[var\(--border-heavy\)\] {
    border-color: var(--border-heavy);
  }
  .border-\[var\(--border-light\)\] {
    border-color: var(--border-light);
  }
  .border-\[var\(--border-subtle\)\] {
    border-color: var(--border-subtle);
  }
  .border-\[var\(--color-token-text-link-foreground\,\#339cff\)\] {
    border-color: var(--color-token-text-link-foreground, #339cff);
  }
  .border-\[var\(--learning-block-accent\)\] {
    border-color: var(--learning-block-accent);
  }
  .border-\[var\(--learning-block-color-companion\)\] {
    border-color: var(--learning-block-color-companion);
  }
  .border-\[var\(--learning-block-color-primary\)\] {
    border-color: var(--learning-block-color-primary);
  }
  .border-\[var\(--learning-block-color-secondary\)\] {
    border-color: var(--learning-block-color-secondary);
  }
  .border-\[var\(--learning-block-visualization-surface\,var\(--bg-primary\)\)\] {
    border-color: var(
      --learning-block-visualization-surface,
      var(--bg-primary)
    );
  }
  .border-\[var\(--text-primary\)\] {
    border-color: var(--text-primary);
  }
  .border-background-primary-soft {
    border-color: var(--color-background-primary-soft);
  }
  .border-black {
    border-color: var(--color-black);
  }
  .border-black\/8 {
    border-color: #00000014;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/8 {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  .border-black\/10 {
    border-color: #0000001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .border-black\/15 {
    border-color: #00000026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/15 {
      border-color: color-mix(in oklab, var(--color-black) 15%, transparent);
    }
  }
  .border-black\/20 {
    border-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/20 {
      border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .border-black\/25 {
    border-color: #00000040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/25 {
      border-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .border-border {
    border-color: var(--color-border);
  }
  .border-border-subtle {
    border-color: var(--color-border-subtle);
  }
  .border-border\/20 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 20%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/20 {
      border-color: color-mix(in oklab, var(--color-border) 20%, transparent);
    }
  }
  .border-border\/24 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 24%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/24 {
      border-color: color-mix(in oklab, var(--color-border) 24%, transparent);
    }
  }
  .border-border\/30 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 30%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/30 {
      border-color: color-mix(in oklab, var(--color-border) 30%, transparent);
    }
  }
  .border-border\/40 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 40%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/40 {
      border-color: color-mix(in oklab, var(--color-border) 40%, transparent);
    }
  }
  .border-border\/50 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 50%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
    }
  }
  .border-border\/60 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 60%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
  .border-border\/70 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 70%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .border-border\/80 {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 80%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/80 {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
  }
  .border-chart-blue\/40 {
    border-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-blue\/40 {
      border-color: color-mix(
        in oklab,
        var(--color-chart-blue) 40%,
        transparent
      );
    }
  }
  .border-chart-blue\/60 {
    border-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-blue\/60 {
      border-color: color-mix(
        in oklab,
        var(--color-chart-blue) 60%,
        transparent
      );
    }
  }
  .border-chart-green\/30 {
    border-color: var(--color-chart-green);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-green\/30 {
      border-color: color-mix(
        in oklab,
        var(--color-chart-green) 30%,
        transparent
      );
    }
  }
  .border-chart-red\/30 {
    border-color: var(--color-chart-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-red\/30 {
      border-color: color-mix(
        in oklab,
        var(--color-chart-red) 30%,
        transparent
      );
    }
  }
  .border-chart-red\/50 {
    border-color: var(--color-chart-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-red\/50 {
      border-color: color-mix(
        in oklab,
        var(--color-chart-red) 50%,
        transparent
      );
    }
  }
  .border-codex-description {
    border-color: var(--color-codex-description);
  }
  .border-codex-radio-inactive {
    border-color: var(--color-codex-radio-inactive);
  }
  .border-current,
  .border-current\/20 {
    border-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-current\/20 {
      border-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .border-danger-outline {
    border-color: var(--color-border-danger-outline);
  }
  .border-default {
    border-color: var(--color-border);
  }
  .border-default\! {
    border-color: var(--color-border) !important;
  }
  .border-media-background\/5 {
    border-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-media-background\/5 {
      border-color: color-mix(
        in oklab,
        var(--color-media-background) 5%,
        transparent
      );
    }
  }
  .border-media-foreground\/20 {
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-media-foreground\/20 {
      border-color: color-mix(
        in oklab,
        var(--color-media-foreground) 20%,
        transparent
      );
    }
  }
  .border-primary-outline {
    border-color: var(--color-border-primary-outline);
  }
  .border-ring {
    border-color: var(--color-ring);
  }
  .border-strong {
    border-color: var(--color-border-strong);
  }
  .border-subtle {
    border-color: var(--color-border-subtle);
  }
  .border-surface {
    border-color: var(--color-surface);
  }
  .border-surface-elevated-secondary {
    border-color: var(--color-surface-elevated-secondary);
  }
  .border-surface-secondary {
    border-color: var(--color-surface-secondary);
  }
  .border-text {
    border-color: var(--color-text);
  }
  .border-text-danger,
  .border-text-danger\/20 {
    border-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-danger\/20 {
      border-color: color-mix(
        in oklab,
        var(--color-text-danger) 20%,
        transparent
      );
    }
  }
  .border-text-danger\/30 {
    border-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-danger\/30 {
      border-color: color-mix(
        in oklab,
        var(--color-text-danger) 30%,
        transparent
      );
    }
  }
  .border-text-danger\/40 {
    border-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-danger\/40 {
      border-color: color-mix(
        in oklab,
        var(--color-text-danger) 40%,
        transparent
      );
    }
  }
  .border-text-emphasis {
    border-color: var(--color-text-emphasis);
  }
  .border-text-info,
  .border-text-info\/35 {
    border-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-info\/35 {
      border-color: color-mix(
        in oklab,
        var(--color-text-info) 35%,
        transparent
      );
    }
  }
  .border-text-info\/40 {
    border-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-info\/40 {
      border-color: color-mix(
        in oklab,
        var(--color-text-info) 40%,
        transparent
      );
    }
  }
  .border-text-info\/45 {
    border-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-info\/45 {
      border-color: color-mix(
        in oklab,
        var(--color-text-info) 45%,
        transparent
      );
    }
  }
  .border-text-secondary\/70 {
    border-color: color-mix(
      in srgb,
      color-mix(in srgb, var(--vscode-foreground) 65%, transparent) 70%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-secondary\/70 {
      border-color: color-mix(
        in oklab,
        var(--color-text-secondary) 70%,
        transparent
      );
    }
  }
  .border-text-success\/20 {
    border-color: var(--color-text-success);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-success\/20 {
      border-color: color-mix(
        in oklab,
        var(--color-text-success) 20%,
        transparent
      );
    }
  }
  .border-text-tertiary {
    border-color: var(--color-text-tertiary);
  }
  .border-text-warning\/20 {
    border-color: var(--color-text-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-warning\/20 {
      border-color: color-mix(
        in oklab,
        var(--color-text-warning) 20%,
        transparent
      );
    }
  }
  .border-text-warning\/30 {
    border-color: var(--color-text-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-warning\/30 {
      border-color: color-mix(
        in oklab,
        var(--color-text-warning) 30%,
        transparent
      );
    }
  }
  .border-text-warning\/35 {
    border-color: var(--color-text-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text-warning\/35 {
      border-color: color-mix(
        in oklab,
        var(--color-text-warning) 35%,
        transparent
      );
    }
  }
  .border-text\/20 {
    border-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text\/20 {
      border-color: color-mix(in oklab, var(--color-text) 20%, transparent);
    }
  }
  .border-text\/40 {
    border-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-text\/40 {
      border-color: color-mix(in oklab, var(--color-text) 40%, transparent);
    }
  }
  .border-token-border {
    border-color: var(--color-token-border);
  }
  .border-token-border-default {
    border-color: var(--color-token-border-default);
  }
  .border-token-border-heavy {
    border-color: var(--color-token-border-heavy);
  }
  .border-token-border-light {
    border-color: var(--color-token-border-light);
  }
  .border-token-charts-blue\/40 {
    border-color: var(--color-token-charts-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-token-charts-blue\/40 {
      border-color: color-mix(
        in oklab,
        var(--color-token-charts-blue) 40%,
        transparent
      );
    }
  }
  .border-token-text-secondary {
    border-color: var(--color-token-text-secondary);
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-warning-outline {
    border-color: var(--color-border-warning-outline);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/80 {
    border-color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/80 {
      border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .border-white\/\[0\.82\] {
    border-color: #ffffffd1;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.82\] {
      border-color: color-mix(in oklab, var(--color-white) 82%, transparent);
    }
  }
  .border-white\/\[0\.84\] {
    border-color: #ffffffd6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.84\] {
      border-color: color-mix(in oklab, var(--color-white) 84%, transparent);
    }
  }
  .border-white\/\[0\.86\] {
    border-color: #ffffffdb;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.86\] {
      border-color: color-mix(in oklab, var(--color-white) 86%, transparent);
    }
  }
  .border-white\/\[0\.94\] {
    border-color: #fffffff0;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/\[0\.94\] {
      border-color: color-mix(in oklab, var(--color-white) 94%, transparent);
    }
  }
  .border-x-transparent {
    border-inline-color: #0000;
  }
  .border-e-transparent {
    border-inline-end-color: #0000;
  }
  .\!border-r-border {
    border-right-color: var(--color-border) !important;
  }
  .border-b-\[var\(--learning-block-accent\)\] {
    border-bottom-color: var(--learning-block-accent);
  }
  .border-b-\[var\(--learning-block-color-primary\)\] {
    border-bottom-color: var(--learning-block-color-primary);
  }
  .border-b-token-text-primary {
    border-bottom-color: var(--color-token-text-primary);
  }
  .border-b-transparent {
    border-bottom-color: #0000;
  }
  .\!bg-\[\#0d0d0d\] {
    background-color: #0d0d0d !important;
  }
  .\!bg-\[\#636363\] {
    background-color: #636363 !important;
  }
  .\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_86\%\,var\(--color-text-info\)_14\%\)\] {
    background-color: var(--color-surface) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_86\%\,var\(--color-text-info\)_14\%\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 86%,
        var(--color-text-info) 14%
      ) !important;
    }
  }
  .\!bg-\[color-mix\(in_srgb\,var\(--color-surface-secondary\)_64\%\,transparent\)\] {
    background-color: var(--color-surface-secondary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-\[color-mix\(in_srgb\,var\(--color-surface-secondary\)_64\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-surface-secondary) 64%,
        transparent
      ) !important;
    }
  }
  .\!bg-\[color-mix\(in_srgb\,var\(--color-surface-secondary\)_88\%\,transparent\)\] {
    background-color: var(--color-surface-secondary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-\[color-mix\(in_srgb\,var\(--color-surface-secondary\)_88\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-surface-secondary) 88%,
        transparent
      ) !important;
    }
  }
  .\!bg-\[var\(--pricing-plan-highlight\)\] {
    background-color: var(--pricing-plan-highlight) !important;
  }
  .\!bg-\[var\(--referral-rate-limit-tracking-background\)\] {
    background-color: var(--referral-rate-limit-tracking-background) !important;
  }
  .\!bg-black {
    background-color: var(--color-black) !important;
  }
  .\!bg-black\/15 {
    background-color: #00000026 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-black\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 15%,
        transparent
      ) !important;
    }
  }
  .\!bg-black\/45 {
    background-color: #00000073 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-black\/45 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 45%,
        transparent
      ) !important;
    }
  }
  .\!bg-black\/75 {
    background-color: #000000bf !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-black\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 75%,
        transparent
      ) !important;
    }
  }
  .\!bg-black\/90 {
    background-color: #000000e6 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-black\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 90%,
        transparent
      ) !important;
    }
  }
  .\!bg-chart-blue {
    background-color: var(--color-chart-blue) !important;
  }
  .\!bg-chart-purple\/10 {
    background-color: var(--color-chart-purple) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-chart-purple\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-purple) 10%,
        transparent
      ) !important;
    }
  }
  .\!bg-current\/10 {
    background-color: currentColor !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-current\/10 {
      background-color: color-mix(
        in oklab,
        currentcolor 10%,
        transparent
      ) !important;
    }
  }
  .\!bg-surface {
    background-color: var(--color-surface) !important;
  }
  .\!bg-surface-elevated-secondary,
  .\!bg-surface-elevated-secondary\/50 {
    background-color: var(--color-surface-elevated-secondary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-surface-elevated-secondary\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 50%,
        transparent
      ) !important;
    }
  }
  .\!bg-surface-secondary\/60 {
    background-color: var(--color-surface-secondary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-surface-secondary\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 60%,
        transparent
      ) !important;
    }
  }
  .\!bg-surface\/65 {
    background-color: var(--color-surface) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-surface\/65 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 65%,
        transparent
      ) !important;
    }
  }
  .\!bg-transparent {
    background-color: #0000 !important;
  }
  .\!bg-white {
    background-color: var(--color-white) !important;
  }
  .\[background-color\:var\(--color-token-dropdown-background\,var\(--color-token-main-surface-primary\,white\)\)\] {
    background-color: var(
      --color-token-dropdown-background,
      var(--color-token-main-surface-primary, white)
    );
  }
  .\[background-color\:var\(--oai-wb-accent\)\] {
    background-color: var(--oai-wb-accent);
  }
  .\[background-color\:var\(--oai-wb-border\)\] {
    background-color: var(--oai-wb-border);
  }
  .\[background-color\:var\(--oai-wb-surface-primary\)\] {
    background-color: var(--oai-wb-surface-primary);
  }
  .bg-\(--learning-block-accent\) {
    background-color: var(--learning-block-accent);
  }
  .bg-\(--learning-block-accent-surface\) {
    background-color: var(--learning-block-accent-surface);
  }
  .bg-\(--learning-block-color-companion\) {
    background-color: var(--learning-block-color-companion);
  }
  .bg-\(--learning-block-color-primary\) {
    background-color: var(--learning-block-color-primary);
  }
  .bg-\(--learning-block-color-secondary\) {
    background-color: var(--learning-block-color-secondary);
  }
  .bg-\[\#2d2925\] {
    background-color: #2d2925;
  }
  .bg-\[\#04b84c\] {
    background-color: #04b84c;
  }
  .bg-\[\#7da8ff\]\/0 {
    background-color: oklab(0% 0 0/0);
  }
  .bg-\[\#7da8ff\]\/90 {
    background-color: oklab(73.7132% -0.0154426 -0.134284/.9);
  }
  .bg-\[\#8db5ff\]\/28 {
    background-color: oklab(77.3153% -0.0156096 -0.11414/.28);
  }
  .bg-\[\#9ebdff\] {
    background-color: #9ebdff;
  }
  .bg-\[\#0067c0\] {
    background-color: #0067c0;
  }
  .bg-\[\#0285ff\] {
    background-color: #0285ff;
  }
  .bg-\[\#685fae\]\/85 {
    background-color: oklab(53.0751% 0.0348781 -0.116121/.85);
  }
  .bg-\[\#924ff7\] {
    background-color: #924ff7;
  }
  .bg-\[\#080808\] {
    background-color: #080808;
  }
  .bg-\[\#111111\] {
    background-color: #111;
  }
  .bg-\[\#CFE0FF\] {
    background-color: #cfe0ff;
  }
  .bg-\[\#E9E9B6\] {
    background-color: #e9e9b6;
  }
  .bg-\[\#F3DDE9\] {
    background-color: #f3dde9;
  }
  .bg-\[\#F3F3F3\] {
    background-color: #f3f3f3;
  }
  .bg-\[\#F4F4F4\] {
    background-color: #f4f4f4;
  }
  .bg-\[\#F5F5F5\] {
    background-color: #f5f5f5;
  }
  .bg-\[\#F8F8DE\] {
    background-color: #f8f8de;
  }
  .bg-\[\#F9ECF3\] {
    background-color: #f9ecf3;
  }
  .bg-\[\#FFF8FC\] {
    background-color: #fff8fc;
  }
  .bg-\[\#FFFFF0\] {
    background-color: ivory;
  }
  .bg-\[\#b8b98b\] {
    background-color: #b8b98b;
  }
  .bg-\[\#dad4ca\] {
    background-color: #dad4ca;
  }
  .bg-\[\#ebe8e2\] {
    background-color: #ebe8e2;
  }
  .bg-\[\#efefef\] {
    background-color: #efefef;
  }
  .bg-\[\#f2f2f2\] {
    background-color: #f2f2f2;
  }
  .bg-\[\#f5f3ee\] {
    background-color: #f5f3ee;
  }
  .bg-\[\#f5f5f2\] {
    background-color: #f5f5f2;
  }
  .bg-\[\#f5f5f5\] {
    background-color: #f5f5f5;
  }
  .bg-\[\#f7f5f1\] {
    background-color: #f7f5f1;
  }
  .bg-\[\#fa423e\] {
    background-color: #fa423e;
  }
  .bg-\[\#fb6a22\] {
    background-color: #fb6a22;
  }
  .bg-\[\#ff66ad\] {
    background-color: #ff66ad;
  }
  .bg-\[\#ffc300\] {
    background-color: #ffc300;
  }
  .bg-\[\#fff7d6\] {
    background-color: #fff7d6;
  }
  .bg-\[Canvas\] {
    background-color: canvas;
  }
  .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-bg\)\)\] {
    background-color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-bg\)\)\] {
      background-color: color-mix(
        in lab,
        var(--go-to-line-fg) 4%,
        var(--go-to-line-bg)
      );
    }
  }
  .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line-bg\)\)\] {
    background-color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line-bg\)\)\] {
      background-color: color-mix(
        in lab,
        var(--go-to-line-fg) 50%,
        var(--go-to-line-bg)
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,transparent\)\] {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 80%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_82\%\,var\(--color-chart-blue\)_18\%\)\] {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_82\%\,var\(--color-chart-blue\)_18\%\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 82%,
        var(--color-chart-blue) 18%
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_88\%\,transparent\)\] {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-surface\)_88\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 88%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-text-info\)_92\%\,black_8\%\)\] {
    background-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-text-info\)_92\%\,black_8\%\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-text-info) 92%,
        black 8%
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-token-charts-blue\,\#339cff\)_12\%\,transparent\)\] {
    background-color: var(--color-token-charts-blue, #339cff);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-token-charts-blue\,\#339cff\)_12\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-token-charts-blue, #339cff) 12%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-token-charts-blue\,\#339cff\)_16\%\,transparent\)\] {
    background-color: var(--color-token-charts-blue, #339cff);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-token-charts-blue\,\#339cff\)_16\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-token-charts-blue, #339cff) 16%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_14\%\,transparent\)\] {
    background-color: var(--learning-block-color-companion);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_14\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--learning-block-color-companion) 14%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_18\%\,transparent\)\] {
    background-color: var(--learning-block-color-companion);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-companion\)_18\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--learning-block-color-companion) 18%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_14\%\,transparent\)\] {
    background-color: var(--learning-block-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_14\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--learning-block-color-primary) 14%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_18\%\,transparent\)\] {
    background-color: var(--learning-block-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_18\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--learning-block-color-primary) 18%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_20\%\,transparent\)\] {
    background-color: var(--learning-block-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_20\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--learning-block-color-primary) 20%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_22\%\,transparent\)\] {
    background-color: var(--learning-block-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_22\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--learning-block-color-primary) 22%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_6\%\,transparent\)\] {
    background-color: var(--pricing-plan-highlight);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_6\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--pricing-plan-highlight) 6%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_15\%\,transparent\)\] {
    background-color: var(--pricing-plan-highlight);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_15\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--pricing-plan-highlight) 15%,
        transparent
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_14\%\,var\(--profile-usage-level-0\)\)\] {
    background-color: var(--profile-usage-level-4);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_14\%\,var\(--profile-usage-level-0\)\)\] {
      background-color: color-mix(
        in srgb,
        var(--profile-usage-level-4) 14%,
        var(--profile-usage-level-0)
      );
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_78\%\,transparent\)\] {
    background-color: var(--profile-usage-level-4);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_78\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--profile-usage-level-4) 78%,
        transparent
      );
    }
  }
  .bg-\[color\:var\(--gray-0\)\] {
    background-color: var(--gray-0);
  }
  .bg-\[color\:var\(--learning-block-color-primary\)\] {
    background-color: var(--learning-block-color-primary);
  }
  .bg-\[rgba\(0\,0\,0\,0\.04\)\] {
    background-color: #0000000a;
  }
  .bg-\[rgba\(0\,0\,0\,0\.024\)\] {
    background-color: #00000006;
  }
  .bg-\[rgba\(244\,240\,239\,0\.5\)\] {
    background-color: #f4f0ef80;
  }
  .bg-\[var\(--annotation-mode-button-annotation-background\)\] {
    background-color: var(--annotation-mode-button-annotation-background);
  }
  .bg-\[var\(--app-shell-panel-background\,var\(--color-surface\)\)\] {
    background-color: var(--app-shell-panel-background, var(--color-surface));
  }
  .bg-\[var\(--app-shell-tab-background\)\] {
    background-color: var(--app-shell-tab-background);
  }
  .bg-\[var\(--bg-primary\)\] {
    background-color: var(--bg-primary);
  }
  .bg-\[var\(--bg-secondary\)\] {
    background-color: var(--bg-secondary);
  }
  .bg-\[var\(--border-heavy\)\] {
    background-color: var(--border-heavy);
  }
  .bg-\[var\(--border-light\)\] {
    background-color: var(--border-light);
  }
  .bg-\[var\(--codex-titlebar-tint\,transparent\)\] {
    background-color: var(--codex-titlebar-tint, transparent);
  }
  .bg-\[var\(--color-background-status-success\)\] {
    background-color: var(--color-background-status-success);
  }
  .bg-\[var\(--color-chart-red\)\] {
    background-color: var(--color-chart-red);
  }
  .bg-\[var\(--color-codex-application-menu-selection\)\] {
    background-color: var(--color-codex-application-menu-selection);
  }
  .bg-\[var\(--color-codex-diff-added\)\] {
    background-color: var(--color-codex-diff-added);
  }
  .bg-\[var\(--color-codex-diff-deleted\)\] {
    background-color: var(--color-codex-diff-deleted);
  }
  .bg-\[var\(--color-icon-error\)\] {
    background-color: var(--color-icon-error);
  }
  .bg-\[var\(--color-icon-success\)\] {
    background-color: var(--color-icon-success);
  }
  .bg-\[var\(--color-surface-tertiary\)\] {
    background-color: var(--color-surface-tertiary);
  }
  .bg-\[var\(--constant-background\)\] {
    background-color: var(--constant-background);
  }
  .bg-\[var\(--go-to-line-bg\)\] {
    background-color: var(--go-to-line-bg);
  }
  .bg-\[var\(--gray-300\)\] {
    background-color: var(--gray-300);
  }
  .bg-\[var\(--gray-600\)\] {
    background-color: var(--gray-600);
  }
  .bg-\[var\(--gray-700\)\] {
    background-color: var(--gray-700);
  }
  .bg-\[var\(--green-50\)\] {
    background-color: var(--green-50);
  }
  .bg-\[var\(--learning-block-accent\)\] {
    background-color: var(--learning-block-accent);
  }
  .bg-\[var\(--learning-block-accent-surface\)\] {
    background-color: var(--learning-block-accent-surface);
  }
  .bg-\[var\(--learning-block-color-companion\)\] {
    background-color: var(--learning-block-color-companion);
  }
  .bg-\[var\(--learning-block-color-primary\)\] {
    background-color: var(--learning-block-color-primary);
  }
  .bg-\[var\(--learning-block-color-secondary\)\] {
    background-color: var(--learning-block-color-secondary);
  }
  .bg-\[var\(--learning-block-color-third\)\] {
    background-color: var(--learning-block-color-third);
  }
  .bg-\[var\(--learning-block-visualization-surface\,var\(--bg-primary\)\)\] {
    background-color: var(
      --learning-block-visualization-surface,
      var(--bg-primary)
    );
  }
  .bg-\[var\(--profile-usage-level-0\)\] {
    background-color: var(--profile-usage-level-0);
  }
  .bg-\[var\(--profile-usage-level-1\)\] {
    background-color: var(--profile-usage-level-1);
  }
  .bg-\[var\(--profile-usage-level-2\)\] {
    background-color: var(--profile-usage-level-2);
  }
  .bg-\[var\(--profile-usage-level-3\)\] {
    background-color: var(--profile-usage-level-3);
  }
  .bg-\[var\(--profile-usage-level-4\)\] {
    background-color: var(--profile-usage-level-4);
  }
  .bg-\[var\(--referral-rate-limit-check-background\)\] {
    background-color: var(--referral-rate-limit-check-background);
  }
  .bg-\[var\(--referral-rate-limit-input-background\)\] {
    background-color: var(--referral-rate-limit-input-background);
  }
  .bg-\[var\(--referral-rate-limit-success-background\)\] {
    background-color: var(--referral-rate-limit-success-background);
  }
  .bg-\[var\(--referral-rate-limit-surface\)\] {
    background-color: var(--referral-rate-limit-surface);
  }
  .bg-\[var\(--text-tertiary\)\] {
    background-color: var(--text-tertiary);
  }
  .bg-amber-100\/90 {
    background-color: #fef3c6e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-100\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-amber-100) 90%,
        transparent
      );
    }
  }
  .bg-amber-100\/95 {
    background-color: #fef3c6f2;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-100\/95 {
      background-color: color-mix(
        in oklab,
        var(--color-amber-100) 95%,
        transparent
      );
    }
  }
  .bg-artifact-powerpoint {
    background-color: var(--color-artifact-powerpoint);
  }
  .bg-artifact-powerpoint-surface {
    background-color: var(--color-artifact-powerpoint-surface);
  }
  .bg-background-danger-surface\/20 {
    background-color: color-mix(
      in srgb,
      var(--lightningcss-light, var(--red-25))
        var(--lightningcss-dark, var(--red-950)) 20%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-danger-surface\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-background-danger-surface) 20%,
        transparent
      );
    }
  }
  .bg-background-mode-toggle-track {
    background-color: var(--color-background-mode-toggle-track);
  }
  .bg-background-primary-ghost-hover\/50 {
    background-color: var(--color-background-primary-ghost-hover);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-primary-ghost-hover\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-ghost-hover) 50%,
        transparent
      );
    }
  }
  .bg-background-primary-ghost-hover\/60 {
    background-color: var(--color-background-primary-ghost-hover);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-primary-ghost-hover\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-ghost-hover) 60%,
        transparent
      );
    }
  }
  .bg-background-primary-soft\/70 {
    background-color: var(--color-background-primary-soft);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-primary-soft\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-soft) 70%,
        transparent
      );
    }
  }
  .bg-background-primary-soft\/75 {
    background-color: var(--color-background-primary-soft);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-primary-soft\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-soft) 75%,
        transparent
      );
    }
  }
  .bg-background-primary-soft\/90 {
    background-color: var(--color-background-primary-soft);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-primary-soft\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-soft) 90%,
        transparent
      );
    }
  }
  .bg-background-secondary-soft-alpha {
    background-color: var(--color-background-secondary-soft-alpha);
  }
  .bg-background-secondary-soft-alpha\/20 {
    background-color: color-mix(
      in srgb,
      var(--color-background-secondary-soft-alpha) 20%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-secondary-soft-alpha\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-background-secondary-soft-alpha) 20%,
        transparent
      );
    }
  }
  .bg-background-success-surface {
    background-color: var(--color-background-success-surface);
  }
  .bg-background-warning-surface\/15 {
    background-color: color-mix(
      in srgb,
      var(--lightningcss-light, var(--orange-25))
        var(--lightningcss-dark, var(--orange-950)) 15%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-warning-surface\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-background-warning-surface) 15%,
        transparent
      );
    }
  }
  .bg-background-warning-surface\/30 {
    background-color: color-mix(
      in srgb,
      var(--lightningcss-light, var(--orange-25))
        var(--lightningcss-dark, var(--orange-950)) 30%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background-warning-surface\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-background-warning-surface) 30%,
        transparent
      );
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/5 {
    background-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/7 {
    background-color: #00000012;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/7 {
      background-color: color-mix(in oklab, var(--color-black) 7%, transparent);
    }
  }
  .bg-black\/15 {
    background-color: #00000026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 15%,
        transparent
      );
    }
  }
  .bg-black\/20 {
    background-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 20%,
        transparent
      );
    }
  }
  .bg-black\/25 {
    background-color: #00000040;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 25%,
        transparent
      );
    }
  }
  .bg-black\/45 {
    background-color: #00000073;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 45%,
        transparent
      );
    }
  }
  .bg-black\/90 {
    background-color: #000000e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-black) 90%,
        transparent
      );
    }
  }
  .bg-black\/\[0\.02\] {
    background-color: #00000005;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/\[0\.02\] {
      background-color: color-mix(in oklab, var(--color-black) 2%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-blue-500) 10%,
        transparent
      );
    }
  }
  .bg-border {
    background-color: var(--color-border);
  }
  .bg-border-strong {
    background-color: var(--color-border-strong);
  }
  .bg-border-subtle {
    background-color: var(--color-border-subtle);
  }
  .bg-border\/45 {
    background-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 45%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/45 {
      background-color: color-mix(
        in oklab,
        var(--color-border) 45%,
        transparent
      );
    }
  }
  .bg-border\/60 {
    background-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 60%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-border) 60%,
        transparent
      );
    }
  }
  .bg-border\/70 {
    background-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 70%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-border) 70%,
        transparent
      );
    }
  }
  .bg-callout-surface {
    background-color: var(--color-background-callout-surface);
  }
  .bg-chart-blue,
  .bg-chart-blue\/10 {
    background-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-blue\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 10%,
        transparent
      );
    }
  }
  .bg-chart-blue\/15 {
    background-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-blue\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 15%,
        transparent
      );
    }
  }
  .bg-chart-blue\/25 {
    background-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-blue\/25 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 25%,
        transparent
      );
    }
  }
  .bg-chart-blue\/70 {
    background-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-blue\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 70%,
        transparent
      );
    }
  }
  .bg-chart-green,
  .bg-chart-green\/5 {
    background-color: var(--color-chart-green);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-green\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-green) 5%,
        transparent
      );
    }
  }
  .bg-chart-green\/10 {
    background-color: var(--color-chart-green);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-green\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-green) 10%,
        transparent
      );
    }
  }
  .bg-chart-green\/15 {
    background-color: var(--color-chart-green);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-green\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-green) 15%,
        transparent
      );
    }
  }
  .bg-chart-green\/20 {
    background-color: var(--color-chart-green);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-green\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-green) 20%,
        transparent
      );
    }
  }
  .bg-chart-orange {
    background-color: var(--color-chart-orange);
  }
  .bg-chart-purple,
  .bg-chart-purple\/10 {
    background-color: var(--color-chart-purple);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-purple\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-purple) 10%,
        transparent
      );
    }
  }
  .bg-chart-red,
  .bg-chart-red\/5 {
    background-color: var(--color-chart-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-red\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-red) 5%,
        transparent
      );
    }
  }
  .bg-chart-red\/10 {
    background-color: var(--color-chart-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-red\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-red) 10%,
        transparent
      );
    }
  }
  .bg-chart-red\/15 {
    background-color: var(--color-chart-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-red\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-red) 15%,
        transparent
      );
    }
  }
  .bg-chart-red\/70 {
    background-color: var(--color-chart-red);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-red\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-red) 70%,
        transparent
      );
    }
  }
  .bg-chart-yellow,
  .bg-chart-yellow\/15 {
    background-color: var(--color-chart-yellow);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-yellow\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-yellow) 15%,
        transparent
      );
    }
  }
  .bg-chart-yellow\/20 {
    background-color: var(--color-chart-yellow);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-yellow\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-chart-yellow) 20%,
        transparent
      );
    }
  }
  .bg-coachmark {
    background-color: var(--color-background-coachmark);
  }
  .bg-codex-application-menu {
    background-color: var(--color-codex-application-menu);
  }
  .bg-codex-description {
    background-color: var(--color-codex-description);
  }
  .bg-codex-drop-overlay\/60 {
    background-color: var(--color-codex-drop-overlay);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-codex-drop-overlay\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-codex-drop-overlay) 60%,
        transparent
      );
    }
  }
  .bg-codex-drop-overlay\/80 {
    background-color: var(--color-codex-drop-overlay);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-codex-drop-overlay\/80 {
      background-color: color-mix(
        in oklab,
        var(--color-codex-drop-overlay) 80%,
        transparent
      );
    }
  }
  .bg-codex-drop-prompt {
    background-color: var(--color-codex-drop-prompt);
  }
  .bg-codex-icon {
    background-color: var(--color-codex-icon);
  }
  .bg-composer-primary {
    background-color: var(--color-background-composer-primary);
  }
  .bg-current,
  .bg-current\/10 {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/10 {
      background-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
  .bg-current\/15 {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/15 {
      background-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
  }
  .bg-current\/20 {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-current\/20 {
      background-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
  .bg-danger-solid {
    background-color: var(--color-background-danger-solid);
  }
  .bg-danger-surface {
    background-color: var(--color-background-danger-surface);
  }
  .bg-execution-output {
    background-color: var(--color-background-execution-output);
  }
  .bg-execution-traceback {
    background-color: var(--color-background-execution-traceback);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-green-500\/20 {
    background-color: #00c75833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-green-500) 20%,
        transparent
      );
    }
  }
  .bg-green-500\/30 {
    background-color: #00c7584d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-green-500) 30%,
        transparent
      );
    }
  }
  .bg-info-soft {
    background-color: var(--color-background-info-soft);
  }
  .bg-info-solid {
    background-color: var(--color-background-info-solid);
  }
  .bg-inherit {
    background-color: inherit;
  }
  .bg-media-background {
    background-color: var(--color-media-background);
  }
  .bg-media-background\/5 {
    background-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-media-background\/5 {
      background-color: color-mix(
        in oklab,
        var(--color-media-background) 5%,
        transparent
      );
    }
  }
  .bg-media-background\/15 {
    background-color: #00000026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-media-background\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-media-background) 15%,
        transparent
      );
    }
  }
  .bg-media-background\/50 {
    background-color: #00000080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-media-background\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-media-background) 50%,
        transparent
      );
    }
  }
  .bg-media-control-background {
    background-color: var(--color-media-control-background);
  }
  .bg-media-foreground {
    background-color: var(--color-media-foreground);
  }
  .bg-media-foreground\/40 {
    background-color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-media-foreground\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-media-foreground) 40%,
        transparent
      );
    }
  }
  .bg-media-foreground\/75 {
    background-color: #ffffffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-media-foreground\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-media-foreground) 75%,
        transparent
      );
    }
  }
  .bg-media-foreground\/90 {
    background-color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-media-foreground\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-media-foreground) 90%,
        transparent
      );
    }
  }
  .bg-media-scrim {
    background-color: var(--color-media-scrim);
  }
  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-primary-ghost-hover {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .bg-primary-soft {
    background-color: var(--color-background-primary-soft);
  }
  .bg-primary-soft-active {
    background-color: var(--color-background-primary-soft-active);
  }
  .bg-primary-soft-alpha {
    background-color: var(--color-background-primary-soft-alpha);
  }
  .bg-primary-solid {
    background-color: var(--color-background-primary-solid);
  }
  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-red-500) 10%,
        transparent
      );
    }
  }
  .bg-secondary-soft {
    background-color: var(--color-background-secondary-soft);
  }
  .bg-secondary-soft-alpha {
    background-color: var(--color-background-secondary-soft-alpha);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-950 {
    background-color: var(--color-slate-950);
  }
  .bg-success-solid {
    background-color: var(--color-background-success-solid);
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-surface-elevated {
    background-color: var(--color-surface-elevated);
  }
  .bg-surface-elevated-secondary,
  .bg-surface-elevated-secondary\/50 {
    background-color: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-elevated-secondary\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 50%,
        transparent
      );
    }
  }
  .bg-surface-elevated-secondary\/80 {
    background-color: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-elevated-secondary\/80 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 80%,
        transparent
      );
    }
  }
  .bg-surface-elevated-secondary\/90 {
    background-color: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-elevated-secondary\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 90%,
        transparent
      );
    }
  }
  .bg-surface-elevated-secondary\/95 {
    background-color: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-elevated-secondary\/95 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 95%,
        transparent
      );
    }
  }
  .bg-surface-recovery {
    background-color: var(--color-surface-recovery);
  }
  .bg-surface-secondary,
  .bg-surface-secondary\/15 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 15%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/40 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 40%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/60 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 60%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/70 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 70%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/75 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 75%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/85 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/85 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 85%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/90 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 90%,
        transparent
      );
    }
  }
  .bg-surface-secondary\/92 {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-secondary\/92 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 92%,
        transparent
      );
    }
  }
  .bg-surface-tertiary,
  .bg-surface-tertiary\/50 {
    background-color: var(--color-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-tertiary\/50 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-tertiary) 50%,
        transparent
      );
    }
  }
  .bg-surface-tertiary\/55 {
    background-color: var(--color-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-tertiary\/55 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-tertiary) 55%,
        transparent
      );
    }
  }
  .bg-surface-tertiary\/70 {
    background-color: var(--color-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-tertiary\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-tertiary) 70%,
        transparent
      );
    }
  }
  .bg-surface-tertiary\/95 {
    background-color: var(--color-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-tertiary\/95 {
      background-color: color-mix(
        in oklab,
        var(--color-surface-tertiary) 95%,
        transparent
      );
    }
  }
  .bg-surface\/40 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 40%,
        transparent
      );
    }
  }
  .bg-surface\/55 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/55 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 55%,
        transparent
      );
    }
  }
  .bg-surface\/60 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 60%,
        transparent
      );
    }
  }
  .bg-surface\/70 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 70%,
        transparent
      );
    }
  }
  .bg-surface\/80 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/80 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 80%,
        transparent
      );
    }
  }
  .bg-surface\/85 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/85 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 85%,
        transparent
      );
    }
  }
  .bg-surface\/90 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 90%,
        transparent
      );
    }
  }
  .bg-surface\/95 {
    background-color: var(--color-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/95 {
      background-color: color-mix(
        in oklab,
        var(--color-surface) 95%,
        transparent
      );
    }
  }
  .bg-text {
    background-color: var(--color-text);
  }
  .bg-text-danger,
  .bg-text-danger\/4 {
    background-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-danger\/4 {
      background-color: color-mix(
        in oklab,
        var(--color-text-danger) 4%,
        transparent
      );
    }
  }
  .bg-text-danger\/10 {
    background-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-danger\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-text-danger) 10%,
        transparent
      );
    }
  }
  .bg-text-danger\/15 {
    background-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-danger\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-text-danger) 15%,
        transparent
      );
    }
  }
  .bg-text-emphasis {
    background-color: var(--color-text-emphasis);
  }
  .bg-text-emphasis\/25 {
    background-color: color-mix(
      in srgb,
      var(--color-text-emphasis) 25%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-emphasis\/25 {
      background-color: color-mix(
        in oklab,
        var(--color-text-emphasis) 25%,
        transparent
      );
    }
  }
  .bg-text-info,
  .bg-text-info\/10 {
    background-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-info\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-text-info) 10%,
        transparent
      );
    }
  }
  .bg-text-info\/15 {
    background-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-info\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-text-info) 15%,
        transparent
      );
    }
  }
  .bg-text-info\/20 {
    background-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-info\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-text-info) 20%,
        transparent
      );
    }
  }
  .bg-text-secondary {
    background-color: var(--color-text-secondary);
  }
  .bg-text-tertiary,
  .bg-text-tertiary\/15 {
    background-color: var(--color-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-tertiary\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-text-tertiary) 15%,
        transparent
      );
    }
  }
  .bg-text-tertiary\/55 {
    background-color: var(--color-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-tertiary\/55 {
      background-color: color-mix(
        in oklab,
        var(--color-text-tertiary) 55%,
        transparent
      );
    }
  }
  .bg-text-tip {
    background-color: var(--color-text-tip);
  }
  .bg-text-warning,
  .bg-text-warning\/15 {
    background-color: var(--color-text-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text-warning\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-text-warning) 15%,
        transparent
      );
    }
  }
  .bg-text\/0 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/0 {
      background-color: color-mix(in oklab, var(--color-text) 0%, transparent);
    }
  }
  .bg-text\/5 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/5 {
      background-color: color-mix(in oklab, var(--color-text) 5%, transparent);
    }
  }
  .bg-text\/10 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/10 {
      background-color: color-mix(in oklab, var(--color-text) 10%, transparent);
    }
  }
  .bg-text\/15 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/15 {
      background-color: color-mix(in oklab, var(--color-text) 15%, transparent);
    }
  }
  .bg-text\/20 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/20 {
      background-color: color-mix(in oklab, var(--color-text) 20%, transparent);
    }
  }
  .bg-text\/25 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/25 {
      background-color: color-mix(in oklab, var(--color-text) 25%, transparent);
    }
  }
  .bg-text\/30 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/30 {
      background-color: color-mix(in oklab, var(--color-text) 30%, transparent);
    }
  }
  .bg-text\/70 {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/70 {
      background-color: color-mix(in oklab, var(--color-text) 70%, transparent);
    }
  }
  .bg-text\/\[0\.03\] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--color-text) 3%, transparent);
    }
  }
  .bg-text\/\[0\.06\] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-text) 6%, transparent);
    }
  }
  .bg-text\/\[0\.025\] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/\[0\.025\] {
      background-color: color-mix(
        in oklab,
        var(--color-text) 2.5%,
        transparent
      );
    }
  }
  .bg-text\/\[0\.035\] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-text\/\[0\.035\] {
      background-color: color-mix(
        in oklab,
        var(--color-text) 3.5%,
        transparent
      );
    }
  }
  .bg-tip-soft {
    background-color: var(--color-background-tip-soft);
  }
  .bg-token-bg-primary,
  .bg-token-bg-primary\/35 {
    background-color: var(--color-token-bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/35 {
      background-color: color-mix(
        in oklab,
        var(--color-token-bg-primary) 35%,
        transparent
      );
    }
  }
  .bg-token-bg-primary\/95 {
    background-color: var(--color-token-bg-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-primary\/95 {
      background-color: color-mix(
        in oklab,
        var(--color-token-bg-primary) 95%,
        transparent
      );
    }
  }
  .bg-token-bg-secondary {
    background-color: var(--color-token-bg-secondary);
  }
  .bg-token-bg-secondary\/55 {
    background-color: color-mix(
      in srgb,
      color-mix(in srgb, var(--color-token-bg-primary) 92%, transparent) 55%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-bg-secondary\/55 {
      background-color: color-mix(
        in oklab,
        var(--color-token-bg-secondary) 55%,
        transparent
      );
    }
  }
  .bg-token-bg-tertiary {
    background-color: var(--color-token-bg-tertiary);
  }
  .bg-token-border-default {
    background-color: var(--color-token-border-default);
  }
  .bg-token-border-heavy {
    background-color: var(--color-token-border-heavy);
  }
  .bg-token-border-light {
    background-color: var(--color-token-border-light);
  }
  .bg-token-dropdown-background {
    background-color: var(--color-token-dropdown-background);
  }
  .bg-token-main-surface-primary {
    background-color: var(--color-token-main-surface-primary);
  }
  .bg-token-text-primary {
    background-color: var(--color-token-text-primary);
  }
  .bg-token-text-secondary {
    background-color: var(--color-token-text-secondary);
  }
  .bg-token-text-tertiary,
  .bg-token-text-tertiary\/60 {
    background-color: var(--color-token-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-token-text-tertiary\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-token-text-tertiary) 60%,
        transparent
      );
    }
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-transparent\! {
    background-color: #0000 !important;
  }
  .bg-user-message {
    background-color: var(--color-background-user-message);
  }
  .bg-warning-surface {
    background-color: var(--color-background-warning-surface);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
  .bg-white\/20 {
    background-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 20%,
        transparent
      );
    }
  }
  .bg-white\/35 {
    background-color: #ffffff59;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/35 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 35%,
        transparent
      );
    }
  }
  .bg-white\/60 {
    background-color: #fff9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/60 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 60%,
        transparent
      );
    }
  }
  .bg-white\/70 {
    background-color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/70 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 70%,
        transparent
      );
    }
  }
  .bg-white\/75 {
    background-color: #ffffffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 75%,
        transparent
      );
    }
  }
  .bg-white\/90 {
    background-color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 90%,
        transparent
      );
    }
  }
  .bg-white\/\[0\.5\] {
    background-color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.5\] {
      background-color: color-mix(
        in oklab,
        var(--color-white) 50%,
        transparent
      );
    }
  }
  .bg-white\/\[0\.46\] {
    background-color: #ffffff75;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.46\] {
      background-color: color-mix(
        in oklab,
        var(--color-white) 46%,
        transparent
      );
    }
  }
  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }
  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }
  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(112deg\,transparent_30\%\,rgba\(255\,255\,255\,0\.38\)_49\%\,transparent_68\%\)\] {
    background-image: linear-gradient(
      112deg,
      #0000 30%,
      #ffffff61 49%,
      #0000 68%
    );
  }
  .bg-\[linear-gradient\(135deg\,\#DFF6FF_0\%\,\#BEE6FF_100\%\)\] {
    background-image: linear-gradient(135deg, #dff6ff 0%, #bee6ff 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#E7FFF2_0\%\,\#C9F3D9_100\%\)\] {
    background-image: linear-gradient(135deg, #e7fff2 0%, #c9f3d9 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#EAFBFF_0\%\,\#C3EDF6_100\%\)\] {
    background-image: linear-gradient(135deg, #eafbff 0%, #c3edf6 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#EBFFF6_0\%\,\#BEEBD7_100\%\)\] {
    background-image: linear-gradient(135deg, #ebfff6 0%, #beebd7 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#F1FFE6_0\%\,\#D5F2B6_100\%\)\] {
    background-image: linear-gradient(135deg, #f1ffe6 0%, #d5f2b6 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#F2EDFF_0\%\,\#D7CAFF_100\%\)\] {
    background-image: linear-gradient(135deg, #f2edff 0%, #d7caff 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#F9F0FF_0\%\,\#FFD9EF_100\%\)\] {
    background-image: linear-gradient(135deg, #f9f0ff 0%, #ffd9ef 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#FFF0E6_0\%\,\#FFD3B8_100\%\)\] {
    background-image: linear-gradient(135deg, #fff0e6 0%, #ffd3b8 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#FFF0FA_0\%\,\#EFD1FF_100\%\)\] {
    background-image: linear-gradient(135deg, #fff0fa 0%, #efd1ff 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#FFF3F7_0\%\,\#F6DDE8_100\%\)\] {
    background-image: linear-gradient(135deg, #fff3f7 0%, #f6dde8 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#FFF6DE_0\%\,\#F9DFB4_100\%\)\] {
    background-image: linear-gradient(135deg, #fff6de 0%, #f9dfb4 100%);
  }
  .bg-\[linear-gradient\(135deg\,\#e9eef8\,\#fff4e0\)\] {
    background-image: linear-gradient(135deg, #e9eef8, #fff4e0);
  }
  .bg-\[linear-gradient\(180deg\,\#FBFDFF_0\%\,\#D9E8FF_100\%\)\] {
    background-image: linear-gradient(#fbfdff 0%, #d9e8ff 100%);
  }
  .bg-\[linear-gradient\(180deg\,\#f9fafb_0\%\,\#eef2ff_100\%\)\] {
    background-image: linear-gradient(#f9fafb 0%, #eef2ff 100%);
  }
  .bg-\[linear-gradient\(var\(--color-border-subtle\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,var\(--color-border-subtle\)_1px\,transparent_1px\)\] {
    background-image:
      linear-gradient(var(--color-border-subtle) 1px, transparent 1px),
      linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);
  }
  .bg-\[radial-gradient\(circle_at_20\%_20\%\,\#f7d98b_0\%\,\#4c91e8_48\%\,\#173568_100\%\)\] {
    background-image: radial-gradient(
      circle at 20% 20%,
      #f7d98b 0%,
      #4c91e8 48%,
      #173568 100%
    );
  }
  .bg-\[radial-gradient\(circle_at_28\%_18\%\,\#ffd7b2_0\%\,\#df7590_35\%\,\#492f72_75\%\,\#181a37_100\%\)\] {
    background-image: radial-gradient(
      circle at 28% 18%,
      #ffd7b2 0%,
      #df7590 35%,
      #492f72 75%,
      #181a37 100%
    );
  }
  .bg-\[radial-gradient\(circle_at_45\%_35\%\,\#9ce0ff_0\%\,\#32aade_42\%\,\#0079b8_100\%\)\] {
    background-image: radial-gradient(
      circle at 45% 35%,
      #9ce0ff 0%,
      #32aade 42%,
      #0079b8 100%
    );
  }
  .bg-\[radial-gradient\(circle_at_65\%_24\%\,\#8893a0_0\%\,\#394251_38\%\,\#11151c_100\%\)\] {
    background-image: radial-gradient(
      circle at 65% 24%,
      #8893a0 0%,
      #394251 38%,
      #11151c 100%
    );
  }
  .bg-\[radial-gradient\(circle_at_72\%_15\%\,\#abcce6_0\%\,\#62a0f5_24\%\,\#245ab7_62\%\,\#172f69_100\%\)\] {
    background-image: radial-gradient(
      circle at 72% 15%,
      #abcce6 0%,
      #62a0f5 24%,
      #245ab7 62%,
      #172f69 100%
    );
  }
  .from-background-primary-soft {
    --tw-gradient-from: var(--color-background-primary-soft);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-black\/80 {
    --tw-gradient-from: #000c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/80 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-black) 80%,
        transparent
      );
    }
  }
  .from-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-chart-yellow\/45 {
    --tw-gradient-from: var(--color-chart-yellow);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-chart-yellow\/45 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-chart-yellow) 45%,
        transparent
      );
    }
  }
  .from-chart-yellow\/45 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-surface {
    --tw-gradient-from: var(--color-surface);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-white\/\[0\.38\] {
    --tw-gradient-from: #ffffff61;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-white\/\[0\.38\] {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-white) 38%,
        transparent
      );
    }
  }
  .from-white\/\[0\.38\] {
    --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)
    );
  }
  .via-chart-blue\/20 {
    --tw-gradient-via: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-chart-blue\/20 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--color-chart-blue) 20%,
        transparent
      );
    }
  }
  .via-chart-blue\/20 {
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-surface {
    --tw-gradient-via: var(--color-surface);
    --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-text\/25 {
    --tw-gradient-via: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-text\/25 {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--color-text) 25%,
        transparent
      );
    }
  }
  .via-text\/25 {
    --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\/\[0\.1\] {
    --tw-gradient-via: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .via-white\/\[0\.1\] {
      --tw-gradient-via: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
  .via-white\/\[0\.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);
  }
  .to-\[var\(--app-shell-tab-background\)\] {
    --tw-gradient-to: var(--app-shell-tab-background);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-black\/0 {
    --tw-gradient-to: #0000;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 0%, transparent);
    }
  }
  .to-black\/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-black\/30 {
    --tw-gradient-to: #0000004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-black\/30 {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-black) 30%,
        transparent
      );
    }
  }
  .to-black\/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-chart-purple\/35 {
    --tw-gradient-to: var(--color-chart-purple);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-chart-purple\/35 {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-chart-purple) 35%,
        transparent
      );
    }
  }
  .to-chart-purple\/35 {
    --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-surface {
    --tw-gradient-to: var(--color-surface);
    --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-surface-elevated-secondary\/90 {
    --tw-gradient-to: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-surface-elevated-secondary\/90 {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 90%,
        transparent
      );
    }
  }
  .to-surface-elevated-secondary\/90 {
    --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-\[85\%\] {
    --tw-gradient-to-position: 85%;
  }
  .mask-content-safe-area {
    -webkit-mask-image: radial-gradient(currentColor 42%, #0000 76%);
    mask-image: radial-gradient(currentColor 42%, #0000 76%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_40\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 40%, #0000 100%);
    mask-image: linear-gradient(#000 40%, #0000 100%);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_4rem\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 4rem), #0000);
    mask-image: linear-gradient(#000 calc(100% - 4rem), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_6rem\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 calc(100% - 6rem), #0000);
    mask-image: linear-gradient(#000 calc(100% - 6rem), #0000);
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_var\(--spacing\)\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      to bottom,
      black calc(100% - var(--spacing)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to bottom,
      black calc(100% - var(--spacing)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to bottom,
      black calc(100% - var(--spacing)),
      transparent
    );
    mask-image: linear-gradient(
      to bottom,
      black calc(100% - var(--spacing)),
      transparent
    );
  }
  .\[mask-image\:linear-gradient\(to_left\,transparent\,black_8px\,black\)\] {
    -webkit-mask-image: linear-gradient(270deg, #0000, #000 8px, #000);
    mask-image: linear-gradient(270deg, #0000, #000 8px, #000);
  }
  .\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_16px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 16px), #0000);
    mask-image: linear-gradient(90deg, #000 calc(100% - 16px), #0000);
  }
  .\[background-size\:36\%_200\%\] {
    background-size: 36% 200%;
  }
  .bg-\[size\:24px_24px\] {
    background-size: 24px 24px;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .bg-center {
    background-position: 50%;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .mask-repeat {
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
  }
  .fill-\[var\(--learning-block-color-companion\)\] {
    fill: var(--learning-block-color-companion);
  }
  .fill-\[var\(--learning-block-color-primary\)\] {
    fill: var(--learning-block-color-primary);
  }
  .fill-\[var\(--text-primary\)\] {
    fill: var(--text-primary);
  }
  .fill-token-text-primary {
    fill: var(--color-token-text-primary);
  }
  .fill-token-text-secondary {
    fill: var(--color-token-text-secondary);
  }
  .fill-transparent {
    fill: #0000;
  }
  .fill-white {
    fill: var(--color-white);
  }
  .stroke-current {
    stroke: currentColor;
  }
  .stroke-\[0\.5\] {
    stroke-width: 0.5px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-\[center_44\%\] {
    object-position: center 44%;
  }
  .object-center {
    object-position: center;
  }
  .object-right {
    object-position: right;
  }
  .object-right-bottom {
    object-position: right bottom;
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: 0 !important;
  }
  .\!p-1 {
    padding: var(--spacing) !important;
  }
  .\!p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .\!p-5 {
    padding: calc(var(--spacing) * 5) !important;
  }
  .\!p-\[6px\] {
    padding: 6px !important;
  }
  .p-0 {
    padding: 0;
  }
  .p-0\! {
    padding: 0 !important;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-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-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-20 {
    padding: calc(var(--spacing) * 20);
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[6px\] {
    padding: 6px;
  }
  .p-\[calc\(var\(--oai-wb-spacing\)\*1\.5\)\] {
    padding: calc(var(--oai-wb-spacing) * 1.5);
  }
  .p-\[var\(--menu-gutter\,var\(--spacing\)\)\] {
    padding: var(--menu-gutter, var(--spacing));
  }
  .p-\[var\(--menu-item-padding\,calc\(var\(--spacing\)\*1\.5\)\)\] {
    padding: var(--menu-item-padding, calc(var(--spacing) * 1.5));
  }
  .p-\[var\(--menu-item-padding\,var\(--padding-row-y\)_var\(--padding-row-x\)\)\] {
    padding: var(
      --menu-item-padding,
      var(--padding-row-y) var(--padding-row-x)
    );
  }
  .p-\[var\(--padding-panel\)\] {
    padding: var(--padding-panel);
  }
  .p-\[var\(--suggestion-menu-item-padding\,var\(--menu-item-padding\,var\(--padding-row-y\)_var\(--padding-row-x\)\)\)\] {
    padding: var(
      --suggestion-menu-item-padding,
      var(--menu-item-padding, var(--padding-row-y) var(--padding-row-x))
    );
  }
  .p-panel {
    padding: var(--padding-panel);
  }
  .p-px {
    padding: 1px;
  }
  .\!px-0 {
    padding-inline: 0 !important;
  }
  .\!px-1 {
    padding-inline: var(--spacing) !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-\[7px\] {
    padding-inline: 7px !important;
  }
  .\!px-\[8px\] {
    padding-inline: 8px !important;
  }
  .\!px-\[var\(--padding-row-x\)\] {
    padding-inline: var(--padding-row-x) !important;
  }
  .px-\(--padding-button-composer-inline\,calc\(var\(--spacing\)\*2\)\) {
    padding-inline: var(
      --padding-button-composer-inline,
      calc(var(--spacing) * 2)
    );
  }
  .px-\(--thread-content-margin\) {
    padding-inline: var(--thread-content-margin);
  }
  .px-0 {
    padding-inline: 0;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-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-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .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-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[13px\] {
    padding-inline: 13px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[21px\] {
    padding-inline: 21px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[calc\(var\(--oai-wb-spacing\)\*2\.5\)\] {
    padding-inline: calc(var(--oai-wb-spacing) * 2.5);
  }
  .px-\[calc\(var\(--oai-wb-spacing\)\*3\)\] {
    padding-inline: calc(var(--oai-wb-spacing) * 3);
  }
  .px-\[calc\(var\(--oai-wb-spacing\)\*4\)\] {
    padding-inline: calc(var(--oai-wb-spacing) * 4);
  }
  .px-\[var\(--codex-diffs-header-padding-x\,1rem\)\] {
    padding-inline: var(--codex-diffs-header-padding-x, 1rem);
  }
  .px-\[var\(--detail-page-inline-inset\)\] {
    padding-inline: var(--detail-page-inline-inset);
  }
  .px-\[var\(--detail-page-inline-inset\,0px\)\] {
    padding-inline: var(--detail-page-inline-inset, 0px);
  }
  .px-\[var\(--home-composer-inline-inset\)\] {
    padding-inline: var(--home-composer-inline-inset);
  }
  .px-\[var\(--padding-row-cell-x\)\] {
    padding-inline: var(--padding-row-cell-x);
  }
  .px-\[var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\] {
    padding-inline: var(--padding-row-cell-x, var(--padding-row-x));
  }
  .px-\[var\(--padding-row-x\)\] {
    padding-inline: var(--padding-row-x);
  }
  .px-\[var\(--thread-resource-card-row-padding-x\)\] {
    padding-inline: var(--thread-resource-card-row-padding-x);
  }
  .px-panel {
    padding-inline: var(--padding-panel);
  }
  .px-px {
    padding-inline: 1px;
  }
  .px-row-x {
    padding-inline: var(--padding-row-x);
  }
  .px-toolbar {
    padding-inline: var(--padding-toolbar);
  }
  .\!py-0 {
    padding-block: 0 !important;
  }
  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .\!py-1 {
    padding-block: var(--spacing) !important;
  }
  .\!py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .\!py-\[5px\] {
    padding-block: 5px !important;
  }
  .\!py-\[var\(--padding-row-y\)\] {
    padding-block: var(--padding-row-y) !important;
  }
  .py-0 {
    padding-block: 0;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-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-9 {
    padding-block: calc(var(--spacing) * 9);
  }
  .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-\[1px\] {
    padding-block: 1px;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[4\.5px\] {
    padding-block: 4.5px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[13px\] {
    padding-block: 13px;
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .py-\[calc\(var\(--oai-wb-spacing\)\*1\.5\)\] {
    padding-block: calc(var(--oai-wb-spacing) * 1.5);
  }
  .py-\[calc\(var\(--oai-wb-spacing\)\*2\.5\)\] {
    padding-block: calc(var(--oai-wb-spacing) * 2.5);
  }
  .py-\[var\(--codex-diffs-header-padding-y\,0\.25rem\)\] {
    padding-block: var(--codex-diffs-header-padding-y, 0.25rem);
  }
  .py-\[var\(--menu-separator-gutter\,var\(--spacing\)\)\] {
    padding-block: var(--menu-separator-gutter, var(--spacing));
  }
  .py-\[var\(--oai-wb-spacing\)\] {
    padding-block: var(--oai-wb-spacing);
  }
  .py-\[var\(--padding-row-y\)\] {
    padding-block: var(--padding-row-y);
  }
  .py-\[var\(--turn-diff-row-padding-y\)\] {
    padding-block: var(--turn-diff-row-padding-y);
  }
  .py-panel {
    padding-block: var(--padding-panel);
  }
  .py-px {
    padding-block: 1px;
  }
  .py-row-y {
    padding-block: var(--padding-row-y);
  }
  .\!ps-0 {
    padding-inline-start: 0 !important;
  }
  .\!ps-2 {
    padding-inline-start: calc(var(--spacing) * 2) !important;
  }
  .\!ps-3 {
    padding-inline-start: calc(var(--spacing) * 3) !important;
  }
  .\[padding-inline-start\:var\(--pull-request-tab-inset\,0px\)\] {
    padding-inline-start: var(--pull-request-tab-inset, 0px);
  }
  .\[padding-inline-start\:var\(--sectioned-page-leading-inset\,0\.5rem\)\] {
    padding-inline-start: var(--sectioned-page-leading-inset, 0.5rem);
  }
  .ps-0 {
    padding-inline-start: 0;
  }
  .ps-0\.5 {
    padding-inline-start: calc(var(--spacing) * 0.5);
  }
  .ps-1 {
    padding-inline-start: var(--spacing);
  }
  .ps-1\.5 {
    padding-inline-start: calc(var(--spacing) * 1.5);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-2\.5 {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-6\.5 {
    padding-inline-start: calc(var(--spacing) * 6.5);
  }
  .ps-7 {
    padding-inline-start: calc(var(--spacing) * 7);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .ps-8\.5 {
    padding-inline-start: calc(var(--spacing) * 8.5);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .ps-11 {
    padding-inline-start: calc(var(--spacing) * 11);
  }
  .ps-11\.5 {
    padding-inline-start: calc(var(--spacing) * 11.5);
  }
  .ps-12 {
    padding-inline-start: calc(var(--spacing) * 12);
  }
  .ps-14 {
    padding-inline-start: calc(var(--spacing) * 14);
  }
  .ps-16 {
    padding-inline-start: calc(var(--spacing) * 16);
  }
  .ps-20 {
    padding-inline-start: calc(var(--spacing) * 20);
  }
  .ps-\[2px\] {
    padding-inline-start: 2px;
  }
  .ps-\[3\.5px\] {
    padding-inline-start: 3.5px;
  }
  .ps-\[5px\] {
    padding-inline-start: 5px;
  }
  .ps-\[9px\] {
    padding-inline-start: 9px;
  }
  .ps-\[40px\] {
    padding-inline-start: 40px;
  }
  .ps-\[calc\(var\(--padding-row-x\)\+1\.25rem\)\] {
    padding-inline-start: calc(var(--padding-row-x) + 1.25rem);
  }
  .ps-\[max\(var\(--spacing-token-safe-header-left\)\,0\.5rem\)\] {
    padding-inline-start: max(var(--spacing-token-safe-header-left), 0.5rem);
  }
  .ps-\[var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\] {
    padding-inline-start: var(--padding-row-cell-x, var(--padding-row-x));
  }
  .ps-\[var\(--spacing-token-safe-header-left\)\] {
    padding-inline-start: var(--spacing-token-safe-header-left);
  }
  .ps-\[var\(--thread-resource-card-row-padding-x\)\] {
    padding-inline-start: var(--thread-resource-card-row-padding-x);
  }
  .ps-home-suggestion-chat-inset {
    padding-inline-start: var(--spacing-home-suggestion-chat-inset);
  }
  .ps-token-sidebar {
    padding-inline-start: var(--spacing-token-sidebar);
  }
  .\!pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5) !important;
  }
  .\!pe-2 {
    padding-inline-end: calc(var(--spacing) * 2) !important;
  }
  .\!pe-\[5px\] {
    padding-inline-end: 5px !important;
  }
  .pe-0 {
    padding-inline-end: 0;
  }
  .pe-0\.5 {
    padding-inline-end: calc(var(--spacing) * 0.5);
  }
  .pe-1 {
    padding-inline-end: var(--spacing);
  }
  .pe-1\.5 {
    padding-inline-end: calc(var(--spacing) * 1.5);
  }
  .pe-1\.75 {
    padding-inline-end: calc(var(--spacing) * 1.75);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-2\.5 {
    padding-inline-end: calc(var(--spacing) * 2.5);
  }
  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .pe-3\.5 {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6);
  }
  .pe-8 {
    padding-inline-end: calc(var(--spacing) * 8);
  }
  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .pe-11 {
    padding-inline-end: calc(var(--spacing) * 11);
  }
  .pe-12 {
    padding-inline-end: calc(var(--spacing) * 12);
  }
  .pe-13 {
    padding-inline-end: calc(var(--spacing) * 13);
  }
  .pe-14 {
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .pe-16 {
    padding-inline-end: calc(var(--spacing) * 16);
  }
  .pe-18 {
    padding-inline-end: calc(var(--spacing) * 18);
  }
  .pe-20 {
    padding-inline-end: calc(var(--spacing) * 20);
  }
  .pe-28 {
    padding-inline-end: calc(var(--spacing) * 28);
  }
  .pe-32 {
    padding-inline-end: calc(var(--spacing) * 32);
  }
  .pe-44 {
    padding-inline-end: calc(var(--spacing) * 44);
  }
  .pe-\[3px\] {
    padding-inline-end: 3px;
  }
  .pe-\[6px\] {
    padding-inline-end: 6px;
  }
  .pe-\[7px\] {
    padding-inline-end: 7px;
  }
  .pe-\[38px\] {
    padding-inline-end: 38px;
  }
  .pe-\[52px\] {
    padding-inline-end: 52px;
  }
  .pe-\[58px\] {
    padding-inline-end: 58px;
  }
  .pe-\[calc\(\(var\(--spacing-token-button-composer\)-var\(--spacing\)\*5\)\/2-1px\)\] {
    padding-inline-end: calc(
      (var(--spacing-token-button-composer) - var(--spacing) * 5) / 2 - 1px
    );
  }
  .pe-\[max\(var\(--spacing-token-safe-header-left\)\,0\.5rem\)\] {
    padding-inline-end: max(var(--spacing-token-safe-header-left), 0.5rem);
  }
  .pe-\[var\(--activity-pill-content-padding-right\)\] {
    padding-inline-end: var(--activity-pill-content-padding-right);
  }
  .pe-\[var\(--padding-row-cell-x\,var\(--padding-row-x\)\)\] {
    padding-inline-end: var(--padding-row-cell-x, var(--padding-row-x));
  }
  .pe-\[var\(--padding-row-x\)\] {
    padding-inline-end: var(--padding-row-x);
  }
  .pe-\[var\(--spacing-token-safe-header-left\)\] {
    padding-inline-end: var(--spacing-token-safe-header-left);
  }
  .pe-row-y {
    padding-inline-end: var(--padding-row-y);
  }
  .\!pt-0 {
    padding-top: 0 !important;
  }
  .\!pt-5 {
    padding-top: calc(var(--spacing) * 5) !important;
  }
  .pt-\(--height-toolbar\) {
    padding-top: var(--height-toolbar);
  }
  .pt-\(--thread-content-top-inset\) {
    padding-top: var(--thread-content-top-inset);
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-0\! {
    padding-top: 0 !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-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-24 {
    padding-top: calc(var(--spacing) * 24);
  }
  .pt-32 {
    padding-top: calc(var(--spacing) * 32);
  }
  .pt-64 {
    padding-top: calc(var(--spacing) * 64);
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[11px\] {
    padding-top: 11px;
  }
  .pt-\[84px\] {
    padding-top: 84px;
  }
  .pt-\[calc\(var\(--oai-wb-spacing\)\*0\.5\)\] {
    padding-top: calc(var(--oai-wb-spacing) * 0.5);
  }
  .pt-\[calc\(var\(--oai-wb-spacing\)\*2\)\] {
    padding-top: calc(var(--oai-wb-spacing) * 2);
  }
  .pt-\[clamp\(104px\,18vh\,120px\)\] {
    padding-top: clamp(104px, 18vh, 120px);
  }
  .pt-\[var\(--oai-wb-spacing\)\] {
    padding-top: var(--oai-wb-spacing);
  }
  .pt-\[var\(--sidebar-scroll-content-top-padding\,var\(--sidebar-scroll-header-spacing\,8px\)\)\] {
    padding-top: var(
      --sidebar-scroll-content-top-padding,
      var(--sidebar-scroll-header-spacing, 8px)
    );
  }
  .pt-panel {
    padding-top: var(--padding-panel);
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .pr-123 {
    padding-right: calc(var(--spacing) * 123);
  }
  .pr-1272310 {
    padding-right: calc(var(--spacing) * 1272310);
  }
  .pr-\[5px\] {
    padding-right: 5px;
  }
  .\!pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-\(--sidebar-scroll-header-spacing\) {
    padding-bottom: var(--sidebar-scroll-header-spacing);
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .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-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-\[0\.375rem\] {
    padding-bottom: 0.375rem;
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[52px\] {
    padding-bottom: 52px;
  }
  .pb-\[calc\(var\(--oai-wb-spacing\)\*2\)\] {
    padding-bottom: calc(var(--oai-wb-spacing) * 2);
  }
  .pb-\[calc\(var\(--right-panel-composer-overlay-reserve\,0px\)\+var\(--spacing\)\*6\)\] {
    padding-bottom: calc(
      var(--right-panel-composer-overlay-reserve, 0px) + var(--spacing) * 6
    );
  }
  .pb-\[var\(--right-panel-composer-overlay-reserve\,0px\)\] {
    padding-bottom: var(--right-panel-composer-overlay-reserve, 0px);
  }
  .pb-panel {
    padding-bottom: var(--padding-panel);
  }
  .pb-px {
    padding-bottom: 1px;
  }
  .pb-row-x {
    padding-bottom: var(--padding-row-x);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .\!align-middle {
    vertical-align: middle !important;
  }
  .align-\[-0\.08em\] {
    vertical-align: -0.08em;
  }
  .align-\[-0\.125rem\] {
    vertical-align: -0.125rem;
  }
  .align-\[-2px\] {
    vertical-align: -2px;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .\!font-sans {
    font-family: var(--font-sans) !important;
  }
  .\[font-family\:inherit\] {
    font-family: inherit;
  }
  .\[font-family\:var\(--oai-wb-font-sans\)\] {
    font-family: var(--oai-wb-font-sans);
  }
  .\[font-family\:var\(--vscode-font-family\,var\(--font-sans-default\)\)\] {
    font-family: var(--vscode-font-family, var(--font-sans-default));
  }
  .font-content {
    font-family: var(--font-content);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-openai-sans {
    font-family: var(--font-openai-sans);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .font-vscode-editor {
    font-family: var(--vscode-editor-font-family, var(--font-mono-default));
  }
  .\[font-feature-settings\:\'cv08\'_on\] {
    font-feature-settings: "cv08" on;
  }
  .disambiguated-digits {
    font-feature-settings:
      "cv01" on,
      "cv02" on;
  }
  .\!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-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs\/4 {
    font-size: var(--text-xs);
    line-height: calc(var(--spacing) * 4);
  }
  .\!text-\[14px\] {
    font-size: 14px !important;
  }
  .\!text-\[17px\] {
    font-size: 17px !important;
  }
  .\[font-size\:var\(--diffs-font-size\)\] {
    font-size: var(--diffs-font-size);
  }
  .\[font-size\:var\(--oai-wb-font-size\)\] {
    font-size: var(--oai-wb-font-size);
  }
  .text-\(length\:--text-button-composer\,var\(--text-sm\)\) {
    font-size: var(--text-button-composer, var(--text-sm));
  }
  .text-\[0\.68rem\] {
    font-size: 0.68rem;
  }
  .text-\[0\.75rem\] {
    font-size: 0.75rem;
  }
  .text-\[1\.2em\] {
    font-size: 1.2em;
  }
  .text-\[6px\] {
    font-size: 6px;
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[42px\] {
    font-size: 42px;
  }
  .text-\[length\:inherit\]\! {
    font-size: inherit !important;
  }
  .text-\[length\:var\(--codex-chat-font-size\,13px\)\] {
    font-size: var(--codex-chat-font-size, 13px);
  }
  .text-\[length\:var\(--detail-row-font-size\,var\(--text-base\)\)\] {
    font-size: var(--detail-row-font-size, var(--text-base));
  }
  .text-heading-lg {
    font-size: var(--text-heading-lg);
  }
  .text-heading-sm {
    font-size: var(--text-heading-sm);
  }
  .text-size-chat {
    font-size: var(--codex-chat-font-size);
  }
  .text-size-chat-sm {
    font-size: calc(var(--codex-chat-font-size) - 1px);
  }
  .text-size-code {
    font-size: var(--codex-chat-code-font-size);
  }
  .text-size-code-sm {
    font-size: calc(var(--codex-chat-code-font-size) - 1px);
  }
  .\!leading-4 {
    --tw-leading: calc(var(--spacing) * 4) !important;
    line-height: calc(var(--spacing) * 4) !important;
  }
  .\!leading-5 {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .\!leading-6 {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }
  .\!leading-\[16px\] {
    --tw-leading: 16px !important;
    line-height: 16px !important;
  }
  .\!leading-\[18px\] {
    --tw-leading: 18px !important;
    line-height: 18px !important;
  }
  .\!leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-\(--line-height-button-composer\,18px\) {
    --tw-leading: var(--line-height-button-composer, 18px);
    line-height: var(--line-height-button-composer, 18px);
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-3\.5 {
    --tw-leading: calc(var(--spacing) * 3.5);
    line-height: calc(var(--spacing) * 3.5);
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-6\.5 {
    --tw-leading: calc(var(--spacing) * 6.5);
    line-height: calc(var(--spacing) * 6.5);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[9px\] {
    --tw-leading: 9px;
    line-height: 9px;
  }
  .leading-\[10px\] {
    --tw-leading: 10px;
    line-height: 10px;
  }
  .leading-\[13px\] {
    --tw-leading: 13px;
    line-height: 13px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px;
  }
  .leading-\[30px\] {
    --tw-leading: 30px;
    line-height: 30px;
  }
  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }
  .leading-\[calc\(var\(--codex-chat-font-size\)_\+_8px\)\] {
    --tw-leading: calc(var(--codex-chat-font-size) + 8px);
    line-height: calc(var(--codex-chat-font-size) + 8px);
  }
  .leading-\[calc\(var\(--oai-wb-spacing\)\*8\)\] {
    --tw-leading: calc(var(--oai-wb-spacing) * 8);
    line-height: calc(var(--oai-wb-spacing) * 8);
  }
  .leading-\[calc\(var\(--oai-wb-spacing\)\*9\)\] {
    --tw-leading: calc(var(--oai-wb-spacing) * 9);
    line-height: calc(var(--oai-wb-spacing) * 9);
  }
  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }
  .leading-dense {
    --tw-leading: var(--leading-dense);
    line-height: var(--leading-dense);
  }
  .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);
  }
  .\[line-height\:inherit\] {
    line-height: inherit;
  }
  .\[line-height\:var\(--diffs-line-height\)\] {
    line-height: var(--diffs-line-height);
  }
  .\!font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[590\] {
    --tw-font-weight: 590;
    font-weight: 590;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.3px\] {
    --tw-tracking: -0.3px;
    letter-spacing: -0.3px;
  }
  .tracking-\[-0\.08px\] {
    --tw-tracking: -0.08px;
    letter-spacing: -0.08px;
  }
  .tracking-\[-0\.13px\] {
    --tw-tracking: -0.13px;
    letter-spacing: -0.13px;
  }
  .tracking-\[-0\.15px\] {
    --tw-tracking: -0.15px;
    letter-spacing: -0.15px;
  }
  .tracking-\[-0\.18px\] {
    --tw-tracking: -0.18px;
    letter-spacing: -0.18px;
  }
  .tracking-\[-0\.24px\] {
    --tw-tracking: -0.24px;
    letter-spacing: -0.24px;
  }
  .tracking-\[-0\.32px\] {
    --tw-tracking: -0.32px;
    letter-spacing: -0.32px;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[0\.06px\] {
    --tw-tracking: 0.06px;
    letter-spacing: 0.06px;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.38px\] {
    --tw-tracking: 0.38px;
    letter-spacing: 0.38px;
  }
  .tracking-\[0\.072px\] {
    --tw-tracking: 0.072px;
    letter-spacing: 0.072px;
  }
  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .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);
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .\[text-wrap\:wrap\] {
    text-wrap: wrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .\[overflow-wrap\:normal\] {
    overflow-wrap: normal;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .hyphens-auto,
  .\[hyphens\:auto\] {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .\!whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre\! {
    white-space: pre !important;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .whitespace-pre-wrap\! {
    white-space: pre-wrap !important;
  }
  .tab-1 {
    tab-size: 1;
  }
  .tab-2 {
    tab-size: 2;
  }
  .tab-3 {
    tab-size: 3;
  }
  .sidebar-hover-icon-button-tint {
    color: var(--color-token-foreground) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .sidebar-hover-icon-button-tint {
      color: color-mix(
        in oklab,
        var(--color-token-foreground) 50%,
        transparent
      ) !important;
    }
  }
  .sidebar-hover-icon-button-tint:hover,
  .sidebar-hover-icon-button-tint:focus-visible {
    color: var(--color-token-foreground) !important;
  }
  .sidebar-hover-icon-tint {
    color: var(--color-token-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .sidebar-hover-icon-tint {
      color: color-mix(
        in oklab,
        var(--color-token-foreground) 50%,
        transparent
      );
    }
  }
  .sidebar-hover-icon-tint:hover,
  .sidebar-hover-icon-tint:focus-visible {
    color: var(--color-token-foreground);
  }
  .\!text-black {
    color: var(--color-black) !important;
  }
  .\!text-black\/60 {
    color: #0009 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!text-black\/60 {
      color: color-mix(
        in oklab,
        var(--color-black) 60%,
        transparent
      ) !important;
    }
  }
  .\!text-chart-green {
    color: var(--color-chart-green) !important;
  }
  .\!text-chart-purple {
    color: var(--color-chart-purple) !important;
  }
  .\!text-chart-red {
    color: var(--color-chart-red) !important;
  }
  .\!text-codex-description,
  .\!text-codex-description\/80 {
    color: var(--color-codex-description) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!text-codex-description\/80 {
      color: color-mix(
        in oklab,
        var(--color-codex-description) 80%,
        transparent
      ) !important;
    }
  }
  .\!text-codex-description\/90 {
    color: var(--color-codex-description) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!text-codex-description\/90 {
      color: color-mix(
        in oklab,
        var(--color-codex-description) 90%,
        transparent
      ) !important;
    }
  }
  .\!text-composer-primary {
    color: var(--color-text-composer-primary) !important;
  }
  .\!text-current {
    color: currentColor !important;
  }
  .\!text-danger {
    color: var(--color-text-danger) !important;
  }
  .\!text-default {
    color: var(--color-text) !important;
  }
  .\!text-info {
    color: var(--color-text-info) !important;
  }
  .\!text-inherit {
    color: inherit !important;
  }
  .\!text-inverse {
    color: var(--color-text-inverse) !important;
  }
  .\!text-secondary {
    color: var(--color-text-secondary) !important;
  }
  .\!text-tertiary,
  .\!text-text-tertiary\/90 {
    color: var(--color-text-tertiary) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!text-text-tertiary\/90 {
      color: color-mix(
        in oklab,
        var(--color-text-tertiary) 90%,
        transparent
      ) !important;
    }
  }
  .\!text-token-text-primary {
    color: var(--color-token-text-primary) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .\[color\:inherit\] {
    color: inherit;
  }
  .\[color\:var\(--oai-wb-accent\)\] {
    color: var(--oai-wb-accent);
  }
  .\[color\:var\(--oai-wb-on-accent\)\] {
    color: var(--oai-wb-on-accent);
  }
  .\[color\:var\(--oai-wb-text-primary\)\] {
    color: var(--oai-wb-text-primary);
  }
  .\[color\:var\(--oai-wb-text-secondary\)\] {
    color: var(--oai-wb-text-secondary);
  }
  .\[color\:var\(--oai-wb-text-tertiary\)\] {
    color: var(--oai-wb-text-tertiary);
  }
  .text-\(--learning-block-accent\) {
    color: var(--learning-block-accent);
  }
  .text-\(--learning-block-color-primary\) {
    color: var(--learning-block-color-primary);
  }
  .text-\[\#1d1d1f\] {
    color: #1d1d1f;
  }
  .text-\[\#04b84c\] {
    color: #04b84c;
  }
  .text-\[\#4d4d4d\] {
    color: #4d4d4d;
  }
  .text-\[\#005fb8\] {
    color: #005fb8;
  }
  .text-\[\#6b6b6b\] {
    color: #6b6b6b;
  }
  .text-\[\#0285ff\] {
    color: #0285ff;
  }
  .text-\[\#777\] {
    color: #777;
  }
  .text-\[\#924ff7\] {
    color: #924ff7;
  }
  .text-\[\#171717\] {
    color: #171717;
  }
  .text-\[\#202020\] {
    color: #202020;
  }
  .text-\[\#303030\] {
    color: #303030;
  }
  .text-\[\#D14343\] {
    color: #d14343;
  }
  .text-\[\#b56a00\] {
    color: #b56a00;
  }
  .text-\[\#fa423e\] {
    color: #fa423e;
  }
  .text-\[\#fb6a22\] {
    color: #fb6a22;
  }
  .text-\[\#ff66ad\] {
    color: #ff66ad;
  }
  .text-\[\#ffc300\] {
    color: #ffc300;
  }
  .text-\[CanvasText\] {
    color: canvastext;
  }
  .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-bg\)\)\] {
    color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_4\%\,var\(--go-to-line-bg\)\)\] {
      color: color-mix(in lab, var(--go-to-line-fg) 4%, var(--go-to-line-bg));
    }
  }
  .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_35\%\,var\(--go-to-line-bg\)\)\] {
    color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_35\%\,var\(--go-to-line-bg\)\)\] {
      color: color-mix(in lab, var(--go-to-line-fg) 35%, var(--go-to-line-bg));
    }
  }
  .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line-bg\)\)\] {
    color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_50\%\,var\(--go-to-line-bg\)\)\] {
      color: color-mix(in lab, var(--go-to-line-fg) 50%, var(--go-to-line-bg));
    }
  }
  .text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_55\%\,transparent\)\] {
    color: var(--color-codex-description);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_55\%\,transparent\)\] {
      color: color-mix(
        in srgb,
        var(--color-codex-description) 55%,
        transparent
      );
    }
  }
  .text-\[color\:var\(--learning-block-accent\)\] {
    color: var(--learning-block-accent);
  }
  .text-\[color\:var\(--learning-block-color-primary\)\] {
    color: var(--learning-block-color-primary);
  }
  .text-\[color\:var\(--learning-block-color-secondary\)\] {
    color: var(--learning-block-color-secondary);
  }
  .text-\[inherit\] {
    color: inherit;
  }
  .text-\[var\(--bg-primary\)\] {
    color: var(--bg-primary);
  }
  .text-\[var\(--color-codex-description\)\] {
    color: var(--color-codex-description);
  }
  .text-\[var\(--color-text\)\] {
    color: var(--color-text);
  }
  .text-\[var\(--color-text-success\)\] {
    color: var(--color-text-success);
  }
  .text-\[var\(--go-to-line-fg\)\] {
    color: var(--go-to-line-fg);
  }
  .text-\[var\(--green-700\)\] {
    color: var(--green-700);
  }
  .text-\[var\(--learning-block-accent\)\] {
    color: var(--learning-block-accent);
  }
  .text-\[var\(--learning-block-color-accent\)\] {
    color: var(--learning-block-color-accent);
  }
  .text-\[var\(--learning-block-color-companion\)\] {
    color: var(--learning-block-color-companion);
  }
  .text-\[var\(--learning-block-color-primary\)\] {
    color: var(--learning-block-color-primary);
  }
  .text-\[var\(--learning-block-color-secondary\)\] {
    color: var(--learning-block-color-secondary);
  }
  .text-\[var\(--learning-block-tooltip-text\)\] {
    color: var(--learning-block-tooltip-text);
  }
  .text-\[var\(--pricing-plan-highlight\)\] {
    color: var(--pricing-plan-highlight);
  }
  .text-\[var\(--referral-rate-limit-secondary\)\] {
    color: var(--referral-rate-limit-secondary);
  }
  .text-\[var\(--referral-rate-limit-success-foreground\)\] {
    color: var(--referral-rate-limit-success-foreground);
  }
  .text-\[var\(--text-primary\)\] {
    color: var(--text-primary);
  }
  .text-\[var\(--text-secondary\)\] {
    color: var(--text-secondary);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-artifact-powerpoint-foreground {
    color: var(--color-artifact-powerpoint-foreground);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-border-strong {
    color: var(--color-border-strong);
  }
  .text-chart-blue {
    color: var(--color-chart-blue);
  }
  .text-chart-green {
    color: var(--color-chart-green);
  }
  .text-chart-orange {
    color: var(--color-chart-orange);
  }
  .text-chart-purple {
    color: var(--color-chart-purple);
  }
  .text-chart-red {
    color: var(--color-chart-red);
  }
  .text-chart-yellow {
    color: var(--color-chart-yellow);
  }
  .text-coachmark {
    color: var(--color-text-coachmark);
  }
  .text-codex-description,
  .text-codex-description\/50 {
    color: var(--color-codex-description);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-codex-description\/50 {
      color: color-mix(
        in oklab,
        var(--color-codex-description) 50%,
        transparent
      );
    }
  }
  .text-codex-description\/70 {
    color: var(--color-codex-description);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-codex-description\/70 {
      color: color-mix(
        in oklab,
        var(--color-codex-description) 70%,
        transparent
      );
    }
  }
  .text-codex-description\/80 {
    color: var(--color-codex-description);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-codex-description\/80 {
      color: color-mix(
        in oklab,
        var(--color-codex-description) 80%,
        transparent
      );
    }
  }
  .text-codex-git-added {
    color: var(--color-codex-git-added);
  }
  .text-codex-git-deleted {
    color: var(--color-codex-git-deleted);
  }
  .text-codex-icon {
    color: var(--color-codex-icon);
  }
  .text-codex-icon-active {
    color: var(--color-codex-icon-active);
  }
  .text-codex-terminal-foreground {
    color: var(--color-codex-terminal-foreground);
  }
  .text-composer-primary {
    color: var(--color-text-composer-primary);
  }
  .text-current {
    color: currentColor;
  }
  .text-danger {
    color: var(--color-text-danger);
  }
  .text-danger-solid {
    color: var(--color-text-danger-solid);
  }
  .text-default {
    color: var(--color-text);
  }
  .text-disabled {
    color: var(--color-text-disabled);
  }
  .text-emphasis {
    color: var(--color-text-emphasis);
  }
  .text-execution-output {
    color: var(--color-text-execution-output);
  }
  .text-execution-output-error {
    color: var(--color-text-execution-output-error);
  }
  .text-execution-output-label {
    color: var(--color-text-execution-output-label);
  }
  .text-execution-traceback {
    color: var(--color-text-execution-traceback);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-900 {
    color: var(--color-green-900);
  }
  .text-info {
    color: var(--color-text-info);
  }
  .text-info-solid {
    color: var(--color-text-info-solid);
  }
  .text-inherit {
    color: inherit;
  }
  .text-inherit\! {
    color: inherit !important;
  }
  .text-inverse {
    color: var(--color-text-inverse);
  }
  .text-media-background {
    color: var(--color-media-background);
  }
  .text-media-background\/50 {
    color: #00000080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-media-background\/50 {
      color: color-mix(
        in oklab,
        var(--color-media-background) 50%,
        transparent
      );
    }
  }
  .text-media-foreground {
    color: var(--color-media-foreground);
  }
  .text-media-foreground\/50 {
    color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-media-foreground\/50 {
      color: color-mix(
        in oklab,
        var(--color-media-foreground) 50%,
        transparent
      );
    }
  }
  .text-media-foreground\/70 {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-media-foreground\/70 {
      color: color-mix(
        in oklab,
        var(--color-media-foreground) 70%,
        transparent
      );
    }
  }
  .text-mode-toggle-inactive {
    color: var(--color-text-mode-toggle-inactive);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-primary-solid {
    color: var(--color-text-primary-solid);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-ring {
    color: var(--color-ring);
  }
  .text-secondary {
    color: var(--color-text-secondary);
  }
  .text-secondary\! {
    color: var(--color-text-secondary) !important;
  }
  .text-secondary-solid {
    color: var(--color-text-secondary-solid);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-success {
    color: var(--color-text-success);
  }
  .text-success-solid {
    color: var(--color-text-success-solid);
  }
  .text-tertiary {
    color: var(--color-text-tertiary);
  }
  .text-text-primary-solid\/0 {
    color: var(--color-text-primary-solid);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-primary-solid\/0 {
      color: color-mix(
        in oklab,
        var(--color-text-primary-solid) 0%,
        transparent
      );
    }
  }
  .text-text-secondary\/90 {
    color: color-mix(
      in srgb,
      color-mix(in srgb, var(--vscode-foreground) 65%, transparent) 90%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-secondary\/90 {
      color: color-mix(in oklab, var(--color-text-secondary) 90%, transparent);
    }
  }
  .text-text-tertiary\/60 {
    color: var(--color-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-tertiary\/60 {
      color: color-mix(in oklab, var(--color-text-tertiary) 60%, transparent);
    }
  }
  .text-text-tertiary\/70 {
    color: var(--color-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-tertiary\/70 {
      color: color-mix(in oklab, var(--color-text-tertiary) 70%, transparent);
    }
  }
  .text-text-tertiary\/90 {
    color: var(--color-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text-tertiary\/90 {
      color: color-mix(in oklab, var(--color-text-tertiary) 90%, transparent);
    }
  }
  .text-text\/15 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/15 {
      color: color-mix(in oklab, var(--color-text) 15%, transparent);
    }
  }
  .text-text\/20 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/20 {
      color: color-mix(in oklab, var(--color-text) 20%, transparent);
    }
  }
  .text-text\/30 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/30 {
      color: color-mix(in oklab, var(--color-text) 30%, transparent);
    }
  }
  .text-text\/40 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/40 {
      color: color-mix(in oklab, var(--color-text) 40%, transparent);
    }
  }
  .text-text\/55 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/55 {
      color: color-mix(in oklab, var(--color-text) 55%, transparent);
    }
  }
  .text-text\/60 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/60 {
      color: color-mix(in oklab, var(--color-text) 60%, transparent);
    }
  }
  .text-text\/70 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/70 {
      color: color-mix(in oklab, var(--color-text) 70%, transparent);
    }
  }
  .text-text\/75 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/75 {
      color: color-mix(in oklab, var(--color-text) 75%, transparent);
    }
  }
  .text-text\/80 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/80 {
      color: color-mix(in oklab, var(--color-text) 80%, transparent);
    }
  }
  .text-text\/85 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/85 {
      color: color-mix(in oklab, var(--color-text) 85%, transparent);
    }
  }
  .text-text\/90 {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-text\/90 {
      color: color-mix(in oklab, var(--color-text) 90%, transparent);
    }
  }
  .text-tip {
    color: var(--color-text-tip);
  }
  .text-token-bg-primary {
    color: var(--color-token-bg-primary);
  }
  .text-token-description-foreground {
    color: var(--color-token-description-foreground);
  }
  .text-token-dropdown-foreground {
    color: var(--color-token-dropdown-foreground);
  }
  .text-token-editor-warning-foreground {
    color: var(--color-token-editor-warning-foreground);
  }
  .text-token-foreground {
    color: var(--color-token-foreground);
  }
  .text-token-main-surface-primary {
    color: var(--color-token-main-surface-primary);
  }
  .text-token-text-link-foreground {
    color: var(--color-token-text-link-foreground);
  }
  .text-token-text-primary {
    color: var(--color-token-text-primary);
  }
  .text-token-text-secondary {
    color: var(--color-token-text-secondary);
  }
  .text-token-text-tertiary,
  .text-token-text-tertiary\/50 {
    color: var(--color-token-text-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-token-text-tertiary\/50 {
      color: color-mix(
        in oklab,
        var(--color-token-text-tertiary) 50%,
        transparent
      );
    }
  }
  .text-transparent {
    color: #0000;
  }
  .text-user-message {
    color: var(--color-text-user-message);
  }
  .text-warning {
    color: var(--color-text-warning);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/75 {
    color: #ffffffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\[font-style\:inherit\] {
    font-style: inherit;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .\[font-stretch\:inherit\] {
    font-stretch: inherit;
  }
  .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,);
  }
  .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,);
  }
  .\[text-decoration-line\:underline\] {
    text-decoration-line: underline;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .overline {
    text-decoration-line: overline;
  }
  .underline {
    text-decoration-line: underline;
  }
  .\[text-decoration-color\:var\(--oai-wb-danger\,var\(--text-status-error\)\)\] {
    -webkit-text-decoration-color: var(
      --oai-wb-danger,
      var(--text-status-error)
    );
    -webkit-text-decoration-color: var(
      --oai-wb-danger,
      var(--text-status-error)
    );
    -webkit-text-decoration-color: var(
      --oai-wb-danger,
      var(--text-status-error)
    );
    text-decoration-color: var(--oai-wb-danger, var(--text-status-error));
  }
  .decoration-current {
    text-decoration-color: currentColor;
  }
  .decoration-text-info {
    -webkit-text-decoration-color: var(--color-text-info);
    -webkit-text-decoration-color: var(--color-text-info);
    -webkit-text-decoration-color: var(--color-text-info);
    text-decoration-color: var(--color-text-info);
  }
  .decoration-text-tertiary {
    -webkit-text-decoration-color: var(--color-text-tertiary);
    -webkit-text-decoration-color: var(--color-text-tertiary);
    -webkit-text-decoration-color: var(--color-text-tertiary);
    text-decoration-color: var(--color-text-tertiary);
  }
  .\[text-decoration-style\:wavy\] {
    text-decoration-style: wavy;
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .\[text-decoration-thickness\:1px\],
  .decoration-1 {
    text-decoration-thickness: 1px;
  }
  .decoration-\[0\.5px\] {
    text-decoration-thickness: 0.5px;
  }
  .decoration-\[1px\] {
    text-decoration-thickness: 1px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .underline-offset-\[2px\] {
    text-underline-offset: 2px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .caret-token-text-primary {
    caret-color: var(--color-token-text-primary);
  }
  .caret-transparent {
    caret-color: #0000;
  }
  .electron-light {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-background-surface: var(--gray-0);
    --color-background-recovery: #f8f7f5;
    --color-background-surface-under: var(--gray-50);
    --color-background-application-menu: var(--gray-50);
    --color-foreground-application-menu: var(--color-text-foreground);
    --color-border-application-menu-separator: var(--color-border-heavy);
    --color-background-editor-opaque: #ededed66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-editor-opaque: color-mix(
        in oklab,
        var(--gray-100) 40%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-elevated-primary: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-elevated-primary: color-mix(
        in oklab,
        var(--gray-0) 70%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-elevated-primary-opaque: var(--gray-0);
    --color-background-elevated-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-elevated-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 2%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-elevated-secondary-opaque: #ededed66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-elevated-secondary-opaque: color-mix(
        in oklab,
        var(--gray-100) 40%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-primary: var(--color-text-foreground);
    --color-background-button-primary-hover: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-primary-hover: color-mix(
        in oklab,
        var(--color-text-foreground) 8%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-primary-active: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-primary-active: color-mix(
        in oklab,
        var(--color-text-foreground) 16%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-primary-inactive: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-primary-inactive: color-mix(
        in oklab,
        var(--color-text-foreground) 24%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 5%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-secondary-hover: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-secondary-hover: color-mix(
        in oklab,
        var(--color-text-foreground) 5%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-secondary-active: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-secondary-active: color-mix(
        in oklab,
        var(--color-text-foreground) 4%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-secondary-inactive: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-secondary-inactive: color-mix(
        in oklab,
        var(--color-text-foreground) 2%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-tertiary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-tertiary: color-mix(
        in oklab,
        var(--color-text-foreground) 0%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-tertiary-hover: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-tertiary-hover: color-mix(
        in oklab,
        var(--color-text-foreground) 10%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-button-tertiary-active: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-button-tertiary-active: color-mix(
        in oklab,
        var(--color-text-foreground) 20%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-accent: var(--blue-50);
    --color-background-accent-hover: var(--blue-50);
    --color-background-accent-active: var(--blue-50);
    --color-background-status-success: #00a24012;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-status-success: color-mix(
        in oklab,
        var(--green-500) 7%,
        transparent
      );
    }
  }
  .electron-light {
    --color-background-status-warning: var(--orange-50);
    --color-background-status-error: var(--red-50);
    --color-background-tip-badge: #e8f3fe;
    --color-background-danger-active: #e02e2ae6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-background-danger-active: color-mix(
        in oklab,
        var(--red-500) 90%,
        transparent
      );
    }
  }
  .electron-light {
    --color-text-foreground: #1a1c1f;
    --color-text-foreground-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-text-foreground-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 70%,
        transparent
      );
    }
  }
  .electron-light {
    --color-text-foreground-tertiary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-text-foreground-tertiary: color-mix(
        in oklab,
        var(--color-text-foreground) 50%,
        transparent
      );
    }
  }
  .electron-light {
    --color-text-button-primary: var(--gray-0);
    --color-text-button-secondary: var(--color-text-foreground);
    --color-text-button-tertiary: var(--gray-500);
    --color-text-accent: var(--blue-300);
    --color-text-on-accent: var(--gray-1000);
    --color-text-success: var(--green-500);
    --color-text-warning: var(--orange-500);
    --color-text-error: var(--red-500);
    --color-text-tip-badge: #3a83f7;
    --color-icon-primary: var(--color-text-foreground);
    --color-icon-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-icon-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 70%,
        transparent
      );
    }
  }
  .electron-light {
    --color-icon-tertiary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-icon-tertiary: color-mix(
        in oklab,
        var(--color-text-foreground) 50%,
        transparent
      );
    }
  }
  .electron-light {
    --color-icon-accent: var(--blue-300);
    --color-icon-success: var(--green-500);
    --color-icon-warning: var(--orange-500);
    --color-icon-error: var(--red-500);
    --color-accent-red: var(--red-500);
    --color-accent-blue: var(--blue-300);
    --color-accent-yellow: var(--yellow-400);
    --color-accent-orange: var(--orange-500);
    --color-accent-green: var(--green-500);
    --color-accent-purple: var(--purple-400);
    --color-border: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-border: color-mix(
        in oklab,
        var(--color-text-foreground) 8%,
        transparent
      );
    }
  }
  .electron-light {
    --color-border-heavy: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-border-heavy: color-mix(
        in oklab,
        var(--color-text-foreground) 12%,
        transparent
      );
    }
  }
  .electron-light {
    --color-border-light: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-border-light: color-mix(
        in oklab,
        var(--color-text-foreground) 5%,
        transparent
      );
    }
  }
  .electron-light {
    --color-border-warning: #e2550726;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-border-warning: color-mix(
        in oklab,
        var(--orange-500) 15%,
        transparent
      );
    }
  }
  .electron-light {
    --color-border-error: #e02e2a26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-border-error: color-mix(
        in oklab,
        var(--red-500) 15%,
        transparent
      );
    }
  }
  .electron-light {
    --color-border-focus: var(--blue-300);
    --color-decoration-added: var(--green-500);
    --color-decoration-modified: var(--orange-700);
    --color-decoration-deleted: var(--red-600);
    --color-decoration-unchanged: var(--gray-300);
    --color-editor-added: #00a24026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-editor-added: color-mix(
        in oklab,
        var(--green-500) 15%,
        transparent
      );
    }
  }
  .electron-light {
    --color-editor-deleted: #ba262326;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-light {
      --color-editor-deleted: color-mix(
        in oklab,
        var(--red-600) 15%,
        transparent
      );
    }
  }
  .electron-light {
    --vscode-terminal-ansiBlack: #000;
    --vscode-terminal-ansiRed: #d53538;
    --vscode-terminal-ansiGreen: #008809;
    --vscode-terminal-ansiYellow: #bd5800;
    --vscode-terminal-ansiBlue: #001bcb;
    --vscode-terminal-ansiMagenta: #751ed9;
    --vscode-terminal-ansiCyan: #0071ea;
    --vscode-terminal-ansiWhite: #666;
    --vscode-terminal-ansiBrightBlack: #000;
    --vscode-terminal-ansiBrightRed: #f44a4c;
    --vscode-terminal-ansiBrightGreen: #59d24e;
    --vscode-terminal-ansiBrightYellow: #f87915;
    --vscode-terminal-ansiBrightBlue: #006aff;
    --vscode-terminal-ansiBrightMagenta: #9840ff;
    --vscode-terminal-ansiBrightCyan: #20b8ff;
    --vscode-terminal-ansiBrightWhite: #828282;
    --color-simple-scrim: #0000001a;
  }
  .electron-dark {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --color-background-surface: var(--gray-900);
    --color-background-surface-under: black;
    --color-background-application-menu: var(--gray-800);
    --color-foreground-application-menu: var(
      --color-background-application-menu
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-foreground-application-menu: color-mix(
        in srgb,
        var(--color-background-application-menu),
        var(--color-text-foreground) 87.5%
      );
    }
  }
  .electron-dark {
    --color-border-application-menu-separator: var(
      --color-background-application-menu
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border-application-menu-separator: color-mix(
        in srgb,
        var(--color-background-application-menu),
        var(--color-text-foreground) 28%
      );
    }
  }
  .electron-dark {
    --color-background-editor-opaque: var(--gray-800);
    --color-background-elevated-primary: #212121f5;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-elevated-primary: color-mix(
        in oklab,
        var(--gray-800) 96%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-elevated-primary-opaque: var(--gray-750);
    --color-background-elevated-secondary: #ffffff08;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-elevated-secondary: color-mix(
        in oklab,
        var(--gray-0) 3%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-elevated-secondary-opaque: var(--gray-800);
    --color-background-button-primary: var(--gray-1000);
    --color-background-button-primary-hover: #0d0d0d0f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-primary-hover: color-mix(
        in oklab,
        var(--gray-1000) 6%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-primary-active: #0d0d0d1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-primary-active: color-mix(
        in oklab,
        var(--gray-1000) 10%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-primary-inactive: #0d0d0d08;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-primary-inactive: color-mix(
        in oklab,
        var(--gray-1000) 3%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-secondary: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-secondary: color-mix(
        in oklab,
        var(--gray-0) 5%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-secondary-hover: #ffffff14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-secondary-hover: color-mix(
        in oklab,
        var(--gray-0) 8%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-secondary-active: #ffffff1f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-secondary-active: color-mix(
        in oklab,
        var(--gray-0) 12%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-secondary-inactive: #ffffff0a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-secondary-inactive: color-mix(
        in oklab,
        var(--gray-0) 4%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-tertiary: #ffffff08;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-tertiary: color-mix(
        in oklab,
        var(--gray-0) 3%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-tertiary-hover: #ffffff12;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-tertiary-hover: color-mix(
        in oklab,
        var(--gray-0) 7%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-button-tertiary-active: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-button-tertiary-active: color-mix(
        in oklab,
        var(--gray-0) 10%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-accent: var(--blue-900);
    --color-background-accent-hover: var(--blue-900);
    --color-background-accent-active: var(--blue-900);
    --color-background-status-success: #04b84c29;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-status-success: color-mix(
        in oklab,
        var(--green-400) 16%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-status-warning: var(--orange-900);
    --color-background-status-error: var(--red-900);
    --color-background-tip-badge: #339cff29;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-tip-badge: color-mix(
        in oklab,
        var(--blue-300) 16%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-background-danger-active: #fa423e5c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-background-danger-active: color-mix(
        in oklab,
        var(--red-400) 36%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-text-foreground: var(--gray-150);
    --color-text-foreground-secondary: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-text-foreground-secondary: color-mix(
        in oklab,
        var(--gray-0) 70%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-text-foreground-tertiary: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-text-foreground-tertiary: color-mix(
        in oklab,
        var(--gray-0) 50%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-text-button-primary: var(--gray-1000);
    --color-text-button-secondary: var(--gray-300);
    --color-text-button-tertiary: var(--gray-500);
    --color-text-accent: var(--blue-100);
    --color-text-on-accent: var(--gray-1000);
    --color-text-success: var(--green-300);
    --color-text-warning: var(--orange-300);
    --color-text-error: var(--red-300);
    --color-text-tip-badge: var(--blue-100);
    --color-icon-primary: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-icon-primary: color-mix(in oklab, var(--white) 90%, transparent);
    }
  }
  .electron-dark {
    --color-icon-secondary: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-icon-secondary: color-mix(
        in oklab,
        var(--white) 70%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-icon-tertiary: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-icon-tertiary: color-mix(in oklab, var(--white) 50%, transparent);
    }
  }
  .electron-dark {
    --color-icon-accent: var(--blue-300);
    --color-icon-success: var(--green-300);
    --color-icon-warning: var(--orange-300);
    --color-icon-error: var(--red-300);
    --color-accent-red: var(--red-300);
    --color-accent-blue: var(--blue-300);
    --color-accent-yellow: var(--yellow-300);
    --color-accent-orange: var(--orange-400);
    --color-accent-green: var(--green-300);
    --color-accent-purple: var(--purple-300);
    --color-border: #ffffff14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border: color-mix(in oklab, var(--white) 8%, transparent);
    }
  }
  .electron-dark {
    --color-border-heavy: #ffffff29;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border-heavy: color-mix(in oklab, var(--white) 16%, transparent);
    }
  }
  .electron-dark {
    --color-border-light: #ffffff0a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border-light: color-mix(in oklab, var(--white) 4%, transparent);
    }
  }
  .electron-dark {
    --color-border-warning: #ff854966;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border-warning: color-mix(
        in oklab,
        var(--orange-300) 40%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-border-error: #fa423e66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border-error: color-mix(
        in oklab,
        var(--red-400) 40%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-border-focus: #339cffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-border-focus: color-mix(
        in oklab,
        var(--blue-300) 70%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-decoration-added: var(--green-300);
    --color-decoration-modified: var(--orange-300);
    --color-decoration-deleted: var(--red-400);
    --color-decoration-unchanged: var(--gray-600);
    --color-editor-added: #40c9773b;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-editor-added: color-mix(
        in oklab,
        var(--green-300) 23%,
        transparent
      );
    }
  }
  .electron-dark {
    --color-editor-deleted: #fa423e3b;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark {
      --color-editor-deleted: color-mix(
        in oklab,
        var(--red-400) 23%,
        transparent
      );
    }
  }
  .electron-dark {
    --vscode-terminal-ansiBlack: #fff;
    --vscode-terminal-ansiRed: #f67576;
    --vscode-terminal-ansiGreen: #85df7b;
    --vscode-terminal-ansiYellow: #fa994c;
    --vscode-terminal-ansiBlue: #3d8dff;
    --vscode-terminal-ansiMagenta: #b06dff;
    --vscode-terminal-ansiCyan: #6dcbf4;
    --vscode-terminal-ansiWhite: #999;
    --vscode-terminal-ansiBrightBlack: #000;
    --vscode-terminal-ansiBrightRed: #f44a4c;
    --vscode-terminal-ansiBrightGreen: #59d24e;
    --vscode-terminal-ansiBrightYellow: #f87915;
    --vscode-terminal-ansiBrightBlue: #006aff;
    --vscode-terminal-ansiBrightMagenta: #9840ff;
    --vscode-terminal-ansiBrightCyan: #20b8ff;
    --vscode-terminal-ansiBrightWhite: #828282;
    --color-simple-scrim: #ffffff1a;
  }
  .\[color-scheme\:light\] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }
  .\!opacity-75 {
    opacity: 0.75 !important;
  }
  .menu-row-opacity {
    opacity: var(--opacity-menu-row, 0.75);
  }
  .opacity-0 {
    opacity: 0;
  }
  .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-45 {
    opacity: 0.45;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-50\! {
    opacity: 0.5 !important;
  }
  .opacity-55 {
    opacity: 0.55;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-65 {
    opacity: 0.65;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-75 {
    opacity: 0.75;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-95 {
    opacity: 0.95;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-100\! {
    opacity: 1 !important;
  }
  .mix-blend-darken {
    mix-blend-mode: darken;
  }
  .mix-blend-luminosity {
    mix-blend-mode: luminosity;
  }
  .mix-blend-screen {
    mix-blend-mode: screen;
  }
  .\!shadow {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a) !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-\[0_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\,0_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow:
      0 8px 10px -6px var(--tw-shadow-color, #0000001a),
      0 20px 25px -5px var(--tw-shadow-color, #0000001a) !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-xl {
    --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-color, #0000001f) !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: 0px 16px 32px -8px var(--tw-shadow-color, #00000030);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-8px_0_16px_-8px_rgb\(0_0_0\/0\.18\)\] {
    --tw-shadow: -8px 0 16px -8px var(--tw-shadow-color, #0000002e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[-16px_0_32px_rgba\(0\,0\,0\,0\.28\)\] {
    --tw-shadow: -16px 0 32px var(--tw-shadow-color, #00000047);
    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_hsla\(0\,0\%\,0\%\,0\.1\)\,0_4px_11px_hsla\(0\,0\%\,0\%\,0\.1\)\] {
    --tw-shadow:
      0 0 0 1px var(--tw-shadow-color, #0000001a),
      0 4px 11px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_rgba\(15\,23\,42\,0\.08\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #0f172a14);
    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_rgba\(141\,181\,255\,0\.18\)\,0_0_14px_rgba\(141\,181\,255\,0\.38\)\] {
    --tw-shadow:
      0 0 0 1px var(--tw-shadow-color, #8db5ff2e),
      0 0 14px var(--tw-shadow-color, #8db5ff61);
    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_rgba\(87\,76\,151\,0\.42\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, #574c976b);
    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_rgba\(158\,189\,255\,0\.9\)\] {
    --tw-shadow: 0 0 5px var(--tw-shadow-color, #9ebdffe6);
    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_9px_rgba\(91\,141\,235\,0\.72\)\] {
    --tw-shadow: 0 0 9px var(--tw-shadow-color, #5b8debb8);
    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_9px_rgba\(125\,168\,255\,0\.92\)\] {
    --tw-shadow: 0 0 9px var(--tw-shadow-color, #7da8ffeb);
    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_0_rgba\(0\,0\,0\,0\.08\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(79\,72\,63\,0\.24\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, #4f483f3d);
    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_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow: 0 2px 6px -1px var(--tw-shadow-color, #00000008);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.2\)\] {
    --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0003);
    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_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 4px 16px 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-\[0_4px_16px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 4px 16px 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_5px_8px_3px_rgba\(0\,0\,0\,0\.025\)\,_0_0\.5px_1px_0px_rgba\(0\,0\,0\,0\.045\)\] {
    --tw-shadow:
      0 5px 8px 3px var(--tw-shadow-color, #00000006),
      0 0.5px 1px 0px var(--tw-shadow-color, #0000000b);
    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_5px_15px_rgba\(0\,0\,0\,0\.14\)\] {
    --tw-shadow: 0 5px 15px var(--tw-shadow-color, #00000024);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_6px_14px_rgba\(0\,0\,0\,0\.03\)\,inset_0_-1px_4px_rgba\(0\,0\,0\,0\.03\)\] {
    --tw-shadow:
      0 6px 14px var(--tw-shadow-color, #00000008),
      inset 0 -1px 4px var(--tw-shadow-color, #00000008);
    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_12px_0_rgba\(0\,0\,0\,0\.16\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\] {
    --tw-shadow:
      0 8px 12px 0 var(--tw-shadow-color, #00000029),
      0 0 1px 0 var(--tw-shadow-color, #0009);
    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_18px_-6px_rgba\(0\,0\,0\,0\.55\)\] {
    --tw-shadow: 0 8px 18px -6px var(--tw-shadow-color, #0000008c);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_30px_rgba\(30\,88\,190\,0\.18\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #1e58be2e);
    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_36px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 12px 36px var(--tw-shadow-color, #0000001f);
    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_14px_40px_rgba\(15\,23\,42\,0\.16\)\] {
    --tw-shadow: 0 14px 40px var(--tw-shadow-color, #0f172a29);
    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_18px_48px_rgba\(0\,0\,0\,0\.16\)\] {
    --tw-shadow: 0 18px 48px var(--tw-shadow-color, #00000029);
    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_18px_50px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 18px 50px var(--tw-shadow-color, #0000001f);
    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_18px_60px_rgba\(15\,23\,42\,0\.18\)\] {
    --tw-shadow: 0 18px 60px var(--tw-shadow-color, #0f172a2e);
    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_10px_-6px_rgba\(0\,0\,0\,0\.1\)\,0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow:
      0px 8px 10px -6px var(--tw-shadow-color, #0000001a),
      0px 20px 25px -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-\[0px_8px_16px_-4px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-color, #0000001f);
    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_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow:
      0px 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0px 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-1px_2px_rgba\(92\,84\,72\,0\.16\)\,0_1px_2px_rgba\(89\,80\,67\,0\.18\)\] {
    --tw-shadow:
      inset 0 -1px 2px var(--tw-shadow-color, #5c544829),
      0 1px 2px var(--tw-shadow-color, #5950432e);
    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_-1px_2px_rgba\(255\,255\,255\,0\.12\)\,0_1px_2px_rgba\(44\,40\,35\,0\.28\)\] {
    --tw-shadow:
      inset 0 -1px 2px var(--tw-shadow-color, #ffffff1f),
      0 1px 2px var(--tw-shadow-color, #2c282347);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(141\,181\,255\,0\.12\)\,0_0_14px_rgba\(91\,141\,235\,0\.18\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #8db5ff1f),
      0 0 14px var(--tw-shadow-color, #5b8deb2e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(228\,228\,228\,0\.4\)\,inset_0_1px_2px_rgba\(255\,255\,255\,0\.5\)\,0_1px_2px_rgba\(79\,72\,63\,0\.16\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #e4e4e466),
      inset 0 1px 2px var(--tw-shadow-color, #ffffff80),
      0 1px 2px var(--tw-shadow-color, #4f483f29);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(228\,228\,228\,0\.68\)\,0_1px_2px_rgba\(79\,72\,63\,0\.18\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #e4e4e4ad),
      0 1px 2px var(--tw-shadow-color, #4f483f2e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.28\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff47);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.52\)\,0_1px_2px_rgba\(89\,80\,67\,0\.18\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #ffffff85),
      0 1px 2px var(--tw-shadow-color, #5950432e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.72\)\,0_1px_0_rgba\(255\,255\,255\,0\.65\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #ffffffb8),
      0 1px 0 var(--tw-shadow-color, #ffffffa6);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.72\)\,0_14px_32px_rgba\(25\,28\,38\,0\.18\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #ffffffb8),
      0 14px 32px var(--tw-shadow-color, #191c262e);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.92\)\,0_0_12px_rgba\(141\,181\,255\,0\.26\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, #ffffffeb),
      0 0 12px var(--tw-shadow-color, #8db5ff42);
    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\(--border-heavy\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--border-heavy));
    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\(--color-border\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--color-border));
    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\(--go-to-line-bg\)\,0_4px_8px_rgba\(0\,0\,0\,0\.075\)\,0_6px_18px_rgba\(0\,0\,0\,0\.075\)\] {
    --tw-shadow:
      inset 0 0 0 1px var(--tw-shadow-color, var(--go-to-line-bg)),
      0 4px 8px var(--tw-shadow-color, #00000013),
      0 6px 18px var(--tw-shadow-color, #00000013);
    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\(--learning-block-accent\)\] {
    --tw-shadow: inset 0 0 0 1px
      var(--tw-shadow-color, var(--learning-block-accent));
    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_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff08);
    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_1px_0_rgba\(255\,255\,255\,0\.12\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff1f);
    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: none;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-application-menu {
    --tw-shadow: 0px 4px 12px var(--tw-shadow-color, #0000006b);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-card {
    --tw-shadow: 0px 4px 16px 0px 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-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0px 4px 8px -2px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0px 2px 4px -1px 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-md-strong {
    --tw-shadow: 0px 2px 4px -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-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-sm {
    --tw-shadow: 0px 1px 2px -1px 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-tab-elevated {
    --tw-shadow: 0px 0px 8px 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-xl {
    --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-color, #0000001f);
    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-spread {
    --tw-shadow:
      0px 0px 0px 0.5px var(--tw-shadow-color, var(--color-token-border)),
      var(--shadow-xl);
    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-stronger {
    --tw-shadow: 0px 8px 16px -4px var(--tw-shadow-color, #00000030);
    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);
  }
  .\!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-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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);
  }
  .ring-\[1px\] {
    --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);
  }
  .\[box-shadow\:0_8px_24px_rgba\(0\,0\,0\,0\.08\)\] {
    box-shadow: 0 8px 24px #00000014;
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--oai-wb-border\)\] {
    box-shadow: inset 0 0 0 1px var(--oai-wb-border);
  }
  .\[box-shadow\:none\] {
    box-shadow: none;
  }
  .\[box-shadow\:rgba\(0\,0\,0\,0\.06\)_0px_4px_12px_-8px\,rgba\(0\,0\,0\,0\.10\)_0px_9px_64px_-10px\,rgba\(0\,0\,0\,0\.05\)_0px_0px_0px_0\.5px\] {
    box-shadow:
      0 4px 12px -8px #0000000f,
      0 9px 64px -10px #0000001a,
      0 0 0 0.5px #0000000d;
  }
  .\[box-shadow\:var\(--oai-wb-shadow\)\] {
    box-shadow: var(--oai-wb-shadow);
  }
  .\[box-shadow\:var\(--oai-wb-shadow-lg\)\] {
    box-shadow: var(--oai-wb-shadow-lg);
  }
  .shadow-black\/20 {
    --tw-shadow-color: #0003;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/20 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, var(--color-black) 20%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .shadow-text-info\/30 {
    --tw-shadow-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-text-info\/30 {
      --tw-shadow-color: color-mix(
        in oklab,
        color-mix(in oklab, var(--color-text-info) 30%, transparent)
          var(--tw-shadow-alpha),
        transparent
      );
    }
  }
  .ring-\(--learning-block-accent\) {
    --tw-ring-color: var(--learning-block-accent);
  }
  .ring-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_15\%\,transparent\)\] {
    --tw-ring-color: var(--learning-block-color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_15\%\,transparent\)\] {
      --tw-ring-color: color-mix(
        in srgb,
        var(--learning-block-color-primary) 15%,
        transparent
      );
    }
  }
  .ring-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_55\%\,transparent\)\] {
    --tw-ring-color: var(--profile-usage-level-4);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-\[color-mix\(in_srgb\,var\(--profile-usage-level-4\)_55\%\,transparent\)\] {
      --tw-ring-color: color-mix(
        in srgb,
        var(--profile-usage-level-4) 55%,
        transparent
      );
    }
  }
  .ring-\[var\(--learning-block-accent\)\] {
    --tw-ring-color: var(--learning-block-accent);
  }
  .ring-\[var\(--learning-block-color-companion\)\] {
    --tw-ring-color: var(--learning-block-color-companion);
  }
  .ring-\[var\(--learning-block-visualization-surface\,var\(--bg-primary\)\)\] {
    --tw-ring-color: var(
      --learning-block-visualization-surface,
      var(--bg-primary)
    );
  }
  .ring-black\/5 {
    --tw-ring-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/5 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .ring-border {
    --tw-ring-color: var(--color-border);
  }
  .ring-border-strong {
    --tw-ring-color: var(--color-border-strong);
  }
  .ring-border-subtle {
    --tw-ring-color: var(--color-border-subtle);
  }
  .ring-border\/50 {
    --tw-ring-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 50%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/50 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-border) 50%,
        transparent
      );
    }
  }
  .ring-border\/60 {
    --tw-ring-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 60%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/60 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-border) 60%,
        transparent
      );
    }
  }
  .ring-chart-blue,
  .ring-chart-blue\/40 {
    --tw-ring-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-chart-blue\/40 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-chart-blue) 40%,
        transparent
      );
    }
  }
  .ring-ring {
    --tw-ring-color: var(--color-ring);
  }
  .ring-surface {
    --tw-ring-color: var(--color-surface);
  }
  .ring-text {
    --tw-ring-color: var(--color-text);
  }
  .ring-text-danger\/20 {
    --tw-ring-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-text-danger\/20 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-text-danger) 20%,
        transparent
      );
    }
  }
  .ring-text-info,
  .ring-text-info\/30 {
    --tw-ring-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-text-info\/30 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-text-info) 30%,
        transparent
      );
    }
  }
  .ring-token-border-light {
    --tw-ring-color: var(--color-token-border-light);
  }
  .ring-token-border-light\/70 {
    --tw-ring-color: color-mix(
      in srgb,
      var(--color-token-border-light) 70%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-token-border-light\/70 {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-token-border-light) 70%,
        transparent
      );
    }
  }
  .ring-transparent {
    --tw-ring-color: transparent;
  }
  .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-surface {
    --tw-ring-offset-color: var(--color-surface);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .\[outline\:none\] {
    outline: none;
  }
  .outline,
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }
  .outline-offset-1 {
    outline-offset: 1px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }
  .outline-\[\#ff0000\] {
    outline-color: red;
  }
  .outline-\[var\(--learning-block-accent\)\] {
    outline-color: var(--learning-block-accent);
  }
  .outline-token-border-heavy {
    outline-color: var(--color-token-border-heavy);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-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-\[1px\] {
    --tw-blur: blur(1px);
    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-\[7px\] {
    --tw-blur: blur(7px);
    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-md {
    --tw-blur: blur(var(--blur-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,);
  }
  .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,);
  }
  .brightness-75 {
    --tw-brightness: brightness(75%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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,);
  }
  .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,);
  }
  .activity-glow {
    filter: drop-shadow(0 0 4px) drop-shadow(0 0 10px);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .activity-glow {
      filter: drop-shadow(
          0 0 4px color-mix(in srgb, currentColor 90%, transparent)
        )
        drop-shadow(0 0 10px color-mix(in srgb, currentColor 48%, transparent));
    }
  }
  @media (forced-colors: active) {
    .activity-glow {
      filter: none;
    }
  }
  .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-none {
    --tw-backdrop-blur:  !important;
    -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,) !important;
    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,) !important;
  }
  .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-\[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-\[12px\] {
    --tw-backdrop-blur: blur(12px);
    -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-\[24px\] {
    --tw-backdrop-blur: blur(24px);
    -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-none {
    --tw-backdrop-blur: ;
    -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-none\! {
    --tw-backdrop-blur:  !important;
    -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,) !important;
    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,) !important;
  }
  .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-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -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-50 {
    --tw-backdrop-brightness: brightness(50%);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,)
      var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,)
      var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,)
      var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,)
      var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,border-color\,box-shadow\] {
    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\,box-shadow\,transform\] {
    transition-property: background-color, box-shadow, transform;
    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\,opacity\] {
    transition-property: background-color, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,transform\] {
    transition-property: background-color, transform;
    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-\[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\,opacity\,box-shadow\] {
    transition-property: border-color, opacity, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-radius\] {
    transition-property: border-radius;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[border-width\,max-height\,opacity\,padding\,translate\] {
    transition-property: border-width, max-height, opacity, padding, translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[bottom\,width\] {
    transition-property: bottom, width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[bottom\] {
    transition-property: bottom;
    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-\[color\,opacity\,rotate\] {
    transition-property: color, opacity, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,rotate\] {
    transition-property: color, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,scale\,translate\] {
    transition-property: color, scale, translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[cx\,cy\,r\,fill\] {
    transition-property: cx, cy, r, fill;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[fill-opacity\] {
    transition-property: fill-opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-columns\,background-color\] {
    transition-property: grid-template-columns, background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\,opacity\,margin\] {
    transition-property: grid-template-rows, opacity, margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\,opacity\] {
    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-\[height\,background-color\,border-color\] {
    transition-property: height, 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-\[height\,min-height\,max-height\] {
    transition-property: height, min-height, max-height;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\,scale\,translate\] {
    transition-property: height, scale, translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\,width\,opacity\] {
    transition-property: height, width, 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\,top\] {
    transition-property: left, top;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\,width\,top\,bottom\] {
    transition-property: left, width, top, bottom;
    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-inline-end\,opacity\,transform\,width\] {
    transition-property: margin-inline-end, opacity, transform, width;
    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\,padding\,translate\] {
    transition-property: max-height, opacity, padding, translate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\,margin-inline-end\,scale\,opacity\] {
    transition-property: max-width, margin-inline-end, scale, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\,opacity\,margin-inline-start\] {
    transition-property: max-width, opacity, margin-inline-start;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\,opacity\,transform\] {
    transition-property: max-width, opacity, transform;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\,opacity\] {
    transition-property: max-width, opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\,padding-inline\,background-color\,background-size\,border-color\,color\] {
    transition-property:
      max-width, padding-inline, background-color, background-size,
      border-color, color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[min-height\] {
    transition-property: min-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\,box-shadow\] {
    transition-property: opacity, 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-\[opacity\,border-color\,outline-color\] {
    transition-property: opacity, border-color, outline-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,border-color\] {
    transition-property: opacity, border-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,rotate\] {
    transition-property: opacity, rotate;
    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\,translate\] {
    transition-property: opacity, translate;
    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-\[width\,background-color\,border-color\,box-shadow\,opacity\] {
    transition-property:
      width, 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-\[width\,background-color\] {
    transition-property: width, 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-radius\,background-color\] {
    transition-property: width, height, border-radius, 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\] {
    transition-property: width, margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,max-width\,margin-inline-start\,opacity\,scale\] {
    transition-property: width, max-width, margin-inline-start, opacity, scale;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,top\,bottom\] {
    transition-property: width, top, bottom;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-none {
    transition-property: none;
  }
  .delay-0 {
    transition-delay: 0s;
  }
  .delay-75 {
    transition-delay: 75ms;
  }
  .delay-\[140ms\] {
    transition-delay: 0.14s;
  }
  .delay-\[190ms\] {
    transition-delay: 0.19s;
  }
  .duration-0 {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .duration-30 {
    --tw-duration: 30ms;
    transition-duration: 30ms;
  }
  .duration-75 {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-\[80ms\] {
    --tw-duration: 80ms;
    transition-duration: 80ms;
  }
  .duration-\[120ms\] {
    --tw-duration: 0.12s;
    transition-duration: 0.12s;
  }
  .duration-\[140ms\] {
    --tw-duration: 0.14s;
    transition-duration: 0.14s;
  }
  .duration-\[180ms\] {
    --tw-duration: 0.18s;
    transition-duration: 0.18s;
  }
  .duration-\[220ms\] {
    --tw-duration: 0.22s;
    transition-duration: 0.22s;
  }
  .duration-basic {
    --tw-duration: var(--transition-duration-basic);
    transition-duration: var(--transition-duration-basic);
  }
  .duration-relaxed {
    --tw-duration: var(--transition-duration-relaxed);
    transition-duration: var(--transition-duration-relaxed);
  }
  .ease-\(--cubic-exit\) {
    --tw-ease: var(--cubic-exit);
    transition-timing-function: var(--cubic-exit);
  }
  .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.2, 0, 0, 1);
    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  .ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] {
    --tw-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ease-basic {
    --tw-ease: var(--ease-basic);
    transition-timing-function: var(--ease-basic);
  }
  .ease-enter {
    --tw-ease: var(--ease-enter);
    transition-timing-function: var(--ease-enter);
  }
  .ease-enter-snappy {
    --tw-ease: var(--ease-enter-snappy);
    transition-timing-function: var(--ease-enter-snappy);
  }
  .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(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[transition-timing-function\:cubic-bezier\(0\.77\,0\,0\.175\,1\)\] {
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  }
  .\[will-change\:background-color\,clip-path\] {
    will-change: background-color, clip-path;
  }
  .\[will-change\:grid-template-columns\] {
    will-change: grid-template-columns;
  }
  .\[will-change\:left\] {
    will-change: left;
  }
  .\[will-change\:max-width\,background-size\] {
    will-change: max-width, background-size;
  }
  .\[will-change\:opacity\,transform\] {
    will-change: opacity, transform;
  }
  .\[will-change\:opacity\] {
    will-change: opacity;
  }
  .\[will-change\:transform\] {
    will-change: transform;
  }
  .\[will-change\:width\] {
    will-change: width;
  }
  .will-change-transform {
    will-change: transform;
  }
  .contain-inline-size {
    --tw-contain-size: inline-size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-layout {
    --tw-contain-layout: layout;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-paint {
    --tw-contain-paint: paint;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .contain-style {
    --tw-contain-style: style;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,)
      var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .\[contain\:content\] {
    contain: content;
  }
  .\[contain\:inline-size\] {
    contain: inline-size;
  }
  .\[contain\:inline-size_layout_paint\] {
    contain: inline-size layout paint;
  }
  .\[contain\:layout\] {
    contain: layout;
  }
  .\[contain\:layout_paint\] {
    contain: layout paint;
  }
  .\[contain\:layout_style\] {
    contain: layout style;
  }
  .contain-\[paint_style_layout_inline-size\] {
    contain: paint style layout inline-size;
  }
  .contain-content {
    contain: content;
  }
  .app-theme {
    --vscode-font-family: inherit;
    --vscode-font-weight: var(--font-weight-normal);
    --vscode-editor-font-family: inherit;
    --vscode-editor-font-weight: normal;
    --text-link-decoration: none;
    --vscode-foreground: var(--color-text-foreground);
    --vscode-disabledForeground: var(--color-text-foreground-tertiary);
    --vscode-errorForeground: var(--color-text-error);
    --vscode-descriptionForeground: var(--color-text-foreground-tertiary);
    --vscode-icon-foreground: var(--color-icon-primary);
    --vscode-focusBorder: var(--color-border-focus);
    --vscode-textLink-foreground: var(--color-text-accent);
    --vscode-textLink-activeForeground: var(--color-text-accent);
    --vscode-textSeparator-foreground: var(--color-text-foreground);
    --vscode-textPreformat-foreground: var(--color-text-foreground);
    --vscode-textPreformat-background: var(
      --color-background-elevated-secondary
    );
    --vscode-textBlockQuote-background: var(
      --color-background-elevated-secondary
    );
    --vscode-textBlockQuote-border: var(--color-border);
    --vscode-textCodeBlock-background: var(--color-background-button-secondary);
    --vscode-sash-hoverBorder: var(--color-border);
    --vscode-badge-background: var(--color-background-button-secondary);
    --vscode-badge-foreground: var(--color-text-foreground-secondary);
    --vscode-activityWarningBadge-foreground: var(--color-text-warning);
    --vscode-activityWarningBadge-background: var(
      --color-background-status-warning
    );
    --vscode-activityErrorBadge-foreground: var(--color-text-error);
    --vscode-activityErrorBadge-background: var(
      --color-background-danger-active
    );
    --vscode-scrollbar-shadow: var(--color-border-light);
    --vscode-scrollbarSlider-background: var(--color-border);
    --vscode-scrollbarSlider-hoverBackground: var(--color-border-heavy);
    --vscode-scrollbarSlider-activeBackground: var(--color-border-heavy);
    --vscode-progressBar-background: var(--color-background-accent-active);
    --vscode-chart-line: var(--color-text-foreground);
    --vscode-chart-axis: var(--color-text-foreground-tertiary);
    --vscode-chart-guide: var(--color-text-foreground-tertiary);
    --vscode-editor-background: var(--color-background-editor-opaque);
    --vscode-editor-foreground: var(--color-text-foreground);
    --vscode-editor-lineHighlightBackground: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .app-theme {
      --vscode-editor-lineHighlightBackground: color-mix(
        in srgb,
        var(--color-text-foreground) 4%,
        transparent
      );
    }
  }
  .app-theme {
    --vscode-editorStickyScroll-background: var(
      --color-background-elevated-secondary
    );
    --vscode-editorStickyScrollHover-background: var(
      --color-background-elevated-primary
    );
    --vscode-editorStickyScroll-shadow: var(--color-border-light);
    --vscode-editorWidget-background: var(--color-background-elevated-primary);
    --vscode-editorWidget-foreground: var(--color-text-foreground);
    --vscode-editorWidget-border: var(--color-border);
    --vscode-editorError-foreground: var(--color-text-error);
    --vscode-editorWarning-foreground: var(--color-text-warning);
    --vscode-editorInfo-foreground: var(--color-text-accent);
    --vscode-editorHint-foreground: var(--color-text-accent);
    --vscode-editorLink-activeForeground: var(--color-text-accent);
    --vscode-editor-selectionBackground: var(--color-text-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .app-theme {
      --vscode-editor-selectionBackground: color-mix(
        in srgb,
        var(--color-text-accent) 30%,
        transparent
      );
    }
  }
  .app-theme {
    --vscode-editor-inactiveSelectionBackground: var(
      --color-background-accent-hover
    );
    --vscode-editor-selectionHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-compositionBorder: var(--color-border);
    --vscode-editor-findMatchBackground: var(--color-background-accent-hover);
    --vscode-editor-findMatchHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-findRangeHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-hoverHighlightBackground: var(
      --color-background-accent-hover
    );
    --vscode-editorHoverWidget-background: var(
      --color-background-elevated-primary
    );
    --vscode-editorHoverWidget-foreground: var(--color-text-foreground);
    --vscode-editorHoverWidget-border: var(--color-border);
    --vscode-editorHoverWidget-statusBarBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-editorInlayHint-foreground: var(--color-text-accent);
    --vscode-editorInlayHint-background: var(--color-background-accent);
    --vscode-editorInlayHint-typeForeground: var(--color-text-accent);
    --vscode-editorInlayHint-typeBackground: var(--color-background-accent);
    --vscode-editorInlayHint-parameterForeground: var(--color-text-accent);
    --vscode-editorInlayHint-parameterBackground: var(
      --color-background-accent
    );
    --vscode-editorLightBulb-foreground: var(--color-text-accent);
    --vscode-editorLightBulbAutoFix-foreground: var(--color-text-accent);
    --vscode-editorLightBulbAi-foreground: var(--color-text-accent);
    --vscode-editor-snippetTabstopHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-snippetFinalTabstopHighlightBorder: var(
      --color-border-light
    );
    --vscode-diffEditor-insertedTextBackground: var(--color-editor-added);
    --vscode-diffEditor-removedTextBackground: var(--color-editor-deleted);
    --vscode-diffEditor-insertedLineBackground: var(--color-editor-added);
    --vscode-diffEditor-removedLineBackground: var(--color-editor-deleted);
    --vscode-diffEditor-diagonalFill: var(
      --color-background-button-tertiary-active
    );
    --vscode-diffEditor-unchangedRegionBackground: transparent;
    --vscode-diffEditor-unchangedRegionForeground: transparent;
    --vscode-diffEditor-unchangedCodeBackground: transparent;
    --vscode-widget-shadow: var(--color-border-light);
    --vscode-widget-border: var(--color-border);
    --vscode-toolbar-hoverBackground: var(
      --color-background-button-secondary-hover
    );
    --vscode-toolbar-activeBackground: var(
      --color-background-button-secondary-active
    );
    --vscode-breadcrumb-foreground: var(--color-text-foreground-tertiary);
    --vscode-breadcrumb-background: var(--color-background-elevated-secondary);
    --vscode-breadcrumb-focusForeground: var(--color-text-foreground-tertiary);
    --vscode-breadcrumb-activeSelectionForeground: var(--color-text-foreground);
    --vscode-breadcrumbPicker-background: var(
      --color-background-elevated-primary
    );
    --vscode-merge-currentHeaderBackground: var(
      --color-background-status-success
    );
    --vscode-merge-currentContentBackground: var(
      --color-background-status-success
    );
    --vscode-merge-incomingHeaderBackground: var(
      --color-background-accent-active
    );
    --vscode-merge-incomingContentBackground: var(--color-background-accent);
    --vscode-merge-commonHeaderBackground: var(
      --color-background-elevated-primary
    );
    --vscode-merge-commonContentBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-editorOverviewRuler-currentContentForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-incomingContentForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-commonContentForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-findMatchForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-selectionHighlightForeground: var(
      --color-text-foreground
    );
    --vscode-problemsErrorIcon-foreground: var(--color-icon-error);
    --vscode-problemsWarningIcon-foreground: var(--color-icon-warning);
    --vscode-problemsInfoIcon-foreground: var(--color-icon-accent);
    --vscode-minimap-findMatchHighlight: var(--color-text-accent);
    --vscode-minimap-selectionOccurrenceHighlight: var(--color-text-accent);
    --vscode-minimap-selectionHighlight: var(--color-text-accent);
    --vscode-minimap-infoHighlight: var(--color-text-accent);
    --vscode-minimap-warningHighlight: var(--color-text-accent);
    --vscode-minimap-errorHighlight: var(--color-text-accent);
    --vscode-minimap-foregroundOpacity: var(--color-text-foreground);
    --vscode-minimapSlider-background: var(
      --color-background-elevated-secondary
    );
    --vscode-minimapSlider-hoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-minimapSlider-activeBackground: var(
      --color-background-accent-active
    );
    --vscode-charts-foreground: var(--color-text-foreground);
    --vscode-charts-lines: var(--color-text-foreground);
    --vscode-charts-red: var(--color-accent-red);
    --vscode-charts-blue: var(--color-accent-blue);
    --vscode-charts-yellow: var(--color-accent-yellow);
    --vscode-charts-orange: var(--color-accent-orange);
    --vscode-charts-green: var(--color-accent-green);
    --vscode-charts-purple: var(--color-accent-purple);
    --vscode-input-background: var(--color-background-control);
    --vscode-input-foreground: var(--color-text-foreground);
    --vscode-input-border: var(--color-border-heavy);
    --vscode-inputOption-activeBorder: var(--color-border-heavy);
    --vscode-inputOption-hoverBackground: var(--color-background-control);
    --vscode-inputOption-activeBackground: var(--color-background-accent-hover);
    --vscode-inputOption-activeForeground: var(--color-text-foreground);
    --vscode-input-placeholderForeground: var(--color-text-foreground-tertiary);
    --vscode-inputValidation-infoBackground: var(--color-background-accent);
    --vscode-inputValidation-infoBorder: var(--color-border-focus);
    --vscode-inputValidation-warningBackground: var(
      --color-background-status-warning
    );
    --vscode-inputValidation-warningBorder: var(--color-border-warning);
    --vscode-inputValidation-errorBackground: var(
      --color-background-status-error
    );
    --vscode-inputValidation-errorBorder: var(--color-border-error);
    --vscode-dropdown-background: var(
      --color-background-control-opaque,
      var(--color-background-surface)
    );
    --vscode-dropdown-listBackground: var(--color-background-control);
    --vscode-dropdown-foreground: var(--color-text-foreground);
    --vscode-dropdown-border: var(--color-border);
    --vscode-button-foreground: var(--color-text-button-primary);
    --vscode-button-separator: var(--color-border-light);
    --vscode-button-background: var(--color-background-button-primary);
    --vscode-button-hoverBackground: var(
      --color-background-button-primary-hover
    );
    --vscode-button-border: var(--color-border);
    --vscode-button-secondaryForeground: var(--color-text-button-secondary);
    --vscode-button-secondaryBackground: var(
      --color-background-button-secondary
    );
    --vscode-button-secondaryHoverBackground: var(
      --color-background-button-secondary-hover
    );
    --vscode-radio-activeForeground: var(--color-text-foreground);
    --vscode-radio-activeBackground: var(--color-background-accent-active);
    --vscode-radio-activeBorder: var(--color-border-heavy);
    --vscode-radio-inactiveBorder: var(--color-border-heavy);
    --vscode-radio-inactiveHoverBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-checkbox-background: var(--color-background-elevated-primary);
    --vscode-checkbox-selectBackground: var(
      --color-background-elevated-primary
    );
    --vscode-checkbox-foreground: var(--color-text-foreground);
    --vscode-checkbox-border: var(--color-border);
    --vscode-checkbox-selectBorder: var(--color-border);
    --vscode-keybindingLabel-background: var(
      --color-background-button-secondary
    );
    --vscode-keybindingLabel-foreground: var(--color-text-foreground-tertiary);
    --vscode-keybindingLabel-border: var(--color-border);
    --vscode-keybindingLabel-bottomBorder: var(--color-border);
    --vscode-list-focusOutline: var(--color-border-focus);
    --vscode-list-focusAndSelectionOutline: var(--color-border-focus);
    --vscode-list-activeSelectionBackground: var(
      --color-background-button-secondary
    );
    --vscode-list-activeSelectionForeground: var(--color-text-foreground);
    --vscode-list-activeSelectionIconForeground: var(--color-icon-primary);
    --vscode-list-inactiveSelectionBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-list-hoverBackground: var(
      --color-background-button-secondary-hover
    );
    --vscode-list-dropBackground: var(
      --color-background-button-secondary-active
    );
    --vscode-list-dropBetweenBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-list-highlightForeground: var(--color-text-foreground);
    --vscode-list-focusHighlightForeground: var(--color-text-foreground);
    --vscode-list-invalidItemForeground: var(--color-text-error);
    --vscode-list-errorForeground: var(--color-text-error);
    --vscode-list-warningForeground: var(--color-text-warning);
    --vscode-listFilterWidget-background: var(--color-background-control);
    --vscode-listFilterWidget-outline: var(--color-border);
    --vscode-listFilterWidget-noMatchesOutline: var(--color-border);
    --vscode-listFilterWidget-shadow: var(--color-border-light);
    --vscode-list-filterMatchBackground: var(--color-background-accent-hover);
    --vscode-list-deemphasizedForeground: var(--color-text-foreground);
    --vscode-tree-indentGuidesStroke: var(--color-border-light);
    --vscode-tree-inactiveIndentGuidesStroke: var(--color-border-light);
    --vscode-tree-tableColumnsBorder: var(--color-border);
    --vscode-tree-tableOddRowsBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-editorActionList-background: var(
      --color-background-elevated-secondary
    );
    --vscode-editorActionList-foreground: var(--color-text-foreground);
    --vscode-editorActionList-focusForeground: var(--color-text-foreground);
    --vscode-editorActionList-focusBackground: var(
      --color-background-elevated-primary
    );
    --vscode-menu-border: var(--color-border);
    --vscode-menu-foreground: var(--color-text-foreground);
    --vscode-menu-background: var(--color-background-elevated-primary);
    --vscode-menu-selectionForeground: var(--color-text-button-primary);
    --vscode-menu-selectionBackground: var(--color-background-accent-active);
    --vscode-menu-separatorBackground: var(--color-border);
    --vscode-quickInput-background: var(--color-background-elevated-primary);
    --vscode-quickInput-foreground: var(--color-text-foreground);
    --vscode-quickInputTitle-background: var(
      --color-background-elevated-primary
    );
    --vscode-pickerGroup-foreground: var(--color-text-foreground);
    --vscode-pickerGroup-border: var(--color-border);
    --vscode-quickInputList-focusForeground: var(--color-text-foreground);
    --vscode-quickInputList-focusIconForeground: var(--color-icon-primary);
    --vscode-quickInputList-focusBackground: var(
      --color-background-elevated-primary
    );
    --vscode-search-resultsInfoForeground: var(--color-text-accent);
    --vscode-searchEditor-findMatchBackground: var(
      --color-background-elevated-primary
    );
    --vscode-editor-lineHighlightBorder: var(--color-border-light);
    --vscode-editor-rangeHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-symbolHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editorCursor-foreground: var(--color-text-foreground);
    --vscode-editorMultiCursor-primary\.foreground: var(
      --color-text-foreground
    );
    --vscode-editorMultiCursor-secondary\.foreground: var(
      --color-text-foreground-tertiary
    );
    --vscode-editorWhitespace-foreground: var(--color-text-foreground);
    --vscode-editorLineNumber-foreground: var(--color-text-foreground);
    --vscode-editorIndentGuide-background: var(--color-background-accent);
    --vscode-editorIndentGuide-activeBackground: var(--color-background-accent);
    --vscode-editorIndentGuide-background1: var(--color-background-accent);
    --vscode-editorIndentGuide-background2: var(--color-background-accent);
    --vscode-editorIndentGuide-background3: var(--color-background-accent);
    --vscode-editorIndentGuide-background4: var(--color-background-accent);
    --vscode-editorIndentGuide-background5: var(--color-background-accent);
    --vscode-editorIndentGuide-background6: var(--color-background-accent);
    --vscode-editorIndentGuide-activeBackground1: var(
      --color-background-accent
    );
    --vscode-editorIndentGuide-activeBackground2: var(
      --color-background-accent
    );
    --vscode-editorIndentGuide-activeBackground3: var(
      --color-background-accent
    );
    --vscode-editorIndentGuide-activeBackground4: var(
      --color-background-accent
    );
    --vscode-editorIndentGuide-activeBackground5: var(
      --color-background-accent
    );
    --vscode-editorIndentGuide-activeBackground6: var(
      --color-background-accent
    );
    --vscode-editorActiveLineNumber-foreground: var(--color-text-foreground);
    --vscode-editorLineNumber-activeForeground: var(--color-text-foreground);
    --vscode-editorRuler-foreground: var(--color-text-foreground);
    --vscode-editorCodeLens-foreground: var(--color-text-foreground-tertiary);
    --vscode-editorBracketMatch-background: var(
      --color-background-accent-hover
    );
    --vscode-editorBracketMatch-border: var(--color-border);
    --vscode-editorOverviewRuler-border: var(--color-border);
    --vscode-editorGutter-background: var(--color-background-surface);
    --vscode-editorUnnecessaryCode-opacity: var(--color-text-foreground);
    --vscode-editorGhostText-foreground: var(--color-text-foreground-tertiary);
    --vscode-editorOverviewRuler-rangeHighlightForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-errorForeground: var(--color-text-error);
    --vscode-editorOverviewRuler-warningForeground: var(--color-text-warning);
    --vscode-editorOverviewRuler-infoForeground: var(--color-text-accent);
    --vscode-editorBracketHighlight-foreground1: var(--color-text-foreground);
    --vscode-editorBracketHighlight-foreground2: var(--color-text-foreground);
    --vscode-editorBracketHighlight-foreground3: var(--color-text-foreground);
    --vscode-editorBracketHighlight-foreground4: var(--color-text-foreground);
    --vscode-editorBracketHighlight-foreground5: var(--color-text-foreground);
    --vscode-editorBracketHighlight-foreground6: var(--color-text-foreground);
    --vscode-editorBracketHighlight-unexpectedBracket\.foreground: var(
      --color-text-foreground
    );
    --vscode-editorBracketPairGuide-background1: var(--color-background-accent);
    --vscode-editorBracketPairGuide-background2: var(--color-background-accent);
    --vscode-editorBracketPairGuide-background3: var(--color-background-accent);
    --vscode-editorBracketPairGuide-background4: var(--color-background-accent);
    --vscode-editorBracketPairGuide-background5: var(--color-background-accent);
    --vscode-editorBracketPairGuide-background6: var(--color-background-accent);
    --vscode-editorBracketPairGuide-activeBackground1: var(
      --color-background-accent
    );
    --vscode-editorBracketPairGuide-activeBackground2: var(
      --color-background-accent
    );
    --vscode-editorBracketPairGuide-activeBackground3: var(
      --color-background-accent
    );
    --vscode-editorBracketPairGuide-activeBackground4: var(
      --color-background-accent
    );
    --vscode-editorBracketPairGuide-activeBackground5: var(
      --color-background-accent
    );
    --vscode-editorBracketPairGuide-activeBackground6: var(
      --color-background-accent
    );
    --vscode-editorUnicodeHighlight-border: var(--color-border-light);
    --vscode-diffEditor-move\.border: var(--color-border);
    --vscode-diffEditor-moveActive\.border: var(--color-border-heavy);
    --vscode-diffEditor-unchangedRegionShadow: var(--color-border-light);
    --vscode-editorOverviewRuler-bracketMatchForeground: var(
      --color-text-foreground
    );
    --vscode-actionBar-toggledBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-symbolIcon-arrayForeground: var(--color-accent-green);
    --vscode-symbolIcon-booleanForeground: var(--color-accent-green);
    --vscode-symbolIcon-classForeground: var(--color-accent-orange);
    --vscode-symbolIcon-colorForeground: var(--color-icon-primary);
    --vscode-symbolIcon-constantForeground: var(--color-icon-primary);
    --vscode-symbolIcon-constructorForeground: var(--color-accent-purple);
    --vscode-symbolIcon-enumeratorForeground: var(--color-accent-orange);
    --vscode-symbolIcon-enumeratorMemberForeground: var(--color-accent-orange);
    --vscode-symbolIcon-eventForeground: var(--color-accent-orange);
    --vscode-symbolIcon-fieldForeground: var(--color-accent-blue);
    --vscode-symbolIcon-fileForeground: var(--color-icon-primary);
    --vscode-symbolIcon-folderForeground: var(--color-icon-primary);
    --vscode-symbolIcon-functionForeground: var(--color-accent-purple);
    --vscode-symbolIcon-interfaceForeground: var(--color-accent-orange);
    --vscode-symbolIcon-keyForeground: var(--color-accent-blue);
    --vscode-symbolIcon-keywordForeground: var(--color-accent-blue);
    --vscode-symbolIcon-methodForeground: var(--color-accent-purple);
    --vscode-symbolIcon-moduleForeground: var(--color-accent-orange);
    --vscode-symbolIcon-namespaceForeground: var(--color-accent-orange);
    --vscode-symbolIcon-nullForeground: var(--color-icon-primary);
    --vscode-symbolIcon-numberForeground: var(--color-accent-green);
    --vscode-symbolIcon-objectForeground: var(--color-accent-orange);
    --vscode-symbolIcon-operatorForeground: var(--color-icon-primary);
    --vscode-symbolIcon-packageForeground: var(--color-accent-orange);
    --vscode-symbolIcon-propertyForeground: var(--color-accent-blue);
    --vscode-symbolIcon-referenceForeground: var(--color-accent-blue);
    --vscode-symbolIcon-snippetForeground: var(--color-icon-primary);
    --vscode-symbolIcon-stringForeground: var(--color-accent-green);
    --vscode-symbolIcon-structForeground: var(--color-accent-orange);
    --vscode-symbolIcon-textForeground: var(--color-icon-primary);
    --vscode-symbolIcon-typeParameterForeground: var(--color-icon-primary);
    --vscode-symbolIcon-unitForeground: var(--color-icon-primary);
    --vscode-symbolIcon-variableForeground: var(--color-accent-blue);
    --vscode-peekViewTitle-background: var(--color-background-elevated-primary);
    --vscode-peekViewTitleLabel-foreground: var(--color-text-foreground);
    --vscode-peekViewTitleDescription-foreground: var(
      --color-text-foreground-tertiary
    );
    --vscode-peekView-border: var(--color-border);
    --vscode-peekViewResult-background: var(
      --color-background-elevated-primary
    );
    --vscode-peekViewResult-lineForeground: var(--color-text-foreground);
    --vscode-peekViewResult-fileForeground: var(--color-text-foreground);
    --vscode-peekViewResult-selectionBackground: var(
      --color-background-accent-active
    );
    --vscode-peekViewResult-selectionForeground: var(--color-text-foreground);
    --vscode-peekViewEditor-background: var(
      --color-background-elevated-primary
    );
    --vscode-peekViewEditorGutter-background: var(
      --color-background-elevated-primary
    );
    --vscode-peekViewEditorStickyScroll-background: var(
      --color-background-elevated-primary
    );
    --vscode-peekViewResult-matchHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-peekViewEditor-matchHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-foldBackground: var(--color-background-elevated-secondary);
    --vscode-editor-foldPlaceholderForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-editorGutter-foldingControlForeground: var(
      --color-text-foreground
    );
    --vscode-editorSuggestWidget-background: var(
      --color-background-elevated-primary
    );
    --vscode-editorSuggestWidget-border: var(--color-border);
    --vscode-editorSuggestWidget-foreground: var(--color-text-foreground);
    --vscode-editorSuggestWidget-selectedForeground: var(
      --color-text-foreground
    );
    --vscode-editorSuggestWidget-selectedIconForeground: var(
      --color-icon-primary
    );
    --vscode-editorSuggestWidget-selectedBackground: var(
      --color-background-accent-active
    );
    --vscode-editorSuggestWidget-highlightForeground: var(
      --color-text-foreground
    );
    --vscode-editorSuggestWidget-focusHighlightForeground: var(
      --color-text-foreground
    );
    --vscode-editorSuggestWidgetStatus-foreground: var(--color-text-foreground);
    --vscode-inlineEdit-indicator\.foreground: var(--color-text-foreground);
    --vscode-inlineEdit-indicator\.background: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-indicator\.border: var(--color-border);
    --vscode-inlineEdit-originalBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-modifiedBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-originalChangedLineBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-originalChangedTextBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-modifiedChangedLineBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-modifiedChangedTextBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-inlineEdit-border: var(--color-border);
    --vscode-inlineChat-foreground: var(--color-text-foreground);
    --vscode-inlineChat-background: var(--color-background-elevated-primary);
    --vscode-inlineChat-border: var(--color-border);
    --vscode-inlineChat-shadow: var(--color-border-light);
    --vscode-inlineChatInput-border: var(--color-border);
    --vscode-inlineChatInput-focusBorder: var(--color-border-focus);
    --vscode-inlineChatInput-placeholderForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-inlineChatInput-background: var(
      --color-background-elevated-primary
    );
    --vscode-inlineChatDiff-inserted: var(--color-text-success);
    --vscode-editorOverviewRuler-inlineChatInserted: var(--color-editor-added);
    --vscode-inlineChatDiff-removed: var(--color-text-error);
    --vscode-editorOverviewRuler-inlineChatRemoved: var(--color-editor-deleted);
    --vscode-editor-wordHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-wordHighlightStrongBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-wordHighlightTextBackground: var(
      --color-background-accent-active
    );
    --vscode-editorOverviewRuler-wordHighlightForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-wordHighlightStrongForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-wordHighlightTextForeground: var(
      --color-text-foreground
    );
    --vscode-tab-activeBackground: var(--color-background-elevated-primary);
    --vscode-tab-unfocusedActiveBackground: var(
      --color-background-elevated-primary
    );
    --vscode-tab-inactiveBackground: var(--color-background-elevated-secondary);
    --vscode-tab-unfocusedInactiveBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-tab-activeForeground: var(--color-text-foreground);
    --vscode-tab-inactiveForeground: var(--color-text-foreground-tertiary);
    --vscode-tab-unfocusedActiveForeground: var(--color-text-foreground);
    --vscode-tab-unfocusedInactiveForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-tab-hoverBackground: var(--color-background-elevated-primary);
    --vscode-tab-unfocusedHoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-tab-border: var(--color-border);
    --vscode-tab-lastPinnedBorder: var(--color-border);
    --vscode-tab-activeBorder: var(--color-border-heavy);
    --vscode-tab-unfocusedActiveBorder: var(--color-border-focus);
    --vscode-tab-activeBorderTop: var(--color-border-heavy);
    --vscode-tab-unfocusedActiveBorderTop: var(--color-border-focus);
    --vscode-tab-selectedBorderTop: var(--color-border);
    --vscode-tab-selectedBackground: var(--color-background-accent-active);
    --vscode-tab-selectedForeground: var(--color-text-foreground);
    --vscode-tab-dragAndDropBorder: var(--color-border);
    --vscode-tab-activeModifiedBorder: var(--color-border-heavy);
    --vscode-tab-inactiveModifiedBorder: var(--color-border-heavy);
    --vscode-tab-unfocusedActiveModifiedBorder: var(--color-border-focus);
    --vscode-tab-unfocusedInactiveModifiedBorder: var(--color-border-focus);
    --vscode-editorPane-background: var(--color-background-surface);
    --vscode-editorGroupHeader-tabsBackground: var(
      --color-background-elevated-primary
    );
    --vscode-editorGroupHeader-tabsBorder: var(--color-border);
    --vscode-editorGroupHeader-noTabsBackground: var(
      --color-background-elevated-primary
    );
    --vscode-editorGroup-border: var(--color-border);
    --vscode-editorGroup-dropBackground: var(--color-background-accent-active);
    --vscode-editorGroup-dropIntoPromptForeground: var(--color-text-foreground);
    --vscode-editorGroup-dropIntoPromptBackground: var(
      --color-background-accent-active
    );
    --vscode-sideBySideEditor-horizontalBorder: var(--color-border);
    --vscode-sideBySideEditor-verticalBorder: var(--color-border);
    --vscode-panel-background: var(--color-background-elevated-primary);
    --vscode-panel-border: var(--color-border);
    --vscode-panelTitle-activeForeground: var(--color-text-foreground);
    --vscode-panelTitle-inactiveForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-panelTitle-activeBorder: var(--color-border-heavy);
    --vscode-panelInput-border: var(--color-border);
    --vscode-panel-dropBorder: var(--color-border);
    --vscode-panelSection-dropBackground: var(--color-background-accent-active);
    --vscode-panelSectionHeader-background: var(
      --color-background-elevated-primary
    );
    --vscode-panelSection-border: var(--color-border);
    --vscode-panelStickyScroll-background: var(
      --color-background-elevated-primary
    );
    --vscode-panelStickyScroll-shadow: var(--color-border-light);
    --vscode-banner-background: var(--color-background-elevated-secondary);
    --vscode-banner-foreground: var(--color-text-foreground);
    --vscode-banner-iconForeground: var(--color-icon-primary);
    --vscode-statusBar-foreground: var(--color-text-foreground);
    --vscode-statusBar-noFolderForeground: var(--color-text-foreground);
    --vscode-statusBar-background: var(--color-background-surface);
    --vscode-statusBar-noFolderBackground: var(--color-background-surface);
    --vscode-statusBar-border: var(--color-border);
    --vscode-statusBar-focusBorder: var(--color-border-focus);
    --vscode-statusBar-noFolderBorder: var(--color-border);
    --vscode-statusBarItem-activeBackground: var(
      --color-background-button-secondary-active
    );
    --vscode-statusBarItem-focusBorder: var(--color-border-focus);
    --vscode-statusBarItem-hoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-statusBarItem-hoverForeground: var(--color-text-foreground);
    --vscode-statusBarItem-compactHoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-statusBarItem-prominentForeground: var(--color-text-foreground);
    --vscode-statusBarItem-prominentBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-statusBarItem-prominentHoverForeground: var(
      --color-text-foreground
    );
    --vscode-statusBarItem-prominentHoverBackground: var(
      --color-background-button-secondary-hover
    );
    --vscode-statusBarItem-errorBackground: var(
      --color-background-status-error
    );
    --vscode-statusBarItem-errorForeground: var(--color-text-error);
    --vscode-statusBarItem-errorHoverForeground: var(--color-text-error);
    --vscode-statusBarItem-errorHoverBackground: var(
      --color-background-status-error
    );
    --vscode-statusBarItem-warningBackground: var(
      --color-background-status-warning
    );
    --vscode-statusBarItem-warningForeground: var(--color-text-warning);
    --vscode-statusBarItem-warningHoverForeground: var(--color-text-warning);
    --vscode-statusBarItem-warningHoverBackground: var(
      --color-background-status-warning
    );
    --vscode-activityBar-background: var(--color-background-surface);
    --vscode-activityBar-foreground: var(--color-text-foreground);
    --vscode-activityBar-inactiveForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-activityBar-border: var(--color-border);
    --vscode-activityBar-activeBorder: var(--color-border-heavy);
    --vscode-activityBar-dropBorder: var(--color-border);
    --vscode-activityBarBadge-background: var(--color-background-accent-active);
    --vscode-activityBarBadge-foreground: var(--color-text-foreground);
    --vscode-activityBarTop-foreground: var(--color-text-foreground);
    --vscode-activityBarTop-activeBorder: var(--color-border-heavy);
    --vscode-activityBarTop-inactiveForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-activityBarTop-dropBorder: var(--color-border);
    --vscode-profileBadge-background: var(
      --color-background-elevated-secondary
    );
    --vscode-profileBadge-foreground: var(--color-text-foreground);
    --vscode-statusBarItem-remoteBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-statusBarItem-remoteForeground: var(--color-text-foreground);
    --vscode-statusBarItem-remoteHoverForeground: var(--color-text-foreground);
    --vscode-statusBarItem-remoteHoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-statusBarItem-offlineBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-statusBarItem-offlineForeground: var(--color-text-foreground);
    --vscode-statusBarItem-offlineHoverForeground: var(--color-text-foreground);
    --vscode-statusBarItem-offlineHoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-extensionBadge-remoteBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-extensionBadge-remoteForeground: var(--color-text-foreground);
    --vscode-sideBar-background: var(--color-background-surface-under);
    --vscode-sideBar-foreground: var(--color-text-foreground);
    --vscode-sideBar-border: var(--color-border);
    --vscode-sideBarTitle-background: var(--color-background-surface-under);
    --vscode-sideBarTitle-foreground: var(--color-text-foreground);
    --vscode-sideBar-dropBackground: var(--color-background-accent-active);
    --vscode-sideBarSectionHeader-background: var(
      --color-background-elevated-primary
    );
    --vscode-sideBarSectionHeader-foreground: var(--color-text-foreground);
    --vscode-sideBarSectionHeader-border: var(--color-border);
    --vscode-sideBarActivityBarTop-border: var(--color-border);
    --vscode-sideBarStickyScroll-background: var(
      --color-background-elevated-secondary
    );
    --vscode-sideBarStickyScroll-shadow: var(--color-border-light);
    --vscode-titleBar-activeForeground: var(--color-text-foreground);
    --vscode-titleBar-inactiveForeground: var(--color-text-foreground-tertiary);
    --vscode-titleBar-activeBackground: var(--color-background-surface);
    --vscode-titleBar-inactiveBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-titleBar-border: var(--color-border);
    --vscode-menubar-selectionForeground: var(--color-text-foreground);
    --vscode-menubar-selectionBackground: var(
      --color-background-primary-soft-alpha
    );
    --vscode-commandCenter-foreground: var(--color-text-foreground);
    --vscode-commandCenter-activeForeground: var(--color-text-foreground);
    --vscode-commandCenter-inactiveForeground: var(
      --color-text-foreground-tertiary
    );
    --vscode-commandCenter-background: var(--color-background-elevated-primary);
    --vscode-commandCenter-activeBackground: var(
      --color-background-accent-hover
    );
    --vscode-commandCenter-border: var(--color-border);
    --vscode-commandCenter-activeBorder: var(--color-border-heavy);
    --vscode-commandCenter-inactiveBorder: var(--color-border-heavy);
    --vscode-notificationCenter-border: var(--color-border);
    --vscode-notificationToast-border: var(--color-border);
    --vscode-notifications-foreground: var(--color-text-foreground);
    --vscode-notifications-background: var(--color-background-elevated-primary);
    --vscode-notificationLink-foreground: var(--color-text-accent);
    --vscode-notificationCenterHeader-foreground: var(--color-text-foreground);
    --vscode-notificationCenterHeader-background: var(
      --color-background-elevated-secondary
    );
    --vscode-notifications-border: var(--color-border);
    --vscode-notificationsErrorIcon-foreground: var(--color-icon-error);
    --vscode-notificationsWarningIcon-foreground: var(--color-icon-warning);
    --vscode-notificationsInfoIcon-foreground: var(--color-icon-accent);
    --vscode-extensionButton-background: var(--color-background-accent-active);
    --vscode-extensionButton-foreground: var(--color-text-foreground);
    --vscode-extensionButton-hoverBackground: var(
      --color-background-accent-hover
    );
    --vscode-extensionButton-separator: var(--color-border-light);
    --vscode-extensionButton-prominentBackground: var(
      --color-background-accent-active
    );
    --vscode-extensionButton-prominentForeground: var(--color-text-foreground);
    --vscode-extensionButton-prominentHoverBackground: var(
      --color-background-accent-hover
    );
    --vscode-editorGutter-modifiedBackground: var(
      --color-background-status-warning
    );
    --vscode-editorGutter-addedBackground: var(
      --color-background-status-success
    );
    --vscode-editorGutter-deletedBackground: var(
      --color-background-status-error
    );
    --vscode-minimapGutter-modifiedBackground: var(
      --color-background-status-warning
    );
    --vscode-minimapGutter-addedBackground: var(
      --color-background-status-success
    );
    --vscode-minimapGutter-deletedBackground: var(
      --color-background-status-error
    );
    --vscode-editorOverviewRuler-modifiedForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-addedForeground: var(--color-text-success);
    --vscode-editorOverviewRuler-deletedForeground: var(
      --color-text-foreground
    );
    --vscode-chat-requestBorder: var(--color-border);
    --vscode-chat-requestBackground: var(--color-background-elevated-primary);
    --vscode-chat-slashCommandBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-chat-slashCommandForeground: var(--color-text-foreground);
    --vscode-chat-avatarBackground: var(--color-background-elevated-secondary);
    --vscode-chat-avatarForeground: var(--color-text-foreground);
    --vscode-chat-editedFileForeground: var(--color-text-foreground);
    --vscode-terminal-background: var(--color-background-surface);
    --vscode-terminal-foreground: var(--color-text-foreground);
    --vscode-terminalCursor-foreground: var(--color-text-foreground);
    --vscode-terminal-selectionBackground: var(--color-simple-scrim);
    --vscode-terminal-inactiveSelectionBackground: var(--color-simple-scrim);
    --vscode-terminalCommandDecoration-defaultBackground: var(
      --color-decoration-unchanged
    );
    --vscode-terminalCommandDecoration-successBackground: var(
      --color-decoration-unchanged
    );
    --vscode-terminalCommandDecoration-errorBackground: var(
      --color-decoration-unchanged
    );
    --vscode-terminalOverviewRuler-cursorForeground: var(
      --color-text-foreground
    );
    --vscode-terminal-border: var(--color-border);
    --vscode-terminalOverviewRuler-border: var(--color-border);
    --vscode-terminal-findMatchBackground: var(--color-background-accent-hover);
    --vscode-terminal-hoverHighlightBackground: var(
      --color-background-accent-hover
    );
    --vscode-terminal-findMatchHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-terminalOverviewRuler-findMatchForeground: var(
      --color-text-foreground
    );
    --vscode-terminal-dropBackground: var(--color-background-accent-active);
    --vscode-terminal-tab\.activeBorder: var(--color-border-heavy);
    --vscode-terminal-initialHintForeground: var(--color-text-accent);
    --vscode-editorMarkerNavigationError-background: var(
      --color-background-status-error
    );
    --vscode-editorMarkerNavigationError-headerBackground: var(
      --color-background-status-error
    );
    --vscode-editorMarkerNavigationWarning-background: var(
      --color-background-status-warning
    );
    --vscode-editorMarkerNavigationWarning-headerBackground: var(
      --color-background-status-warning
    );
    --vscode-editorMarkerNavigationInfo-background: var(
      --color-background-accent
    );
    --vscode-editorMarkerNavigationInfo-headerBackground: var(
      --color-background-accent
    );
    --vscode-editorMarkerNavigation-background: var(
      --color-background-accent-active
    );
    --vscode-editor-linkedEditingBackground: var(
      --color-background-accent-active
    );
    --vscode-editorHoverWidget-highlightForeground: var(
      --color-text-foreground
    );
    --vscode-editor-placeholder\.foreground: var(
      --color-text-foreground-tertiary
    );
    --vscode-scmGraph-historyItemRefColor: var(--color-text-foreground);
    --vscode-scmGraph-historyItemRemoteRefColor: var(--color-text-foreground);
    --vscode-scmGraph-historyItemBaseRefColor: var(--color-text-foreground);
    --vscode-scmGraph-historyItemHoverDefaultLabelForeground: var(
      --color-text-accent
    );
    --vscode-scmGraph-historyItemHoverDefaultLabelBackground: var(
      --color-background-accent
    );
    --vscode-scmGraph-historyItemHoverLabelForeground: var(
      --color-text-foreground
    );
    --vscode-scmGraph-historyItemHoverAdditionsForeground: var(
      --color-text-foreground
    );
    --vscode-scmGraph-historyItemHoverDeletionsForeground: var(
      --color-text-foreground
    );
    --vscode-scmGraph-foreground1: var(--color-text-foreground);
    --vscode-scmGraph-foreground2: var(--color-text-foreground);
    --vscode-scmGraph-foreground3: var(--color-text-foreground);
    --vscode-scmGraph-foreground4: var(--color-text-foreground);
    --vscode-scmGraph-foreground5: var(--color-text-foreground);
    --vscode-commentsView-resolvedIcon: var(--color-icon-success);
    --vscode-commentsView-unresolvedIcon: var(--color-icon-success);
    --vscode-editorCommentsWidget-replyInputBackground: var(
      --color-background-elevated-primary
    );
    --vscode-editorCommentsWidget-resolvedBorder: var(--color-border);
    --vscode-editorCommentsWidget-unresolvedBorder: var(--color-border);
    --vscode-editorCommentsWidget-rangeBackground: var(
      --color-background-elevated-primary
    );
    --vscode-editorCommentsWidget-rangeActiveBackground: var(
      --color-background-accent-active
    );
    --vscode-editorGutter-commentRangeForeground: var(--color-text-foreground);
    --vscode-editorOverviewRuler-commentForeground: var(
      --color-text-foreground
    );
    --vscode-editorOverviewRuler-commentUnresolvedForeground: var(
      --color-text-success
    );
    --vscode-editorGutter-commentGlyphForeground: var(--color-text-foreground);
    --vscode-editorGutter-commentUnresolvedGlyphForeground: var(
      --color-text-success
    );
    --vscode-ports-iconRunningProcessForeground: var(--color-icon-primary);
    --vscode-simpleFindWidget-sashBorder: var(--color-border);
    --vscode-settings-headerForeground: var(--color-text-foreground);
    --vscode-settings-settingsHeaderHoverForeground: var(
      --color-text-foreground
    );
    --vscode-settings-modifiedItemIndicator: var(--color-accent-orange);
    --vscode-settings-headerBorder: var(--color-border);
    --vscode-settings-sashBorder: var(--color-border);
    --vscode-settings-dropdownBackground: var(
      --color-background-elevated-primary-opaque
    );
    --vscode-settings-dropdownForeground: var(--color-text-foreground);
    --vscode-settings-dropdownBorder: var(--color-border);
    --vscode-settings-dropdownListBorder: var(--color-border);
    --vscode-settings-checkboxBackground: var(
      --color-background-elevated-primary
    );
    --vscode-settings-checkboxForeground: var(--color-text-foreground);
    --vscode-settings-checkboxBorder: var(--color-border);
    --vscode-settings-textInputBackground: var(
      --color-background-elevated-primary
    );
    --vscode-settings-textInputForeground: var(--color-text-foreground);
    --vscode-settings-textInputBorder: var(--color-border);
    --vscode-settings-numberInputBackground: var(
      --color-background-elevated-primary
    );
    --vscode-settings-numberInputForeground: var(--color-text-foreground);
    --vscode-settings-numberInputBorder: var(--color-border);
    --vscode-settings-focusedRowBackground: var(
      --color-background-elevated-primary
    );
    --vscode-settings-rowHoverBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-settings-focusedRowBorder: var(--color-border-focus);
    --vscode-keybindingTable-headerBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-keybindingTable-rowsBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-debugToolBar-background: var(--color-background-elevated-primary);
    --vscode-debugIcon-startForeground: var(--color-icon-primary);
    --vscode-notebook-cellBorderColor: var(--color-border);
    --vscode-notebook-focusedEditorBorder: var(--color-border-focus);
    --vscode-notebookStatusSuccessIcon-foreground: var(--color-icon-success);
    --vscode-notebookEditorOverviewRuler-runningCellForeground: var(
      --color-text-foreground
    );
    --vscode-notebookStatusErrorIcon-foreground: var(--color-icon-error);
    --vscode-notebookStatusRunningIcon-foreground: var(--color-icon-primary);
    --vscode-notebook-cellToolbarSeparator: var(--color-border-light);
    --vscode-notebook-selectedCellBackground: var(
      --color-background-accent-active
    );
    --vscode-notebook-selectedCellBorder: var(--color-border);
    --vscode-notebook-focusedCellBorder: var(--color-border-focus);
    --vscode-notebook-inactiveFocusedCellBorder: var(--color-border-focus);
    --vscode-notebook-cellStatusBarItemHoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-notebook-cellInsertionIndicator: var(--color-accent-blue);
    --vscode-notebookScrollbarSlider-background: var(
      --color-background-elevated-secondary
    );
    --vscode-notebookScrollbarSlider-hoverBackground: var(
      --color-background-elevated-primary
    );
    --vscode-notebookScrollbarSlider-activeBackground: var(
      --color-background-accent-active
    );
    --vscode-notebook-symbolHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-notebook-cellEditorBackground: var(
      --color-background-elevated-primary
    );
    --vscode-notebook-editorBackground: var(--color-background-surface);
    --vscode-debugIcon-breakpointForeground: var(--color-icon-error);
    --vscode-debugIcon-breakpointDisabledForeground: var(--color-icon-error);
    --vscode-debugIcon-breakpointUnverifiedForeground: var(--color-icon-error);
    --vscode-debugIcon-breakpointCurrentStackframeForeground: var(
      --color-icon-error
    );
    --vscode-debugIcon-breakpointStackframeForeground: var(--color-icon-error);
    --vscode-editor-stackFrameHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-editor-focusedStackFrameHighlightBackground: var(
      --color-background-accent-active
    );
    --vscode-multiDiffEditor-headerBackground: var(
      --color-background-elevated-primary
    );
    --vscode-multiDiffEditor-background: var(--color-background-surface);
    --vscode-multiDiffEditor-border: var(--color-border);
    --vscode-interactive-activeCodeBorder: var(--color-border-heavy);
    --vscode-interactive-inactiveCodeBorder: var(--color-border-heavy);
    --vscode-testing-iconFailed: var(--color-icon-error);
    --vscode-testing-iconErrored: var(--color-icon-error);
    --vscode-testing-iconPassed: var(--color-icon-success);
    --vscode-testing-runAction: var(--color-icon-success);
    --vscode-testing-iconQueued: var(--color-icon-accent);
    --vscode-testing-iconUnset: var(--color-icon-tertiary);
    --vscode-testing-iconSkipped: var(--color-icon-tertiary);
    --vscode-testing-peekBorder: var(--color-border);
    --vscode-testing-messagePeekBorder: var(--color-border);
    --vscode-testing-peekHeaderBackground: var(
      --color-background-elevated-primary
    );
    --vscode-testing-messagePeekHeaderBackground: var(
      --color-background-elevated-primary
    );
    --vscode-testing-coveredBackground: var(--color-background-status-success);
    --vscode-testing-coveredBorder: var(--color-border);
    --vscode-testing-coveredGutterBackground: var(
      --color-background-status-success
    );
    --vscode-testing-uncoveredBranchBackground: var(
      --color-background-status-success
    );
    --vscode-testing-uncoveredBackground: var(
      --color-background-status-success
    );
    --vscode-testing-uncoveredBorder: var(--color-border);
    --vscode-testing-uncoveredGutterBackground: var(
      --color-background-status-success
    );
    --vscode-testing-coverCountBadgeBackground: var(
      --color-background-status-success
    );
    --vscode-testing-coverCountBadgeForeground: var(--color-text-success);
    --vscode-testing-message\.error\.badgeBackground: var(
      --color-background-danger-active
    );
    --vscode-testing-message\.error\.badgeBorder: var(--color-border-error);
    --vscode-testing-message\.error\.badgeForeground: var(--color-text-error);
    --vscode-testing-message\.info\.decorationForeground: var(
      --color-decoration-unchanged
    );
    --vscode-testing-iconErrored\.retired: var(--color-icon-error);
    --vscode-testing-iconFailed\.retired: var(--color-icon-error);
    --vscode-testing-iconPassed\.retired: var(--color-icon-success);
    --vscode-testing-iconQueued\.retired: var(--color-icon-accent);
    --vscode-testing-iconUnset\.retired: var(--color-icon-secondary);
    --vscode-testing-iconSkipped\.retired: var(--color-icon-secondary);
    --vscode-searchEditor-textInputBorder: var(--color-border);
    --vscode-debugExceptionWidget-border: var(--color-border-error);
    --vscode-debugExceptionWidget-background: var(
      --color-background-status-error
    );
    --vscode-editor-inlineValuesForeground: var(--color-text-foreground);
    --vscode-editor-inlineValuesBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-statusBar-debuggingBackground: var(
      --color-background-accent-active
    );
    --vscode-statusBar-debuggingForeground: var(--color-text-foreground);
    --vscode-statusBar-debuggingBorder: var(--color-border);
    --vscode-commandCenter-debuggingBackground: var(
      --color-background-accent-active
    );
    --vscode-debugTokenExpression-name: var(--color-accent-purple);
    --vscode-debugTokenExpression-type: var(--color-accent-blue);
    --vscode-debugTokenExpression-value: var(--color-text-foreground-tertiary);
    --vscode-debugTokenExpression-string: var(--color-accent-red);
    --vscode-debugTokenExpression-boolean: var(--color-accent-blue);
    --vscode-debugTokenExpression-number: var(--color-accent-green);
    --vscode-debugTokenExpression-error: var(--color-text-error);
    --vscode-debugView-exceptionLabelForeground: var(--color-text-error);
    --vscode-debugView-exceptionLabelBackground: var(
      --color-background-status-error
    );
    --vscode-debugView-stateLabelForeground: var(--color-text-foreground);
    --vscode-debugView-stateLabelBackground: var(
      --color-background-elevated-secondary
    );
    --vscode-debugView-valueChangedHighlight: var(--color-text-accent);
    --vscode-debugConsole-infoForeground: var(--color-text-accent);
    --vscode-debugConsole-warningForeground: var(--color-text-warning);
    --vscode-debugConsole-errorForeground: var(--color-text-error);
    --vscode-debugConsole-sourceForeground: var(--color-text-foreground);
    --vscode-debugConsoleInputIcon-foreground: var(--color-icon-primary);
    --vscode-debugIcon-pauseForeground: var(--color-icon-primary);
    --vscode-debugIcon-stopForeground: var(--color-icon-primary);
    --vscode-debugIcon-disconnectForeground: var(--color-icon-primary);
    --vscode-debugIcon-restartForeground: var(--color-icon-primary);
    --vscode-debugIcon-stepOverForeground: var(--color-icon-primary);
    --vscode-debugIcon-stepIntoForeground: var(--color-icon-primary);
    --vscode-debugIcon-stepOutForeground: var(--color-icon-primary);
    --vscode-debugIcon-continueForeground: var(--color-icon-primary);
    --vscode-debugIcon-stepBackForeground: var(--color-icon-primary);
    --vscode-mergeEditor-change\.background: var(
      --color-background-status-warning
    );
    --vscode-mergeEditor-change\.word\.background: var(
      --color-background-status-warning
    );
    --vscode-mergeEditor-changeBase\.background: var(
      --color-background-status-warning
    );
    --vscode-mergeEditor-changeBase\.word\.background: var(
      --color-background-status-warning
    );
    --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: var(
      --color-border-focus
    );
    --vscode-mergeEditor-conflict\.unhandledFocused\.border: var(
      --color-border-focus
    );
    --vscode-mergeEditor-conflict\.handledUnfocused\.border: var(
      --color-border-focus
    );
    --vscode-mergeEditor-conflict\.handledFocused\.border: var(
      --color-border-focus
    );
    --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: var(
      --color-background-status-success
    );
    --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: var(
      --color-background-status-warning
    );
    --vscode-mergeEditor-conflictingLines\.background: var(
      --color-background-status-error
    );
    --vscode-mergeEditor-conflict\.input1\.background: var(
      --color-background-elevated-primary
    );
    --vscode-mergeEditor-conflict\.input2\.background: var(
      --color-background-elevated-primary
    );
    --vscode-extensionIcon-starForeground: var(--color-icon-primary);
    --vscode-extensionIcon-verifiedForeground: var(--color-icon-primary);
    --vscode-extensionIcon-preReleaseForeground: var(--color-icon-primary);
    --vscode-extensionIcon-sponsorForeground: var(--color-icon-primary);
    --vscode-terminal-ansiBlack: var(--color-text-foreground-tertiary);
    --vscode-terminal-ansiRed: var(--color-accent-red);
    --vscode-terminal-ansiGreen: var(--color-accent-green);
    --vscode-terminal-ansiYellow: var(--color-accent-yellow);
    --vscode-terminal-ansiBlue: var(--color-accent-blue);
    --vscode-terminal-ansiMagenta: var(--color-accent-purple);
    --vscode-terminal-ansiCyan: var(--color-accent-blue);
    --vscode-terminal-ansiWhite: var(--color-text-foreground);
    --vscode-terminal-ansiBrightBlack: var(--color-text-foreground-secondary);
    --vscode-terminal-ansiBrightRed: var(--color-accent-red);
    --vscode-terminal-ansiBrightGreen: var(--color-accent-green);
    --vscode-terminal-ansiBrightYellow: var(--color-accent-yellow);
    --vscode-terminal-ansiBrightBlue: var(--color-accent-blue);
    --vscode-terminal-ansiBrightMagenta: var(--color-accent-purple);
    --vscode-terminal-ansiBrightCyan: var(--color-accent-blue);
    --vscode-terminal-ansiBrightWhite: var(--color-text-foreground);
    --vscode-terminalStickyScrollHover-background: var(
      --color-background-elevated-primary
    );
    --vscode-terminalCommandGuide-foreground: var(--color-text-accent);
    --vscode-walkThrough-embeddedEditorBackground: var(
      --color-background-elevated-primary
    );
    --vscode-profiles-sashBorder: var(--color-border);
    --vscode-gitDecoration-addedResourceForeground: var(
      --color-decoration-added
    );
    --vscode-gitDecoration-modifiedResourceForeground: var(
      --color-decoration-modified
    );
    --vscode-gitDecoration-deletedResourceForeground: var(
      --color-decoration-deleted
    );
    --vscode-gitDecoration-renamedResourceForeground: var(
      --color-decoration-modified
    );
    --vscode-gitDecoration-untrackedResourceForeground: var(
      --color-decoration-added
    );
    --vscode-gitDecoration-ignoredResourceForeground: var(
      --color-decoration-modified
    );
    --vscode-gitDecoration-stageModifiedResourceForeground: var(
      --color-decoration-modified
    );
    --vscode-gitDecoration-stageDeletedResourceForeground: var(
      --color-decoration-modified
    );
    --vscode-gitDecoration-conflictingResourceForeground: var(
      --color-decoration-unchanged
    );
    --vscode-gitDecoration-submoduleResourceForeground: var(
      --color-decoration-modified
    );
    --vscode-git-blame\.editorDecorationForeground: var(
      --color-decoration-unchanged
    );
  }
  .sidebar-navigation {
    --height-token-mode-switch: 32px;
    --height-token-nav-row: 30px;
    --height-token-row: var(--height-token-nav-row);
    --padding-row-cell-x: 8px;
    --padding-row-x: 8px;
    --radius-token-row: 10px;
  }
  .sidebar-navigation:where(
    [data-codex-window-type="browser"] .sidebar-navigation
  ) {
    --height-token-nav-row: 36px;
    --padding-row-cell-x: 10px;
    --padding-row-x: 6px;
    --padding-row-y: 6px;
    --text-base--line-height: var(--text-sm--line-height);
    --text-base: var(--text-sm);
  }
  .draggable {
    -webkit-app-region: drag;
    -webkit-user-select: none;
    user-select: none;
  }
  .draggable button {
    -webkit-app-region: no-drag;
  }
  .\!outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .image-transparency-backdrop {
    --image-transparency-backdrop-primary: var(
      --color-token-main-surface-primary
    );
    --image-transparency-backdrop-secondary: var(--color-token-diff-surface);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  .\!\[--markdown-font-size\:var\(--text-sm\)\] {
    --markdown-font-size: var(--text-sm) !important;
  }
  .\!\[--markdown-line-height\:var\(--leading-5\)\] {
    --markdown-line-height: var(--leading-5) !important;
  }
  .\!\[--markdown-line-height\:var\(--leading-relaxed\)\] {
    --markdown-line-height: var(--leading-relaxed) !important;
  }
  .\!\[corner-shape\:round\] {
    corner-shape: round !important;
  }
  .\[--alpha-05\:rgba\(127\,127\,127\,0\.08\)\] {
    --alpha-05: #7f7f7f14;
  }
  .\[--alpha-10\:rgba\(127\,127\,127\,0\.16\)\] {
    --alpha-10: #7f7f7f29;
  }
  .\[--blue-400\:var\(--color-background-info-solid\)\] {
    --blue-400: var(--color-background-info-solid);
  }
  .\[--codex-chat-font-size\:16px\] {
    --codex-chat-font-size: 16px;
  }
  .\[--codex-diffs-header-padding-x\:var\(--thread-resource-card-row-padding-x\)\] {
    --codex-diffs-header-padding-x: var(--thread-resource-card-row-padding-x);
  }
  .\[--codex-diffs-header-padding-y\:var\(--turn-diff-row-padding-y\)\] {
    --codex-diffs-header-padding-y: var(--turn-diff-row-padding-y);
  }
  .\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-surface-elevated-secondary\)_50\%\,transparent\)\] {
    --codex-diffs-surface-override: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-surface-elevated-secondary\)_50\%\,transparent\)\] {
      --codex-diffs-surface-override: color-mix(
        in oklab,
        var(--color-surface-elevated-secondary) 50%,
        transparent
      );
    }
  }
  .\[--codex-diffs-surface\:var\(--color-surface\)\] {
    --codex-diffs-surface: var(--color-surface);
  }
  .\[--codex-window-zoom\:1\.25\] {
    --codex-window-zoom: 1.25;
  }
  .\[--color-background-control-opaque\:initial\] {
    --color-background-control-opaque: initial;
  }
  .\[--color-border\:var\(--color-border-subtle\)\] {
    --color-border: var(--color-border-subtle);
  }
  .\[--color-surface-elevated-secondary\:theme\(--color-surface-elevated-secondary\)\] {
    --color-surface-elevated-secondary: var(--vscode-dropdown-background);
  }
  .\[--color-surface-elevated\:var\(--color-surface\)\] {
    --color-surface-elevated: var(--color-surface);
  }
  .\[--color-surface-tertiary\:color-mix\(in_srgb\,var\(--color-surface-secondary\)_92\%\,transparent\)\] {
    --color-surface-tertiary: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--color-surface-tertiary\:color-mix\(in_srgb\,var\(--color-surface-secondary\)_92\%\,transparent\)\] {
      --color-surface-tertiary: color-mix(
        in srgb,
        var(--color-surface-secondary) 92%,
        transparent
      );
    }
  }
  .\[--color-text-info\:var\(--blue-500\)\] {
    --color-text-info: var(--blue-500);
  }
  .\[--color-text-prose\:var\(--color-text\)\] {
    --color-text-prose: var(--color-text);
  }
  .\[--cursor-interaction\:pointer\] {
    --cursor-interaction: pointer;
  }
  .\[--detail-page-inline-inset\:var\(--padding-row-x\)\] {
    --detail-page-inline-inset: var(--padding-row-x);
  }
  .\[--detail-page-section-gap\:calc\(var\(--spacing\)\*6\)\] {
    --detail-page-section-gap: calc(var(--spacing) * 6);
  }
  .\[--detail-property-label-width\:theme\(spacing\.40\)\] {
    --detail-property-label-width: 10rem;
  }
  .\[--detail-row-font-size\:var\(--codex-chat-font-size\)\] {
    --detail-row-font-size: var(--codex-chat-font-size);
  }
  .\[--diffs-dark\:currentColor\] {
    --diffs-dark: currentColor;
  }
  .\[--diffs-editor-selection-bg\:var\(--color-background-info-soft\)\] {
    --diffs-editor-selection-bg: var(--color-background-info-soft);
  }
  .\[--diffs-light\:currentColor\] {
    --diffs-light: currentColor;
  }
  .\[--diffs-min-number-column-width\:1ch\] {
    --diffs-min-number-column-width: 1ch;
  }
  .\[--edge-fade-distance\:1\.5rem\] {
    --edge-fade-distance: 1.5rem;
  }
  .\[--edge-fade-distance\:1rem\] {
    --edge-fade-distance: 1rem;
  }
  .\[--edge-fade-distance\:2\.5rem\] {
    --edge-fade-distance: 2.5rem;
  }
  .\[--edge-fade-distance\:2rem\] {
    --edge-fade-distance: 2rem;
  }
  .\[--font-heading-xs-line-height\:1\.25rem\] {
    --font-heading-xs-line-height: 1.25rem;
  }
  .\[--font-heading-xs-size\:0\.875rem\] {
    --font-heading-xs-size: 0.875rem;
  }
  .\[--font-text-lg-line-height\:1\.75rem\] {
    --font-text-lg-line-height: 1.75rem;
  }
  .\[--font-text-lg-size\:1\.125rem\] {
    --font-text-lg-size: 1.125rem;
  }
  .\[--font-text-md-line-height\:1\.5rem\] {
    --font-text-md-line-height: 1.5rem;
  }
  .\[--font-text-md-size\:1rem\] {
    --font-text-md-size: 1rem;
  }
  .\[--font-text-sm-line-height\:1\.125rem\] {
    --font-text-sm-line-height: 1.125rem;
  }
  .\[--font-text-sm-size\:0\.875rem\] {
    --font-text-sm-size: 0.875rem;
  }
  .\[--font-text-xs-line-height\:1rem\] {
    --font-text-xs-line-height: 1rem;
  }
  .\[--font-text-xs-size\:0\.75rem\] {
    --font-text-xs-size: 0.75rem;
  }
  .\[--font-weight-normal\:400\] {
    --font-weight-normal: 400;
  }
  .\[--height-token-nav-row\:30px\] {
    --height-token-nav-row: 30px;
  }
  .\[--height-token-nav-row\:36px\] {
    --height-token-nav-row: 36px;
  }
  .\[--height-token-row\:30px\] {
    --height-token-row: 30px;
  }
  .\[--height-token-row\:36px\] {
    --height-token-row: 36px;
  }
  .\[--markdown-wide-block-max-width\:100\%\] {
    --markdown-wide-block-max-width: 100%;
  }
  .\[--menu-gutter\:0px\] {
    --menu-gutter: 0px;
  }
  .\[--padding-panel\:calc\(var\(--padding-panel-base\)\/2\)\] {
    --padding-panel: calc(var(--padding-panel-base) / 2);
  }
  .\[--padding-row-cell-x\:8px\] {
    --padding-row-cell-x: 8px;
  }
  .\[--padding-row-x\:8px\] {
    --padding-row-x: 8px;
  }
  .\[--padding-toolbar\:calc\(var\(--spacing\)\*2\)\] {
    --padding-toolbar: calc(var(--spacing) * 2);
  }
  .\[--pr-status-dot-color\:var\(--color-chart-green\)\] {
    --pr-status-dot-color: var(--color-chart-green);
  }
  .\[--pr-status-dot-color\:var\(--color-chart-red\)\] {
    --pr-status-dot-color: var(--color-chart-red);
  }
  .\[--pr-status-dot-color\:var\(--color-chart-yellow\)\] {
    --pr-status-dot-color: var(--color-chart-yellow);
  }
  .\[--pricing-plan-highlight\:\#635ef4\] {
    --pricing-plan-highlight: #635ef4;
  }
  .\[--radius-full\:9999px\] {
    --radius-full: 9999px;
  }
  .\[--radius-md\:0\.5rem\] {
    --radius-md: 0.5rem;
  }
  .\[--radius-sm\:0\.375rem\] {
    --radius-sm: 0.375rem;
  }
  .\[--radius-token-row\:10px\] {
    --radius-token-row: 10px;
  }
  .\[--radius-token-row\:var\(--radius-lg\)\] {
    --radius-token-row: var(--radius-lg);
  }
  .\[--right-panel-composer-overlay-reserve\:118px\] {
    --right-panel-composer-overlay-reserve: 118px;
  }
  .\[--rolling-number-y-offset\:0px\] {
    --rolling-number-y-offset: 0px;
  }
  .\[--sectioned-page-leading-inset\:0\.5rem\] {
    --sectioned-page-leading-inset: 0.5rem;
  }
  .\[--sectioned-page-leading-inset\:var\(--detail-page-inline-inset\,0px\)\] {
    --sectioned-page-leading-inset: var(--detail-page-inline-inset, 0px);
  }
  .\[--shadow-hairline\:0_0_0_1px_var\(--color-border-subtle\)\] {
    --shadow-hairline: 0 0 0 1px var(--color-border-subtle);
  }
  .\[--shadow\:none\] {
    --shadow: none;
  }
  .\[--shadow\:var\(--shadow-lg\)\] {
    --shadow: var(--shadow-lg);
  }
  .\[--shimmer-contrast\:rgba\(255\,255\,255\,0\.52\)\] {
    --shimmer-contrast: #ffffff85;
  }
  .\[--sidebar-footer-height\:0px\] {
    --sidebar-footer-height: 0px;
  }
  .\[--task-row-trailing-inset\:calc\(var\(--spacing\)\*1\.5\)\] {
    --task-row-trailing-inset: calc(var(--spacing) * 1.5);
  }
  .\[--text-primary\:var\(--color-text\)\] {
    --text-primary: var(--color-text);
  }
  .\[--text-tracking\:0em\] {
    --text-tracking: 0em;
  }
  .\[--thread-content-max-width\:42rem\] {
    --thread-content-max-width: 42rem;
  }
  .\[--thread-content-max-width\:48rem\] {
    --thread-content-max-width: 48rem;
  }
  .\[--thread-content-max-width\:100\%\] {
    --thread-content-max-width: 100%;
  }
  .\[--thread-content-max-width\:480px\] {
    --thread-content-max-width: 480px;
  }
  .\[--thread-content-max-width\:500px\] {
    --thread-content-max-width: 500px;
  }
  .\[--thread-content-max-width\:var\(--container-3xl\)\] {
    --thread-content-max-width: var(--container-3xl);
  }
  .\[--thread-content-top-inset\:calc\(var\(--spacing\)\*8\)\] {
    --thread-content-top-inset: calc(var(--spacing) * 8);
  }
  .\[--thread-content-top-inset\:var\(--height-toolbar\)\] {
    --thread-content-top-inset: var(--height-toolbar);
  }
  .\[--thread-floating-content-bottom-inset\:16px\] {
    --thread-floating-content-bottom-inset: 16px;
  }
  .\[--thread-floating-content-top-inset\:16px\] {
    --thread-floating-content-top-inset: 16px;
  }
  .\[--thread-resource-card-row-padding-x\:0\.75rem\] {
    --thread-resource-card-row-padding-x: 0.75rem;
  }
  .\[--thread-sticky-header-top\:calc\(var\(--spacing\)\*8\)\] {
    --thread-sticky-header-top: calc(var(--spacing) * 8);
  }
  .\[--thread-sticky-header-top\:var\(--thread-content-top-inset\)\] {
    --thread-sticky-header-top: var(--thread-content-top-inset);
  }
  .\[--turn-diff-row-padding-y\:0\.25rem\] {
    --turn-diff-row-padding-y: 0.25rem;
  }
  .\[--wb-accent\:var\(--codex-base-accent\,var\(--color-text-info\,var\(--color-text\)\)\)\] {
    --wb-accent: var(
      --codex-base-accent,
      var(--color-text-info, var(--color-text))
    );
  }
  .\[--wb-font-size\:var\(--codex-chat-font-size\,0\.875rem\)\] {
    --wb-font-size: var(--codex-chat-font-size, 0.875rem);
  }
  .\[--wb-interactive-background\:var\(--color-background-primary-ghost-hover\)\] {
    --wb-interactive-background: var(--color-background-primary-ghost-hover);
  }
  .\[--wb-on-accent\:var\(--color-text-info-solid\,var\(--color-text-inverse\,\#fff\)\)\] {
    --wb-on-accent: var(
      --color-text-info-solid,
      var(--color-text-inverse, #fff)
    );
  }
  .\[--wb-selection\:var\(--color-background-info-soft\,\#93c5fd\)\] {
    --wb-selection: var(--color-background-info-soft, #93c5fd);
  }
  .\[--wb-surface-primary\:color-mix\(in_srgb\,var\(--color-surface-elevated-secondary\)_86\%\,var\(--color-surface\)\)\] {
    --wb-surface-primary: var(--color-surface-elevated-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[--wb-surface-primary\:color-mix\(in_srgb\,var\(--color-surface-elevated-secondary\)_86\%\,var\(--color-surface\)\)\] {
      --wb-surface-primary: color-mix(
        in srgb,
        var(--color-surface-elevated-secondary) 86%,
        var(--color-surface)
      );
    }
  }
  .\[-webkit-app-region\:initial\] {
    -webkit-app-region: initial;
  }
  .\[-webkit-appearance\:none\] {
    -webkit-appearance: none;
  }
  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_40\%\,transparent_100\%\)\] {
    -webkit-mask-image: linear-gradient(#000 40%, #0000 100%);
  }
  .\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%_-_var\(--spacing\)\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(
      to bottom,
      black calc(100% - var(--spacing)),
      transparent
    );
  }
  .\[-webkit-mask-image\:linear-gradient\(to_right\,black_calc\(100\%_-_16px\)\,transparent\)\] {
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 16px), #0000);
  }
  .\[animation-direction\:reverse\] {
    animation-direction: reverse;
  }
  .\[background\:transparent\] {
    background: 0 0;
  }
  .\[background\:var\(--oai-wb-interactive-secondary-hover\)\] {
    background: var(--oai-wb-interactive-secondary-hover);
  }
  .\[background\:var\(--oai-wb-surface-primary\)\] {
    background: var(--oai-wb-surface-primary);
  }
  .\[background\:var\(--oai-wb-surface-secondary\)\] {
    background: var(--oai-wb-surface-secondary);
  }
  .\[border-bottom\:1px_solid_var\(--oai-wb-divider\)\] {
    border-bottom: 1px solid var(--oai-wb-divider);
  }
  .\[border-top\:1px_solid_var\(--oai-wb-divider\)\] {
    border-top: 1px solid var(--oai-wb-divider);
  }
  .\[border\:1px_solid_var\(--oai-wb-divider\)\] {
    border: 1px solid var(--oai-wb-divider);
  }
  .\[contain-intrinsic-size\:auto_36px\] {
    contain-intrinsic-size: auto 36px;
  }
  .\[contain-intrinsic-size\:auto_64px\] {
    contain-intrinsic-size: auto 64px;
  }
  .\[contain-intrinsic-size\:auto_240px\] {
    contain-intrinsic-size: auto 240px;
  }
  .\[container-name\:home-main-content\] {
    container-name: home-main-content;
  }
  .\[container-name\:review-header\] {
    container-name: review-header;
  }
  .\[container-name\:thread-content\] {
    container-name: thread-content;
  }
  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }
  .\[content-visibility\:visible\] {
    content-visibility: visible;
  }
  .\[direction\:ltr\] {
    direction: ltr;
  }
  .\[direction\:rtl\] {
    direction: rtl;
  }
  .\[font-variant\:inherit\] {
    font-variant: inherit;
  }
  .\[font\:inherit\] {
    font: inherit;
  }
  .\[grid-area\:1\/1\] {
    grid-area: 1/1;
  }
  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }
  .\[perspective\:1200px\] {
    perspective: 1200px;
  }
  .\[text-decoration-skip-ink\:none\] {
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
  }
  .\[text-decoration\:none\] {
    text-decoration: none;
  }
  .\[transform-style\:preserve-3d\] {
    transform-style: preserve-3d;
  }
  .\[unicode-bidi\:plaintext\] {
    unicode-bidi: plaintext;
  }
  .block-1 {
    block-size: var(--spacing);
  }
  .block-2 {
    block-size: calc(var(--spacing) * 2);
  }
  .no-drag {
    -webkit-app-region: no-drag;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  :is(.\*\:pointer-events-auto > *) {
    pointer-events: auto;
  }
  :is(.\*\:opacity-60 > *) {
    opacity: 0.6;
  }
  .not-first\:mt-1:not(:first-child) {
    margin-top: var(--spacing);
  }
  .group-last\/turn-diff-file-row\:rounded-b-lg:is(
    :where(.group\/turn-diff-file-row):last-child *
  ) {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }
  .group-open\/closed-tab\:rotate-180:is(
    :where(.group\/closed-tab):is([open], :popover-open, :open) *
  ) {
    rotate: 180deg;
  }
  .group-open\/code\:rotate-0:is(
    :where(.group\/code):is([open], :popover-open, :open) *
  ) {
    rotate: 0deg;
  }
  .group-open\/command\:invisible:is(
    :where(.group\/command):is([open], :popover-open, :open) *
  ) {
    visibility: hidden;
  }
  .group-open\/command\:inline:is(
    :where(.group\/command):is([open], :popover-open, :open) *
  ) {
    display: inline;
  }
  .group-open\/command\:rotate-0:is(
    :where(.group\/command):is([open], :popover-open, :open) *
  ) {
    rotate: 0deg;
  }
  .group-open\/commits\:rotate-90:is(
    :where(.group\/commits):is([open], :popover-open, :open) *
  ),
  .group-open\/description\:rotate-90:is(
    :where(.group\/description):is([open], :popover-open, :open) *
  ),
  .group-open\/input-schema\:rotate-90:is(
    :where(.group\/input-schema):is([open], :popover-open, :open) *
  ) {
    rotate: 90deg;
  }
  .group-open\/notebook-cell\:rotate-0:is(
    :where(.group\/notebook-cell):is([open], :popover-open, :open) *
  ) {
    rotate: 0deg;
  }
  .group-open\/saved-tab\:rotate-180:is(
    :where(.group\/saved-tab):is([open], :popover-open, :open) *
  ) {
    rotate: 180deg;
  }
  .group-open\/section\:rotate-0:is(
    :where(.group\/section):is([open], :popover-open, :open) *
  ) {
    rotate: 0deg;
  }
  .group-open\/site-tool\:sticky:is(
    :where(.group\/site-tool):is([open], :popover-open, :open) *
  ) {
    position: sticky;
  }
  .group-open\/site-tool\:top-0:is(
    :where(.group\/site-tool):is([open], :popover-open, :open) *
  ) {
    top: 0;
  }
  .group-open\/site-tool\:z-10:is(
    :where(.group\/site-tool):is([open], :popover-open, :open) *
  ) {
    z-index: 10;
  }
  .group-open\/site-tool\:rotate-90:is(
    :where(.group\/site-tool):is([open], :popover-open, :open) *
  ) {
    rotate: 90deg;
  }
  .group-open\/tab\:rotate-180:is(
    :where(.group\/tab):is([open], :popover-open, :open) *
  ) {
    rotate: 180deg;
  }
  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }
  .group-focus-within\:visible:is(:where(.group):focus-within *) {
    visibility: visible;
  }
  .group-focus-within\:border-ring:is(:where(.group):focus-within *) {
    border-color: var(--color-ring);
  }
  .group-focus-within\:text-default:is(:where(.group):focus-within *) {
    color: var(--color-text);
  }
  .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\:ring-border-strong:is(:where(.group):focus-within *) {
    --tw-ring-color: var(--color-border-strong);
  }
  .group-focus-within\/add\:opacity-0:is(:where(.group\/add):focus-within *) {
    opacity: 0;
  }
  .group-focus-within\/add\:opacity-100:is(:where(.group\/add):focus-within *),
  .group-focus-within\/address-bar\:opacity-100:is(
    :where(.group\/address-bar):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/address-bar\:delay-0:is(
    :where(.group\/address-bar):focus-within *
  ) {
    transition-delay: 0s;
  }
  .group-focus-within\/cloud-file-row\:pointer-events-auto:is(
    :where(.group\/cloud-file-row):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/cloud-file-row\:opacity-100:is(
    :where(.group\/cloud-file-row):focus-within *
  ),
  .group-focus-within\/code-snippet\:opacity-100:is(
    :where(.group\/code-snippet):focus-within *
  ),
  .group-focus-within\/comment\:opacity-100:is(
    :where(.group\/comment):focus-within *
  ),
  .group-focus-within\/commits\:opacity-100:is(
    :where(.group\/commits):focus-within *
  ),
  .group-focus-within\/example\:opacity-100:is(
    :where(.group\/example):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/file-attachment\:hidden:is(
    :where(.group\/file-attachment):focus-within *
  ) {
    display: none;
  }
  .group-focus-within\/file-attachment\:inline:is(
    :where(.group\/file-attachment):focus-within *
  ) {
    display: inline;
  }
  .group-focus-within\/floating-composer\:pointer-events-auto:is(
    :where(.group\/floating-composer):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/floating-composer\:translate-y-0:is(
    :where(.group\/floating-composer):focus-within *
  ) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\/floating-composer\:delay-0:is(
    :where(.group\/floating-composer):focus-within *
  ) {
    transition-delay: 0s;
  }
  .group-focus-within\/floating-composer-reveal-zone\:pointer-events-auto:is(
    :where(.group\/floating-composer-reveal-zone):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/floating-composer-reveal-zone\:translate-y-0:is(
    :where(.group\/floating-composer-reveal-zone):focus-within *
  ) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\/generated-image-gallery-controls\:pointer-events-auto:is(
    :where(.group\/generated-image-gallery-controls):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/generated-image-gallery-controls\:opacity-0:is(
    :where(.group\/generated-image-gallery-controls):focus-within *
  ) {
    opacity: 0;
  }
  .group-focus-within\/generated-image-gallery-controls\:opacity-100:is(
    :where(.group\/generated-image-gallery-controls):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/generated-image-preview\:pointer-events-auto:is(
    :where(.group\/generated-image-preview):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/generated-image-preview\:opacity-100:is(
    :where(.group\/generated-image-preview):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/home-suggestion-list-item\:pointer-events-auto:is(
    :where(.group\/home-suggestion-list-item):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/home-suggestion-list-item\:opacity-100:is(
    :where(.group\/home-suggestion-list-item):focus-within *
  ),
  .group-focus-within\/home-suggestions\:opacity-100:is(
    :where(.group\/home-suggestions):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/memory-source\:pointer-events-auto:is(
    :where(.group\/memory-source):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/memory-source\:opacity-100:is(
    :where(.group\/memory-source):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/nav-section-title\:pointer-events-auto:is(
    :where(.group\/nav-section-title):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/nav-section-title\:opacity-100:is(
    :where(.group\/nav-section-title):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/notebook-cell\:opacity-60:is(
    :where(.group\/notebook-cell):focus-within *
  ) {
    opacity: 0.6;
  }
  .group-focus-within\/pdf-preview\:pointer-events-auto:is(
    :where(.group\/pdf-preview):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/pdf-preview\:opacity-100:is(
    :where(.group\/pdf-preview):focus-within *
  ),
  .group-focus-within\/permission\:opacity-100:is(
    :where(.group\/permission):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/project-chat\:pointer-events-auto:is(
    :where(.group\/project-chat):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/project-chat\:opacity-0:is(
    :where(.group\/project-chat):focus-within *
  ) {
    opacity: 0;
  }
  .group-focus-within\/project-chat\:opacity-100:is(
    :where(.group\/project-chat):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/referral\:\!pointer-events-auto:is(
    :where(.group\/referral):focus-within *
  ) {
    pointer-events: auto !important;
  }
  .group-focus-within\/referral\:\!opacity-0:is(
    :where(.group\/referral):focus-within *
  ) {
    opacity: 0 !important;
  }
  .group-focus-within\/referral\:\!opacity-100:is(
    :where(.group\/referral):focus-within *
  ) {
    opacity: 1 !important;
  }
  .group-focus-within\/response-annotation\:pointer-events-auto:is(
    :where(.group\/response-annotation):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/response-annotation\:opacity-100:is(
    :where(.group\/response-annotation):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/status-toggle\:opacity-0:is(
    :where(.group\/status-toggle):focus-within *
  ) {
    opacity: 0;
  }
  .group-focus-within\/status-toggle\:opacity-100:is(
    :where(.group\/status-toggle):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/summary-panel-item\:pointer-events-auto:is(
    :where(.group\/summary-panel-item):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/summary-panel-item\:opacity-100:is(
    :where(.group\/summary-panel-item):focus-within *
  ) {
    opacity: 1;
  }
  .group-focus-within\/tab\:pointer-events-auto:is(
    :where(.group\/tab):focus-within *
  ) {
    pointer-events: auto;
  }
  .group-focus-within\/tab\:text-fade-truncate:is(
    :where(.group\/tab):focus-within *
  ) {
    text-overflow: clip;
    white-space: nowrap;
    width: 100%;
    min-width: 0;
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    mask-image: linear-gradient(
      to right,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    display: block;
    overflow: hidden;
  }
  .group-focus-within\/tab\:text-fade-truncate:is(
      :where(.group\/tab):focus-within *
    ):is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ) {
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    -webkit-mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
    mask-image: linear-gradient(
      to left,
      #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
      transparent
    );
  }
  .group-focus-within\/tab\:shrink:is(:where(.group\/tab):focus-within *) {
    flex-shrink: 1;
  }
  .group-focus-within\/tab\:pe-3\.5:is(:where(.group\/tab):focus-within *) {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  .group-focus-within\/tab\:pe-5:is(:where(.group\/tab):focus-within *) {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .group-focus-within\/tab\:opacity-100:is(:where(.group\/tab):focus-within *),
  .group-focus-within\/timeline\:opacity-100:is(
    :where(.group\/timeline):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\:ms-1\.5:is(:where(.group):hover *) {
      margin-inline-start: calc(var(--spacing) * 1.5);
    }
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }
    .group-hover\:hidden:is(:where(.group):hover *) {
      display: none;
    }
    .group-hover\:inline:is(:where(.group):hover *) {
      display: inline;
    }
    .group-hover\:h-\[30px\]:is(:where(.group):hover *) {
      height: 30px;
    }
    .group-hover\:w-9:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 9);
    }
    .group-hover\:w-\[72px\]:is(:where(.group):hover *) {
      width: 72px;
    }
    .group-hover\:min-w-5:is(:where(.group):hover *) {
      min-width: calc(var(--spacing) * 5);
    }
    .group-hover\:min-w-12:is(:where(.group):hover *) {
      min-width: calc(var(--spacing) * 12);
    }
    .group-hover\:min-w-20:is(:where(.group):hover *) {
      min-width: calc(var(--spacing) * 20);
    }
    .group-hover\:min-w-\[36px\]:is(:where(.group):hover *) {
      min-width: 36px;
    }
    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: 0px;
      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\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 1.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-1:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:scale-90:is(:where(.group):hover *) {
      --tw-scale-x: 90%;
      --tw-scale-y: 90%;
      --tw-scale-z: 90%;
      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\:rounded-full:is(:where(.group):hover *) {
      border-radius: var(--radius-full);
    }
    .group-hover\:border-border\/80:is(:where(.group):hover *) {
      border-color: color-mix(
        in srgb,
        --alpha(var(--vscode-foreground) / 0.08) 80%,
        transparent
      );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-border\/80:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
      }
    }
    .group-hover\:border-strong:is(:where(.group):hover *) {
      border-color: var(--color-border-strong);
    }
    .group-hover\:bg-black\/30:is(:where(.group):hover *) {
      background-color: #0000004d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/30:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-black) 30%,
          transparent
        );
      }
    }
    .group-hover\:bg-text-tertiary\/20:is(:where(.group):hover *) {
      background-color: var(--color-text-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text-tertiary\/20:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text-tertiary) 20%,
          transparent
        );
      }
    }
    .group-hover\:bg-text\/5:is(:where(.group):hover *) {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text\/5:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text) 5%,
          transparent
        );
      }
    }
    .group-hover\:bg-text\/10:is(:where(.group):hover *) {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text\/10:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text) 10%,
          transparent
        );
      }
    }
    .group-hover\:bg-text\/15:is(:where(.group):hover *) {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text\/15:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text) 15%,
          transparent
        );
      }
    }
    .group-hover\:bg-text\/20:is(:where(.group):hover *) {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text\/20:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text) 20%,
          transparent
        );
      }
    }
    .group-hover\:bg-text\/25:is(:where(.group):hover *) {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-text\/25:is(:where(.group):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text) 25%,
          transparent
        );
      }
    }
    .group-hover\:pe-14:is(:where(.group):hover *) {
      padding-inline-end: calc(var(--spacing) * 14);
    }
    .group-hover\:\!text-default:is(:where(.group):hover *) {
      color: var(--color-text) !important;
    }
    .group-hover\:text-codex-icon:is(:where(.group):hover *) {
      color: var(--color-codex-icon);
    }
    .group-hover\:text-default:is(:where(.group):hover *) {
      color: var(--color-text);
    }
    .group-hover\:text-info:is(:where(.group):hover *) {
      color: var(--color-text-info);
    }
    .group-hover\:text-primary-solid:is(:where(.group):hover *) {
      color: var(--color-text-primary-solid);
    }
    .group-hover\:decoration-inherit:is(:where(.group):hover *) {
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      text-decoration-color: inherit;
    }
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
    .group-hover\:opacity-10:is(:where(.group):hover *) {
      opacity: 0.1;
    }
    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: 0.7;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
    .group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.82\)\,0_0_12px_rgba\(141\,181\,255\,0\.2\)\]:is(
        :where(.group):hover *
      ) {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffffd1),
        0 0 12px var(--tw-shadow-color, #8db5ff33);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.92\)\,0_0_12px_rgba\(141\,181\,255\,0\.18\)\]:is(
        :where(.group):hover *
      ) {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffffeb),
        0 0 12px var(--tw-shadow-color, #8db5ff2e);
      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\:ring-border-subtle:is(:where(.group):hover *) {
      --tw-ring-color: var(--color-border-subtle);
    }
    .group-hover\:delay-0:is(:where(.group):hover *) {
      transition-delay: 0s;
    }
    .group-hover\:delay-\[190ms\]:is(:where(.group):hover *) {
      transition-delay: 0.19s;
    }
    .group-hover\/activity-header\:\!text-default:is(
      :where(.group\/activity-header):hover *
    ) {
      color: var(--color-text) !important;
    }
    .group-hover\/activity-header\:text-default:is(
      :where(.group\/activity-header):hover *
    ) {
      color: var(--color-text);
    }
    .group-hover\/add\:opacity-0:is(:where(.group\/add):hover *) {
      opacity: 0;
    }
    .group-hover\/add\:opacity-100:is(:where(.group\/add):hover *),
    .group-hover\/address-bar\:opacity-100:is(
      :where(.group\/address-bar):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/appshot\:pointer-events-auto:is(
      :where(.group\/appshot):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/appshot\:opacity-100:is(:where(.group\/appshot):hover *) {
      opacity: 1;
    }
    .group-hover\/automatic-approval-review\:text-default:is(
      :where(.group\/automatic-approval-review):hover *
    ) {
      color: var(--color-text);
    }
    .group-hover\/automatic-approval-review\:opacity-100:is(
      :where(.group\/automatic-approval-review):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/cloud-file-row\:pointer-events-auto:is(
      :where(.group\/cloud-file-row):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/cloud-file-row\:hidden:is(
      :where(.group\/cloud-file-row):hover *
    ) {
      display: none;
    }
    .group-hover\/cloud-file-row\:inline:is(
      :where(.group\/cloud-file-row):hover *
    ) {
      display: inline;
    }
    .group-hover\/cloud-file-row\:inline-flex:is(
      :where(.group\/cloud-file-row):hover *
    ) {
      display: inline-flex;
    }
    .group-hover\/cloud-file-row\:opacity-100:is(
      :where(.group\/cloud-file-row):hover *
    ),
    .group-hover\/code-snippet\:opacity-100:is(
      :where(.group\/code-snippet):hover *
    ),
    .group-hover\/command\:opacity-100:is(:where(.group\/command):hover *),
    .group-hover\/comment\:opacity-100:is(:where(.group\/comment):hover *),
    .group-hover\/commits\:opacity-100:is(:where(.group\/commits):hover *),
    .group-hover\/diff-header\:opacity-100:is(
      :where(.group\/diff-header):hover *
    ),
    .group-hover\/email\:opacity-100:is(:where(.group\/email):hover *) {
      opacity: 1;
    }
    .group-hover\/end-resource\:hidden:is(
      :where(.group\/end-resource):hover *
    ) {
      display: none;
    }
    .group-hover\/end-resource\:inline-flex:is(
      :where(.group\/end-resource):hover *
    ) {
      display: inline-flex;
    }
    .group-hover\/end-resource\:bg-background-primary-ghost-hover\/30:is(
      :where(.group\/end-resource):hover *
    ) {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/end-resource\:bg-background-primary-ghost-hover\/30:is(
        :where(.group\/end-resource):hover *
      ) {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 30%,
          transparent
        );
      }
    }
    .group-hover\/example\:opacity-100:is(:where(.group\/example):hover *) {
      opacity: 1;
    }
    .group-hover\/file-attachment\:hidden:is(
      :where(.group\/file-attachment):hover *
    ) {
      display: none;
    }
    .group-hover\/file-attachment\:inline:is(
      :where(.group\/file-attachment):hover *
    ) {
      display: inline;
    }
    .group-hover\/file-attachment\:bg-background-primary-ghost-hover\/30:is(
      :where(.group\/file-attachment):hover *
    ) {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/file-attachment\:bg-background-primary-ghost-hover\/30:is(
        :where(.group\/file-attachment):hover *
      ) {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 30%,
          transparent
        );
      }
    }
    .group-hover\/file-diff\:pointer-events-auto:is(
      :where(.group\/file-diff):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/file-diff\:opacity-100:is(:where(.group\/file-diff):hover *) {
      opacity: 1;
    }
    .group-hover\/file-row\:hidden:is(:where(.group\/file-row):hover *) {
      display: none;
    }
    .group-hover\/file-row\:inline-flex:is(:where(.group\/file-row):hover *) {
      display: inline-flex;
    }
    .group-hover\/floating-composer\:pointer-events-auto:is(
      :where(.group\/floating-composer):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/floating-composer\:translate-y-0:is(
      :where(.group\/floating-composer):hover *
    ) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/floating-composer\:delay-75:is(
      :where(.group\/floating-composer):hover *
    ) {
      transition-delay: 75ms;
    }
    .group-hover\/floating-composer-reveal\:rotate-90:is(
      :where(.group\/floating-composer-reveal):hover *
    ) {
      rotate: 90deg;
    }
    .group-hover\/floating-composer-reveal\:text-secondary:is(
      :where(.group\/floating-composer-reveal):hover *
    ) {
      color: var(--color-text-secondary);
    }
    .group-hover\/floating-composer-reveal\:opacity-100:is(
      :where(.group\/floating-composer-reveal):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/folder-row\:invisible:is(:where(.group\/folder-row):hover *) {
      visibility: hidden;
    }
    .group-hover\/folder-row\:w-6:is(:where(.group\/folder-row):hover *) {
      width: calc(var(--spacing) * 6);
    }
    .group-hover\/folder-row\:w-auto:is(:where(.group\/folder-row):hover *) {
      width: auto;
    }
    .group-hover\/folder-row\:overflow-visible:is(
      :where(.group\/folder-row):hover *
    ) {
      overflow: visible;
    }
    .group-hover\/folder-row\:opacity-0:is(:where(.group\/folder-row):hover *) {
      opacity: 0;
    }
    .group-hover\/folder-row\:opacity-100:is(
      :where(.group\/folder-row):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/followup-citation\:translate-x-0\.5:is(
        :where(.group\/followup-citation):hover *
      ) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/followup-citation\:text-info:is(
      :where(.group\/followup-citation):hover *
    ) {
      color: var(--color-text-info);
    }
    .group-hover\/generated-image-gallery-controls\:pointer-events-auto:is(
      :where(.group\/generated-image-gallery-controls):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/generated-image-gallery-controls\:opacity-0:is(
      :where(.group\/generated-image-gallery-controls):hover *
    ) {
      opacity: 0;
    }
    .group-hover\/generated-image-gallery-controls\:opacity-100:is(
      :where(.group\/generated-image-gallery-controls):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/generated-image-preview\:pointer-events-auto:is(
      :where(.group\/generated-image-preview):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/generated-image-preview\:opacity-100:is(
      :where(.group\/generated-image-preview):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/home-suggestion-list-item\:pointer-events-auto:is(
      :where(.group\/home-suggestion-list-item):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/home-suggestion-list-item\:text-default:is(
      :where(.group\/home-suggestion-list-item):hover *
    ) {
      color: var(--color-text);
    }
    .group-hover\/home-suggestion-list-item\:opacity-100:is(
      :where(.group\/home-suggestion-list-item):hover *
    ),
    .group-hover\/home-suggestions\:opacity-100:is(
      :where(.group\/home-suggestions):hover *
    ),
    .group-hover\/line-item\:opacity-100:is(:where(.group\/line-item):hover *) {
      opacity: 1;
    }
    .group-hover\/memory-source\:pointer-events-auto:is(
      :where(.group\/memory-source):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/memory-source\:opacity-100:is(
      :where(.group\/memory-source):hover *
    ),
    .group-hover\/mermaid\:opacity-100:is(:where(.group\/mermaid):hover *) {
      opacity: 1;
    }
    .group-hover\/nav-section-title\:pointer-events-auto:is(
      :where(.group\/nav-section-title):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/nav-section-title\:opacity-100:is(
      :where(.group\/nav-section-title):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/notebook-cell\:opacity-60:is(
      :where(.group\/notebook-cell):hover *
    ) {
      opacity: 0.6;
    }
    .group-hover\/output\:opacity-100:is(:where(.group\/output):hover *) {
      opacity: 1;
    }
    .group-hover\/panel-resizer\:pointer-events-auto:is(
      :where(.group\/panel-resizer):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/panel-resizer\:opacity-100:is(
      :where(.group\/panel-resizer):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/pdf-preview\:pointer-events-auto:is(
      :where(.group\/pdf-preview):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/pdf-preview\:opacity-100:is(
      :where(.group\/pdf-preview):hover *
    ),
    .group-hover\/permission\:opacity-100:is(
      :where(.group\/permission):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/project-chat\:pointer-events-auto:is(
      :where(.group\/project-chat):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/project-chat\:opacity-0:is(
      :where(.group\/project-chat):hover *
    ) {
      opacity: 0;
    }
    .group-hover\/project-chat\:opacity-100:is(
      :where(.group\/project-chat):hover *
    ),
    .group-hover\/project-hover-card-row\:opacity-100:is(
      :where(.group\/project-hover-card-row):hover *
    ),
    .group-hover\/project-row\:opacity-100:is(
      :where(.group\/project-row):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/referral\:\!pointer-events-auto:is(
      :where(.group\/referral):hover *
    ) {
      pointer-events: auto !important;
    }
    .group-hover\/referral\:\!opacity-0:is(:where(.group\/referral):hover *) {
      opacity: 0 !important;
    }
    .group-hover\/referral\:\!opacity-100:is(:where(.group\/referral):hover *) {
      opacity: 1 !important;
    }
    .group-hover\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-elevated\)_88\%\,var\(--color-text\)\)\]:is(
      :where(.group\/remove):hover *
    ) {
      background-color: var(--color-surface-elevated);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-elevated\)_88\%\,var\(--color-text\)\)\]:is(
        :where(.group\/remove):hover *
      ) {
        background-color: color-mix(
          in srgb,
          var(--color-surface-elevated) 88%,
          var(--color-text)
        );
      }
    }
    .group-hover\/response-annotation\:pointer-events-auto:is(
      :where(.group\/response-annotation):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/response-annotation\:opacity-100:is(
      :where(.group\/response-annotation):hover *
    ),
    .group-hover\/section-toggle\:opacity-100:is(
      :where(.group\/section-toggle):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/sidebar-rail\:opacity-0:is(
      :where(.group\/sidebar-rail):hover *
    ) {
      opacity: 0;
    }
    .group-hover\/sidebar-rail\:opacity-100:is(
      :where(.group\/sidebar-rail):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/sidebar-rail\:delay-150:is(
      :where(.group\/sidebar-rail):hover *
    ) {
      transition-delay: 0.15s;
    }
    .group-hover\/status-toggle\:opacity-0:is(
      :where(.group\/status-toggle):hover *
    ) {
      opacity: 0;
    }
    .group-hover\/status-toggle\:opacity-100:is(
      :where(.group\/status-toggle):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/summary-panel-item\:pointer-events-auto:is(
      :where(.group\/summary-panel-item):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/summary-panel-item\:opacity-100:is(
      :where(.group\/summary-panel-item):hover *
    ) {
      opacity: 1;
    }
    .group-hover\/tab\:pointer-events-auto:is(:where(.group\/tab):hover *) {
      pointer-events: auto;
    }
    .group-hover\/tab\:text-fade-truncate:is(:where(.group\/tab):hover *) {
      text-overflow: clip;
      white-space: nowrap;
      width: 100%;
      min-width: 0;
      -webkit-mask-image: linear-gradient(
        to right,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      -webkit-mask-image: linear-gradient(
        to right,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      -webkit-mask-image: linear-gradient(
        to right,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      -webkit-mask-image: linear-gradient(
        to right,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      mask-image: linear-gradient(
        to right,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      display: block;
      overflow: hidden;
    }
    .group-hover\/tab\:text-fade-truncate:is(:where(.group\/tab):hover *):is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      ) {
      -webkit-mask-image: linear-gradient(
        to left,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      -webkit-mask-image: linear-gradient(
        to left,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      -webkit-mask-image: linear-gradient(
        to left,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      -webkit-mask-image: linear-gradient(
        to left,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
      mask-image: linear-gradient(
        to left,
        #000 calc(100% - var(--text-fade-truncate-distance, 1rem)),
        transparent
      );
    }
    .group-hover\/tab\:shrink:is(:where(.group\/tab):hover *) {
      flex-shrink: 1;
    }
    .group-hover\/tab\:bg-\[var\(--app-shell-tab-background\)\]:is(
      :where(.group\/tab):hover *
    ) {
      background-color: var(--app-shell-tab-background);
    }
    .group-hover\/tab\:bg-primary-ghost-hover:is(:where(.group\/tab):hover *) {
      background-color: var(--color-background-primary-ghost-hover);
    }
    .group-hover\/tab\:to-\[var\(--app-shell-tab-background\)\]:is(
      :where(.group\/tab):hover *
    ) {
      --tw-gradient-to: var(--app-shell-tab-background);
      --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)
      );
    }
    .group-hover\/tab\:pe-3\.5:is(:where(.group\/tab):hover *) {
      padding-inline-end: calc(var(--spacing) * 3.5);
    }
    .group-hover\/tab\:pe-5:is(:where(.group\/tab):hover *) {
      padding-inline-end: calc(var(--spacing) * 5);
    }
    .group-hover\/tab\:opacity-100:is(:where(.group\/tab):hover *) {
      opacity: 1;
    }
    .group-hover\/template-card\:pointer-events-auto:is(
      :where(.group\/template-card):hover *
    ) {
      pointer-events: auto;
    }
    .group-hover\/template-card\:opacity-100:is(
      :where(.group\/template-card):hover *
    ),
    .group-hover\/thread-row\:opacity-100:is(
      :where(.group\/thread-row):hover *
    ),
    .group-hover\/timeline\:opacity-100:is(:where(.group\/timeline):hover *) {
      opacity: 1;
    }
    .group-hover\/turn-diff-header\:bg-background-primary-ghost-hover\/30:is(
      :where(.group\/turn-diff-header):hover *
    ) {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/turn-diff-header\:bg-background-primary-ghost-hover\/30:is(
        :where(.group\/turn-diff-header):hover *
      ) {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 30%,
          transparent
        );
      }
    }
    .group-hover\/use\:border-strong:is(:where(.group\/use):hover *) {
      border-color: var(--color-border-strong);
    }
    .group-hover\/use\:bg-text\/25:is(:where(.group\/use):hover *) {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/use\:bg-text\/25:is(:where(.group\/use):hover *) {
        background-color: color-mix(
          in oklab,
          var(--color-text) 25%,
          transparent
        );
      }
    }
    .group-hover\/use\:text-default:is(:where(.group\/use):hover *) {
      color: var(--color-text);
    }
    .group-hover\/use\:text-primary-solid:is(:where(.group\/use):hover *) {
      color: var(--color-text-primary-solid);
    }
    .group-hover\/writing-block-surface\:\[box-shadow\:inset_0_0_0_1px_var\(--oai-wb-border-hover\)\]:is(
      :where(.group\/writing-block-surface):hover *
    ) {
      box-shadow: inset 0 0 0 1px var(--oai-wb-border-hover);
    }
  }
  .group-focus\:bg-black\/30:is(:where(.group):focus *) {
    background-color: #0000004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus\:bg-black\/30:is(:where(.group):focus *) {
      background-color: color-mix(
        in oklab,
        var(--color-black) 30%,
        transparent
      );
    }
  }
  .group-focus\:opacity-100:is(:where(.group):focus *) {
    opacity: 1;
  }
  .group-focus-visible\:pointer-events-auto:is(:where(.group):focus-visible *) {
    pointer-events: auto;
  }
  .group-focus-visible\:ms-1\.5:is(:where(.group):focus-visible *) {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .group-focus-visible\:block:is(:where(.group):focus-visible *) {
    display: block;
  }
  .group-focus-visible\:hidden:is(:where(.group):focus-visible *) {
    display: none;
  }
  .group-focus-visible\:w-9:is(:where(.group):focus-visible *) {
    width: calc(var(--spacing) * 9);
  }
  .group-focus-visible\:min-w-5:is(:where(.group):focus-visible *) {
    min-width: calc(var(--spacing) * 5);
  }
  .group-focus-visible\:min-w-12:is(:where(.group):focus-visible *) {
    min-width: calc(var(--spacing) * 12);
  }
  .group-focus-visible\:min-w-20:is(:where(.group):focus-visible *) {
    min-width: calc(var(--spacing) * 20);
  }
  .group-focus-visible\:min-w-\[36px\]:is(:where(.group):focus-visible *) {
    min-width: 36px;
  }
  .group-focus-visible\:translate-x-0:is(:where(.group):focus-visible *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-visible\:translate-x-0\.5:is(:where(.group):focus-visible *) {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-visible\:translate-y-0:is(:where(.group):focus-visible *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-visible\:scale-90:is(:where(.group):focus-visible *) {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-focus-visible\:bg-text\/25:is(:where(.group):focus-visible *) {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\:bg-text\/25:is(:where(.group):focus-visible *) {
      background-color: color-mix(in oklab, var(--color-text) 25%, transparent);
    }
  }
  .group-focus-visible\:pe-14:is(:where(.group):focus-visible *) {
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .group-focus-visible\:text-default:is(:where(.group):focus-visible *) {
    color: var(--color-text);
  }
  .group-focus-visible\:text-primary-solid:is(:where(.group):focus-visible *) {
    color: var(--color-text-primary-solid);
  }
  .group-focus-visible\:opacity-0:is(:where(.group):focus-visible *) {
    opacity: 0;
  }
  .group-focus-visible\:opacity-100:is(:where(.group):focus-visible *) {
    opacity: 1;
  }
  .group-focus-visible\:ring-ring:is(:where(.group):focus-visible *) {
    --tw-ring-color: var(--color-ring);
  }
  .group-focus-visible\:transition-none:is(:where(.group):focus-visible *) {
    transition-property: none;
  }
  .group-focus-visible\:delay-0:is(:where(.group):focus-visible *) {
    transition-delay: 0s;
  }
  .group-focus-visible\/activity-header\:text-default:is(
    :where(.group\/activity-header):focus-visible *
  ) {
    color: var(--color-text);
  }
  .group-focus-visible\/activity-header\:opacity-100:is(
    :where(.group\/activity-header):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/floating-composer-reveal\:rotate-90:is(
    :where(.group\/floating-composer-reveal):focus-visible *
  ) {
    rotate: 90deg;
  }
  .group-focus-visible\/floating-composer-reveal\:text-secondary:is(
    :where(.group\/floating-composer-reveal):focus-visible *
  ) {
    color: var(--color-text-secondary);
  }
  .group-focus-visible\/floating-composer-reveal\:opacity-100:is(
    :where(.group\/floating-composer-reveal):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/folder-row\:invisible:is(
    :where(.group\/folder-row):focus-visible *
  ) {
    visibility: hidden;
  }
  .group-focus-visible\/folder-row\:w-6:is(
    :where(.group\/folder-row):focus-visible *
  ) {
    width: calc(var(--spacing) * 6);
  }
  .group-focus-visible\/folder-row\:w-auto:is(
    :where(.group\/folder-row):focus-visible *
  ) {
    width: auto;
  }
  .group-focus-visible\/folder-row\:overflow-visible:is(
    :where(.group\/folder-row):focus-visible *
  ) {
    overflow: visible;
  }
  .group-focus-visible\/folder-row\:opacity-100:is(
    :where(.group\/folder-row):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/home-suggestion-list-item\:text-default:is(
    :where(.group\/home-suggestion-list-item):focus-visible *
  ) {
    color: var(--color-text);
  }
  .group-focus-visible\/project-hover-card-row\:opacity-100:is(
    :where(.group\/project-hover-card-row):focus-visible *
  ),
  .group-focus-visible\/project-toggle\:opacity-100:is(
    :where(.group\/project-toggle):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-elevated\)_88\%\,var\(--color-text\)\)\]:is(
    :where(.group\/remove):focus-visible *
  ) {
    background-color: var(--color-surface-elevated);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\/remove\:bg-\[color-mix\(in_srgb\,var\(--color-surface-elevated\)_88\%\,var\(--color-text\)\)\]:is(
      :where(.group\/remove):focus-visible *
    ) {
      background-color: color-mix(
        in srgb,
        var(--color-surface-elevated) 88%,
        var(--color-text)
      );
    }
  }
  .group-focus-visible\/section-toggle\:opacity-100:is(
    :where(.group\/section-toggle):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/sidebar-trigger\:opacity-0:is(
    :where(.group\/sidebar-trigger):focus-visible *
  ) {
    opacity: 0;
  }
  .group-focus-visible\/sidebar-trigger\:opacity-100:is(
    :where(.group\/sidebar-trigger):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/sidebar-trigger\:delay-0:is(
    :where(.group\/sidebar-trigger):focus-visible *
  ) {
    transition-delay: 0s;
  }
  .group-focus-visible\/status-pill\:invisible:is(
    :where(.group\/status-pill):focus-visible *
  ) {
    visibility: hidden;
  }
  .group-focus-visible\/status-pill\:visible:is(
    :where(.group\/status-pill):focus-visible *
  ) {
    visibility: visible;
  }
  .group-focus-visible\/status-pill\:bg-text\/20:is(
    :where(.group\/status-pill):focus-visible *
  ) {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\/status-pill\:bg-text\/20:is(
      :where(.group\/status-pill):focus-visible *
    ) {
      background-color: color-mix(in oklab, var(--color-text) 20%, transparent);
    }
  }
  .group-focus-visible\/summary-panel-item\:opacity-100:is(
    :where(.group\/summary-panel-item):focus-visible *
  ) {
    opacity: 1;
  }
  .group-focus-visible\/use\:bg-text\/25:is(
    :where(.group\/use):focus-visible *
  ) {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-focus-visible\/use\:bg-text\/25:is(
      :where(.group\/use):focus-visible *
    ) {
      background-color: color-mix(in oklab, var(--color-text) 25%, transparent);
    }
  }
  .group-focus-visible\/use\:text-default:is(
    :where(.group\/use):focus-visible *
  ) {
    color: var(--color-text);
  }
  .group-focus-visible\/use\:text-primary-solid:is(
    :where(.group\/use):focus-visible *
  ) {
    color: var(--color-text-primary-solid);
  }
  .group-focus-visible\/use\:ring-ring:is(:where(.group\/use):focus-visible *) {
    --tw-ring-color: var(--color-ring);
  }
  .group-active\:bg-text\/25:is(:where(.group):active *) {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-active\:bg-text\/25:is(:where(.group):active *) {
      background-color: color-mix(in oklab, var(--color-text) 25%, transparent);
    }
  }
  .group-active\:opacity-100:is(:where(.group):active *),
  .group-active\/panel-resizer\:opacity-100:is(
    :where(.group\/panel-resizer):active *
  ) {
    opacity: 1;
  }
  @media (hover: hover) {
    .group-enabled\/add-source-row\:group-hover\/add-source-row\:bg-primary-ghost-hover:is(
        :where(.group\/add-source-row):enabled *
      ):is(:where(.group\/add-source-row):hover *) {
      background-color: var(--color-background-primary-ghost-hover);
    }
  }
  .group-has-focus-visible\/panel-resizer\:pointer-events-auto:is(
    :where(.group\/panel-resizer):has(:focus-visible) *
  ) {
    pointer-events: auto;
  }
  .group-has-focus-visible\/panel-resizer\:opacity-100:is(
    :where(.group\/panel-resizer):has(:focus-visible) *
  ) {
    opacity: 1;
  }
  .group-has-\[\:disabled\]\:cursor-not-allowed:is(
    :where(.group):has(:disabled) *
  ) {
    cursor: not-allowed;
  }
  .group-has-\[\:disabled\]\:opacity-40:is(:where(.group):has(:disabled) *) {
    opacity: 0.4;
  }
  .group-has-\[\:focus-visible\]\:pointer-events-auto:is(
    :where(.group):has(:focus-visible) *
  ) {
    pointer-events: auto;
  }
  .group-has-\[\:focus-visible\]\:hidden:is(
    :where(.group):has(:focus-visible) *
  ) {
    display: none;
  }
  .group-has-\[\:focus-visible\]\:min-w-5:is(
    :where(.group):has(:focus-visible) *
  ) {
    min-width: calc(var(--spacing) * 5);
  }
  .group-has-\[\:focus-visible\]\:min-w-12:is(
    :where(.group):has(:focus-visible) *
  ) {
    min-width: calc(var(--spacing) * 12);
  }
  .group-has-\[\:focus-visible\]\:min-w-20:is(
    :where(.group):has(:focus-visible) *
  ) {
    min-width: calc(var(--spacing) * 20);
  }
  .group-has-\[\:focus-visible\]\:min-w-\[36px\]:is(
    :where(.group):has(:focus-visible) *
  ) {
    min-width: 36px;
  }
  .group-has-\[\:focus-visible\]\:pe-14:is(
    :where(.group):has(:focus-visible) *
  ) {
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .group-has-\[\:focus-visible\]\:opacity-100:is(
    :where(.group):has(:focus-visible) *
  ) {
    opacity: 1;
  }
  .group-has-\[\:focus-visible\]\/activity-header\:text-default:is(
    :where(.group\/activity-header):has(:focus-visible) *
  ) {
    color: var(--color-text);
  }
  .group-has-\[\:focus-visible\]\/activity-header\:opacity-100:is(
    :where(.group\/activity-header):has(:focus-visible) *
  ),
  .group-has-\[\:focus-visible\]\/diff-header\:opacity-100:is(
    :where(.group\/diff-header):has(:focus-visible) *
  ) {
    opacity: 1;
  }
  .group-has-\[\:focus-visible\]\/folder-row\:invisible:is(
    :where(.group\/folder-row):has(:focus-visible) *
  ) {
    visibility: hidden;
  }
  .group-has-\[\:focus-visible\]\/folder-row\:w-6:is(
    :where(.group\/folder-row):has(:focus-visible) *
  ) {
    width: calc(var(--spacing) * 6);
  }
  .group-has-\[\:focus-visible\]\/folder-row\:w-auto:is(
    :where(.group\/folder-row):has(:focus-visible) *
  ) {
    width: auto;
  }
  .group-has-\[\:focus-visible\]\/folder-row\:overflow-visible:is(
    :where(.group\/folder-row):has(:focus-visible) *
  ) {
    overflow: visible;
  }
  .group-has-\[\:focus-visible\]\/folder-row\:opacity-100:is(
    :where(.group\/folder-row):has(:focus-visible) *
  ) {
    opacity: 1;
  }
  .group-has-\[\:focus-visible\]\/plugin-row\:translate-y-1:is(
    :where(.group\/plugin-row):has(:focus-visible) *
  ) {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-has-\[\:focus-visible\]\/plugin-row\:duration-0:is(
    :where(.group\/plugin-row):has(:focus-visible) *
  ) {
    --tw-duration: 0s;
    transition-duration: 0s;
  }
  .group-has-\[\[data-in-progress-fixed-content\]\]\/realtime-voice-thread\:bottom-12:is(
    :where(.group\/realtime-voice-thread):has([data-in-progress-fixed-content])
      *
  ) {
    bottom: calc(var(--spacing) * 12);
  }
  .group-has-\[\[data-realtime-voice-reasoning-notice\]\]\/realtime-voice-thread\:bottom-16:is(
    :where(.group\/realtime-voice-thread):has(
        [data-realtime-voice-reasoning-notice]
      )
      *
  ) {
    bottom: calc(var(--spacing) * 16);
  }
  .group-has-\[\[data-in-progress-fixed-content\]\]\/realtime-voice-thread\:group-has-\[\[data-realtime-voice-reasoning-notice\]\]\/realtime-voice-thread\:bottom-28:is(
      :where(.group\/realtime-voice-thread):has(
          [data-in-progress-fixed-content]
        )
        *
    ):is(
      :where(.group\/realtime-voice-thread):has(
          [data-realtime-voice-reasoning-notice]
        )
        *
    ) {
    bottom: calc(var(--spacing) * 28);
  }
  .group-has-\[\[data-state\=open\]\]\:opacity-0:is(
    :where(.group):has([data-state="open"]) *
  ) {
    opacity: 0;
  }
  .group-has-\[\[data-tab-shortcut-hint\]\]\/tab\:hidden:is(
    :where(.group\/tab):has([data-tab-shortcut-hint]) *
  ) {
    display: none;
  }
  .group-aria-expanded\/summary-panel-item\:opacity-100:is(
    :where(.group\/summary-panel-item)[aria-expanded="true"] *
  ) {
    opacity: 1;
  }
  .group-aria-\[selected\=true\]\:visible:is(
    :where(.group)[aria-selected="true"] *
  ) {
    visibility: visible;
  }
  .group-aria-\[selected\=true\]\:opacity-100:is(
    :where(.group)[aria-selected="true"] *
  ) {
    opacity: 1;
  }
  .group-data-\[can-scroll-down\=true\]\:block:is(
    :where(.group)[data-can-scroll-down="true"] *
  ) {
    display: block;
  }
  .group-data-\[can-scroll-down\=true\]\:pb-3:is(
    :where(.group)[data-can-scroll-down="true"] *
  ) {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .group-data-\[can-scroll-down\=true\]\:pb-6:is(
    :where(.group)[data-can-scroll-down="true"] *
  ) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .group-data-\[can-scroll-down\=true\]\:pb-7:is(
    :where(.group)[data-can-scroll-down="true"] *
  ) {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .group-data-\[selected\=true\]\:visible:is(
    :where(.group)[data-selected="true"] *
  ) {
    visibility: visible;
  }
  .group-data-\[side\=bottom\]\/diff-preview\:self-start:is(
    :where(.group\/diff-preview)[data-side="bottom"] *
  ) {
    align-self: flex-start;
  }
  .group-data-\[state\=delayed-open\]\:h-\[30px\]:is(
    :where(.group)[data-state="delayed-open"] *
  ) {
    height: 30px;
  }
  .group-data-\[state\=delayed-open\]\:w-\[72px\]:is(
    :where(.group)[data-state="delayed-open"] *
  ) {
    width: 72px;
  }
  .group-data-\[state\=delayed-open\]\:scale-100:is(
    :where(.group)[data-state="delayed-open"] *
  ) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-data-\[state\=delayed-open\]\:rounded-full:is(
    :where(.group)[data-state="delayed-open"] *
  ) {
    border-radius: var(--radius-full);
  }
  .group-data-\[state\=delayed-open\]\:border-border\/80:is(
    :where(.group)[data-state="delayed-open"] *
  ) {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 80%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=delayed-open\]\:border-border\/80:is(
      :where(.group)[data-state="delayed-open"] *
    ) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
  }
  .group-data-\[state\=delayed-open\]\:opacity-100:is(
    :where(.group)[data-state="delayed-open"] *
  ) {
    opacity: 1;
  }
  .group-data-\[state\=unchecked\]\:block:is(
    :where(.group)[data-state="unchecked"] *
  ) {
    display: block;
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:relative:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    position: relative;
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:me-0:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    margin-inline-end: 0;
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:h-5:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    height: calc(var(--spacing) * 5);
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:min-w-0:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    min-width: 0;
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:items-start:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    align-items: flex-start;
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:pe-0:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    padding-inline-end: 0;
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:pe-row-y:is(
    :where(.group)[data-title-aligned-trailing-rail="true"] *
  ) {
    padding-inline-end: var(--padding-row-y);
  }
  .group-data-\[title-aligned-trailing-rail\=true\]\:pt-1\.5:is(
      :where(.group)[data-title-aligned-trailing-rail="true"] *
    ) {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .group-\[\:not\(\[data-mermaid-overflow\]\)\]\/mermaid\:hidden:is(
    :where(.group\/mermaid):not([data-mermaid-overflow]) *
  ) {
    display: none;
  }
  .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .peer-focus-visible\:outline-offset-0:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 0px;
  }
  .peer-focus-visible\:outline-ring:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--color-ring);
  }
  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: 0.7;
  }
  .peer-has-\[button\]\:px-7:is(:where(.peer):has(:is(button)) ~ *) {
    padding-inline: calc(var(--spacing) * 7);
  }
  .peer-data-\[engine\]\:hidden:is(:where(.peer)[data-engine] ~ *) {
    display: none;
  }
  .marker\:hidden ::marker {
    display: none;
  }
  .marker\:hidden::marker {
    display: none;
  }
  .marker\:hidden ::-webkit-details-marker {
    display: none;
  }
  .marker\:hidden::-webkit-details-marker {
    display: none;
  }
  .marker\:text-default ::marker {
    color: var(--color-text);
  }
  .marker\:text-default::marker {
    color: var(--color-text);
  }
  .marker\:text-default ::-webkit-details-marker {
    color: var(--color-text);
  }
  .marker\:text-default::-webkit-details-marker {
    color: var(--color-text);
  }
  .marker\:text-tertiary ::marker {
    color: var(--color-text-tertiary);
  }
  .marker\:text-tertiary::marker {
    color: var(--color-text-tertiary);
  }
  .marker\:text-tertiary ::-webkit-details-marker {
    color: var(--color-text-tertiary);
  }
  .marker\:text-tertiary::-webkit-details-marker {
    color: var(--color-text-tertiary);
  }
  .marker\:content-none ::marker {
    --tw-content: none;
    content: none;
  }
  .marker\:content-none::marker {
    --tw-content: none;
    content: none;
  }
  .marker\:content-none ::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }
  .marker\:content-none::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }
  .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go-to-line-bg\)\)\]
    ::selection {
    background-color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go-to-line-bg\)\)\]
      ::selection {
      background-color: color-mix(
        in lab,
        var(--go-to-line-fg) 8%,
        var(--go-to-line-bg)
      );
    }
  }
  .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go-to-line-bg\)\)\]::selection {
    background-color: var(--go-to-line-fg);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-\[color-mix\(in_lab\,var\(--go-to-line-fg\)_8\%\,var\(--go-to-line-bg\)\)\]::selection {
      background-color: color-mix(
        in lab,
        var(--go-to-line-fg) 8%,
        var(--go-to-line-bg)
      );
    }
  }
  .file\:me-3::file-selector-button {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .file\:cursor-interaction::file-selector-button {
    cursor: var(--cursor-interaction);
  }
  .file\:rounded-md::file-selector-button {
    border-radius: var(--radius-md);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .file\:bg-surface-secondary::file-selector-button {
    background-color: var(--color-surface-secondary);
  }
  .file\:px-3::file-selector-button {
    padding-inline: calc(var(--spacing) * 3);
  }
  .file\:py-1\.5::file-selector-button {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .file\:text-default::file-selector-button {
    color: var(--color-text);
  }
  .placeholder\:\[color\:var\(--oai-wb-text-tertiary\)\]::placeholder {
    color: var(--oai-wb-text-tertiary);
  }
  .placeholder\:text-codex-description::placeholder {
    color: var(--color-codex-description);
  }
  .placeholder\:text-secondary::placeholder {
    color: var(--color-text-secondary);
  }
  .placeholder\:text-tertiary::placeholder {
    color: var(--color-text-tertiary);
  }
  .placeholder\:text-token-description-foreground::placeholder {
    color: var(--color-token-description-foreground);
  }
  .placeholder\:text-token-text-secondary::placeholder {
    color: var(--color-token-text-secondary);
  }
  .placeholder\:text-token-text-tertiary::placeholder {
    color: var(--color-token-text-tertiary);
  }
  .placeholder\:opacity-50::placeholder {
    opacity: 0.5;
  }
  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:-inset-1:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1);
  }
  .before\:inset-0:before {
    content: var(--tw-content);
    inset: 0;
  }
  .before\:-inset-x-2:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -2);
  }
  .before\:-inset-x-3:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }
  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: 0;
  }
  .before\:inset-x-0\.5:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0.5);
  }
  .before\:-inset-y-0\.5:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -0.5);
  }
  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: 0;
  }
  .before\:inset-y-1:before {
    content: var(--tw-content);
    inset-block: var(--spacing);
  }
  .before\:inset-y-2:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 2);
  }
  .before\:start-0:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .before\:end-px:before {
    content: var(--tw-content);
    inset-inline-end: 1px;
  }
  .before\:-top-1:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1);
  }
  .before\:-top-2\.5:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -2.5);
  }
  .before\:top-\[-1px\]:before {
    content: var(--tw-content);
    top: -1px;
  }
  .before\:right-0:before {
    content: var(--tw-content);
    right: 0;
  }
  .before\:right-2:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 2);
  }
  .before\:-left-4:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -4);
  }
  .before\:-left-8:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -8);
  }
  .before\:left-2:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2);
  }
  .before\:left-8:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 8);
  }
  .before\:-z-10:before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .before\:mx-4:before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 4);
  }
  .before\:my-1:before {
    content: var(--tw-content);
    margin-block: var(--spacing);
  }
  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }
  .before\:hidden:before {
    content: var(--tw-content);
    display: none;
  }
  .before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .before\:h-1:before {
    content: var(--tw-content);
    height: var(--spacing);
  }
  .before\:h-2\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2.5);
  }
  .before\:h-3:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3);
  }
  .before\:h-8:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 8);
  }
  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:w-0\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0.5);
  }
  .before\:w-1:before {
    content: var(--tw-content);
    width: var(--spacing);
  }
  .before\:w-3:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 3);
  }
  .before\:w-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  .before\:w-5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 5);
  }
  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }
  .before\:rounded-\[1px\]:before {
    content: var(--tw-content);
    border-radius: 1px;
  }
  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: var(--radius-full);
  }
  .before\:rounded-lg:before {
    content: var(--tw-content);
    border-radius: var(--radius-lg);
  }
  .before\:rounded-md:before {
    content: var(--tw-content);
    border-radius: var(--radius-md);
  }
  .before\:rounded-sm:before {
    content: var(--tw-content);
    border-radius: var(--radius-sm);
  }
  .before\:bg-border:before {
    content: var(--tw-content);
    background-color: var(--color-border);
  }
  .before\:bg-primary-ghost-hover:before {
    content: var(--tw-content);
    background-color: var(--color-background-primary-ghost-hover);
  }
  .before\:bg-surface-elevated-secondary:before {
    content: var(--tw-content);
    background-color: var(--color-surface-elevated-secondary);
  }
  .before\:bg-text-info:before {
    content: var(--tw-content);
    background-color: var(--color-text-info);
  }
  .before\:bg-text-warning\/60:before {
    content: var(--tw-content);
    background-color: var(--color-text-warning);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-text-warning\/60:before {
      background-color: color-mix(
        in oklab,
        var(--color-text-warning) 60%,
        transparent
      );
    }
  }
  .before\:bg-text\/5:before {
    content: var(--tw-content);
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-text\/5:before {
      background-color: color-mix(in oklab, var(--color-text) 5%, transparent);
    }
  }
  .before\:bg-linear-to-r:before {
    content: var(--tw-content);
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .before\:bg-linear-to-r:before {
      --tw-gradient-position: to right in oklab;
    }
  }
  .before\:bg-linear-to-r:before {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .before\:from-transparent:before {
    content: var(--tw-content);
    --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)
    );
  }
  .before\:via-surface-elevated-secondary:before {
    content: var(--tw-content);
    --tw-gradient-via: var(--color-surface-elevated-secondary);
    --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);
  }
  .before\:to-surface-elevated-secondary:before {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-surface-elevated-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)
    );
  }
  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }
  .before\:transition-\[background-color\]:before {
    content: var(--tw-content);
    transition-property: background-color;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .before\:content-\[\'·\'\]:before {
    --tw-content: "·";
    content: var(--tw-content);
  }
  .before\:content-\[\'—\'\]:before {
    --tw-content: "—";
    content: var(--tw-content);
  }
  @media (hover: hover) {
    .group-hover\:before\:via-surface-elevated:is(
        :where(.group):hover *
      ):before {
      content: var(--tw-content);
      --tw-gradient-via: var(--color-surface-elevated);
      --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);
    }
    .group-hover\:before\:to-surface-elevated:is(
        :where(.group):hover *
      ):before {
      content: var(--tw-content);
      --tw-gradient-to: var(--color-surface-elevated);
      --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\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:invisible:after {
    content: var(--tw-content);
    visibility: hidden;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-1:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1);
  }
  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }
  .after\:inset-x-0:after {
    content: var(--tw-content);
    inset-inline: 0;
  }
  .after\:inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 3);
  }
  .after\:inset-x-3\.5:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 3.5);
  }
  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: 0;
  }
  .after\:start-0:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .after\:end-0:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .after\:-top-px:after {
    content: var(--tw-content);
    top: -1px;
  }
  .after\:top-0:after {
    content: var(--tw-content);
    top: 0;
  }
  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }
  .after\:top-\[-4px\]:after {
    content: var(--tw-content);
    top: -4px;
  }
  .after\:top-full:after {
    content: var(--tw-content);
    top: 100%;
  }
  .after\:right-0:after {
    content: var(--tw-content);
    right: 0;
  }
  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
  }
  .after\:left-0:after {
    content: var(--tw-content);
    left: 0;
  }
  .after\:left-1:after {
    content: var(--tw-content);
    left: var(--spacing);
  }
  .after\:left-7:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 7);
  }
  .after\:\!hidden:after {
    content: var(--tw-content);
    display: none !important;
  }
  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }
  .after\:hidden:after {
    content: var(--tw-content);
    display: none;
  }
  .after\:size-2:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .after\:h-2:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 2);
  }
  .after\:h-6:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 6);
  }
  .after\:h-8:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 8);
  }
  .after\:h-\[0\.5px\]:after {
    content: var(--tw-content);
    height: 0.5px;
  }
  .after\:h-full:after {
    content: var(--tw-content);
    height: 100%;
  }
  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:min-h-8:after {
    content: var(--tw-content);
    min-height: calc(var(--spacing) * 8);
  }
  .after\:w-10:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 10);
  }
  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: var(--radius-full);
  }
  .after\:border-2:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .after\:border-text-info:after {
    content: var(--tw-content);
    border-color: var(--color-text-info);
  }
  .after\:bg-border:after {
    content: var(--tw-content);
    background-color: var(--color-border);
  }
  .after\:bg-border-subtle:after {
    content: var(--tw-content);
    background-color: var(--color-border-subtle);
  }
  .after\:bg-surface:after {
    content: var(--tw-content);
    background-color: var(--color-surface);
  }
  .after\:bg-surface-secondary:after {
    content: var(--tw-content);
    background-color: var(--color-surface-secondary);
  }
  .after\:bg-text\/10:after {
    content: var(--tw-content);
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:bg-text\/10:after {
      background-color: color-mix(in oklab, var(--color-text) 10%, transparent);
    }
  }
  .after\:bg-linear-to-b:after {
    content: var(--tw-content);
    --tw-gradient-position: to bottom;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .after\:bg-linear-to-b:after {
      --tw-gradient-position: to bottom in oklab;
    }
  }
  .after\:bg-linear-to-b:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-linear-to-l:after {
    content: var(--tw-content);
    --tw-gradient-position: to left;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .after\:bg-linear-to-l:after {
      --tw-gradient-position: to left in oklab;
    }
  }
  .after\:bg-linear-to-l:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .after\:bg-linear-to-r:after {
    content: var(--tw-content);
    --tw-gradient-position: to right;
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .after\:bg-linear-to-r:after {
      --tw-gradient-position: to right in oklab;
    }
  }
  .after\:bg-linear-to-r:after {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .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\:from-surface:after {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-surface);
    --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-transparent:after {
    content: var(--tw-content);
    --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)
    );
  }
  .after\:to-background-primary-soft:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-background-primary-soft);
    --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-surface:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-surface);
    --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-surface-tertiary:after {
    content: var(--tw-content);
    --tw-gradient-to: var(--color-surface-tertiary);
    --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\:font-mono:after {
    content: var(--tw-content);
    font-family: var(--font-mono);
  }
  .after\:whitespace-pre:after {
    content: var(--tw-content);
    white-space: pre;
  }
  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:content-\[\'\:\'\]:after {
    --tw-content: ":";
    content: var(--tw-content);
  }
  .after\:content-\[attr\(data-value\)\]:after {
    --tw-content: attr(data-value);
    content: var(--tw-content);
  }
  .after\:\[grid-area\:1\/1\]:after {
    content: var(--tw-content);
    grid-area: 1/1;
  }
  .first\:ms-0:first-child {
    margin-inline-start: 0;
  }
  .first\:me-0:first-child {
    margin-inline-end: 0;
  }
  .first\:mt-0:first-child {
    margin-top: 0;
  }
  .first\:rounded-s-lg:first-child {
    border-start-start-radius: var(--radius-lg);
    border-end-start-radius: var(--radius-lg);
  }
  .first\:rounded-t-2xl:first-child {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }
  .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\:border-none:first-child {
    --tw-border-style: none;
    border-style: none;
  }
  .first\:ps-0:first-child {
    padding-inline-start: 0;
  }
  .first\:pt-0:first-child {
    padding-top: 0;
  }
  .first\:pt-4:first-child {
    padding-top: calc(var(--spacing) * 4);
  }
  .first\:pt-5:first-child {
    padding-top: calc(var(--spacing) * 5);
  }
  :is(.\*\:first\:fill-none > *):first-child {
    fill: none;
  }
  .first\:before\:hidden:first-child:before {
    content: var(--tw-content);
    display: none;
  }
  .last\:mb-0:last-child {
    margin-bottom: 0;
  }
  .last\:hidden:last-child {
    display: none;
  }
  .last\:rounded-e-lg:last-child {
    border-start-end-radius: var(--radius-lg);
    border-end-end-radius: var(--radius-lg);
  }
  .last\:rounded-b-2xl:last-child {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .last\:border-e-0:last-child {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-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);
    border-bottom-width: 0;
  }
  .last\:border-none:last-child {
    --tw-border-style: none;
    border-style: none;
  }
  .last\:pb-0:last-child {
    padding-bottom: 0;
  }
  .last\:pb-0\.5:last-child {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .last\:after\:hidden:last-child:after {
    content: var(--tw-content);
    display: none;
  }
  .visited\:\!text-default:visited {
    color: var(--color-text) !important;
  }
  .visited\:\!text-secondary:visited {
    color: var(--color-text-secondary) !important;
  }
  .open\:mb-0\.5:is([open], :popover-open, :open) {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .open\:gap-1:is([open], :popover-open, :open) {
    gap: var(--spacing);
  }
  .empty\:contents:empty {
    display: contents;
  }
  .empty\:hidden:empty {
    display: none;
  }
  .empty\:ps-0:empty {
    padding-inline-start: 0;
  }
  .empty\:ps-1:empty {
    padding-inline-start: var(--spacing);
  }
  .focus-within\:pointer-events-auto:focus-within {
    pointer-events: auto;
  }
  .focus-within\:w-auto:focus-within {
    width: auto;
  }
  .focus-within\:overflow-visible:focus-within {
    overflow: visible;
  }
  .focus-within\:border-chart-blue:focus-within {
    border-color: var(--color-chart-blue);
  }
  .focus-within\:border-ring:focus-within {
    border-color: var(--color-ring);
  }
  .focus-within\:border-text-secondary:focus-within {
    border-color: var(--color-text-secondary);
  }
  .focus-within\:bg-black\/7:focus-within {
    background-color: #00000012;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:bg-black\/7:focus-within {
      background-color: color-mix(in oklab, var(--color-black) 7%, transparent);
    }
  }
  .focus-within\:bg-primary-ghost-hover:focus-within {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .focus-within\:bg-token-list-hover-background:focus-within {
    background-color: var(--color-token-list-hover-background);
  }
  .focus-within\:bg-transparent:focus-within {
    background-color: #0000;
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }
  .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:focus-within {
    --tw-ring-color: var(--color-border);
  }
  .focus-within\:ring-ring:focus-within {
    --tw-ring-color: var(--color-ring);
  }
  .focus-within\:outline:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-within\:outline-2:focus-within {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-within\:outline-offset-2:focus-within {
    outline-offset: 2px;
  }
  .focus-within\:outline-\[var\(--learning-block-accent\)\]:focus-within {
    outline-color: var(--learning-block-accent);
  }
  .focus-within\:outline-\[var\(--learning-block-color-accent\)\]:focus-within {
    outline-color: var(--learning-block-color-accent);
  }
  .focus-within\:outline-token-border-heavy:focus-within {
    outline-color: var(--color-token-border-heavy);
  }
  .focus-within\:outline-none:focus-within {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-within\:ring-inset:focus-within {
    --tw-ring-inset: inset;
  }
  @media (hover: hover) {
    .hover\:h-8:hover {
      height: calc(var(--spacing) * 8);
    }
    .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\:cursor-ns-resize:hover {
      cursor: ns-resize;
    }
    .hover\:grid-cols-\[1fr\]:hover {
      grid-template-columns: 1fr;
    }
    .hover\:border-black\/20:hover {
      border-color: #0003;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-black\/20:hover {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
    }
    .hover\:border-token-border-heavy:hover {
      border-color: var(--color-token-border-heavy);
    }
    .hover\:border-token-text-primary:hover {
      border-color: var(--color-token-text-primary);
    }
    .hover\:border-transparent:hover {
      border-color: #0000;
    }
    .hover\:\!bg-black\/80:hover {
      background-color: #000c !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-black\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 80%,
          transparent
        ) !important;
      }
    }
    .hover\:\!bg-chart-purple\/20:hover {
      background-color: var(--color-chart-purple) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-chart-purple\/20:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-purple) 20%,
          transparent
        ) !important;
      }
    }
    .hover\:\!bg-primary-ghost-hover:hover {
      background-color: var(--color-background-primary-ghost-hover) !important;
    }
    .hover\:\!bg-surface:hover {
      background-color: var(--color-surface) !important;
    }
    .hover\:\!bg-transparent:hover {
      background-color: #0000 !important;
    }
    .hover\:\!bg-white\/80:hover {
      background-color: #fffc !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--color-white) 80%,
          transparent
        ) !important;
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,\#D14343_10\%\,transparent\)\]:hover {
      background-color: #d143431a;
    }
    .hover\:bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_10\%\,transparent\)\]:hover {
      background-color: var(--learning-block-color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--learning-block-color-primary\)_10\%\,transparent\)\]:hover {
        background-color: color-mix(
          in srgb,
          var(--learning-block-color-primary) 10%,
          transparent
        );
      }
    }
    .hover\:bg-\[color-mix\(in_srgb\,white_92\%\,var\(--color-text\)_8\%\)\]:hover {
      background-color: #fff;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,white_92\%\,var\(--color-text\)_8\%\)\]:hover {
        background-color: color-mix(in srgb, white 92%, var(--color-text) 8%);
      }
    }
    .hover\:bg-\[var\(--app-shell-tab-background\)\]:hover {
      background-color: var(--app-shell-tab-background);
    }
    .hover\:bg-\[var\(--go-to-line-fg\)\]:hover {
      background-color: var(--go-to-line-fg);
    }
    .hover\:bg-\[var\(--gray-550\)\]:hover {
      background-color: var(--gray-550);
    }
    .hover\:bg-artifact-powerpoint\/90:hover {
      background-color: #ba2623e6;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-artifact-powerpoint\/90:hover {
        background-color: color-mix(
          in oklab,
          var(--color-artifact-powerpoint) 90%,
          transparent
        );
      }
    }
    .hover\:bg-background-primary-ghost-hover\/5:hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background-primary-ghost-hover\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 5%,
          transparent
        );
      }
    }
    .hover\:bg-background-primary-ghost-hover\/30:hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background-primary-ghost-hover\/30:hover {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 30%,
          transparent
        );
      }
    }
    .hover\:bg-background-primary-ghost-hover\/50:hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background-primary-ghost-hover\/50:hover {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 50%,
          transparent
        );
      }
    }
    .hover\:bg-background-primary-ghost-hover\/60:hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-background-primary-ghost-hover\/60:hover {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 60%,
          transparent
        );
      }
    }
    .hover\:bg-black\/5:hover {
      background-color: #0000000d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 5%,
          transparent
        );
      }
    }
    .hover\:bg-black\/7:hover {
      background-color: #00000012;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/7:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 7%,
          transparent
        );
      }
    }
    .hover\:bg-chart-blue\/15:hover {
      background-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-chart-blue\/15:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-blue) 15%,
          transparent
        );
      }
    }
    .hover\:bg-chart-blue\/90:hover {
      background-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-chart-blue\/90:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-blue) 90%,
          transparent
        );
      }
    }
    .hover\:bg-primary-ghost-hover:hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    .hover\:bg-surface-elevated:hover,
    .hover\:bg-surface-elevated\/60:hover {
      background-color: var(--color-surface-elevated);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-elevated\/60:hover {
        background-color: color-mix(
          in oklab,
          var(--color-surface-elevated) 60%,
          transparent
        );
      }
    }
    .hover\:bg-surface-secondary:hover,
    .hover\:bg-surface-secondary\/75:hover {
      background-color: var(--color-surface-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/75:hover {
        background-color: color-mix(
          in oklab,
          var(--color-surface-secondary) 75%,
          transparent
        );
      }
    }
    .hover\:bg-surface-secondary\/92:hover {
      background-color: var(--color-surface-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-secondary\/92:hover {
        background-color: color-mix(
          in oklab,
          var(--color-surface-secondary) 92%,
          transparent
        );
      }
    }
    .hover\:bg-surface-tertiary:hover,
    .hover\:bg-surface-tertiary\/40:hover {
      background-color: var(--color-surface-tertiary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-tertiary\/40:hover {
        background-color: color-mix(
          in oklab,
          var(--color-surface-tertiary) 40%,
          transparent
        );
      }
    }
    .hover\:bg-text-emphasis\/5:hover {
      background-color: color-mix(
        in srgb,
        var(--color-text-emphasis) 5%,
        transparent
      );
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text-emphasis\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text-emphasis) 5%,
          transparent
        );
      }
    }
    .hover\:bg-text-info\/15:hover {
      background-color: var(--color-text-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text-info\/15:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text-info) 15%,
          transparent
        );
      }
    }
    .hover\:bg-text\/3:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text\/3:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 3%,
          transparent
        );
      }
    }
    .hover\:bg-text\/5:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 5%,
          transparent
        );
      }
    }
    .hover\:bg-text\/10:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 10%,
          transparent
        );
      }
    }
    .hover\:bg-text\/80:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text\/80:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 80%,
          transparent
        );
      }
    }
    .hover\:bg-text\/\[0\.03\]:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-text\/\[0\.03\]:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 3%,
          transparent
        );
      }
    }
    .hover\:bg-token-bg-primary:hover {
      background-color: var(--color-token-bg-primary);
    }
    .hover\:bg-token-bg-secondary:hover {
      background-color: var(--color-token-bg-secondary);
    }
    .hover\:bg-token-bg-tertiary:hover {
      background-color: var(--color-token-bg-tertiary);
    }
    .hover\:bg-token-foreground\/5:hover {
      background-color: var(--color-token-foreground);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-token-foreground\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--color-token-foreground) 5%,
          transparent
        );
      }
    }
    .hover\:bg-token-list-hover-background:hover {
      background-color: var(--color-token-list-hover-background);
    }
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
    .hover\:\!text-black\/80:hover {
      color: #000c !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!text-black\/80:hover {
        color: color-mix(
          in oklab,
          var(--color-black) 80%,
          transparent
        ) !important;
      }
    }
    .hover\:\!text-default:hover {
      color: var(--color-text) !important;
    }
    .hover\:\!text-secondary:hover {
      color: var(--color-text-secondary) !important;
    }
    .hover\:\[color\:var\(--oai-wb-text-primary\)\]:hover {
      color: var(--oai-wb-text-primary);
    }
    .hover\:text-codex-description:hover {
      color: var(--color-codex-description);
    }
    .hover\:text-default:hover {
      color: var(--color-text);
    }
    .hover\:text-default\!:hover {
      color: var(--color-text) !important;
    }
    .hover\:text-info:hover {
      color: var(--color-text-info);
    }
    .hover\:text-secondary:hover {
      color: var(--color-text-secondary);
    }
    .hover\:text-text\/80:hover {
      color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-text\/80:hover {
        color: color-mix(in oklab, var(--color-text) 80%, transparent);
      }
    }
    .hover\:text-token-text-primary:hover {
      color: var(--color-token-text-primary);
    }
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:decoration-inherit:hover {
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      -webkit-text-decoration-color: inherit;
      text-decoration-color: inherit;
    }
    .hover\:decoration-text:hover {
      -webkit-text-decoration-color: var(--color-text);
      -webkit-text-decoration-color: var(--color-text);
      -webkit-text-decoration-color: var(--color-text);
      text-decoration-color: var(--color-text);
    }
    .hover\:decoration-dashed:hover {
      text-decoration-style: dashed;
    }
    .hover\:decoration-\[0\.5px\]:hover {
      text-decoration-thickness: 0.5px;
    }
    .hover\:opacity-70:hover {
      opacity: 0.7;
    }
    .hover\:opacity-80:hover {
      opacity: 0.8;
    }
    .hover\:opacity-90:hover {
      opacity: 0.9;
    }
    .hover\:opacity-100:hover {
      opacity: 1;
    }
    .hover\:ring-ring:hover {
      --tw-ring-color: var(--color-ring);
    }
    .hover\:\[outline\:none\]:hover {
      outline: none;
    }
    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
        var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
        var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:\[background\:var\(--oai-wb-interactive-secondary-hover\)\]:hover {
      background: var(--oai-wb-interactive-secondary-hover);
    }
    .hover\:\[background\:var\(--oai-wb-surface-secondary\)\]:hover {
      background: var(--oai-wb-surface-secondary);
    }
    .hover\:before\:bg-primary-ghost-hover:hover:before {
      content: var(--tw-content);
      background-color: var(--color-background-primary-ghost-hover);
    }
    .hover\:before\:bg-text\/5:hover:before {
      content: var(--tw-content);
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:before\:bg-text\/5:hover:before {
        background-color: color-mix(
          in oklab,
          var(--color-text) 5%,
          transparent
        );
      }
    }
    .hover\:before\:opacity-100:hover:before,
    .hover\:after\:opacity-100:hover:after {
      content: var(--tw-content);
      opacity: 1;
    }
    .not-last\:hover\:after\:opacity-0:not(:last-child):hover:after {
      content: var(--tw-content);
      opacity: 0;
    }
  }
  .focus\:pointer-events-auto:focus {
    pointer-events: auto;
  }
  .focus\:border-0:focus {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .focus\:border-none:focus {
    --tw-border-style: none;
    border-style: none;
  }
  .focus\:border-ring:focus {
    border-color: var(--color-ring);
  }
  .focus\:border-text\/30:focus {
    border-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-text\/30:focus {
      border-color: color-mix(in oklab, var(--color-text) 30%, transparent);
    }
  }
  .focus\:border-token-text-secondary:focus {
    border-color: var(--color-token-text-secondary);
  }
  .focus\:border-transparent:focus {
    border-color: #0000;
  }
  .focus\:\!bg-black\/30:focus {
    background-color: #0000004d !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:\!bg-black\/30:focus {
      background-color: color-mix(
        in oklab,
        var(--color-black) 30%,
        transparent
      ) !important;
    }
  }
  .focus\:bg-media-background\/30:focus {
    background-color: #0000004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-media-background\/30:focus {
      background-color: color-mix(
        in oklab,
        var(--color-media-background) 30%,
        transparent
      );
    }
  }
  .focus\:bg-primary-ghost-hover:focus {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .focus\:bg-surface-secondary:focus {
    background-color: var(--color-surface-secondary);
  }
  .focus\:bg-token-list-hover-background:focus {
    background-color: var(--color-token-list-hover-background);
  }
  .focus\:bg-transparent:focus {
    background-color: #0000;
  }
  .focus\:ps-2:focus {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .focus\:text-start:focus {
    text-align: start;
  }
  .focus\:\!text-default:focus {
    color: var(--color-text) !important;
  }
  .focus\:text-default:focus {
    color: var(--color-text);
  }
  .focus\:opacity-100:focus {
    opacity: 1;
  }
  .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-ring:focus {
    --tw-ring-color: var(--color-ring);
  }
  .focus\:ring-token-focus-border:focus {
    --tw-ring-color: var(--color-token-focus-border);
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .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\:relative:focus-visible {
    position: relative;
  }
  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }
  .focus-visible\:h-8:focus-visible {
    height: calc(var(--spacing) * 8);
  }
  .focus-visible\:translate-y-0:focus-visible {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .focus-visible\:grid-cols-\[1fr\]:focus-visible {
    grid-template-columns: 1fr;
  }
  .focus-visible\:rounded-full:focus-visible {
    border-radius: var(--radius-full);
  }
  .focus-visible\:rounded-md:focus-visible {
    border-radius: var(--radius-md);
  }
  .focus-visible\:\!border-strong:focus-visible {
    border-color: var(--color-border-strong) !important;
  }
  .focus-visible\:border-ring:focus-visible {
    border-color: var(--color-ring);
  }
  .focus-visible\:border-transparent:focus-visible {
    border-color: #0000;
  }
  .focus-visible\:bg-black\/7:focus-visible {
    background-color: #00000012;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-black\/7:focus-visible {
      background-color: color-mix(in oklab, var(--color-black) 7%, transparent);
    }
  }
  .focus-visible\:bg-primary-ghost-hover:focus-visible {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .focus-visible\:bg-surface-secondary:focus-visible,
  .focus-visible\:bg-surface-secondary\/92:focus-visible {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-surface-secondary\/92:focus-visible {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 92%,
        transparent
      );
    }
  }
  .focus-visible\:bg-text\/5:focus-visible {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-text\/5:focus-visible {
      background-color: color-mix(in oklab, var(--color-text) 5%, transparent);
    }
  }
  .focus-visible\:bg-text\/10:focus-visible {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-text\/10:focus-visible {
      background-color: color-mix(in oklab, var(--color-text) 10%, transparent);
    }
  }
  .focus-visible\:stroke-\[var\(--text-primary\)\]:focus-visible {
    stroke: var(--text-primary);
  }
  .focus-visible\:stroke-2:focus-visible {
    stroke-width: 2px;
  }
  .focus-visible\:px-0\.5:focus-visible {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .focus-visible\:\[color\:var\(--oai-wb-text-primary\)\]:focus-visible {
    color: var(--oai-wb-text-primary);
  }
  .focus-visible\:text-codex-description:focus-visible {
    color: var(--color-codex-description);
  }
  .focus-visible\:text-default:focus-visible {
    color: var(--color-text);
  }
  .focus-visible\:text-token-text-primary:focus-visible {
    color: var(--color-token-text-primary);
  }
  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }
  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }
  .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-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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\:ring-\[\#0091ff\]:focus-visible {
    --tw-ring-color: #0091ff;
  }
  .focus-visible\:ring-\[var\(--learning-block-accent\)\]:focus-visible {
    --tw-ring-color: var(--learning-block-accent);
  }
  .focus-visible\:ring-border:focus-visible {
    --tw-ring-color: var(--color-border);
  }
  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--color-ring);
  }
  .focus-visible\:ring-token-focus-border:focus-visible {
    --tw-ring-color: var(--color-token-focus-border);
  }
  .focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .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-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus-visible\:\[outline\:2px_solid_var\(--oai-wb-focus\)\]:focus-visible {
    outline: 2px solid var(--oai-wb-focus);
  }
  .focus-visible\:\[outline\:none\]:focus-visible {
    outline: none;
  }
  .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: calc(2px * -1);
  }
  .focus-visible\:\[outline-offset\:1px\]:focus-visible {
    outline-offset: 1px;
  }
  .focus-visible\:outline-offset-0:focus-visible {
    outline-offset: 0px;
  }
  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-\[-1px\]:focus-visible {
    outline-offset: -1px;
  }
  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }
  .focus-visible\:\[outline-color\:var\(--oai-wb-accent\)\]:focus-visible {
    outline-color: var(--oai-wb-accent);
  }
  .focus-visible\:outline-\[var\(--go-to-line-modified-base\)\]:focus-visible {
    outline-color: var(--go-to-line-modified-base);
  }
  .focus-visible\:outline-\[var\(--learning-block-accent\)\]:focus-visible {
    outline-color: var(--learning-block-accent);
  }
  .focus-visible\:outline-\[var\(--learning-block-color-primary\)\]:focus-visible {
    outline-color: var(--learning-block-color-primary);
  }
  .focus-visible\:outline-\[var\(--text-primary\)\]:focus-visible {
    outline-color: var(--text-primary);
  }
  .focus-visible\:outline-background-composer-primary:focus-visible {
    outline-color: var(--color-background-composer-primary);
  }
  .focus-visible\:outline-background-primary-solid:focus-visible {
    outline-color: var(--color-background-primary-solid);
  }
  .focus-visible\:outline-border:focus-visible {
    outline-color: var(--color-border);
  }
  .focus-visible\:outline-border-strong:focus-visible {
    outline-color: var(--color-border-strong);
  }
  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--color-ring);
  }
  .focus-visible\:outline-text:focus-visible {
    outline-color: var(--color-text);
  }
  .focus-visible\:outline-text-tertiary:focus-visible {
    outline-color: var(--color-text-tertiary);
  }
  .focus-visible\:outline-token-border-heavy:focus-visible {
    outline-color: var(--color-token-border-heavy);
  }
  .focus-visible\:outline-token-text-primary:focus-visible {
    outline-color: var(--color-token-text-primary);
  }
  .focus-visible\:transition-none:focus-visible {
    transition-property: none;
  }
  .focus-visible\:delay-0:focus-visible {
    transition-delay: 0s;
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:outline-solid:focus-visible {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .focus-visible\:\[background\:var\(--oai-wb-surface-secondary\)\]:focus-visible {
    background: var(--oai-wb-surface-secondary);
  }
  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }
  .focus-visible\:before\:bg-text\/5:focus-visible:before {
    content: var(--tw-content);
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:before\:bg-text\/5:focus-visible:before {
      background-color: color-mix(in oklab, var(--color-text) 5%, transparent);
    }
  }
  .focus-visible\:before\:ring-1:focus-visible:before {
    content: var(--tw-content);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:before\:ring-2:focus-visible:before {
    content: var(--tw-content);
    --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\:before\:ring-ring:focus-visible:before {
    content: var(--tw-content);
    --tw-ring-color: var(--color-ring);
  }
  .focus-visible\:before\:ring-inset:focus-visible:before {
    content: var(--tw-content);
    --tw-ring-inset: inset;
  }
  .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-110:active {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .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\:cursor-col-resize:active {
    cursor: col-resize;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:cursor-ns-resize:active {
    cursor: ns-resize;
  }
  .active\:cursor-row-resize:active {
    cursor: row-resize;
  }
  .active\:bg-black\/10:active {
    background-color: #0000001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-black\/10:active {
      background-color: color-mix(
        in oklab,
        var(--color-black) 10%,
        transparent
      );
    }
  }
  .active\:bg-chart-blue\/80:active {
    background-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-chart-blue\/80:active {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 80%,
        transparent
      );
    }
  }
  .active\:bg-text\/10:active {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-text\/10:active {
      background-color: color-mix(in oklab, var(--color-text) 10%, transparent);
    }
  }
  .active\:bg-transparent:active {
    background-color: #0000;
  }
  .enabled\:text-default:enabled {
    color: var(--color-text);
  }
  @media (hover: hover) {
    .enabled\:hover\:\!bg-\[\#636363\]:enabled:hover {
      background-color: #636363 !important;
    }
    .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,var\(--color-text-info\)_20\%\)\]:enabled:hover {
      background-color: var(--color-surface) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,var\(--color-text-info\)_20\%\)\]:enabled:hover {
        background-color: color-mix(
          in srgb,
          var(--color-surface) 80%,
          var(--color-text-info) 20%
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_92\%\,var\(--color-text\)\)\]:enabled:hover {
      background-color: var(--color-surface) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_92\%\,var\(--color-text\)\)\]:enabled:hover {
        background-color: color-mix(
          in srgb,
          var(--color-surface) 92%,
          var(--color-text)
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_90\%\,transparent\)\]:enabled:hover {
      background-color: var(--pricing-plan-highlight) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_90\%\,transparent\)\]:enabled:hover {
        background-color: color-mix(
          in srgb,
          var(--pricing-plan-highlight) 90%,
          transparent
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-\[var\(--referral-rate-limit-tracking-hover-background\)\]:enabled:hover {
      background-color: var(
        --referral-rate-limit-tracking-hover-background
      ) !important;
    }
    .enabled\:hover\:\!bg-black\/30:enabled:hover {
      background-color: #0000004d !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-black\/30:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 30%,
          transparent
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-black\/60:enabled:hover {
      background-color: #0009 !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-black\/60:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 60%,
          transparent
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-chart-blue\/90:enabled:hover {
      background-color: var(--color-chart-blue) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-chart-blue\/90:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-blue) 90%,
          transparent
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-primary-soft-alpha:enabled:hover {
      background-color: var(--color-background-primary-soft-alpha) !important;
    }
    .enabled\:hover\:\!bg-surface\/80:enabled:hover {
      background-color: var(--color-surface) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:\!bg-surface\/80:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-surface) 80%,
          transparent
        ) !important;
      }
    }
    .enabled\:hover\:\!bg-transparent:enabled:hover {
      background-color: #0000 !important;
    }
    .enabled\:hover\:\[background-color\:var\(--oai-wb-surface-secondary\)\]:enabled:hover {
      background-color: var(--oai-wb-surface-secondary);
    }
    .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--color-chart-blue\)_92\%\,black_8\%\)\]:enabled:hover {
      background-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-\[color-mix\(in_srgb\,var\(--color-chart-blue\)_92\%\,black_8\%\)\]:enabled:hover {
        background-color: color-mix(
          in srgb,
          var(--color-chart-blue) 92%,
          black 8%
        );
      }
    }
    .enabled\:hover\:bg-\[var\(--annotation-mode-button-annotation-hover-background\)\]:enabled:hover {
      background-color: var(
        --annotation-mode-button-annotation-hover-background
      );
    }
    .enabled\:hover\:bg-chart-blue\/90:enabled:hover {
      background-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-chart-blue\/90:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-blue) 90%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-chart-red\/10:enabled:hover {
      background-color: var(--color-chart-red);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-chart-red\/10:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-red) 10%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-chart-red\/20:enabled:hover {
      background-color: var(--color-chart-red);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-chart-red\/20:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-chart-red) 20%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-current\/15:enabled:hover {
      background-color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-current\/15:enabled:hover {
        background-color: color-mix(in oklab, currentcolor 15%, transparent);
      }
    }
    .enabled\:hover\:bg-media-background\/30:enabled:hover {
      background-color: #0000004d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-media-background\/30:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-media-background) 30%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-media-control-hover:enabled:hover {
      background-color: var(--color-media-control-hover);
    }
    .enabled\:hover\:bg-media-foreground\/90:enabled:hover {
      background-color: #ffffffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-media-foreground\/90:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-media-foreground) 90%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-primary-ghost-hover:enabled:hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    .enabled\:hover\:bg-surface:enabled:hover {
      background-color: var(--color-surface);
    }
    .enabled\:hover\:bg-text-info\/15:enabled:hover {
      background-color: var(--color-text-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-text-info\/15:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text-info) 15%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-text-info\/90:enabled:hover {
      background-color: var(--color-text-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-text-info\/90:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text-info) 90%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-text\/5:enabled:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-text\/5:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 5%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-text\/10:enabled:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-text\/10:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 10%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-text\/15:enabled:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-text\/15:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 15%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-text\/80:enabled:hover {
      background-color: var(--color-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .enabled\:hover\:bg-text\/80:enabled:hover {
        background-color: color-mix(
          in oklab,
          var(--color-text) 80%,
          transparent
        );
      }
    }
    .enabled\:hover\:bg-token-list-hover-background:enabled:hover {
      background-color: var(--color-token-list-hover-background);
    }
    .enabled\:hover\:bg-transparent:enabled:hover {
      background-color: #0000;
    }
    .enabled\:hover\:\!text-default:enabled:hover {
      color: var(--color-text) !important;
    }
    .enabled\:hover\:text-default:enabled:hover {
      color: var(--color-text);
    }
    .enabled\:hover\:text-token-text-primary:enabled:hover {
      color: var(--color-token-text-primary);
    }
    .enabled\:hover\:opacity-90:enabled:hover {
      opacity: 0.9;
    }
  }
  .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_76\%\,var\(--color-text-info\)_24\%\)\]:enabled:active {
    background-color: var(--color-surface) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_76\%\,var\(--color-text-info\)_24\%\)\]:enabled:active {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 76%,
        var(--color-text-info) 24%
      ) !important;
    }
  }
  .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_88\%\,var\(--color-text\)_12\%\)\]:enabled:active {
    background-color: var(--color-surface) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .enabled\:active\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_88\%\,var\(--color-text\)_12\%\)\]:enabled:active {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 88%,
        var(--color-text) 12%
      ) !important;
    }
  }
  .enabled\:active\:bg-border:enabled:active {
    background-color: var(--color-border);
  }
  .enabled\:active\:bg-chart-blue\/80:enabled:active {
    background-color: var(--color-chart-blue);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .enabled\:active\:bg-chart-blue\/80:enabled:active {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 80%,
        transparent
      );
    }
  }
  .enabled\:active\:bg-surface:enabled:active {
    background-color: var(--color-surface);
  }
  .enabled\:active\:bg-text\/12:enabled:active {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .enabled\:active\:bg-text\/12:enabled:active {
      background-color: color-mix(in oklab, var(--color-text) 12%, transparent);
    }
  }
  .enabled\:active\:\!text-default:enabled:active {
    color: var(--color-text) !important;
  }
  .enabled\:active\:before\:bg-text\/12:enabled:active:before {
    content: var(--tw-content);
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .enabled\:active\:before\:bg-text\/12:enabled:active:before {
      background-color: color-mix(in oklab, var(--color-text) 12%, transparent);
    }
  }
  @media (hover: hover) {
    .enabled\:active\:hover\:opacity-80:enabled:active:hover {
      opacity: 0.8;
    }
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:cursor-wait:disabled {
    cursor: wait;
  }
  .disabled\:\!bg-black\/45:disabled {
    background-color: #00000073 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:\!bg-black\/45:disabled {
      background-color: color-mix(
        in oklab,
        var(--color-black) 45%,
        transparent
      ) !important;
    }
  }
  .disabled\:bg-surface-secondary:disabled {
    background-color: var(--color-surface-secondary);
  }
  .disabled\:bg-text\/5:disabled {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-text\/5:disabled {
      background-color: color-mix(in oklab, var(--color-text) 5%, transparent);
    }
  }
  .disabled\:\!text-white\/45:disabled {
    color: #ffffff73 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:\!text-white\/45:disabled {
      color: color-mix(
        in oklab,
        var(--color-white) 45%,
        transparent
      ) !important;
    }
  }
  .disabled\:text-secondary:disabled {
    color: var(--color-text-secondary);
  }
  .disabled\:text-tertiary:disabled {
    color: var(--color-text-tertiary);
  }
  .disabled\:no-underline:disabled {
    text-decoration-line: none;
  }
  .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;
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: #0000;
    }
    .disabled\:hover\:\[color\:var\(--oai-wb-text-secondary\)\]:disabled:hover {
      color: var(--oai-wb-text-secondary);
    }
    .disabled\:hover\:no-underline:disabled:hover {
      text-decoration-line: none;
    }
  }
  :where([data-composer-placement="home"])
    .in-data-\[composer-placement\=home\]\:hidden {
    display: none;
  }
  :where([data-composer-placement="home"])
    .in-data-\[composer-placement\=home\]\:inline {
    display: inline;
  }
  :where([data-composer-rail-placement="above"])
    .in-data-\[composer-rail-placement\=above\]\:py-row-y {
    padding-block: var(--padding-row-y);
  }
  .has-\[\.inline-markdown\]\:py-0\.5:has(.inline-markdown) {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .has-\[\:focus-visible\]\:bg-primary-ghost-hover:has(:focus-visible) {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .has-\[\:focus-visible\]\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .has-\[\:focus-visible\]\:outline-ring:has(:focus-visible) {
    outline-color: var(--color-ring);
  }
  .has-\[\[aria-haspopup\=menu\]\[aria-expanded\=true\]\]\:bg-primary-ghost-hover:has(
    [aria-haspopup="menu"][aria-expanded="true"]
  ) {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .has-\[\[data-markdown-text-style\=assistant-message\]\:empty\:last-child\]\:hidden:has(
    [data-markdown-text-style="assistant-message"]:empty:last-child
  ) {
    display: none;
  }
  .has-\[\[data-state\=open\]\]\:pointer-events-auto:has([data-state="open"]) {
    pointer-events: auto;
  }
  .has-\[\[data-state\=open\]\]\:opacity-100:has([data-state="open"]) {
    opacity: 1;
  }
  .has-\[img\]\:bg-transparent:has(:is(img)) {
    background-color: #0000;
  }
  .has-\[\+button\:hover\]\:after\:opacity-0:has(+ button:hover):after {
    content: var(--tw-content);
    opacity: 0;
  }
  .has-\[\+div\>\[data-app-shell-tab-strip-controller\]\]\:-me-0\.75:has(
      + div > [data-app-shell-tab-strip-controller]
    ) {
    margin-inline-end: calc(var(--spacing) * -0.75);
  }
  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
    cursor: not-allowed;
  }
  .aria-disabled\:\!opacity-100[aria-disabled="true"] {
    opacity: 1 !important;
  }
  .aria-disabled\:opacity-60[aria-disabled="true"] {
    opacity: 0.6;
  }
  .aria-invalid\:border-text-danger[aria-invalid="true"] {
    border-color: var(--color-text-danger);
  }
  .aria-invalid\:ring-2[aria-invalid="true"] {
    --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);
  }
  .aria-invalid\:ring-text-danger\/20[aria-invalid="true"] {
    --tw-ring-color: var(--color-text-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-text-danger\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-text-danger) 20%,
        transparent
      );
    }
  }
  .aria-\[selected\=true\]\:bg-primary-ghost-hover[aria-selected="true"],
  .data-highlighted\:bg-primary-ghost-hover[data-highlighted] {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .data-\[active\]\:bg-chart-orange[data-active] {
    background-color: var(--color-chart-orange);
  }
  .data-\[app-action-sidebar-thread-selected\=true\]\:bg-primary-ghost-hover[data-app-action-sidebar-thread-selected="true"] {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }
  .data-\[disabled\]\:cursor-default[data-disabled] {
    cursor: default;
  }
  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: 0.5;
  }
  .data-\[disabled\]\:opacity-60[data-disabled] {
    opacity: 0.6;
  }
  @media (hover: hover) {
    .data-\[disabled\]\:hover\:bg-transparent[data-disabled]:hover {
      background-color: #0000;
    }
  }
  .data-\[file-drop-active\=true\]\:bg-primary-ghost-hover[data-file-drop-active="true"],
  .data-\[highlighted\]\:bg-primary-ghost-hover[data-highlighted] {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .data-\[highlighted\]\:bg-token-bg-secondary[data-highlighted] {
    background-color: var(--color-token-bg-secondary);
  }
  .data-\[renderer-status\=ready\]\:opacity-100[data-renderer-status="ready"] {
    opacity: 1;
  }
  .data-\[side\]\:w-\[clamp\(0px\,calc\(var\(--radix-tooltip-trigger-width\,0px\)-64px\)\,var\(--radix-tooltip-content-available-width\,100vw\)\)\][data-side] {
    width: clamp(
      0px,
      calc(var(--radix-tooltip-trigger-width, 0px) - 64px),
      var(--radix-tooltip-content-available-width, 100vw)
    );
  }
  .data-\[side\=bottom\]\:justify-start[data-side="bottom"] {
    justify-content: flex-start;
  }
  .data-\[side\=bottom\]\:before\:-top-1\.5[data-side="bottom"]:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -1.5);
  }
  .data-\[side\=bottom\]\:before\:right-6[data-side="bottom"]:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 6);
  }
  .data-\[side\=bottom\]\:before\:left-1\/2[data-side="bottom"]:before {
    content: var(--tw-content);
    left: 50%;
  }
  .data-\[side\=bottom\]\:before\:left-4[data-side="bottom"]:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }
  .data-\[side\=bottom\]\:before\:-translate-x-1\/2[data-side="bottom"]:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=left\]\:before\:top-1\/2[data-side="left"]:before {
    content: var(--tw-content);
    top: 50%;
  }
  .data-\[side\=left\]\:before\:top-4[data-side="left"]:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 4);
  }
  .data-\[side\=left\]\:before\:-right-1\.5[data-side="left"]:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1.5);
  }
  .data-\[side\=left\]\:before\:bottom-6[data-side="left"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 6);
  }
  .data-\[side\=left\]\:before\:-translate-y-1\/2[data-side="left"]:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=right\]\:before\:top-1\/2[data-side="right"]:before {
    content: var(--tw-content);
    top: 50%;
  }
  .data-\[side\=right\]\:before\:top-4[data-side="right"]:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 4);
  }
  .data-\[side\=right\]\:before\:bottom-6[data-side="right"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 6);
  }
  .data-\[side\=right\]\:before\:-left-1\.5[data-side="right"]:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -1.5);
  }
  .data-\[side\=right\]\:before\:-translate-y-1\/2[data-side="right"]:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[side\=top\]\:before\:right-6[data-side="top"]:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 6);
  }
  .data-\[side\=top\]\:before\:-bottom-1\.5[data-side="top"]:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -1.5);
  }
  .data-\[side\=top\]\:before\:left-1\/2[data-side="top"]:before {
    content: var(--tw-content);
    left: 50%;
  }
  .data-\[side\=top\]\:before\:left-4[data-side="top"]:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }
  .data-\[side\=top\]\:before\:-translate-x-1\/2[data-side="top"]:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"] {
    --tw-translate-x: 14px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=checked\]\:\!border-chart-blue[data-state="checked"] {
    border-color: var(--color-chart-blue) !important;
  }
  .data-\[state\=checked\]\:\!border-text[data-state="checked"] {
    border-color: var(--color-text) !important;
  }
  .data-\[state\=checked\]\:\!bg-chart-blue[data-state="checked"] {
    background-color: var(--color-chart-blue) !important;
  }
  .data-\[state\=checked\]\:\!bg-primary-solid[data-state="checked"] {
    background-color: var(--color-background-primary-solid) !important;
  }
  .data-\[state\=checked\]\:bg-primary-ghost-hover[data-state="checked"] {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .data-\[state\=checked\]\:bg-primary-soft[data-state="checked"] {
    background-color: var(--color-background-primary-soft);
  }
  .data-\[state\=checked\]\:bg-primary-solid[data-state="checked"] {
    background-color: var(--color-background-primary-solid);
  }
  .data-\[state\=checked\]\:\!text-primary-solid[data-state="checked"] {
    color: var(--color-text-primary-solid) !important;
  }
  .data-\[state\=checked\]\:\!text-white[data-state="checked"] {
    color: var(--color-white) !important;
  }
  .data-\[state\=checked\]\:text-default[data-state="checked"] {
    color: var(--color-text);
  }
  .data-\[state\=checked\]\:text-primary-solid[data-state="checked"] {
    color: var(--color-text-primary-solid);
  }
  .data-\[state\=checked\]\:ring-1[data-state="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);
  }
  .data-\[state\=checked\]\:ring-border[data-state="checked"] {
    --tw-ring-color: var(--color-border);
  }
  .data-\[state\=closed\]\:-translate-x-full[data-state="closed"] {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=indeterminate\]\:\!border-chart-blue[data-state="indeterminate"] {
    border-color: var(--color-chart-blue) !important;
  }
  .data-\[state\=indeterminate\]\:\!bg-chart-blue[data-state="indeterminate"] {
    background-color: var(--color-chart-blue) !important;
  }
  .data-\[state\=indeterminate\]\:bg-primary-soft[data-state="indeterminate"] {
    background-color: var(--color-background-primary-soft);
  }
  .data-\[state\=indeterminate\]\:\!text-white[data-state="indeterminate"] {
    color: var(--color-white) !important;
  }
  .data-\[state\=indeterminate\]\:text-default[data-state="indeterminate"] {
    color: var(--color-text);
  }
  .data-\[state\=open\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,var\(--color-text-info\)_20\%\)\][data-state="open"] {
    background-color: var(--color-surface) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_80\%\,var\(--color-text-info\)_20\%\)\][data-state="open"] {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 80%,
        var(--color-text-info) 20%
      ) !important;
    }
  }
  .data-\[state\=open\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_92\%\,var\(--color-text\)\)\][data-state="open"] {
    background-color: var(--color-surface) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:\!bg-\[color-mix\(in_srgb\,var\(--color-surface\)_92\%\,var\(--color-text\)\)\][data-state="open"] {
      background-color: color-mix(
        in srgb,
        var(--color-surface) 92%,
        var(--color-text)
      ) !important;
    }
  }
  .data-\[state\=open\]\:\!bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_90\%\,transparent\)\][data-state="open"] {
    background-color: var(--pricing-plan-highlight) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:\!bg-\[color-mix\(in_srgb\,var\(--pricing-plan-highlight\)_90\%\,transparent\)\][data-state="open"] {
      background-color: color-mix(
        in srgb,
        var(--pricing-plan-highlight) 90%,
        transparent
      ) !important;
    }
  }
  .data-\[state\=open\]\:\!bg-chart-blue\/90[data-state="open"] {
    background-color: var(--color-chart-blue) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:\!bg-chart-blue\/90[data-state="open"] {
      background-color: color-mix(
        in oklab,
        var(--color-chart-blue) 90%,
        transparent
      ) !important;
    }
  }
  .data-\[state\=open\]\:\!bg-primary-ghost-hover[data-state="open"] {
    background-color: var(--color-background-primary-ghost-hover) !important;
  }
  .data-\[state\=open\]\:\!bg-text\/5[data-state="open"] {
    background-color: var(--color-text) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:\!bg-text\/5[data-state="open"] {
      background-color: color-mix(
        in oklab,
        var(--color-text) 5%,
        transparent
      ) !important;
    }
  }
  .data-\[state\=open\]\:bg-current\/15[data-state="open"] {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-current\/15[data-state="open"] {
      background-color: color-mix(in oklab, currentcolor 15%, transparent);
    }
  }
  .data-\[state\=open\]\:bg-media-background\/30[data-state="open"] {
    background-color: #0000004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-media-background\/30[data-state="open"] {
      background-color: color-mix(
        in oklab,
        var(--color-media-background) 30%,
        transparent
      );
    }
  }
  .data-\[state\=open\]\:bg-media-control-hover[data-state="open"] {
    background-color: var(--color-media-control-hover);
  }
  .data-\[state\=open\]\:bg-media-foreground\/90[data-state="open"] {
    background-color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-media-foreground\/90[data-state="open"] {
      background-color: color-mix(
        in oklab,
        var(--color-media-foreground) 90%,
        transparent
      );
    }
  }
  .data-\[state\=open\]\:bg-primary-ghost-hover[data-state="open"] {
    background-color: var(--color-background-primary-ghost-hover);
  }
  .data-\[state\=open\]\:bg-surface[data-state="open"] {
    background-color: var(--color-surface);
  }
  .data-\[state\=open\]\:bg-text-info\/15[data-state="open"] {
    background-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-text-info\/15[data-state="open"] {
      background-color: color-mix(
        in oklab,
        var(--color-text-info) 15%,
        transparent
      );
    }
  }
  .data-\[state\=open\]\:bg-text-info\/90[data-state="open"] {
    background-color: var(--color-text-info);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-text-info\/90[data-state="open"] {
      background-color: color-mix(
        in oklab,
        var(--color-text-info) 90%,
        transparent
      );
    }
  }
  .data-\[state\=open\]\:bg-text\/10[data-state="open"] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-text\/10[data-state="open"] {
      background-color: color-mix(in oklab, var(--color-text) 10%, transparent);
    }
  }
  .data-\[state\=open\]\:bg-text\/15[data-state="open"] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-text\/15[data-state="open"] {
      background-color: color-mix(in oklab, var(--color-text) 15%, transparent);
    }
  }
  .data-\[state\=open\]\:bg-text\/80[data-state="open"] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-text\/80[data-state="open"] {
      background-color: color-mix(in oklab, var(--color-text) 80%, transparent);
    }
  }
  .data-\[state\=open\]\:bg-token-list-hover-background[data-state="open"] {
    background-color: var(--color-token-list-hover-background);
  }
  .data-\[state\=open\]\:bg-transparent[data-state="open"] {
    background-color: #0000;
  }
  .data-\[state\=open\]\:\!text-default[data-state="open"] {
    color: var(--color-text) !important;
  }
  .data-\[state\=open\]\:text-default[data-state="open"] {
    color: var(--color-text);
  }
  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }
  .data-\[state\=open\]\:\[background\:var\(--oai-wb-divider\)\][data-state="open"] {
    background: var(--oai-wb-divider);
  }
  .data-\[state\=open\]\:before\:bg-primary-ghost-hover[data-state="open"]:before {
    content: var(--tw-content);
    background-color: var(--color-background-primary-ghost-hover);
  }
  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=unchecked\]\:translate-x-\[2px\][data-state="unchecked"] {
    --tw-translate-x: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .data-\[state\=unchecked\]\:border-strong[data-state="unchecked"] {
    border-color: var(--color-border-strong);
  }
  .data-\[state\=unchecked\]\:bg-text\/5[data-state="unchecked"] {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=unchecked\]\:bg-text\/5[data-state="unchecked"] {
      background-color: color-mix(in oklab, var(--color-text) 5%, transparent);
    }
  }
  .data-\[visible\=true\]\:pointer-events-auto[data-visible="true"] {
    pointer-events: auto;
  }
  .data-\[visible\=true\]\:opacity-100[data-visible="true"] {
    opacity: 1;
  }
  .motion-safe\:animate-pulse:where(
    :root[data-reduced-motion="false"] .motion-safe\:animate-pulse
  ) {
    animation: var(--animate-pulse);
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-pulse:where(
      :root:not([data-reduced-motion]) .motion-safe\:animate-pulse
    ) {
      animation: var(--animate-pulse);
    }
  }
  .motion-safe\:animate-spin:where(
    :root[data-reduced-motion="false"] .motion-safe\:animate-spin
  ) {
    animation: var(--animate-spin);
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:animate-spin:where(
      :root:not([data-reduced-motion]) .motion-safe\:animate-spin
    ) {
      animation: var(--animate-spin);
    }
  }
  .motion-safe\:transition-\[filter\]:where(
    :root[data-reduced-motion="false"] .motion-safe\: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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[filter\]:where(
      :root:not([data-reduced-motion]) .motion-safe\: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)
      );
    }
  }
  .motion-safe\:transition-\[height\]:where(
    :root[data-reduced-motion="false"] .motion-safe\: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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[height\]:where(
      :root:not([data-reduced-motion]) .motion-safe\: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)
      );
    }
  }
  .motion-safe\:transition-\[left\,right\,top\]:where(
    :root[data-reduced-motion="false"]
      .motion-safe\:transition-\[left\,right\,top\]
  ) {
    transition-property: left, right, top;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[left\,right\,top\]:where(
      :root:not([data-reduced-motion])
        .motion-safe\:transition-\[left\,right\,top\]
    ) {
      transition-property: left, right, top;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
  }
  .motion-safe\:transition-\[left\,top\]:where(
    :root[data-reduced-motion="false"] .motion-safe\:transition-\[left\,top\]
  ) {
    transition-property: left, top;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[left\,top\]:where(
      :root:not([data-reduced-motion]) .motion-safe\:transition-\[left\,top\]
    ) {
      transition-property: left, top;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
  }
  .motion-safe\:transition-\[max-height\,opacity\]:where(
    :root[data-reduced-motion="false"]
      .motion-safe\: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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[max-height\,opacity\]:where(
      :root:not([data-reduced-motion])
        .motion-safe\: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)
      );
    }
  }
  .motion-safe\:transition-\[opacity\,transform\]:where(
    :root[data-reduced-motion="false"]
      .motion-safe\: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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[opacity\,transform\]:where(
      :root:not([data-reduced-motion])
        .motion-safe\: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)
      );
    }
  }
  .motion-safe\:transition-\[width\,height\,x\,y\,fill\]:where(
    :root[data-reduced-motion="false"]
      .motion-safe\:transition-\[width\,height\,x\,y\,fill\]
  ) {
    transition-property: width, height, x, y, fill;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-\[width\,height\,x\,y\,fill\]:where(
      :root:not([data-reduced-motion])
        .motion-safe\:transition-\[width\,height\,x\,y\,fill\]
    ) {
      transition-property: width, height, x, y, fill;
      transition-timing-function: var(
        --tw-ease,
        var(--default-transition-timing-function)
      );
      transition-duration: var(
        --tw-duration,
        var(--default-transition-duration)
      );
    }
  }
  .motion-safe\:transition-colors:where(
    :root[data-reduced-motion="false"] .motion-safe\: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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-colors:where(
      :root:not([data-reduced-motion]) .motion-safe\: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)
      );
    }
  }
  .motion-safe\:transition-opacity:where(
    :root[data-reduced-motion="false"] .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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-opacity:where(
      :root:not([data-reduced-motion]) .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:where(
    :root[data-reduced-motion="false"] .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));
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-transform:where(
      :root:not([data-reduced-motion]) .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\:delay-300:where(
    :root[data-reduced-motion="false"] .motion-safe\:delay-300
  ) {
    transition-delay: 0.3s;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:delay-300:where(
      :root:not([data-reduced-motion]) .motion-safe\:delay-300
    ) {
      transition-delay: 0.3s;
    }
  }
  .motion-safe\:duration-150:where(
    :root[data-reduced-motion="false"] .motion-safe\:duration-150
  ) {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-150:where(
      :root:not([data-reduced-motion]) .motion-safe\:duration-150
    ) {
      --tw-duration: 0.15s;
      transition-duration: 0.15s;
    }
  }
  .motion-safe\:duration-200:where(
    :root[data-reduced-motion="false"] .motion-safe\:duration-200
  ) {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-200:where(
      :root:not([data-reduced-motion]) .motion-safe\:duration-200
    ) {
      --tw-duration: 0.2s;
      transition-duration: 0.2s;
    }
  }
  .motion-safe\:duration-300:where(
    :root[data-reduced-motion="false"] .motion-safe\:duration-300
  ) {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-300:where(
      :root:not([data-reduced-motion]) .motion-safe\:duration-300
    ) {
      --tw-duration: 0.3s;
      transition-duration: 0.3s;
    }
  }
  .motion-safe\:duration-500:where(
    :root[data-reduced-motion="false"] .motion-safe\:duration-500
  ) {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-500:where(
      :root:not([data-reduced-motion]) .motion-safe\:duration-500
    ) {
      --tw-duration: 0.5s;
      transition-duration: 0.5s;
    }
  }
  .motion-safe\:duration-relaxed:where(
    :root[data-reduced-motion="false"] .motion-safe\:duration-relaxed
  ) {
    --tw-duration: var(--transition-duration-relaxed);
    transition-duration: var(--transition-duration-relaxed);
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-relaxed:where(
      :root:not([data-reduced-motion]) .motion-safe\:duration-relaxed
    ) {
      --tw-duration: var(--transition-duration-relaxed);
      transition-duration: var(--transition-duration-relaxed);
    }
  }
  .motion-safe\:ease-\[steps\(1\,end\)\]:where(
    :root[data-reduced-motion="false"] .motion-safe\:ease-\[steps\(1\,end\)\]
  ) {
    --tw-ease: steps(1, end);
    transition-timing-function: step-end;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:ease-\[steps\(1\,end\)\]:where(
      :root:not([data-reduced-motion]) .motion-safe\:ease-\[steps\(1\,end\)\]
    ) {
      --tw-ease: steps(1, end);
      transition-timing-function: step-end;
    }
  }
  .motion-safe\:ease-\[steps\(1\,start\)\]:where(
    :root[data-reduced-motion="false"] .motion-safe\:ease-\[steps\(1\,start\)\]
  ) {
    --tw-ease: steps(1, start);
    transition-timing-function: step-start;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:ease-\[steps\(1\,start\)\]:where(
      :root:not([data-reduced-motion]) .motion-safe\:ease-\[steps\(1\,start\)\]
    ) {
      --tw-ease: steps(1, start);
      transition-timing-function: step-start;
    }
  }
  .motion-safe\:ease-linear:where(
    :root[data-reduced-motion="false"] .motion-safe\:ease-linear
  ) {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:ease-linear:where(
      :root:not([data-reduced-motion]) .motion-safe\:ease-linear
    ) {
      --tw-ease: linear;
      transition-timing-function: linear;
    }
  }
  .motion-safe\:ease-out:where(
    :root[data-reduced-motion="false"] .motion-safe\:ease-out
  ) {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:ease-out:where(
      :root:not([data-reduced-motion]) .motion-safe\:ease-out
    ) {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
  }
  @media (hover: hover) {
    .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5:where(
        :root[data-reduced-motion="false"]
          .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5
      ):is(:where(.group\/suggested-followup):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    @media (hover: hover) {
      .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5:where(
          :root:not([data-reduced-motion])
            .motion-safe\:group-hover\/suggested-followup\:translate-x-0\.5
        ):is(:where(.group\/suggested-followup):hover *) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .motion-reduce\:hidden:where(
    :root[data-reduced-motion="true"] .motion-reduce\:hidden
  ) {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:hidden:where(
      :root:not([data-reduced-motion]) .motion-reduce\:hidden
    ) {
      display: none;
    }
  }
  .motion-reduce\:translate-y-0:where(
    :root[data-reduced-motion="true"] .motion-reduce\:translate-y-0
  ) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:translate-y-0:where(
      :root:not([data-reduced-motion]) .motion-reduce\:translate-y-0
    ) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .motion-reduce\:transform-none:where(
    :root[data-reduced-motion="true"] .motion-reduce\:transform-none
  ) {
    transform: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transform-none:where(
      :root:not([data-reduced-motion]) .motion-reduce\:transform-none
    ) {
      transform: none;
    }
  }
  .motion-reduce\:animate-none:where(
    :root[data-reduced-motion="true"] .motion-reduce\:animate-none
  ) {
    animation: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none:where(
      :root:not([data-reduced-motion]) .motion-reduce\:animate-none
    ) {
      animation: none;
    }
  }
  .motion-reduce\:transition-colors:where(
    :root[data-reduced-motion="true"] .motion-reduce\: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));
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-colors:where(
      :root:not([data-reduced-motion]) .motion-reduce\: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)
      );
    }
  }
  .motion-reduce\:transition-opacity:where(
    :root[data-reduced-motion="true"] .motion-reduce\: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));
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-opacity:where(
      :root:not([data-reduced-motion]) .motion-reduce\: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-reduce\:transition-none:where(
    :root[data-reduced-motion="true"] .motion-reduce\:transition-none
  ) {
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none:where(
      :root:not([data-reduced-motion]) .motion-reduce\:transition-none
    ) {
      transition-property: none;
    }
  }
  .motion-reduce\:before\:transition-none:where(
      :root[data-reduced-motion="true"] .motion-reduce\:before\:transition-none
    ):before {
    content: var(--tw-content);
    transition-property: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:before\:transition-none:where(
        :root:not([data-reduced-motion]) .motion-reduce\:before\:transition-none
      ):before {
      content: var(--tw-content);
      transition-property: none;
    }
  }
  .motion-reduce\:active\:scale-100:where(
      :root[data-reduced-motion="true"] .motion-reduce\: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);
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:active\:scale-100:where(
        :root:not([data-reduced-motion]) .motion-reduce\: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);
    }
  }
  @media not all and (width>=1024px) {
    .max-\[1024px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=720px) {
    .max-\[720px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=680px) {
    .max-\[680px\]\:hidden {
      display: none;
    }
    .max-\[680px\]\:grid-cols-\[minmax\(0\,1fr\)_8rem\] {
      grid-template-columns: minmax(0, 1fr) 8rem;
    }
  }
  @media not all and (width>=640px) {
    .max-\[640px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=540px) {
    .max-\[540px\]\:whitespace-normal {
      white-space: normal;
    }
  }
  @media not all and (width>=520px) {
    .max-\[520px\]\:block {
      display: block;
    }
    .max-\[520px\]\:hidden {
      display: none;
    }
    .max-\[520px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-\[520px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
  @media not all and (width>=440px) {
    .max-\[440px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=420px) {
    .max-\[420px\]\:ms-auto {
      margin-inline-start: auto;
    }
    .max-\[420px\]\:flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media not all and (width>=400px) {
    .max-\[400px\]\:hidden {
      display: none;
    }
    .max-\[400px\]\:grid-cols-\[minmax\(0\,1fr\)_64px\] {
      grid-template-columns: minmax(0, 1fr) 64px;
    }
  }
  @media not all and (width>=280px) {
    .max-\[280px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=260px) {
    .max-\[260px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=220px) {
    .max-\[220px\]\:hidden {
      display: none;
    }
  }
  @media not all and (width>=48rem) {
    .max-md\:top-\(--thread-content-top-inset\) {
      top: var(--thread-content-top-inset);
    }
    .max-md\:-ms-2 {
      margin-inline-start: calc(var(--spacing) * -2);
    }
    .max-md\:hidden {
      display: none;
    }
    .max-md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-md\:flex-col {
      flex-direction: column;
    }
    .max-md\:items-start {
      align-items: flex-start;
    }
    .max-md\:items-stretch {
      align-items: stretch;
    }
    .max-md\:gap-1 {
      gap: var(--spacing);
    }
    .max-md\:justify-self-start {
      justify-self: flex-start;
    }
    .max-md\:rounded-none {
      border-radius: 0;
    }
    .max-md\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
    .max-md\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .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);
    }
  }
  @media not all and (width>=40rem) {
    .max-sm\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    .max-sm\:static {
      position: static;
    }
    .max-sm\:sticky {
      position: sticky;
    }
    .max-sm\:bottom-0 {
      bottom: 0;
    }
    .max-sm\:order-none {
      order: 0;
    }
    .max-sm\:block {
      display: block;
    }
    .max-sm\:flex {
      display: flex;
    }
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:inline {
      display: inline;
    }
    .max-sm\:h-\[50px\] {
      height: 50px;
    }
    .max-sm\:h-\[62px\] {
      height: 62px;
    }
    .max-sm\:h-\[266px\] {
      height: 266px;
    }
    .max-sm\:h-\[270px\] {
      height: 270px;
    }
    .max-sm\:h-\[290px\] {
      height: 290px;
    }
    .max-sm\:h-\[304px\] {
      height: 304px;
    }
    .max-sm\:h-\[330px\] {
      height: 330px;
    }
    .max-sm\:h-\[340px\] {
      height: 340px;
    }
    .max-sm\:h-auto {
      height: auto;
    }
    .max-sm\:max-h-40 {
      max-height: calc(var(--spacing) * 40);
    }
    .max-sm\:min-h-0 {
      min-height: 0;
    }
    .max-sm\:min-h-min {
      min-height: min-content;
    }
    .max-sm\:w-\[112px\] {
      width: 112px;
    }
    .max-sm\:w-\[178px\] {
      width: 178px;
    }
    .max-sm\:w-full {
      width: 100%;
    }
    .max-sm\:max-w-none {
      max-width: none;
    }
    .max-sm\:min-w-0 {
      min-width: 0;
    }
    .max-sm\:flex-1 {
      flex: 1;
    }
    .max-sm\:flex-auto {
      flex: auto;
    }
    .max-sm\:flex-none {
      flex: none;
    }
    .max-sm\:shrink-0 {
      flex-shrink: 0;
    }
    .max-sm\:\[scrollbar-gutter\:stable\] {
      scrollbar-gutter: stable;
    }
    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-sm\:flex-col {
      flex-direction: column;
    }
    .max-sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .max-sm\:items-center {
      align-items: center;
    }
    .max-sm\:items-start {
      align-items: flex-start;
    }
    .max-sm\:items-stretch {
      align-items: stretch;
    }
    .max-sm\:justify-between {
      justify-content: space-between;
    }
    .max-sm\:justify-end {
      justify-content: flex-end;
    }
    .max-sm\:justify-stretch {
      justify-content: stretch;
    }
    .max-sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .max-sm\:gap-x-0\.5 {
      column-gap: calc(var(--spacing) * 0.5);
    }
    .max-sm\:overflow-y-auto {
      overflow-y: auto;
    }
    .max-sm\:border-r-0 {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }
    .max-sm\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    .max-sm\:bg-surface {
      background-color: var(--color-surface);
    }
    .max-sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .max-sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .max-sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-sm\:py-0 {
      padding-block: 0;
    }
    .max-sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .max-sm\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .max-sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .max-sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .max-sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .max-sm\:\[--composer-overlay-placement\:top\] {
      --composer-overlay-placement: top;
    }
    .max-sm\:empty\:hidden:empty {
      display: none;
    }
  }
  @media not all and (width>=30rem) {
    .max-\[30rem\]\:hidden {
      display: none;
    }
  }
  @media (width>=280px) {
    .min-\[280px\]\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width>=540px) {
    .min-\[540px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width>=641px) {
    .min-\[641px\]\:hidden {
      display: none;
    }
  }
  @media (width>=760px) {
    .min-\[760px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width>=900px) {
    .min-\[900px\]\:flex-col {
      flex-direction: column;
    }
  }
  @media (width>=20rem) {
    .xs\:basis-\[calc\(\(100\%_-_2rem\)\/3\)\] {
      flex-basis: calc(33.3333% - 0.666667rem);
    }
  }
  @media (width>=40rem) {
    .sm\:inset-x-24 {
      inset-inline: calc(var(--spacing) * 24);
    }
    .sm\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .sm\:top-\[5px\] {
      top: 5px;
    }
    .sm\:top-\[62px\] {
      top: 62px;
    }
    .sm\:left-auto {
      left: auto;
    }
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .sm\:ms-2 {
      margin-inline-start: calc(var(--spacing) * 2);
    }
    .sm\:ms-6 {
      margin-inline-start: calc(var(--spacing) * 6);
    }
    .sm\:ms-auto {
      margin-inline-start: auto;
    }
    .sm\:-mt-4 {
      margin-top: calc(var(--spacing) * -4);
    }
    .sm\:mt-0 {
      margin-top: 0;
    }
    .sm\:mt-0\.5 {
      margin-top: calc(var(--spacing) * 0.5);
    }
    .sm\:mt-1 {
      margin-top: var(--spacing);
    }
    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .sm\:mb-0 {
      margin-bottom: 0;
    }
    .sm\:mb-1\.5 {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .sm\:block {
      display: block;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:grid {
      display: grid;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:inline-block {
      display: inline-block;
    }
    .sm\:aspect-\[16\/10\] {
      aspect-ratio: 16/10;
    }
    .sm\:aspect-auto {
      aspect-ratio: auto;
    }
    .sm\:size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }
    .sm\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
    .sm\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
    .sm\:size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
    .sm\:size-\[18px\] {
      width: 18px;
      height: 18px;
    }
    .sm\:h-2 {
      height: calc(var(--spacing) * 2);
    }
    .sm\:h-4 {
      height: calc(var(--spacing) * 4);
    }
    .sm\:h-7 {
      height: calc(var(--spacing) * 7);
    }
    .sm\:h-8 {
      height: calc(var(--spacing) * 8);
    }
    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }
    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .sm\:h-11 {
      height: calc(var(--spacing) * 11);
    }
    .sm\:h-12 {
      height: calc(var(--spacing) * 12);
    }
    .sm\:h-14 {
      height: calc(var(--spacing) * 14);
    }
    .sm\:h-80 {
      height: calc(var(--spacing) * 80);
    }
    .sm\:h-\[52px\] {
      height: 52px;
    }
    .sm\:h-\[58px\] {
      height: 58px;
    }
    .sm\:h-\[64px\] {
      height: 64px;
    }
    .sm\:h-\[70px\] {
      height: 70px;
    }
    .sm\:h-\[72px\] {
      height: 72px;
    }
    .sm\:h-\[74px\] {
      height: 74px;
    }
    .sm\:h-\[76px\] {
      height: 76px;
    }
    .sm\:h-\[82px\] {
      height: 82px;
    }
    .sm\:h-\[86px\] {
      height: 86px;
    }
    .sm\:h-\[88px\] {
      height: 88px;
    }
    .sm\:h-\[96px\] {
      height: 96px;
    }
    .sm\:h-\[104px\] {
      height: 104px;
    }
    .sm\:h-\[106px\] {
      height: 106px;
    }
    .sm\:h-\[112px\] {
      height: 112px;
    }
    .sm\:h-\[138px\] {
      height: 138px;
    }
    .sm\:h-\[144px\] {
      height: 144px;
    }
    .sm\:h-\[150px\] {
      height: 150px;
    }
    .sm\:h-\[156px\] {
      height: 156px;
    }
    .sm\:h-\[196px\] {
      height: 196px;
    }
    .sm\:h-\[204px\] {
      height: 204px;
    }
    .sm\:h-\[236px\] {
      height: 236px;
    }
    .sm\:h-\[248px\] {
      height: 248px;
    }
    .sm\:h-\[250px\] {
      height: 250px;
    }
    .sm\:h-\[252px\] {
      height: 252px;
    }
    .sm\:h-\[254px\] {
      height: 254px;
    }
    .sm\:h-\[256px\] {
      height: 256px;
    }
    .sm\:h-\[264px\] {
      height: 264px;
    }
    .sm\:h-\[270px\] {
      height: 270px;
    }
    .sm\:h-\[276px\] {
      height: 276px;
    }
    .sm\:h-\[280px\] {
      height: 280px;
    }
    .sm\:h-\[284px\] {
      height: 284px;
    }
    .sm\:h-\[292px\] {
      height: 292px;
    }
    .sm\:h-\[300px\] {
      height: 300px;
    }
    .sm\:h-\[320px\] {
      height: 320px;
    }
    .sm\:h-\[330px\] {
      height: 330px;
    }
    .sm\:h-\[340px\] {
      height: 340px;
    }
    .sm\:h-\[350px\] {
      height: 350px;
    }
    .sm\:h-\[352px\] {
      height: 352px;
    }
    .sm\:h-\[380px\] {
      height: 380px;
    }
    .sm\:h-auto {
      height: auto;
    }
    .sm\:max-h-80 {
      max-height: calc(var(--spacing) * 80);
    }
    .sm\:max-h-none {
      max-height: none;
    }
    .sm\:min-h-0 {
      min-height: 0;
    }
    .sm\:min-h-5 {
      min-height: calc(var(--spacing) * 5);
    }
    .sm\:min-h-6 {
      min-height: calc(var(--spacing) * 6);
    }
    .sm\:min-h-8 {
      min-height: calc(var(--spacing) * 8);
    }
    .sm\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
    .sm\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }
    .sm\:min-h-14 {
      min-height: calc(var(--spacing) * 14);
    }
    .sm\:min-h-\[106px\] {
      min-height: 106px;
    }
    .sm\:min-h-\[112px\] {
      min-height: 112px;
    }
    .sm\:min-h-\[272px\] {
      min-height: 272px;
    }
    .sm\:min-h-\[300px\] {
      min-height: 300px;
    }
    .sm\:w-1\/2 {
      width: 50%;
    }
    .sm\:w-1\/4 {
      width: 25%;
    }
    .sm\:w-1\/5 {
      width: 20%;
    }
    .sm\:w-2 {
      width: calc(var(--spacing) * 2);
    }
    .sm\:w-3 {
      width: calc(var(--spacing) * 3);
    }
    .sm\:w-4 {
      width: calc(var(--spacing) * 4);
    }
    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }
    .sm\:w-6 {
      width: calc(var(--spacing) * 6);
    }
    .sm\:w-7 {
      width: calc(var(--spacing) * 7);
    }
    .sm\:w-9 {
      width: calc(var(--spacing) * 9);
    }
    .sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .sm\:w-11 {
      width: calc(var(--spacing) * 11);
    }
    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .sm\:w-14 {
      width: calc(var(--spacing) * 14);
    }
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
    .sm\:w-20 {
      width: calc(var(--spacing) * 20);
    }
    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }
    .sm\:w-44 {
      width: calc(var(--spacing) * 44);
    }
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }
    .sm\:w-\[23\%\] {
      width: 23%;
    }
    .sm\:w-\[78px\] {
      width: 78px;
    }
    .sm\:w-\[112px\] {
      width: 112px;
    }
    .sm\:w-\[142px\] {
      width: 142px;
    }
    .sm\:w-\[144px\] {
      width: 144px;
    }
    .sm\:w-\[190px\] {
      width: 190px;
    }
    .sm\:w-\[420px\] {
      width: 420px;
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-max {
      width: max-content;
    }
    .sm\:max-w-\[244px\] {
      max-width: 244px;
    }
    .sm\:max-w-full {
      max-width: 100%;
    }
    .sm\:max-w-none {
      max-width: none;
    }
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
    .sm\:min-w-0 {
      min-width: 0;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
    .sm\:grow {
      flex-grow: 1;
    }
    .sm\:basis-1\/2 {
      flex-basis: 50%;
    }
    .sm\:basis-1\/3 {
      flex-basis: 33.3333%;
    }
    .sm\:basis-\[calc\(\(100\%_\+_2rem\)\/5\)\] {
      flex-basis: calc(20% + 0.4rem);
    }
    .sm\:basis-auto {
      flex-basis: auto;
    }
    .sm\:snap-none {
      scroll-snap-type: none;
    }
    .sm\:columns-2 {
      columns: 2;
    }
    .sm\:auto-cols-auto {
      grid-auto-columns: auto;
    }
    .sm\:grid-flow-row {
      grid-auto-flow: row;
    }
    .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-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[160px_minmax\(0\,1fr\)\] {
      grid-template-columns: 160px minmax(0, 1fr);
    }
    .sm\:grid-cols-\[minmax\(0\,6rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 6rem) minmax(0, 1fr);
    }
    .sm\:flex-col {
      flex-direction: column;
    }
    .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-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .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-1 {
      gap: var(--spacing);
    }
    .sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .sm\:gap-7 {
      gap: calc(var(--spacing) * 7);
    }
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .sm\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }
    :where(.sm\: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(.sm\: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))
      );
    }
    .sm\:gap-x-1 {
      column-gap: var(--spacing);
    }
    .sm\:gap-x-1\.5 {
      column-gap: calc(var(--spacing) * 1.5);
    }
    .sm\:gap-x-2 {
      column-gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-x-5 {
      column-gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
    .sm\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
    .sm\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12);
    }
    .sm\:gap-y-0 {
      row-gap: 0;
    }
    .sm\:self-stretch {
      align-self: stretch;
    }
    .sm\:truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
    .sm\:overflow-hidden {
      overflow: hidden;
    }
    .sm\:overflow-visible {
      overflow: visible;
    }
    .sm\:rounded-b-3xl {
      border-bottom-right-radius: var(--radius-3xl);
      border-bottom-left-radius: var(--radius-3xl);
    }
    .sm\:bg-secondary-soft-alpha {
      background-color: var(--color-background-secondary-soft-alpha);
    }
    .sm\:p-0 {
      padding: 0;
    }
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:px-0 {
      padding-inline: 0;
    }
    .sm\:px-1\.5 {
      padding-inline: calc(var(--spacing) * 1.5);
    }
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .sm\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .sm\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
    .sm\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }
    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .sm\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
    .sm\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }
    .sm\:pe-2 {
      padding-inline-end: calc(var(--spacing) * 2);
    }
    .sm\:pe-3 {
      padding-inline-end: calc(var(--spacing) * 3);
    }
    .sm\:pe-16 {
      padding-inline-end: calc(var(--spacing) * 16);
    }
    .sm\:pe-72 {
      padding-inline-end: calc(var(--spacing) * 72);
    }
    .sm\:pt-0 {
      padding-top: 0;
    }
    .sm\:pt-1 {
      padding-top: var(--spacing);
    }
    .sm\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .sm\:pt-2\.5 {
      padding-top: calc(var(--spacing) * 2.5);
    }
    .sm\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .sm\:pr-16 {
      padding-right: calc(var(--spacing) * 16);
    }
    .sm\:pb-0 {
      padding-bottom: 0;
    }
    .sm\:pb-1 {
      padding-bottom: var(--spacing);
    }
    .sm\:pb-1\.5 {
      padding-bottom: calc(var(--spacing) * 1.5);
    }
    .sm\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .sm\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .sm\:pb-5\.5 {
      padding-bottom: calc(var(--spacing) * 5.5);
    }
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .sm\:text-end {
      text-align: end;
    }
    .sm\:text-right {
      text-align: right;
    }
    .sm\:text-start {
      text-align: start;
    }
    .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-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .sm\:opacity-0 {
      opacity: 0;
    }
    .sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 1;
    }
    @media (hover: hover) {
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }
  @media (width>=48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:mx-5 {
      margin-inline: calc(var(--spacing) * 5);
    }
    .md\:block {
      display: block;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
    .md\:h-6 {
      height: calc(var(--spacing) * 6);
    }
    .md\:h-10 {
      height: calc(var(--spacing) * 10);
    }
    .md\:h-\[312px\] {
      height: 312px;
    }
    .md\:h-auto {
      height: auto;
    }
    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }
    .md\:w-44 {
      width: calc(var(--spacing) * 44);
    }
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .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\:flex-row {
      flex-direction: row;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-start {
      justify-content: flex-start;
    }
    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .md\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }
    .md\:bg-gradient-to-r {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .md\:from-black {
      --tw-gradient-from: var(--color-black);
      --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)
      );
    }
    .md\:to-black\/0 {
      --tw-gradient-to: #0000;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .md\:to-black\/0 {
        --tw-gradient-to: color-mix(
          in oklab,
          var(--color-black) 0%,
          transparent
        );
      }
    }
    .md\:to-black\/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)
      );
    }
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .md\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .md\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }
    .md\:pe-5 {
      padding-inline-end: calc(var(--spacing) * 5);
    }
    .md\:pe-10 {
      padding-inline-end: calc(var(--spacing) * 10);
    }
    .md\:pb-0 {
      padding-bottom: 0;
    }
    .md\:pb-3 {
      padding-bottom: calc(var(--spacing) * 3);
    }
    .md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .md\:text-center {
      text-align: center;
    }
    .md\:text-left {
      text-align: left;
    }
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width>=64rem) {
    .lg\:absolute {
      position: absolute;
    }
    .lg\:-start-8 {
      inset-inline-start: calc(var(--spacing) * -8);
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:inline {
      display: inline;
    }
    .lg\:h-full {
      height: 100%;
    }
    .lg\:w-\[220px\] {
      width: 220px;
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:max-w-none {
      max-width: none;
    }
    .lg\:flex-none {
      flex: none;
    }
    .lg\:basis-1\/3 {
      flex-basis: 33.3333%;
    }
    .lg\:columns-2 {
      columns: 2;
    }
    .lg\:columns-3 {
      columns: 3;
    }
    .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-\[theme\(spacing\.32\)_minmax\(0\,1fr\)\] {
      grid-template-columns: 8rem minmax(0, 1fr);
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .lg\:self-start {
      align-self: flex-start;
    }
    .lg\:justify-self-stretch {
      justify-self: stretch;
    }
    .lg\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  @media (width>=80rem) {
    .xl\:columns-4 {
      columns: 4;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width>=96rem) {
    .\32 xl\:columns-3 {
      columns: 3;
    }
    .\32 xl\:columns-5 {
      columns: 5;
    }
    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @container request-card not (width>=64rem) {
    .\@max-5xl\/request-card\:flex-col {
      flex-direction: column;
    }
    .\@max-5xl\/request-card\:items-stretch {
      align-items: stretch;
    }
  }
  @container thread-content not (width>=50rem) {
    .\@max-\[50rem\]\/thread-content\:pe-0 {
      padding-inline-end: 0;
    }
  }
  @container not (width>=42rem) {
    .\@max-2xl\:flex-col {
      flex-direction: column;
    }
    .\@max-2xl\:items-start {
      align-items: flex-start;
    }
  }
  @container approval-card not (width>=28rem) {
    .\@max-md\/approval-card\:ms-0 {
      margin-inline-start: 0;
    }
    .\@max-md\/approval-card\:hidden {
      display: none;
    }
    .\@max-md\/approval-card\:w-full {
      width: 100%;
    }
    .\@max-md\/approval-card\:flex-1 {
      flex: 1;
    }
    .\@max-md\/approval-card\:flex-col {
      flex-direction: column;
    }
    .\@max-md\/approval-card\:items-stretch {
      align-items: stretch;
    }
    .\@max-md\/approval-card\:justify-center {
      justify-content: center;
    }
    .\@max-md\/approval-card\:ps-6 {
      padding-inline-start: calc(var(--spacing) * 6);
    }
  }
  @container home-mode-toggle not (width>=20rem) {
    .\@max-xs\/home-mode-toggle\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }
  @container app-shell-tab not (width>=4rem) {
    .\@max-\[4rem\]\/app-shell-tab\:invisible {
      visibility: hidden;
    }
  }
  @container (width>=180px) {
    .\@\[180px\]\:max-w-36 {
      max-width: calc(var(--spacing) * 36);
    }
    .\@\[180px\]\:min-w-10 {
      min-width: calc(var(--spacing) * 10);
    }
    .\@\[180px\]\:opacity-0 {
      opacity: 0;
    }
    .\@\[180px\]\:opacity-100 {
      opacity: 1;
    }
  }
  @container (width>=560px) {
    .\@min-\[560px\]\:mt-0 {
      margin-top: 0;
    }
    .\@min-\[560px\]\:flex-row {
      flex-direction: row;
    }
    .\@min-\[560px\]\:items-center {
      align-items: center;
    }
    .\@min-\[560px\]\:justify-between {
      justify-content: space-between;
    }
    .\@min-\[560px\]\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .\@min-\[560px\]\:self-center {
      align-self: center;
    }
  }
  @container skills-grid (width>=581px) {
    .\@min-\[581px\]\/skills-grid\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container presentation-editor (width>=749px) {
    .\@\[749px\]\/presentation-editor\:order-1 {
      order: 1;
    }
    .\@\[749px\]\/presentation-editor\:order-2 {
      order: 2;
    }
    .\@\[749px\]\/presentation-editor\:block {
      display: block;
    }
    .\@\[749px\]\/presentation-editor\:h-fit {
      height: fit-content;
    }
    .\@\[749px\]\/presentation-editor\:h-full {
      height: 100%;
    }
    .\@\[749px\]\/presentation-editor\:min-h-full {
      min-height: 100%;
    }
    .\@\[749px\]\/presentation-editor\:w-\[220px\] {
      width: 220px;
    }
    .\@\[749px\]\/presentation-editor\:w-full {
      width: 100%;
    }
    .\@\[749px\]\/presentation-editor\:flex-col {
      flex-direction: column;
    }
    .\@\[749px\]\/presentation-editor\:flex-row {
      flex-direction: row;
    }
    .\@\[749px\]\/presentation-editor\:items-center {
      align-items: center;
    }
    .\@\[749px\]\/presentation-editor\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .\@\[749px\]\/presentation-editor\:overflow-x-hidden {
      overflow-x: hidden;
    }
    .\@\[749px\]\/presentation-editor\:overflow-y-auto {
      overflow-y: auto;
    }
    .\@\[749px\]\/presentation-editor\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .\@\[749px\]\/presentation-editor\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }
    .\@\[749px\]\/presentation-editor\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }
  @container app-shell-tab (width>=4rem) {
    .\@min-\[4rem\]\/app-shell-tab\:pe-5,
    .\@min-\[4rem\]\/app-shell-tab\:group-focus-within\/tab\:pe-5:is(
      :where(.group\/tab):focus-within *
    ) {
      padding-inline-end: calc(var(--spacing) * 5);
    }
    @media (hover: hover) {
      .\@min-\[4rem\]\/app-shell-tab\:group-hover\/tab\:pe-5:is(
        :where(.group\/tab):hover *
      ) {
        padding-inline-end: calc(var(--spacing) * 5);
      }
    }
  }
  @container diff-header (width>=20rem) {
    .\@xs\/diff-header\:hidden {
      display: none;
    }
    .\@xs\/diff-header\:inline {
      display: inline;
    }
  }
  @container sidebar-update (width>=20rem) {
    .\@xs\/sidebar-update\:hidden {
      display: none;
    }
  }
  @container (width>=24rem) {
    .\@sm\:block {
      display: block;
    }
    .\@sm\:hidden {
      display: none;
    }
    .\@sm\:h-1 {
      height: var(--spacing);
    }
    .\@sm\:h-4 {
      height: calc(var(--spacing) * 4);
    }
    .\@sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }
    .\@sm\:h-\[136px\] {
      height: 136px;
    }
    .\@sm\:w-1 {
      width: var(--spacing);
    }
    .\@sm\:w-4 {
      width: calc(var(--spacing) * 4);
    }
    .\@sm\:w-10 {
      width: calc(var(--spacing) * 10);
    }
    .\@sm\:w-\[150px\] {
      width: 150px;
    }
    .\@sm\:grid-cols-\[minmax\(0\,1fr\)_10\.5rem\] {
      grid-template-columns: minmax(0, 1fr) 10.5rem;
    }
    .\@sm\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .\@sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .\@sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .\@sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }
  @container (width>=28rem) {
    .\@md\:block {
      display: block;
    }
    .\@md\:flex {
      display: flex;
    }
    .\@md\:hidden {
      display: none;
    }
    .\@md\:h-full {
      height: 100%;
    }
    .\@md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@md\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(100px\,0\.46fr\)_minmax\(0\,1\.62fr\)\] {
      grid-template-columns: minmax(0, 0.92fr) minmax(100px, 0.46fr) minmax(
          0,
          1.62fr
        );
    }
    .\@md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(216px\,0\.82fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(216px, 0.82fr);
    }
    .\@md\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .\@md\:justify-center {
      justify-content: center;
    }
    .\@md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .\@md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .\@md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .\@md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  @container (width>=32rem) {
    .\@lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container app-shell-header-toolbar (width>=42rem) {
    .\@2xl\/app-shell-header-toolbar\:contents {
      display: contents;
    }
  }
  @container (width>=42rem) {
    .\@2xl\:w-36 {
      width: calc(var(--spacing) * 36);
    }
    .\@2xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@2xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container thread-content (width>=50rem) {
    .\@min-\[50rem\]\/thread-content\:pointer-events-auto {
      pointer-events: auto;
    }
    .\@min-\[50rem\]\/thread-content\:right-auto {
      right: auto;
    }
    .\@min-\[50rem\]\/thread-content\:left-full {
      left: 100%;
    }
  }
  .ltr\:ms-auto:where(
    :not(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="ltr"],
    [dir="ltr"] *
  ) {
    margin-inline-start: auto;
  }
  .ltr\:me-auto:where(
    :not(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="ltr"],
    [dir="ltr"] *
  ) {
    margin-inline-end: auto;
  }
  .ltr\:flex-row-reverse:where(
    :not(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="ltr"],
    [dir="ltr"] *
  ) {
    flex-direction: row-reverse;
  }
  .rtl\:start-auto:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    inset-inline-start: auto;
  }
  .rtl\:end-4:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .rtl\:ms-auto:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    margin-inline-start: auto;
  }
  .rtl\:me-auto:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    margin-inline-end: auto;
  }
  .rtl\:origin-right:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    transform-origin: 100%;
  }
  .rtl\:-translate-x-0\.5:where(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      ),
      [dir="rtl"],
      [dir="rtl"] *
    ) {
    --tw-translate-x: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-translate-x-1\/2:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-translate-x-1\/4:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    --tw-translate-x: calc(calc(1 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:-translate-x-\[calc\(100\%\+12px\)\]:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    --tw-translate-x: calc(calc(100% + 12px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:translate-x-1\/2:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:rotate-180:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    rotate: 180deg;
  }
  .rtl\:cursor-w-resize:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    cursor: w-resize;
  }
  .rtl\:flex-row:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    flex-direction: row;
  }
  .rtl\:flex-row-reverse:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    flex-direction: row-reverse;
  }
  .rtl\:\[mask-image\:linear-gradient\(to_right\,transparent\,black_8px\,black\)\]:where(
    :is(
      :lang(ae),
      :lang(ar),
      :lang(arc),
      :lang(bcc),
      :lang(bqi),
      :lang(ckb),
      :lang(dv),
      :lang(fa),
      :lang(glk),
      :lang(he),
      :lang(ku),
      :lang(mzn),
      :lang(nqo),
      :lang(pnb),
      :lang(ps),
      :lang(sd),
      :lang(ug),
      :lang(ur),
      :lang(yi)
    ),
    [dir="rtl"],
    [dir="rtl"] *
  ) {
    -webkit-mask-image: linear-gradient(90deg, #0000, #000 8px, #000);
    mask-image: linear-gradient(90deg, #0000, #000 8px, #000);
  }
  @media (hover: hover) {
    .rtl\:group-hover\:translate-x-0:where(
        :is(
          :lang(ae),
          :lang(ar),
          :lang(arc),
          :lang(bcc),
          :lang(bqi),
          :lang(ckb),
          :lang(dv),
          :lang(fa),
          :lang(glk),
          :lang(he),
          :lang(ku),
          :lang(mzn),
          :lang(nqo),
          :lang(pnb),
          :lang(ps),
          :lang(sd),
          :lang(ug),
          :lang(ur),
          :lang(yi)
        ),
        [dir="rtl"],
        [dir="rtl"] *
      ):is(:where(.group):hover *) {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .rtl\:group-focus-visible\:translate-x-0:where(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      ),
      [dir="rtl"],
      [dir="rtl"] *
    ):is(:where(.group):focus-visible *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:data-\[state\=checked\]\:-translate-x-\[14px\]:where(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      ),
      [dir="rtl"],
      [dir="rtl"] *
    )[data-state="checked"] {
    --tw-translate-x: calc(14px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:data-\[state\=closed\]\:translate-x-full:where(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      ),
      [dir="rtl"],
      [dir="rtl"] *
    )[data-state="closed"] {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:data-\[state\=unchecked\]\:-translate-x-\[2px\]:where(
      :is(
        :lang(ae),
        :lang(ar),
        :lang(arc),
        :lang(bcc),
        :lang(bqi),
        :lang(ckb),
        :lang(dv),
        :lang(fa),
        :lang(glk),
        :lang(he),
        :lang(ku),
        :lang(mzn),
        :lang(nqo),
        :lang(pnb),
        :lang(ps),
        :lang(sd),
        :lang(ug),
        :lang(ur),
        :lang(yi)
      ),
      [dir="rtl"],
      [dir="rtl"] *
    )[data-state="unchecked"] {
    --tw-translate-x: calc(2px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:block {
      display: block;
    }
    .dark\:hidden {
      display: none;
    }
    .dark\:border-\[\#b5adf0\]\/20 {
      border-color: oklab(77.8394% 0.0316149 -0.0894219/.2);
    }
    .dark\:border-chart-blue\/80 {
      border-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-chart-blue\/80 {
        border-color: color-mix(
          in oklab,
          var(--color-chart-blue) 80%,
          transparent
        );
      }
    }
    .dark\:border-white\/10 {
      border-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .dark\:border-white\/15 {
      border-color: #ffffff26;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/15 {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .dark\:border-white\/\[0\.1\] {
      border-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/\[0\.1\] {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .dark\:border-white\/\[0\.12\] {
      border-color: #ffffff1f;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/\[0\.12\] {
        border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
    .dark\:border-white\/\[0\.14\] {
      border-color: #ffffff24;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/\[0\.14\] {
        border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
    .dark\:bg-\[\#40c977\] {
      background-color: #40c977;
    }
    .dark\:bg-\[\#282b34\] {
      background-color: #282b34;
    }
    .dark\:bg-\[\#339cff\] {
      background-color: #339cff;
    }
    .dark\:bg-\[\#8177c8\]\/90 {
      background-color: oklab(61.2928% 0.037193 -0.114772/.9);
    }
    .dark\:bg-\[\#18191e\] {
      background-color: #18191e;
    }
    .dark\:bg-\[\#23252c\] {
      background-color: #23252c;
    }
    .dark\:bg-\[\#202127\] {
      background-color: #202127;
    }
    .dark\:bg-\[\#262831\] {
      background-color: #262831;
    }
    .dark\:bg-\[\#303030\] {
      background-color: #303030;
    }
    .dark\:bg-\[\#353535\] {
      background-color: #353535;
    }
    .dark\:bg-\[\#F3F3F3\] {
      background-color: #f3f3f3;
    }
    .dark\:bg-\[\#ad7bf9\] {
      background-color: #ad7bf9;
    }
    .dark\:bg-\[\#ff8cc1\] {
      background-color: #ff8cc1;
    }
    .dark\:bg-\[\#ff6764\] {
      background-color: #ff6764;
    }
    .dark\:bg-\[\#ff8549\] {
      background-color: #ff8549;
    }
    .dark\:bg-\[\#ffd240\] {
      background-color: #ffd240;
    }
    .dark\:bg-\[rgba\(38\,43\,61\,0\.5\)\] {
      background-color: #262b3d80;
    }
    .dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\] {
      background-color: #ffffff0a;
    }
    .dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\] {
      background-color: #ffffff0f;
    }
    .dark\:bg-black\/60 {
      background-color: #0009;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-black\/60 {
        background-color: color-mix(
          in oklab,
          var(--color-black) 60%,
          transparent
        );
      }
    }
    .dark\:bg-chart-blue\/20 {
      background-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-chart-blue\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-chart-blue) 20%,
          transparent
        );
      }
    }
    .dark\:bg-primary-ghost-hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    .dark\:bg-primary-soft-alpha {
      background-color: var(--color-background-primary-soft-alpha);
    }
    .dark\:bg-white {
      background-color: var(--color-white);
    }
    .dark\:bg-white\/6 {
      background-color: #ffffff0f;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/6 {
        background-color: color-mix(
          in oklab,
          var(--color-white) 6%,
          transparent
        );
      }
    }
    .dark\:bg-white\/10 {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
    .dark\:bg-white\/20 {
      background-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-white) 20%,
          transparent
        );
      }
    }
    .dark\:bg-white\/\[0\.08\] {
      background-color: #ffffff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/\[0\.08\] {
        background-color: color-mix(
          in oklab,
          var(--color-white) 8%,
          transparent
        );
      }
    }
    .dark\:bg-white\/\[0\.12\] {
      background-color: #ffffff1f;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-white\/\[0\.12\] {
        background-color: color-mix(
          in oklab,
          var(--color-white) 12%,
          transparent
        );
      }
    }
    .dark\:from-chart-yellow\/20 {
      --tw-gradient-from: var(--color-chart-yellow);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:from-chart-yellow\/20 {
        --tw-gradient-from: color-mix(
          in oklab,
          var(--color-chart-yellow) 20%,
          transparent
        );
      }
    }
    .dark\:from-chart-yellow\/20 {
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .dark\:from-white\/\[0\.16\] {
      --tw-gradient-from: #ffffff29;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:from-white\/\[0\.16\] {
        --tw-gradient-from: color-mix(
          in oklab,
          var(--color-white) 16%,
          transparent
        );
      }
    }
    .dark\:from-white\/\[0\.16\] {
      --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)
      );
    }
    .dark\:via-chart-blue\/20 {
      --tw-gradient-via: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:via-chart-blue\/20 {
        --tw-gradient-via: color-mix(
          in oklab,
          var(--color-chart-blue) 20%,
          transparent
        );
      }
    }
    .dark\:via-chart-blue\/20 {
      --tw-gradient-via-stops:
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    .dark\:via-white\/\[0\.04\] {
      --tw-gradient-via: #ffffff0a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:via-white\/\[0\.04\] {
        --tw-gradient-via: color-mix(
          in oklab,
          var(--color-white) 4%,
          transparent
        );
      }
    }
    .dark\:via-white\/\[0\.04\] {
      --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);
    }
    .dark\:to-chart-purple\/20 {
      --tw-gradient-to: var(--color-chart-purple);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:to-chart-purple\/20 {
        --tw-gradient-to: color-mix(
          in oklab,
          var(--color-chart-purple) 20%,
          transparent
        );
      }
    }
    .dark\:to-chart-purple\/20 {
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .dark\:stroke-black {
      stroke: var(--color-black);
    }
    .dark\:\!text-black {
      color: var(--color-black) !important;
    }
    .dark\:text-\[\#40c977\] {
      color: #40c977;
    }
    .dark\:text-\[\#339cff\] {
      color: #339cff;
    }
    .dark\:text-\[\#ad7bf9\] {
      color: #ad7bf9;
    }
    .dark\:text-\[\#ff8cc1\] {
      color: #ff8cc1;
    }
    .dark\:text-\[\#ff6764\] {
      color: #ff6764;
    }
    .dark\:text-\[\#ff8549\] {
      color: #ff8549;
    }
    .dark\:text-\[\#ffd240\] {
      color: #ffd240;
    }
    .dark\:text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_45\%\,transparent\)\] {
      color: var(--color-codex-description);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:text-\[color-mix\(in_srgb\,var\(--color-codex-description\)_45\%\,transparent\)\] {
        color: color-mix(
          in srgb,
          var(--color-codex-description) 45%,
          transparent
        );
      }
    }
    .dark\:text-default {
      color: var(--color-text);
    }
    .dark\:text-gray-200 {
      color: var(--color-gray-200);
    }
    .dark\:text-green-400 {
      color: var(--color-green-400);
    }
    .dark\:text-info {
      color: var(--color-text-info);
    }
    .dark\:text-orange-400 {
      color: var(--color-orange-400);
    }
    .dark\:text-red-400 {
      color: var(--color-red-400);
    }
    .dark\:text-white {
      color: var(--color-white);
    }
    .dark\:text-white\/70 {
      color: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:text-white\/70 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
    .dark\:opacity-10 {
      opacity: 0.1;
    }
    .dark\:opacity-30 {
      opacity: 0.3;
    }
    .dark\:opacity-40 {
      opacity: 0.4;
    }
    .dark\:opacity-50 {
      opacity: 0.5;
    }
    .dark\:shadow-\[0_0_6px_rgba\(118\,104\,197\,0\.5\)\] {
      --tw-shadow: 0 0 6px var(--tw-shadow-color, #7668c580);
      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_1px_2px_rgba\(0\,0\,0\,0\.36\)\] {
      --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000005c);
      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_8px_16px_0_rgba\(0\,0\,0\,0\.40\)\,inset_0_0_1px_0_rgba\(255\,255\,255\,0\.25\)\,0_0_1px_0_rgba\(0\,0\,0\,0\.60\)\] {
      --tw-shadow:
        0 8px 16px 0 var(--tw-shadow-color, #0006),
        inset 0 0 1px 0 var(--tw-shadow-color, #ffffff40),
        0 0 1px 0 var(--tw-shadow-color, #0009);
      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-\[inset_0_-1px_2px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.34\)\] {
      --tw-shadow:
        inset 0 -1px 2px var(--tw-shadow-color, #ffffff14),
        0 1px 2px var(--tw-shadow-color, #00000057);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.06\)\,0_1px_2px_rgba\(0\,0\,0\,0\.32\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff0f),
        0 1px 2px var(--tw-shadow-color, #00000052);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_0_rgba\(0\,0\,0\,0\.28\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff14),
        0 1px 0 var(--tw-shadow-color, #00000047);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.32\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff14),
        0 1px 2px var(--tw-shadow-color, #00000052);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.34\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff14),
        0 1px 2px var(--tw-shadow-color, #00000057);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_14px_34px_rgba\(0\,0\,0\,0\.36\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff14),
        0 14px 34px var(--tw-shadow-color, #0000005c);
      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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.09\)\,inset_0_1px_2px_rgba\(255\,255\,255\,0\.08\)\,0_1px_2px_rgba\(0\,0\,0\,0\.3\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff17),
        inset 0 1px 2px 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-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.14\)\,0_0_14px_rgba\(141\,181\,255\,0\.28\)\] {
      --tw-shadow:
        inset 0 0 0 1px var(--tw-shadow-color, #ffffff24),
        0 0 14px var(--tw-shadow-color, #8db5ff47);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .dark\:ring-chart-blue\/60 {
      --tw-ring-color: var(--color-chart-blue);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-chart-blue\/60 {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-chart-blue) 60%,
          transparent
        );
      }
    }
    .dark\:ring-white\/15 {
      --tw-ring-color: #ffffff26;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-white\/15 {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-white) 15%,
          transparent
        );
      }
    }
    .dark\:brightness-100 {
      --tw-brightness: brightness(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,);
    }
    .dark\:\[--shimmer-contrast\:rgba\(0\,0\,0\,0\.42\)\] {
      --shimmer-contrast: #0000006b;
    }
    @media (hover: hover) {
      .dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.12\)\,0_0_12px_rgba\(141\,181\,255\,0\.24\)\]:is(
          :where(.group):hover *
        ) {
        --tw-shadow:
          inset 0 0 0 1px var(--tw-shadow-color, #ffffff1f),
          0 0 12px var(--tw-shadow-color, #8db5ff3d);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      .dark\:group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.14\)\,0_0_12px_rgba\(141\,181\,255\,0\.24\)\]:is(
          :where(.group):hover *
        ) {
        --tw-shadow:
          inset 0 0 0 1px var(--tw-shadow-color, #ffffff24),
          0 0 12px var(--tw-shadow-color, #8db5ff3d);
        box-shadow:
          var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
          var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    .dark\:focus-within\:bg-white\/10:focus-within {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:focus-within\:bg-white\/10:focus-within {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
    @media (hover: hover) {
      .dark\:hover\:bg-black\/20:hover {
        background-color: #0003;
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-black\/20:hover {
          background-color: color-mix(
            in oklab,
            var(--color-black) 20%,
            transparent
          );
        }
      }
      .dark\:hover\:bg-white\/7:hover {
        background-color: #ffffff12;
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/7:hover {
          background-color: color-mix(
            in oklab,
            var(--color-white) 7%,
            transparent
          );
        }
      }
      .dark\:hover\:bg-white\/10:hover {
        background-color: #ffffff1a;
      }
      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-white\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-white) 10%,
            transparent
          );
        }
      }
    }
    .dark\:focus-visible\:bg-white\/10:focus-visible {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:focus-visible\:bg-white\/10:focus-visible {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
  }
  @media print {
    .print\:hidden {
      display: none;
    }
  }
  @media (forced-colors: active) {
    .forced-colors\:hidden {
      display: none;
    }
    .forced-colors\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    .forced-colors\:\!border-\[ButtonBorder\] {
      border-color: buttonborder !important;
    }
    .forced-colors\:border-\[ButtonBorder\] {
      border-color: buttonborder;
    }
    .forced-colors\:\!bg-\[ButtonFace\] {
      background-color: buttonface !important;
    }
    .forced-colors\:bg-\[ButtonFace\] {
      background-color: buttonface;
    }
    .forced-colors\:bg-\[Canvas\] {
      background-color: canvas;
    }
    .forced-colors\:\!text-\[ButtonText\] {
      color: buttontext !important;
    }
    .forced-colors\:text-\[ButtonText\] {
      color: buttontext;
    }
    .forced-colors\:backdrop-blur-none {
      --tw-backdrop-blur: ;
      -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 (hover: hover) {
      .forced-colors\:hover\:outline:hover {
        outline-style: var(--tw-outline-style);
        outline-width: 1px;
      }
      .forced-colors\:hover\:outline-offset-\[-2px\]:hover {
        outline-offset: -2px;
      }
    }
  }
  @media (pointer: coarse) {
    .pointer-coarse\:min-h-14 {
      min-height: calc(var(--spacing) * 14);
    }
    .pointer-coarse\:after\:min-h-11:after {
      content: var(--tw-content);
      min-height: calc(var(--spacing) * 11);
    }
  }
  @media (any-pointer: coarse) {
    .any-pointer-coarse\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .any-pointer-coarse\:block {
      display: block;
    }
  }
  .browser\:-mx-0\.5:where(
      [data-codex-window-type="browser"] .browser\:-mx-0\.5
    ) {
    margin-inline: calc(var(--spacing) * -0.5);
  }
  .browser\:mx-1\.5:where(
      [data-codex-window-type="browser"] .browser\:mx-1\.5
    ) {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .browser\:-ms-0\.5:where(
      [data-codex-window-type="browser"] .browser\:-ms-0\.5
    ) {
    margin-inline-start: calc(var(--spacing) * -0.5);
  }
  .browser\:mt-3:where([data-codex-window-type="browser"] .browser\:mt-3) {
    margin-top: calc(var(--spacing) * 3);
  }
  .browser\:inline-flex:where(
    [data-codex-window-type="browser"] .browser\:inline-flex
  ) {
    display: inline-flex;
  }
  .browser\:size-9:where([data-codex-window-type="browser"] .browser\:size-9) {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .browser\:h-9:where([data-codex-window-type="browser"] .browser\:h-9) {
    height: calc(var(--spacing) * 9);
  }
  .browser\:h-10:where([data-codex-window-type="browser"] .browser\:h-10) {
    height: calc(var(--spacing) * 10);
  }
  .browser\:h-12:where([data-codex-window-type="browser"] .browser\:h-12) {
    height: calc(var(--spacing) * 12);
  }
  .browser\:h-16:where([data-codex-window-type="browser"] .browser\:h-16) {
    height: calc(var(--spacing) * 16);
  }
  .browser\:min-h-10\.5:where(
      [data-codex-window-type="browser"] .browser\:min-h-10\.5
    ) {
    min-height: calc(var(--spacing) * 10.5);
  }
  .browser\:w-5:where([data-codex-window-type="browser"] .browser\:w-5) {
    width: calc(var(--spacing) * 5);
  }
  .browser\:w-10:where([data-codex-window-type="browser"] .browser\:w-10) {
    width: calc(var(--spacing) * 10);
  }
  .browser\:w-full:where([data-codex-window-type="browser"] .browser\:w-full) {
    width: 100%;
  }
  .browser\:max-w-\(--thread-body-max-width\):where(
    [data-codex-window-type="browser"]
      .browser\:max-w-\(--thread-body-max-width\)
  ) {
    max-width: var(--thread-body-max-width);
  }
  .browser\:flex-none:where(
    [data-codex-window-type="browser"] .browser\:flex-none
  ) {
    flex: none;
  }
  .browser\:items-baseline:where(
    [data-codex-window-type="browser"] .browser\:items-baseline
  ) {
    align-items: baseline;
  }
  .browser\:justify-start:where(
    [data-codex-window-type="browser"] .browser\:justify-start
  ) {
    justify-content: flex-start;
  }
  .browser\:gap-0:where([data-codex-window-type="browser"] .browser\:gap-0) {
    gap: 0;
  }
  .browser\:gap-1:where([data-codex-window-type="browser"] .browser\:gap-1) {
    gap: var(--spacing);
  }
  .browser\:gap-1\.5:where(
      [data-codex-window-type="browser"] .browser\:gap-1\.5
    ) {
    gap: calc(var(--spacing) * 1.5);
  }
  .browser\:gap-5:where([data-codex-window-type="browser"] .browser\:gap-5) {
    gap: calc(var(--spacing) * 5);
  }
  .browser\:bg-surface:where(
    [data-codex-window-type="browser"] .browser\:bg-surface
  ) {
    background-color: var(--color-surface);
  }
  .browser\:bg-surface-secondary\/60:where(
    [data-codex-window-type="browser"] .browser\:bg-surface-secondary\/60
  ) {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .browser\:bg-surface-secondary\/60:where(
      [data-codex-window-type="browser"] .browser\:bg-surface-secondary\/60
    ) {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 60%,
        transparent
      );
    }
  }
  .browser\:ps-2:where([data-codex-window-type="browser"] .browser\:ps-2) {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .browser\:ps-2\.5:where(
      [data-codex-window-type="browser"] .browser\:ps-2\.5
    ) {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .browser\:ps-4:where([data-codex-window-type="browser"] .browser\:ps-4) {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .browser\:pe-0:where([data-codex-window-type="browser"] .browser\:pe-0) {
    padding-inline-end: 0;
  }
  .browser\:pe-2:where([data-codex-window-type="browser"] .browser\:pe-2) {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .browser\:pt-0:where([data-codex-window-type="browser"] .browser\:pt-0) {
    padding-top: 0;
  }
  .browser\:pt-1:where([data-codex-window-type="browser"] .browser\:pt-1) {
    padding-top: var(--spacing);
  }
  .browser\:pt-2:where([data-codex-window-type="browser"] .browser\:pt-2) {
    padding-top: calc(var(--spacing) * 2);
  }
  .browser\:pb-0:where([data-codex-window-type="browser"] .browser\:pb-0) {
    padding-bottom: 0;
  }
  .browser\:pb-6:where([data-codex-window-type="browser"] .browser\:pb-6) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .browser\:\!text-lg:where(
    [data-codex-window-type="browser"] .browser\:\!text-lg
  ) {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .browser\:\!leading-6\.5:where(
      [data-codex-window-type="browser"] .browser\:\!leading-6\.5
    ) {
    --tw-leading: calc(var(--spacing) * 6.5) !important;
    line-height: calc(var(--spacing) * 6.5) !important;
  }
  .browser\:leading-4\.5:where(
      [data-codex-window-type="browser"] .browser\:leading-4\.5
    ) {
    --tw-leading: calc(var(--spacing) * 4.5);
    line-height: calc(var(--spacing) * 4.5);
  }
  .browser\:\[--padding-row-x\:6px\]:where(
    [data-codex-window-type="browser"] .browser\:\[--padding-row-x\:6px\]
  ) {
    --padding-row-x: 6px;
  }
  .browser\:\[--thread-sticky-header-top\:var\(--thread-content-top-inset\,0px\)\]:where(
    [data-codex-window-type="browser"]
      .browser\:\[--thread-sticky-header-top\:var\(--thread-content-top-inset\,0px\)\]
  ) {
    --thread-sticky-header-top: var(--thread-content-top-inset, 0px);
  }
  .electron\:relative:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:relative
  ) {
    position: relative;
  }
  .electron\:right-16:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:right-16
  ) {
    right: calc(var(--spacing) * 16);
  }
  .electron\:left-4:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:left-4
  ) {
    left: calc(var(--spacing) * 4);
  }
  .electron\:z-10:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:z-10
  ) {
    z-index: 10;
  }
  .electron\:col-start-1:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:col-start-1
  ) {
    grid-column-start: 1;
  }
  .electron\:row-start-1:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:row-start-1
  ) {
    grid-row-start: 1;
  }
  .electron\:mx-\[var\(--home-composer-inline-inset\)\]:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:mx-\[var\(--home-composer-inline-inset\)\]
  ) {
    margin-inline: var(--home-composer-inline-inset);
  }
  .electron\:ms-1:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:ms-1
  ) {
    margin-inline-start: var(--spacing);
  }
  .electron\:grid:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:grid
  ) {
    display: grid;
  }
  .electron\:hidden:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:hidden
  ) {
    display: none;
  }
  .electron\:h-toolbar:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:h-toolbar
  ) {
    height: var(--height-toolbar);
  }
  .electron\:min-w-\[calc\(320px\*var\(--codex-window-zoom\)\)\]:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:min-w-\[calc\(320px\*var\(--codex-window-zoom\)\)\]
  ) {
    min-width: calc(320px * var(--codex-window-zoom));
  }
  .electron\:-translate-x-1:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:-translate-x-1
  ) {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .electron\:translate-y-0\.5:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:translate-y-0\.5
    ) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .electron\:\[scrollbar-gutter\:stable_both-edges\]:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:\[scrollbar-gutter\:stable_both-edges\]
  ) {
    scrollbar-gutter: stable both-edges;
  }
  .electron\:overflow-hidden:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:overflow-hidden
  ) {
    overflow: hidden;
  }
  .electron\:\!rounded-full:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:\!rounded-full
  ) {
    border-radius: var(--radius-full) !important;
  }
  .electron\:rounded-md:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:rounded-md
  ) {
    border-radius: var(--radius-md);
  }
  .electron\:border-0:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:border-0
  ) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .electron\:\!bg-transparent:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:\!bg-transparent
  ) {
    background-color: #0000 !important;
  }
  .electron\:bg-\[\#00000022\]:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:bg-\[\#00000022\]
    ) {
    background-color: #0002;
  }
  .electron\:bg-surface:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:bg-surface
  ) {
    background-color: var(--color-surface);
  }
  .electron\:bg-transparent:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:bg-transparent
  ) {
    background-color: #0000;
  }
  .electron\:p-1:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:p-1
  ) {
    padding: var(--spacing);
  }
  .electron\:pt-panel:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:pt-panel
  ) {
    padding-top: var(--padding-panel);
  }
  .electron\:pb-panel:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:pb-panel
  ) {
    padding-bottom: var(--padding-panel);
  }
  .electron\:text-base:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:text-base
  ) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .electron\:leading-relaxed:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:leading-relaxed
  ) {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .electron\:font-medium:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:font-medium
  ) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .electron\:opacity-75:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:opacity-75
  ) {
    opacity: 0.75;
  }
  .electron\:ring-\[0\.5px\]:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\: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);
  }
  .electron\:elevation-prominent:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:elevation-prominent
  ) {
    box-shadow: var(--elevation-prominent);
  }
  @media (forced-colors: active) {
    .electron\:elevation-prominent:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:elevation-prominent
    ) {
      box-shadow: none;
      outline: 1px solid canvastext;
    }
  }
  .electron\:elevation-stroke:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:elevation-stroke
  ) {
    box-shadow: var(--elevation-stroke);
  }
  @media (forced-colors: active) {
    .electron\:elevation-stroke:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:elevation-stroke
    ) {
      box-shadow: none;
      outline: 1px solid canvastext;
    }
  }
  .electron\:ring-border-strong:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:ring-border-strong
  ) {
    --tw-ring-color: var(--color-border-strong);
  }
  .electron\:\[--color-codex-description\:color-mix\(in_srgb\,var\(--color-text\)_70\%\,transparent\)\]:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:\[--color-codex-description\:color-mix\(in_srgb\,var\(--color-text\)_70\%\,transparent\)\]
  ) {
    --color-codex-description: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron\:\[--color-codex-description\:color-mix\(in_srgb\,var\(--color-text\)_70\%\,transparent\)\]:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:\[--color-codex-description\:color-mix\(in_srgb\,var\(--color-text\)_70\%\,transparent\)\]
    ) {
      --color-codex-description: color-mix(
        in srgb,
        var(--color-text) 70%,
        transparent
      );
    }
  }
  .electron\:\[--elevation-prominent\:var\(--elevation-sidebar\)\]:where(
    :is(
        [data-codex-window-type="browser"],
        [data-codex-window-type="chrome-extension"],
        [data-codex-window-type="electron"]
      )
      .electron\:\[--elevation-prominent\:var\(--elevation-sidebar\)\]
  ) {
    --elevation-prominent: var(--elevation-sidebar);
  }
  @media (width>=48rem) {
    .md\:electron\:px-toolbar:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .md\:electron\:px-toolbar
    ) {
      padding-inline: var(--padding-toolbar);
    }
  }
  @media (prefers-color-scheme: dark) {
    .electron\:dark\:bg-surface-elevated-secondary:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:dark\:bg-surface-elevated-secondary
    ) {
      background-color: var(--color-surface-elevated-secondary);
    }
    .electron\:dark\:bg-surface-secondary:where(
      :is(
          [data-codex-window-type="browser"],
          [data-codex-window-type="chrome-extension"],
          [data-codex-window-type="electron"]
        )
        .electron\:dark\:bg-surface-secondary
    ) {
      background-color: var(--color-surface-secondary);
    }
  }
  .extension\:-ms-1:where(
    [data-codex-window-type="extension"] .extension\:-ms-1
  ) {
    margin-inline-start: calc(var(--spacing) * -1);
  }
  .extension\:h-token-button-composer:where(
    [data-codex-window-type="extension"] .extension\:h-token-button-composer
  ) {
    height: var(--spacing-token-button-composer);
  }
  .extension\:h-toolbar-sm:where(
    [data-codex-window-type="extension"] .extension\:h-toolbar-sm
  ) {
    height: var(--height-toolbar-sm);
  }
  .extension\:-translate-x-1\.5:where(
      [data-codex-window-type="extension"] .extension\:-translate-x-1\.5
    ) {
    --tw-translate-x: calc(var(--spacing) * -1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .extension\:gap-2:where(
    [data-codex-window-type="extension"] .extension\:gap-2
  ) {
    gap: calc(var(--spacing) * 2);
  }
  .extension\:rounded-lg:where(
    [data-codex-window-type="extension"] .extension\:rounded-lg
  ) {
    border-radius: var(--radius-lg);
  }
  .extension\:border:where(
    [data-codex-window-type="extension"] .extension\:border
  ) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .extension\:border-default:where(
    [data-codex-window-type="extension"] .extension\:border-default
  ) {
    border-color: var(--color-border);
  }
  .extension\:\!bg-background-primary-soft\/50:where(
    [data-codex-window-type="extension"]
      .extension\:\!bg-background-primary-soft\/50
  ) {
    background-color: var(--color-background-primary-soft) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .extension\:\!bg-background-primary-soft\/50:where(
      [data-codex-window-type="extension"]
        .extension\:\!bg-background-primary-soft\/50
    ) {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-soft) 50%,
        transparent
      ) !important;
    }
  }
  .extension\:bg-background-primary-soft\/50:where(
    [data-codex-window-type="extension"]
      .extension\:bg-background-primary-soft\/50
  ) {
    background-color: var(--color-background-primary-soft);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .extension\:bg-background-primary-soft\/50:where(
      [data-codex-window-type="extension"]
        .extension\:bg-background-primary-soft\/50
    ) {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-soft) 50%,
        transparent
      );
    }
  }
  .extension\:bg-background-primary-soft\/70:where(
    [data-codex-window-type="extension"]
      .extension\:bg-background-primary-soft\/70
  ) {
    background-color: var(--color-background-primary-soft);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .extension\:bg-background-primary-soft\/70:where(
      [data-codex-window-type="extension"]
        .extension\:bg-background-primary-soft\/70
    ) {
      background-color: color-mix(
        in oklab,
        var(--color-background-primary-soft) 70%,
        transparent
      );
    }
  }
  .extension\:bg-primary-soft:where(
    [data-codex-window-type="extension"] .extension\:bg-primary-soft
  ) {
    background-color: var(--color-background-primary-soft);
  }
  .extension\:bg-surface-tertiary\/80:where(
    [data-codex-window-type="extension"] .extension\:bg-surface-tertiary\/80
  ) {
    background-color: var(--color-surface-tertiary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .extension\:bg-surface-tertiary\/80:where(
      [data-codex-window-type="extension"] .extension\:bg-surface-tertiary\/80
    ) {
      background-color: color-mix(
        in oklab,
        var(--color-surface-tertiary) 80%,
        transparent
      );
    }
  }
  .extension\:bg-transparent:where(
    [data-codex-window-type="extension"] .extension\:bg-transparent
  ) {
    background-color: #0000;
  }
  .extension\:from-surface-secondary:where(
    [data-codex-window-type="extension"] .extension\:from-surface-secondary
  ) {
    --tw-gradient-from: var(--color-surface-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)
    );
  }
  .extension\:via-surface-secondary:where(
    [data-codex-window-type="extension"] .extension\:via-surface-secondary
  ) {
    --tw-gradient-via: var(--color-surface-secondary);
    --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);
  }
  .extension\:px-2:where(
    [data-codex-window-type="extension"] .extension\:px-2
  ) {
    padding-inline: calc(var(--spacing) * 2);
  }
  .extension\:px-panel:where(
    [data-codex-window-type="extension"] .extension\:px-panel
  ) {
    padding-inline: var(--padding-panel);
  }
  .extension\:py-0:where(
    [data-codex-window-type="extension"] .extension\:py-0
  ) {
    padding-block: 0;
  }
  .extension\:py-row-y:where(
    [data-codex-window-type="extension"] .extension\:py-row-y
  ) {
    padding-block: var(--padding-row-y);
  }
  .extension\:ps-4:where(
    [data-codex-window-type="extension"] .extension\:ps-4
  ) {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .extension\:pe-1:where(
    [data-codex-window-type="extension"] .extension\:pe-1
  ) {
    padding-inline-end: var(--spacing);
  }
  .extension\:pe-3:where(
    [data-codex-window-type="extension"] .extension\:pe-3
  ) {
    padding-inline-end: calc(var(--spacing) * 3);
  }
  .extension\:pb-row-y:where(
    [data-codex-window-type="extension"] .extension\:pb-row-y
  ) {
    padding-bottom: var(--padding-row-y);
  }
  .extension\:leading-normal:where(
    [data-codex-window-type="extension"] .extension\:leading-normal
  ) {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .extension\:shadow-\[0\.5px_0_0_0_var\(--color-border\)\,0_20px_25px_-5px_rgb\(0_0_0\/0\.1\)\,0_8px_10px_-6px_rgb\(0_0_0\/0\.1\)\]:where(
      [data-codex-window-type="extension"]
        .extension\:shadow-\[0\.5px_0_0_0_var\(--color-border\)\,0_20px_25px_-5px_rgb\(0_0_0\/0\.1\)\,0_8px_10px_-6px_rgb\(0_0_0\/0\.1\)\]
    ) {
    --tw-shadow:
      0.5px 0 0 0 var(--tw-shadow-color, var(--color-border)),
      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);
  }
  .extension\:shadow-md:where(
    [data-codex-window-type="extension"] .extension\:shadow-md
  ) {
    --tw-shadow: 0px 2px 4px -1px 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);
  }
  .extension\:shadow-sm:where(
    [data-codex-window-type="extension"] .extension\:shadow-sm
  ) {
    --tw-shadow: 0px 1px 2px -1px 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);
  }
  .extension\:\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-background-primary-soft\)_50\%\,transparent\)\]:where(
    [data-codex-window-type="extension"]
      .extension\:\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-background-primary-soft\)_50\%\,transparent\)\]
  ) {
    --codex-diffs-surface-override: var(--color-background-primary-soft);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .extension\:\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-background-primary-soft\)_50\%\,transparent\)\]:where(
      [data-codex-window-type="extension"]
        .extension\:\[--codex-diffs-surface-override\:color-mix\(in_oklab\,var\(--color-background-primary-soft\)_50\%\,transparent\)\]
    ) {
      --codex-diffs-surface-override: color-mix(
        in oklab,
        var(--color-background-primary-soft) 50%,
        transparent
      );
    }
  }
  .extension\:\[--codex-diffs-surface-override\:var\(--color-codex-diff-surface\)\]:where(
    [data-codex-window-type="extension"]
      .extension\:\[--codex-diffs-surface-override\:var\(--color-codex-diff-surface\)\]
  ) {
    --codex-diffs-surface-override: var(--color-codex-diff-surface);
  }
  @media (hover: hover) {
    .extension\:hover\:bg-background-primary-ghost-hover\/60:where(
        [data-codex-window-type="extension"]
          .extension\:hover\:bg-background-primary-ghost-hover\/60
      ):hover {
      background-color: var(--color-background-primary-ghost-hover);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .extension\:hover\:bg-background-primary-ghost-hover\/60:where(
          [data-codex-window-type="extension"]
            .extension\:hover\:bg-background-primary-ghost-hover\/60
        ):hover {
        background-color: color-mix(
          in oklab,
          var(--color-background-primary-ghost-hover) 60%,
          transparent
        );
      }
    }
  }
  :where([data-composer-rail-placement="above"])
    .extension\:in-data-\[composer-rail-placement\=above\]\:py-2:where(
      [data-codex-window-type="extension"]
        .extension\:in-data-\[composer-rail-placement\=above\]\:py-2
    ) {
    padding-block: calc(var(--spacing) * 2);
  }
  @media (width>=48rem) {
    .md\:extension\:px-20:where(
      [data-codex-window-type="extension"] .md\:extension\:px-20
    ) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .windows\:rounded-tl-lg:where(
    :root[data-codex-os="win32"] .windows\:rounded-tl-lg
  ) {
    border-top-left-radius: var(--radius-lg);
  }
  :where([data-codex-window-type="electron"])
    .windows\:in-data-\[codex-window-type\=electron\]\:not-in-\[\.compact-window\]\:top-12:where(
      :root[data-codex-os="win32"]
        .windows\:in-data-\[codex-window-type\=electron\]\:not-in-\[\.compact-window\]\:top-12
    ):not(:where(.compact-window) *) {
    top: calc(var(--spacing) * 12);
  }
  :where([data-codex-window-type="electron"])
    .windows\:in-data-\[codex-window-type\=electron\]\:not-in-\[\.compact-window\]\:pt-24:where(
      :root[data-codex-os="win32"]
        .windows\:in-data-\[codex-window-type\=electron\]\:not-in-\[\.compact-window\]\:pt-24
    ):not(:where(.compact-window) *) {
    padding-top: calc(var(--spacing) * 24);
  }
  .\[\&_\*\]\:\!cursor-not-allowed * {
    cursor: not-allowed !important;
  }
  .\[\&_\*\]\:text-size-chat * {
    font-size: var(--codex-chat-font-size);
  }
  .\[\&_\*\]\:text-text\/30 * {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\*\]\:text-text\/30 * {
      color: color-mix(in oklab, var(--color-text) 30%, transparent);
    }
  }
  .\[\&_\*\]\:text-text\/50 * {
    color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\*\]\:text-text\/50 * {
      color: color-mix(in oklab, var(--color-text) 50%, transparent);
    }
  }
  .\[\&_\*\]\:\!\[view-transition-name\:none\] * {
    view-transition-name: none !important;
  }
  .\[\&_\*\:not\(button\)\]\:\!text-text\/60 :not(button) {
    color: var(--color-text) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\*\:not\(button\)\]\:\!text-text\/60 :not(button) {
      color: color-mix(in oklab, var(--color-text) 60%, transparent) !important;
    }
  }
  @media (hover: hover) {
    .group-hover\/activity-header\:\[\&_\*\:not\(button\)\]\:\!text-default:is(
        :where(.group\/activity-header):hover *
      )
      :not(button) {
      color: var(--color-text) !important;
    }
  }
  .\[\&_\.ProseMirror\]\:h-6 .ProseMirror {
    height: calc(var(--spacing) * 6);
  }
  .\[\&_\.ProseMirror\]\:min-h-6 .ProseMirror {
    min-height: calc(var(--spacing) * 6);
  }
  .\[\&_\.ProseMirror\]\:w-full .ProseMirror {
    width: 100%;
  }
  .\[\&_\.ProseMirror\]\:\!overflow-hidden .ProseMirror {
    overflow: hidden !important;
  }
  .\[\&_\.ProseMirror\]\:p-4 .ProseMirror {
    padding: calc(var(--spacing) * 4);
  }
  .\[\&_\.ProseMirror\]\:px-0 .ProseMirror {
    padding-inline: 0;
  }
  .\[\&_\.ProseMirror\]\:py-0 .ProseMirror {
    padding-block: 0;
  }
  .\[\&_\.ProseMirror\]\:text-center .ProseMirror {
    text-align: center;
  }
  .\[\&_\.ProseMirror\]\:\!font-sans .ProseMirror {
    font-family: var(--font-sans) !important;
  }
  .\[\&_\.ProseMirror\]\:font-sans .ProseMirror {
    font-family: var(--font-sans);
  }
  .\[\&_\.ProseMirror\]\:\!leading-6 .ProseMirror {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }
  .\[\&_\.ProseMirror\]\:leading-relaxed .ProseMirror {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .\[\&_\.ProseMirror\]\:whitespace-nowrap .ProseMirror {
    white-space: nowrap;
  }
  .\[\&_\.ProseMirror\]\:\!text-default .ProseMirror {
    color: var(--color-text) !important;
  }
  .\[\&_\.ProseMirror\]\:caret-current .ProseMirror {
    caret-color: currentColor;
  }
  .extension\:\[\&_\.ProseMirror\]\:leading-normal:where(
      [data-codex-window-type="extension"]
        .extension\:\[\&_\.ProseMirror\]\:leading-normal
    )
    .ProseMirror {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .\[\&_\.ProseMirror_p\]\:\!font-sans .ProseMirror p {
    font-family: var(--font-sans) !important;
  }
  .\[\&_\.ProseMirror_p\]\:\!leading-6 .ProseMirror p {
    --tw-leading: calc(var(--spacing) * 6) !important;
    line-height: calc(var(--spacing) * 6) !important;
  }
  .\[\&_\.ProseMirror_p_\*\]\:\!font-sans .ProseMirror p *,
  .\[\&_\.ProseMirror_span\]\:\!font-sans .ProseMirror span {
    font-family: var(--font-sans) !important;
  }
  @media (hover: hover) {
    .peer-hover\/appgen-row\:\[\&_\.appgen-row-default-subtitle\]\:hidden:is(
        :where(.peer\/appgen-row):hover ~ *
      )
      .appgen-row-default-subtitle {
      display: none;
    }
    .peer-hover\/appgen-row\:\[\&_\.appgen-row-hover-subtitle\]\:inline-flex:is(
        :where(.peer\/appgen-row):hover ~ *
      )
      .appgen-row-hover-subtitle {
      display: inline-flex;
    }
  }
  .\[\&_\.contain-inline-size\]\:\[contain\:initial\] .contain-inline-size {
    contain: initial;
  }
  @media (hover: hover) {
    .peer-hover\/end-resource\:\[\&_\.end-resource-default-subtitle\]\:hidden:is(
        :where(.peer\/end-resource):hover ~ *
      )
      .end-resource-default-subtitle {
      display: none;
    }
    .peer-hover\/end-resource\:\[\&_\.end-resource-hover-subtitle\]\:inline-flex:is(
        :where(.peer\/end-resource):hover ~ *
      )
      .end-resource-hover-subtitle {
      display: inline-flex;
    }
  }
  .\[\&_\.katex\]\:\!text-\[1em\] .katex {
    font-size: 1em !important;
  }
  .\[\&_\.katex\]\:text-\[1\.08em\] .katex {
    font-size: 1.08em;
  }
  .\[\&_\.katex\]\:text-\[1\.45em\] .katex {
    font-size: 1.45em;
  }
  .\[\&_\.katex\]\:text-\[1em\] .katex {
    font-size: 1em;
  }
  .\[\&_\.katex\]\:text-inherit .katex {
    color: inherit;
  }
  @media not all and (width>=520px) {
    .max-\[520px\]\:\[\&_\.katex\]\:text-\[0\.82em\] .katex {
      font-size: 0.82em;
    }
    .max-\[520px\]\:\[\&_\.katex\]\:text-\[1\.12em\] .katex {
      font-size: 1.12em;
    }
  }
  .\[\&_\.loading-shimmer-pure-text\]\:align-top .loading-shimmer-pure-text {
    vertical-align: top;
  }
  .\[\&_\.min-w-0\]\:text-end .min-w-0 {
    text-align: end;
  }
  .\[\&_\.popcorn-presentation-editor-shell\]\:min-w-\[689px\]
    .popcorn-presentation-editor-shell {
    min-width: 689px;
  }
  .\[\&_\.popcorn-presentation-main-panel\]\:h-\[calc\(100\%_-_var\(--right-panel-composer-overlay-reserve\,0px\)\)\]
    .popcorn-presentation-main-panel {
    height: calc(100% - var(--right-panel-composer-overlay-reserve, 0px));
  }
  .\[\&_\.popcorn-presentation-main-panel\]\:self-start
    .popcorn-presentation-main-panel {
    align-self: flex-start;
  }
  .focus-within\:\[\&_\.turn-diff-default-subtitle\]\:hidden:focus-within
    .turn-diff-default-subtitle {
    display: none;
  }
  @media (hover: hover) {
    .hover\:\[\&_\.turn-diff-default-subtitle\]\:hidden:hover
      .turn-diff-default-subtitle {
      display: none;
    }
  }
  .focus-within\:\[\&_\.turn-diff-hover-subtitle\]\:inline-flex:focus-within
    .turn-diff-hover-subtitle {
    display: inline-flex;
  }
  @media (hover: hover) {
    .hover\:\[\&_\.turn-diff-hover-subtitle\]\:inline-flex:hover
      .turn-diff-hover-subtitle {
      display: inline-flex;
    }
  }
  .\[\&_\[data-annotation-mode-label\]\]\:\!text-sm
    [data-annotation-mode-label] {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .\[\&_\[data-annotation-mode-label\]\]\:\!leading-5
    [data-annotation-mode-label] {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .\[\&_\[data-dictation-arrival\]\]\:\[animation-play-state\:paused\]
    [data-dictation-arrival] {
    animation-play-state: paused;
  }
  .\[\&_\[data-thread-find-target\=conversation\]\]\:scroll-mt-24
    [data-thread-find-target="conversation"] {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .\[\&_\[data-virtualized-turn-content\]\]\:-ms-2\.5
    [data-virtualized-turn-content] {
    margin-inline-start: calc(var(--spacing) * -2.5);
  }
  .\[\&_\[data-virtualized-turn-content\]\]\:ps-2\.5
    [data-virtualized-turn-content] {
    padding-inline-start: calc(var(--spacing) * 2.5);
  }
  .\[\&_\[data-virtualized-turn-content\]\]\:pb-1\.5
    [data-virtualized-turn-content] {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .\[\&_\[data-virtualized-turn-content\]\]\:\[content-visibility\:visible\]
    [data-virtualized-turn-content] {
    content-visibility: visible;
  }
  .\[\&_\[role\=\'status\'\]\]\:\!text-sm [role="status"] {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .\[\&_\[role\=\'status\'\]\]\:\!leading-5 [role="status"] {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .\[\&_\[role\=slider\]\:focus\]\:outline-2 [role="slider"]:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .\[\&_\[role\=slider\]\:focus\]\:outline-offset-2 [role="slider"]:focus {
    outline-offset: 2px;
  }
  .\[\&_\[role\=slider\]\:focus\]\:outline-\[var\(--learning-block-accent\)\]
    [role="slider"]:focus {
    outline-color: var(--learning-block-accent);
  }
  .\[\&_a\]\:pointer-events-auto a {
    pointer-events: auto;
  }
  .\[\&_blockquote\]\:mb-0 blockquote {
    margin-bottom: 0;
  }
  .\[\&_blockquote\]\:\!py-0 blockquote {
    padding-block: 0 !important;
  }
  .\[\&_blockquote\]\:\!ps-0 blockquote {
    padding-inline-start: 0 !important;
  }
  .\[\&_blockquote\]\:\!leading-5 blockquote {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .\[\&_button\]\:pointer-events-auto button {
    pointer-events: auto;
  }
  .\[\&_button\]\:absolute button {
    position: absolute;
  }
  .\[\&_button\]\:-inset-0\.5 button {
    inset: calc(var(--spacing) * -0.5);
  }
  .\[\&_button\]\:size-auto button {
    width: auto;
    height: auto;
  }
  .\[\&_button\]\:h-8 button {
    height: calc(var(--spacing) * 8);
  }
  .\[\&_button\]\:w-fit button {
    width: fit-content;
  }
  .\[\&_button\]\:cursor-default button {
    cursor: default;
  }
  .\[\&_button\]\:px-3 button {
    padding-inline: calc(var(--spacing) * 3);
  }
  .\[\&_button\]\:py-0 button {
    padding-block: 0;
  }
  .\[\&_button\]\:\!text-sm button {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .\[\&_button\]\:text-lg button {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .\[\&_button\]\:text-sm button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .\[\&_button\]\:\!leading-5 button {
    --tw-leading: calc(var(--spacing) * 5) !important;
    line-height: calc(var(--spacing) * 5) !important;
  }
  .\[\&_button\]\:leading-6 button {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .\[\&_button\]\:drop-shadow-none button {
    --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,);
  }
  .\[\&_button\]\:focus-visible\:ring-2 button: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);
  }
  .\[\&_button\]\:focus-visible\:ring-ring button:focus-visible {
    --tw-ring-color: var(--color-ring);
  }
  .\[\&_button\]\:focus-visible\:ring-offset-0 button:focus-visible {
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .\[\&_details\]\:mt-3 details {
    margin-top: calc(var(--spacing) * 3);
  }
  .\[\&_details\]\:rounded-\[14px\] details {
    border-radius: 14px;
  }
  .\[\&_details\]\:border details {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&_details\]\:border-border\/16 details {
    border-color: color-mix(
      in srgb,
      --alpha(var(--vscode-foreground) / 0.08) 16%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_details\]\:border-border\/16 details {
      border-color: color-mix(in oklab, var(--color-border) 16%, transparent);
    }
  }
  .\[\&_details\]\:bg-surface-secondary\/40 details {
    background-color: var(--color-surface-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_details\]\:bg-surface-secondary\/40 details {
      background-color: color-mix(
        in oklab,
        var(--color-surface-secondary) 40%,
        transparent
      );
    }
  }
  .\[\&_details\]\:px-3\.5 details {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .\[\&_details\]\:py-3 details {
    padding-block: calc(var(--spacing) * 3);
  }
  .\[\&_img\]\:size-4 img {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_img\]\:h-full img {
    height: 100%;
  }
  .\[\&_img\]\:w-auto img {
    width: auto;
  }
  .\[\&_img\]\:max-w-none img {
    max-width: none;
  }
  .\[\&_img\]\:object-contain img {
    object-fit: contain;
  }
  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }
  .\[\&_img\]\:object-top img {
    object-position: top;
  }
  .\[\&_input\]\:pointer-events-auto input {
    pointer-events: auto;
  }
  .\[\&_kbd\]\:ps-0\! kbd {
    padding-inline-start: 0 !important;
  }
  .\[\&_kbd\]\:pe-0\! kbd {
    padding-inline-end: 0 !important;
  }
  .\[\&_kbd\]\:pt-0\! kbd {
    padding-top: 0 !important;
  }
  .\[\&_kbd\]\:\[color\:var\(--oai-wb-text-tertiary\)\]\! kbd {
    color: var(--oai-wb-text-tertiary) !important;
  }
  .\[\&_kbd\]\:shadow-none\! kbd {
    --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;
  }
  .\[\&_li\+li\]\:\!mt-0 li + li,
  .\[\&_li\>ol\]\:\!mt-0 li > ol,
  .\[\&_li\>p\+p\]\:\!mt-0 li > p + p,
  .\[\&_li\>ul\]\:\!mt-0 li > ul {
    margin-top: 0 !important;
  }
  .\[\&_main\]\:h-full main {
    height: 100%;
  }
  .\[\&_main\]\:w-full main {
    width: 100%;
  }
  .\[\&_ol\]\:\!ps-6 ol {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  .\[\&_p\]\:\!m-0 p {
    margin: 0 !important;
  }
  .\[\&_p\+p\]\:\!mt-5 p + p {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .\[\&_path\]\:fill-current path {
    fill: currentColor;
  }
  .\[\&_path\]\:stroke-current path {
    stroke: currentColor;
  }
  .\[\&_path\]\:\[stroke-width\:1\.2px\] path {
    stroke-width: 1.2px;
  }
  .\[\&_path\]\:stroke-\[0\.65px\] path {
    stroke-width: 0.65px;
  }
  .\[\&_path\]\:\[paint-order\:stroke_fill\] path {
    paint-order: stroke fill;
  }
  .\[\&_path\]\:\[stroke-linecap\:round\] path {
    stroke-linecap: round;
  }
  .\[\&_path\]\:\[stroke-linejoin\:round\] path {
    stroke-linejoin: round;
  }
  .\[\&_select\]\:pointer-events-auto select {
    pointer-events: auto;
  }
  .\[\&_summary\]\:cursor-interaction summary {
    cursor: var(--cursor-interaction);
  }
  .\[\&_summary\]\:font-medium summary {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_summary\]\:text-default summary {
    color: var(--color-text);
  }
  .\[\&_svg\]\:block svg {
    display: block;
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&_svg\]\:size-full svg {
    width: 100%;
    height: 100%;
  }
  .\[\&_svg\]\:\!text-info svg {
    color: var(--color-text-info) !important;
  }
  .\[\&_svg\]\:text-tertiary svg {
    color: var(--color-text-tertiary);
  }
  .\[\&_svg\>path\]\:fill-current svg > path {
    fill: currentColor;
  }
  .\[\&_textarea\]\:pointer-events-auto textarea {
    pointer-events: auto;
  }
  .\[\&_ul\]\:\!ps-6 ul {
    padding-inline-start: calc(var(--spacing) * 6) !important;
  }
  .\[\&\.katex\]\:text-\[1em\].katex {
    font-size: 1em;
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-chart-yellow::-moz-progress-bar {
    background-color: var(--color-chart-yellow);
  }
  .\[\&\:\:-moz-progress-bar\]\:bg-primary-solid::-moz-progress-bar {
    background-color: var(--color-background-primary-solid);
  }
  .\[\&\:\:-moz-range-thumb\]\:size-5::-moz-range-thumb {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb {
    height: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb {
    width: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-moz-range-thumb\]\:cursor-interaction::-moz-range-thumb {
    cursor: var(--cursor-interaction);
  }
  .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
    border-radius: var(--radius-full);
  }
  .\[\&\:\:-moz-range-thumb\]\:border::-moz-range-thumb {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&\:\:-moz-range-thumb\]\:border-strong::-moz-range-thumb {
    border-color: var(--color-border-strong);
  }
  .\[\&\:\:-moz-range-thumb\]\:border-transparent::-moz-range-thumb {
    border-color: #0000;
  }
  .\[\&\:\:-moz-range-thumb\]\:bg-current::-moz-range-thumb {
    background-color: currentColor;
  }
  .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb {
    background-color: var(--color-white);
  }
  .\[\&\:\:-moz-range-thumb\]\:shadow-sm::-moz-range-thumb {
    --tw-shadow: 0px 1px 2px -1px 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);
  }
  .\[\&\:\:-moz-range-thumb\]\:shadow-sm-stronger::-moz-range-thumb {
    --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color, #00000021);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\:\:-moz-range-track\]\:h-0\.5::-moz-range-track {
    height: calc(var(--spacing) * 0.5);
  }
  .\[\&\:\:-moz-range-track\]\:rounded-full::-moz-range-track {
    border-radius: var(--radius-full);
  }
  .\[\&\:\:-ms-fill\]\:bg-primary-solid::-ms-fill {
    background-color: var(--color-background-primary-solid);
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .\[\&\:\:-webkit-progress-bar\]\:bg-text\/10::-webkit-progress-bar {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\:\:-webkit-progress-bar\]\:bg-text\/10::-webkit-progress-bar {
      background-color: color-mix(in oklab, var(--color-text) 10%, transparent);
    }
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-chart-yellow::-webkit-progress-value {
    background-color: var(--color-chart-yellow);
  }
  .\[\&\:\:-webkit-progress-value\]\:bg-primary-solid::-webkit-progress-value {
    background-color: var(--color-background-primary-solid);
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
  .\[\&\:\:-webkit-slider-runnable-track\]\:h-0\.5::-webkit-slider-runnable-track {
    height: calc(var(--spacing) * 0.5);
  }
  .\[\&\:\:-webkit-slider-runnable-track\]\:rounded-full::-webkit-slider-runnable-track {
    border-radius: var(--radius-full);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:mt-\[-9px\]::-webkit-slider-thumb {
    margin-top: -9px;
  }
  .\[\&\:\:-webkit-slider-thumb\]\:size-5::-webkit-slider-thumb {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb {
    height: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb {
    width: calc(var(--spacing) * 5);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:cursor-interaction::-webkit-slider-thumb {
    cursor: var(--cursor-interaction);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
    appearance: none;
  }
  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
    border-radius: var(--radius-full);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border::-webkit-slider-thumb {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-strong::-webkit-slider-thumb {
    border-color: var(--color-border-strong);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:border-transparent::-webkit-slider-thumb {
    border-color: #0000;
  }
  .\[\&\:\:-webkit-slider-thumb\]\:bg-current::-webkit-slider-thumb {
    background-color: currentColor;
  }
  .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb {
    background-color: var(--color-white);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm::-webkit-slider-thumb {
    --tw-shadow: 0px 1px 2px -1px 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);
  }
  .\[\&\:\:-webkit-slider-thumb\]\:shadow-sm-stronger::-webkit-slider-thumb {
    --tw-shadow: 0px 1px 2px -1px var(--tw-shadow-color, #00000021);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[\&\:\:placeholder\]\:select-none::placeholder {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[\&\:focus-visible_circle\]\:stroke-\[var\(--text-primary\)\]:focus-visible
    circle {
    stroke: var(--text-primary);
  }
  .\[\&\:focus-visible_circle\]\:stroke-\[2px\]:focus-visible circle {
    stroke-width: 2px;
  }
  .\[\&\:focus-visible_path\]\:stroke-\[var\(--learning-block-color-primary\)\]:focus-visible
    path {
    stroke: var(--learning-block-color-primary);
  }
  .\[\&\:focus-visible_path\]\:stroke-\[3px\]:focus-visible path {
    stroke-width: 3px;
  }
  :is(
    .\[\&\:has\(\+_\:hover\)\]\:border-transparent:has(+ :hover),
    .\[\&\:has\(\+_\[data-appgen-row\]\:hover\)\]\:border-transparent:has(
      + [data-appgen-row]:hover
    )
  ) {
    border-color: #0000;
  }
  :is(
    .\[\&\:has\(\+_\[data-project-row-wrapper\]\:has\(\>_\[data-project-row\]\:hover\)\)\]\:border-b-transparent:has(
      + [data-project-row-wrapper]:has(> [data-project-row]:hover)
    ),
    .\[\&\:has\(\+_\[data-projects-rows\]\>\[data-project-row-wrapper\]\:first-child\>\[data-project-row\]\:hover\)\]\:border-b-transparent:has(
      + [data-projects-rows]
        > [data-project-row-wrapper]:first-child
        > [data-project-row]:hover
    ),
    .\[\&\:has\(\>_\[data-project-row\]\:hover\)\]\:border-b-transparent:has(
      > [data-project-row]:hover
    )
  ) {
    border-bottom-color: #0000;
  }
  .\[\&\:has\(\[data-feature\=\'game-surface\'\]\)_\[data-feature\=\'game-source\'\]\]\:invisible:has(
      [data-feature="game-surface"]
    )
    [data-feature="game-source"] {
    visibility: hidden;
  }
  .\[\&\:has\(\[data-mcp-app-expanded\=\'true\'\]\)\]\:\[content-visibility\:visible\]:has(
    [data-mcp-app-expanded="true"]
  ) {
    content-visibility: visible;
  }
  .\[\&\:has\(\[data-thread-scroll-footer\=\'true\'\]\:focus-within\)\]\:\[scroll-padding-bottom\:0px\]:has(
    [data-thread-scroll-footer="true"]:focus-within
  ) {
    scroll-padding-bottom: 0;
  }
  .\[\&\:has\(table\)\]\:\[-webkit-line-clamp\:unset\]:has(table) {
    -webkit-line-clamp: unset;
  }
  .\[\:not\(\:has\(div\:not\(\[role\=group\]\)\)\)\]\:hidden:not(
    :has(div:not([role="group"]))
  ) {
    display: none;
  }
  .\[\&\:nth-child\(1_of_\:has\(div\:not\(\[role\=group\]\)\)\)\]\:before\:hidden:nth-child(
      1 of :has(div:not([role="group"]))
    ):before {
    content: var(--tw-content);
    display: none;
  }
  .\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
  }
  .\[\&\>\*\]\:pointer-events-none > * {
    pointer-events: none;
  }
  .\[\&\>\*\]\:size-full > * {
    width: 100%;
    height: 100%;
  }
  .\[\&\>\*\]\:h-full > * {
    height: 100%;
  }
  .\[\&\>\*\]\:w-auto > * {
    width: auto;
  }
  .\[\&\>\*\]\:shrink-0 > * {
    flex-shrink: 0;
  }
  .\[\&\>\*\]\:gap-1\.5 > * {
    gap: calc(var(--spacing) * 1.5);
  }
  .disabled\:\[\&\>\*\]\:opacity-40:disabled > * {
    opacity: 0.4;
  }
  .\[\&\>\*\+\*\]\:mt-0 > * + *,
  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0;
  }
  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0;
  }
  .\[\&\>\*\:last-child\:nth-child\(odd\)\]\:col-span-2
    > :last-child:nth-child(odd) {
    grid-column: span 2 / span 2;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:relative > :not(:last-child) {
    position: relative;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:pointer-events-none
    > :not(:last-child):after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:absolute > :not(:last-child):after {
    content: var(--tw-content);
    position: absolute;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:inset-x-4 > :not(:last-child):after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 4);
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:bottom-0 > :not(:last-child):after {
    content: var(--tw-content);
    bottom: 0;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:h-\[0\.5px\]
    > :not(:last-child):after {
    content: var(--tw-content);
    height: 0.5px;
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:bg-border > :not(:last-child):after {
    content: var(--tw-content);
    background-color: var(--color-border);
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[\'\'\]
    > :not(:last-child):after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .\[\&\>\*\>\*\]\:px-row-x > * > * {
    padding-inline: var(--padding-row-x);
  }
  .\[\&\>\*\>\*\]\:pb-2 > * > * {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .\[\&\>button\]\:\!mt-0 > button {
    margin-top: 0 !important;
  }
  .\[\&\>button\]\:w-full > button {
    width: 100%;
  }
  .\[\&\>button\]\:min-w-0 > button {
    min-width: 0;
  }
  .\[\&\>button\]\:shrink-0 > button {
    flex-shrink: 0;
  }
  .\[\&\>button\]\:justify-center > button {
    justify-content: center;
  }
  .\[\&\>button\]\:overflow-hidden > button {
    overflow: hidden;
  }
  .\[\&\>div\]\:\!mt-0 > div {
    margin-top: 0 !important;
  }
  .\[\&\>div\]\:h-full > div {
    height: 100%;
  }
  .\[\&\>div\]\:\!pb-0 > div {
    padding-bottom: 0 !important;
  }
  @media not all and (width>=40rem) {
    .max-sm\:\[\&\>div\]\:pb-0 > div {
      padding-bottom: 0;
    }
  }
  .\[\&\>h1\]\:mt-2 > h1 {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&\>h1\]\:text-heading-lg > h1 {
    font-size: var(--text-heading-lg);
  }
  .\[\&\>h1\]\:leading-\[1\.2\] > h1 {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .\[\&\>h1\]\:font-medium > h1 {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&\>h1\+\*\]\:mt-1 > h1 + * {
    margin-top: var(--spacing);
  }
  .\[\&\>h2\]\:mt-2 > h2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&\>h2\+\*\]\:mt-1 > h2 + * {
    margin-top: var(--spacing);
  }
  .\[\&\>h3\]\:mt-2 > h3 {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&\>h3\+\*\]\:mt-1 > h3 + * {
    margin-top: var(--spacing);
  }
  .\[\&\>img\]\:size-4 > img {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>img\]\:rounded-full > img {
    border-radius: var(--radius-full);
  }
  .\[\&\>img\]\:ring-\[0\.5px\] > img {
    --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);
  }
  .\[\&\>img\]\:ring-border-subtle > img {
    --tw-ring-color: var(--color-border-subtle);
  }
  .\[\&\>img\]\:ring-inset > img {
    --tw-ring-inset: inset;
  }
  .\[\&\>nav\]\:pt-2 > nav {
    padding-top: calc(var(--spacing) * 2);
  }
  .\[\&\>ol\:first-child\]\:mt-0 > ol:first-child {
    margin-top: 0;
  }
  .\[\&\>p\]\:my-0 > p {
    margin-block: 0;
  }
  .\[\&\>p\]\:mb-8 > p {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .\[\&\>p\]\:max-w-\[760px\] > p {
    max-width: 760px;
  }
  .\[\&\>p\+p\]\:mt-1 > p + p {
    margin-top: var(--spacing);
  }
  .\[\&\>p\:first-child\]\:font-semibold > p:first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&\>p\:last-child\]\:mb-0 > p:last-child {
    margin-bottom: 0;
  }
  .\[\&\>p\:last-child\]\:inline > p:last-child {
    display: inline;
  }
  .\[\&\>svg\]\:mx-auto > svg {
    margin-inline: auto;
  }
  .\[\&\>svg\]\:block > svg {
    display: block;
  }
  .\[\&\>svg\]\:\!size-3 > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .\[\&\>svg\]\:size-8 > svg {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .\[\&\>svg\]\:size-\[19px\] > svg {
    width: 19px;
    height: 19px;
  }
  .\[\&\>svg\]\:size-full > svg {
    width: 100%;
    height: 100%;
  }
  .\[\&\>svg\]\:\!h-4 > svg {
    height: calc(var(--spacing) * 4) !important;
  }
  .\[\&\>svg\]\:h-auto > svg {
    height: auto;
  }
  .\[\&\>svg\]\:h-full > svg {
    height: 100%;
  }
  .\[\&\>svg\]\:\!w-4 > svg {
    width: calc(var(--spacing) * 4) !important;
  }
  .\[\&\>svg\]\:w-full > svg {
    width: 100%;
  }
  .\[\&\>svg\]\:text-start > svg {
    text-align: start;
  }
  .\[\&\>svg\]\:text-secondary > svg {
    color: var(--color-text-secondary);
  }
  .\[\&\>ul\:first-child\]\:mt-0 > ul:first-child {
    margin-top: 0;
  }
  .\[\&\[aria-pressed\=true\]\]\:\!bg-surface-elevated-secondary[aria-pressed="true"] {
    background-color: var(--color-surface-elevated-secondary) !important;
  }
  .\[\&\[aria-pressed\=true\]\]\:\!text-default[aria-pressed="true"] {
    color: var(--color-text) !important;
  }
  .dark
    .\[\.dark_\&\]\:bg-\[color-mix\(in_srgb\,var\(--color-background-primary-soft-active\)_88\%\,transparent\)\] {
    background-color: color-mix(
      in srgb,
      var(--color-background-primary-soft-active) 88%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark
      .\[\.dark_\&\]\:bg-\[color-mix\(in_srgb\,var\(--color-background-primary-soft-active\)_88\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-background-primary-soft-active) 88%,
        transparent
      );
    }
  }
  .dark .\[\.dark_\&\]\:bg-\[var\(--color-background-primary-soft-active\)\] {
    background-color: var(--color-background-primary-soft-active);
  }
  .dark .\[\.dark_\&\]\:bg-\[var\(--green-800\)\] {
    background-color: var(--green-800);
  }
  .dark .\[\.dark_\&\]\:text-\[var\(--green-50\)\] {
    color: var(--green-50);
  }
  .electron-dark .\[\.electron-dark_\&\]\:\!bg-primary-solid {
    background-color: var(--color-background-primary-solid) !important;
  }
  .electron-dark .\[\.electron-dark_\&\]\:bg-\[\#4a390d\] {
    background-color: #4a390d;
  }
  .electron-dark
    .\[\.electron-dark_\&\]\:bg-\[color-mix\(in_srgb\,var\(--color-background-primary-soft-active\)_88\%\,transparent\)\] {
    background-color: color-mix(
      in srgb,
      var(--color-background-primary-soft-active) 88%,
      transparent
    );
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark
      .\[\.electron-dark_\&\]\:bg-\[color-mix\(in_srgb\,var\(--color-background-primary-soft-active\)_88\%\,transparent\)\] {
      background-color: color-mix(
        in srgb,
        var(--color-background-primary-soft-active) 88%,
        transparent
      );
    }
  }
  .electron-dark
    .\[\.electron-dark_\&\]\:bg-\[var\(--color-background-primary-soft-active\)\] {
    background-color: var(--color-background-primary-soft-active);
  }
  .electron-dark .\[\.electron-dark_\&\]\:bg-\[var\(--green-800\)\] {
    background-color: var(--green-800);
  }
  .electron-dark .\[\.electron-dark_\&\]\:bg-surface-secondary {
    background-color: var(--color-surface-secondary);
  }
  .electron-dark .\[\.electron-dark_\&\]\:\!text-primary-solid {
    color: var(--color-text-primary-solid) !important;
  }
  .electron-dark .\[\.electron-dark_\&\]\:text-\[\#f0b552\] {
    color: #f0b552;
  }
  .electron-dark .\[\.electron-dark_\&\]\:text-\[var\(--green-50\)\] {
    color: var(--green-50);
  }
  .electron-dark
    .\[\.electron-dark_\&\]\:enabled\:active\:bg-text\/15:enabled:active {
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark
      .\[\.electron-dark_\&\]\:enabled\:active\:bg-text\/15:enabled:active {
      background-color: color-mix(in oklab, var(--color-text) 15%, transparent);
    }
  }
  .electron-dark
    .\[\.electron-dark_\&\]\:enabled\:active\:before\:bg-text\/15:enabled:active:before {
    content: var(--tw-content);
    background-color: var(--color-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .electron-dark
      .\[\.electron-dark_\&\]\:enabled\:active\:before\:bg-text\/15:enabled:active:before {
      background-color: color-mix(in oklab, var(--color-text) 15%, transparent);
    }
  }
  .electron-light
    .\[\.electron-light_\&\]\:\[--color-text-info\:var\(--blue-400\)\] {
    --color-text-info: var(--blue-400);
  }
  :is(.electron-dark, .modern-dark)
    .\[\:is\(\.electron-dark\,\.modern-dark\)_\&\]\:bg-primary-solid {
    background-color: var(--color-background-primary-solid);
  }
  :is(.electron-dark, .modern-dark)
    .\[\:is\(\.electron-dark\,\.modern-dark\)_\&\]\:text-primary-solid {
    color: var(--color-text-primary-solid);
  }
  @container (width<=20.749rem) {
    .\[\@container_\(max-width\:20\.749rem\)\]\:\[\&\>\*\:nth-child\(n\+2\)\]\:hidden
      > :nth-child(n + 2) {
      display: none;
    }
  }
  @container (width<=240px) {
    .\[\@container_\(max-width\:240px\)\]\:hidden {
      display: none;
    }
  }
  @container (width<=260px) {
    .\[\@container_\(max-width\:260px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:260px\)\]\:grid-cols-\[0_auto_auto\] {
      grid-template-columns: 0 auto auto;
    }
    .\[\@container_\(max-width\:260px\)\]\:gap-1 {
      gap: var(--spacing);
    }
    .\[\@container_\(max-width\:260px\)\]\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }
  @container (width<=300px) {
    .\[\@container_\(max-width\:300px\)\]\:min-w-9 {
      min-width: calc(var(--spacing) * 9);
    }
    .\[\@container_\(max-width\:300px\)\]\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .\[\@container_\(max-width\:300px\)\]\:px-0\.5 {
      padding-inline: calc(var(--spacing) * 0.5);
    }
  }
  @container (width<=31.499rem) {
    .\[\@container_\(max-width\:31\.499rem\)\]\:\[\&\>\*\:nth-child\(n\+3\)\]\:hidden
      > :nth-child(n + 3) {
      display: none;
    }
  }
  @container (width<=319px) {
    .\[\@container_\(max-width\:319px\)\]\:hidden {
      display: none;
    }
  }
  @container (width<=360px) {
    .\[\@container_\(max-width\:360px\)\]\:hidden {
      display: none;
    }
  }
  @container (width<=399px) {
    .\[\@container_\(max-width\:399px\)\]\:hidden {
      display: none;
    }
  }
  @container (width<=400px) {
    .\[\@container_\(max-width\:400px\)\]\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
    .\[\@container_\(max-width\:400px\)\]\:flex {
      display: flex;
    }
    .\[\@container_\(max-width\:400px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:400px\)\]\:w-full {
      width: 100%;
    }
    .\[\@container_\(max-width\:400px\)\]\:flex-1 {
      flex: 1;
    }
    .\[\@container_\(max-width\:400px\)\]\:shrink {
      flex-shrink: 1;
    }
    .\[\@container_\(max-width\:400px\)\]\:flex-wrap {
      flex-wrap: wrap;
    }
    .\[\@container_\(max-width\:400px\)\]\:items-start {
      align-items: flex-start;
    }
    .\[\@container_\(max-width\:400px\)\]\:justify-center {
      justify-content: center;
    }
    .\[\@container_\(max-width\:400px\)\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .\[\@container_\(max-width\:400px\)\]\:self-start {
      align-self: flex-start;
    }
    .\[\@container_\(max-width\:400px\)\]\:self-stretch {
      align-self: stretch;
    }
    .\[\@container_\(max-width\:400px\)\]\:border-s-0 {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 0;
    }
    .\[\@container_\(max-width\:400px\)\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .\[\@container_\(max-width\:400px\)\]\:ps-0 {
      padding-inline-start: 0;
    }
    .\[\@container_\(max-width\:400px\)\]\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  @container (width<=42.249rem) {
    .\[\@container_\(max-width\:42\.249rem\)\]\:\[\&\>\*\:nth-child\(n\+4\)\]\:hidden
      > :nth-child(n + 4) {
      display: none;
    }
  }
  @container (width<=420px) {
    .\[\@container_\(max-width\:420px\)\]\:aspect-square {
      aspect-ratio: 1;
    }
    .\[\@container_\(max-width\:420px\)\]\:gap-1 {
      gap: var(--spacing);
    }
    .\[\@container_\(max-width\:420px\)\]\:\!px-0 {
      padding-inline: 0 !important;
    }
    .\[\@container_\(max-width\:420px\)\]\:ps-2 {
      padding-inline-start: calc(var(--spacing) * 2);
    }
  }
  @container (width<=440px) {
    .\[\@container_\(max-width\:440px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @container (width<=450px) {
    .\[\@container_\(max-width\:450px\)\]\:hidden {
      display: none;
    }
  }
  @container (width<=520px) {
    .\[\@container_\(max-width\:520px\)\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    .\[\@container_\(max-width\:520px\)\]\:block {
      display: block;
    }
    .\[\@container_\(max-width\:520px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:520px\)\]\:inline-flex {
      display: inline-flex;
    }
    .\[\@container_\(max-width\:520px\)\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    .\[\@container_\(max-width\:520px\)\]\:focus\:not-sr-only:focus {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
  }
  @container (width<=620px) {
    .\[\@container_\(max-width\:620px\)\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
    .\[\@container_\(max-width\:620px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:620px\)\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(90px\,120px\)_auto\] {
      grid-template-columns: minmax(0, 1fr) minmax(90px, 120px) auto;
    }
  }
  @container (width<=630px) {
    .\[\@container_\(max-width\:630px\)\]\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }
  }
  @container (width<=680px) {
    .\[\@container_\(max-width\:680px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width<=720px) {
    .\[\@container_\(max-width\:720px\)\]\:block {
      display: block;
    }
    .\[\@container_\(max-width\:720px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:720px\)\]\:aspect-square {
      aspect-ratio: 1;
    }
    .\[\@container_\(max-width\:720px\)\]\:grid-cols-\[minmax\(0\,1fr\)_auto_auto_auto\] {
      grid-template-columns: minmax(0, 1fr) auto auto auto;
    }
    .\[\@container_\(max-width\:720px\)\]\:\!px-0 {
      padding-inline: 0 !important;
    }
  }
  @container (width>=24rem) {
    .\[\@container_\(min-width\:24rem\)\]\:not-sr-only {
      clip-path: none;
      white-space: normal;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      position: static;
      overflow: visible;
    }
    .\[\@container_\(min-width\:24rem\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\[\@container_\(min-width\:24rem\)\]\:grid-cols-\[var\(--detail-property-label-width\,120px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: var(--detail-property-label-width, 120px) minmax(
          0,
          1fr
        );
    }
    .\[\@container_\(min-width\:24rem\)\]\:items-center {
      align-items: center;
    }
  }
  @container (width>=400px) {
    .\[\@container_\(min-width\:400px\)\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .\[\@container_\(min-width\:400px\)\]\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .\[\@container_\(min-width\:400px\)\]\:block {
      display: block;
    }
    .\[\@container_\(min-width\:400px\)\]\:flex {
      display: flex;
    }
    .\[\@container_\(min-width\:400px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(min-width\:400px\)\]\:grid-cols-\[max-content_minmax\(72px\,1fr\)_minmax\(0\,max-content\)\] {
      grid-template-columns: max-content minmax(72px, 1fr) minmax(
          0,
          max-content
        );
    }
  }
  @container (width>=44rem) {
    .\[\@container_\(min-width\:44rem\)\]\:top-1\.5 {
      top: calc(var(--spacing) * 1.5);
    }
    .\[\@container_\(min-width\:44rem\)\]\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
    .\[\@container_\(min-width\:44rem\)\]\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
    .\[\@container_\(min-width\:44rem\)\]\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
    .\[\@container_\(min-width\:44rem\)\]\:min-h-11 {
      min-height: calc(var(--spacing) * 11);
    }
    .\[\@container_\(min-width\:44rem\)\]\:min-h-36 {
      min-height: calc(var(--spacing) * 36);
    }
    .\[\@container_\(min-width\:44rem\)\]\:min-h-\[30rem\] {
      min-height: 30rem;
    }
    .\[\@container_\(min-width\:44rem\)\]\:grid-cols-\[repeat\(2\,minmax\(0\,28rem\)\)\] {
      grid-template-columns: repeat(2, minmax(0, 28rem));
    }
    .\[\@container_\(min-width\:44rem\)\]\:grid-cols-\[repeat\(2\,minmax\(0\,29\.25rem\)\)\] {
      grid-template-columns: repeat(2, minmax(0, 29.25rem));
    }
    .\[\@container_\(min-width\:44rem\)\]\:gap-3\.5 {
      gap: calc(var(--spacing) * 3.5);
    }
    .\[\@container_\(min-width\:44rem\)\]\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .\[\@container_\(min-width\:44rem\)\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-\[11px\] {
      font-size: 11px;
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-\[24px\] {
      font-size: 24px;
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-\[28px\] {
      font-size: 28px;
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-\[32px\] {
      font-size: 32px;
    }
    .\[\@container_\(min-width\:44rem\)\]\:leading-5 {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
    .\[\@container_\(min-width\:44rem\)\]\:font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .\[\@container_\(min-width\:44rem\)\]\:text-default {
      color: var(--color-text);
    }
  }
  @container (width>=64rem) {
    .\[\@container_\(min-width\:64rem\)\]\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .\[\@container_\(min-width\:64rem\)\]\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @container (width>=76rem) {
    .\[\@container_\(min-width\:76rem\)\]\:grid-cols-\[repeat\(3\,minmax\(0\,24rem\)\)\] {
      grid-template-columns: repeat(3, minmax(0, 24rem));
    }
    .\[\@container_\(min-width\:76rem\)\]\:grid-cols-\[repeat\(3\,minmax\(0\,29\.25rem\)\)\] {
      grid-template-columns: repeat(3, minmax(0, 29.25rem));
    }
    .\[\@container_\(min-width\:76rem\)\]\:grid-cols-\[repeat\(4\,minmax\(0\,24rem\)\)\] {
      grid-template-columns: repeat(4, minmax(0, 24rem));
    }
  }
  @container (width>=84rem) {
    .\[\@container_\(min-width\:84rem\)\]\:min-h-\[clamp\(38rem\,calc\(100dvh-26rem\)\,45rem\)\] {
      min-height: clamp(38rem, 100dvh - 26rem, 45rem);
    }
  }
  @container app-shell-detail-panel (width<=899px) {
    .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:hidden {
      display: none;
    }
    .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:w-full {
      width: 100%;
    }
    .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }
    .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:gap-1 {
      gap: var(--spacing);
    }
    .\[\@container_app-shell-detail-panel_\(max-width\:899px\)\]\:justify-self-stretch {
      justify-self: stretch;
    }
  }
  @container referral-tracking (width<=400px) {
    .\[\@container_referral-tracking_\(max-width\:400px\)\]\:block {
      display: block;
    }
    .\[\@container_referral-tracking_\(max-width\:400px\)\]\:hidden {
      display: none;
    }
    .\[\@container_referral-tracking_\(max-width\:400px\)\]\:w-token-button-composer {
      width: var(--spacing-token-button-composer);
    }
    .\[\@container_referral-tracking_\(max-width\:400px\)\]\:justify-center {
      justify-content: center;
    }
    .\[\@container_referral-tracking_\(max-width\:400px\)\]\:px-0 {
      padding-inline: 0;
    }
  }
  @container review-header (width<=624px) {
    .\[\@container_review-header_\(max-width\:624px\)\]\:aspect-square {
      aspect-ratio: 1;
    }
    .\[\@container_review-header_\(max-width\:624px\)\]\:justify-center {
      justify-content: center;
    }
    .\[\@container_review-header_\(max-width\:624px\)\]\:\!px-0 {
      padding-inline: 0 !important;
    }
  }
  @container review-header (width>=625px) {
    .\[\@container_review-header_\(min-width\:625px\)\]\:inline {
      display: inline;
    }
  }
  @media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:opacity-0 {
      opacity: 0;
    }
    @media (hover: hover) {
      .\[\@media\(hover\:hover\)\]\:group-hover\/app-widget\:opacity-100:is(
        :where(.group\/app-widget):hover *
      ) {
        opacity: 1;
      }
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:\!text-default:is(
      :where(.group\/activity-header):hover:not(
          :has([data-agent-activity-file-link]:hover)
        )
        *
    ) {
      color: var(--color-text) !important;
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:text-codex-git-added:is(
      :where(.group\/activity-header):hover:not(
          :has([data-agent-activity-file-link]:hover)
        )
        *
    ) {
      color: var(--color-codex-git-added);
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:text-codex-git-deleted:is(
      :where(.group\/activity-header):hover:not(
          :has([data-agent-activity-file-link]:hover)
        )
        *
    ) {
      color: var(--color-codex-git-deleted);
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:text-default:is(
      :where(.group\/activity-header):hover:not(
          :has([data-agent-activity-file-link]:hover)
        )
        *
    ) {
      color: var(--color-text);
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:opacity-100:is(
      :where(.group\/activity-header):hover:not(
          :has([data-agent-activity-file-link]:hover)
        )
        *
    ) {
      opacity: 1;
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:\[\&_\*\]\:text-default:is(
        :where(.group\/activity-header):hover:not(
            :has([data-agent-activity-file-link]:hover)
          )
          *
      )
      * {
      color: var(--color-text);
    }
    .\[\@media\(hover\:hover\)\]\:group-\[\:hover\:not\(\:has\(\[data-agent-activity-file-link\]\:hover\)\)\]\/activity-header\:\[\&_\*\:not\(button\)\]\:\!text-default:is(
        :where(.group\/activity-header):hover:not(
            :has([data-agent-activity-file-link]:hover)
          )
          *
      )
      :not(button) {
      color: var(--color-text) !important;
    }
  }
  @container referral-tracking (width>=401px) {
    @media (hover: hover) {
      .\[\@container_referral-tracking_\(min-width\:401px\)\]\:\[\@media\(hover\:hover\)\]\:pointer-events-none {
        pointer-events: none;
      }
      .\[\@container_referral-tracking_\(min-width\:401px\)\]\:\[\@media\(hover\:hover\)\]\:opacity-0 {
        opacity: 0;
      }
      .\[\@container_referral-tracking_\(min-width\:401px\)\]\:\[\@media\(hover\:hover\)\]\:opacity-100 {
        opacity: 1;
      }
    }
  }
  @media (hover: hover) and (pointer: fine) {
    @media (hover: hover) {
      .\[\@media\(hover\:hover\)_and_\(pointer\:fine\)\]\:hover\:opacity-40:hover {
        opacity: 0.4;
      }
    }
  }
  @media (hover: none) {
    .\[\@media\(hover\:none\)\]\:pointer-events-auto {
      pointer-events: auto;
    }
    .\[\@media\(hover\:none\)\]\:opacity-100 {
      opacity: 1;
    }
  }
  @media (height<=500px) {
    .\[\@media\(max-height\:500px\)\]\:hidden {
      display: none;
    }
  }
  @container (width>=44rem) {
    @media (height>=72rem) {
      .\[\@container_\(min-width\:44rem\)\]\:\[\@media\(min-height\:72rem\)\]\:mt-4 {
        margin-top: calc(var(--spacing) * 4);
      }
      .\[\@container_\(min-width\:44rem\)\]\:\[\@media\(min-height\:72rem\)\]\:mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5);
      }
      .\[\@container_\(min-width\:44rem\)\]\:\[\@media\(min-height\:72rem\)\]\:gap-5 {
        gap: calc(var(--spacing) * 5);
      }
      .\[\@container_\(min-width\:44rem\)\]\:\[\@media\(min-height\:72rem\)\]\:p-6 {
        padding: calc(var(--spacing) * 6);
      }
      .\[\@container_\(min-width\:44rem\)\]\:\[\@media\(min-height\:72rem\)\]\:pt-6 {
        padding-top: calc(var(--spacing) * 6);
      }
    }
  }
  @media (prefers-reduced-transparency: reduce) {
    .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\!bg-surface\/95 {
      background-color: var(--color-surface) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:\!bg-surface\/95 {
        background-color: color-mix(
          in oklab,
          var(--color-surface) 95%,
          transparent
        ) !important;
      }
    }
    .\[\@media\(prefers-reduced-transparency\:reduce\)\]\:backdrop-blur-none {
      --tw-backdrop-blur: ;
      -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,);
    }
  }
  [data-composer-placement="home"]
    > .\[\[data-composer-placement\=home\]\>\&\]\:pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --color-background-surface: var(--gray-0);
    --color-background-recovery: #f8f7f5;
    --color-background-surface-under: var(--gray-50);
    --color-background-application-menu: var(--gray-50);
    --color-foreground-application-menu: var(--color-text-foreground);
    --color-border-application-menu-separator: var(--color-border-heavy);
    --color-background-editor-opaque: #ededed66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-editor-opaque: color-mix(
        in oklab,
        var(--gray-100) 40%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-elevated-primary: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-elevated-primary: color-mix(
        in oklab,
        var(--gray-0) 70%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-elevated-primary-opaque: var(--gray-0);
    --color-background-elevated-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-elevated-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 2%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-elevated-secondary-opaque: #ededed66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-elevated-secondary-opaque: color-mix(
        in oklab,
        var(--gray-100) 40%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-primary: var(--color-text-foreground);
    --color-background-button-primary-hover: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-primary-hover: color-mix(
        in oklab,
        var(--color-text-foreground) 8%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-primary-active: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-primary-active: color-mix(
        in oklab,
        var(--color-text-foreground) 16%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-primary-inactive: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-primary-inactive: color-mix(
        in oklab,
        var(--color-text-foreground) 24%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 5%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-secondary-hover: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary-hover: color-mix(
        in oklab,
        var(--color-text-foreground) 5%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-secondary-active: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary-active: color-mix(
        in oklab,
        var(--color-text-foreground) 4%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-secondary-inactive: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary-inactive: color-mix(
        in oklab,
        var(--color-text-foreground) 2%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-tertiary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-tertiary: color-mix(
        in oklab,
        var(--color-text-foreground) 0%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-tertiary-hover: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-tertiary-hover: color-mix(
        in oklab,
        var(--color-text-foreground) 10%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-button-tertiary-active: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-tertiary-active: color-mix(
        in oklab,
        var(--color-text-foreground) 20%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-accent: var(--blue-50);
    --color-background-accent-hover: var(--blue-50);
    --color-background-accent-active: var(--blue-50);
    --color-background-status-success: #00a24012;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-status-success: color-mix(
        in oklab,
        var(--green-500) 7%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-background-status-warning: var(--orange-50);
    --color-background-status-error: var(--red-50);
    --color-background-tip-badge: #e8f3fe;
    --color-background-danger-active: #e02e2ae6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-danger-active: color-mix(
        in oklab,
        var(--red-500) 90%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-text-foreground: #1a1c1f;
    --color-text-foreground-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-text-foreground-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 70%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-text-foreground-tertiary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-text-foreground-tertiary: color-mix(
        in oklab,
        var(--color-text-foreground) 50%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-text-button-primary: var(--gray-0);
    --color-text-button-secondary: var(--color-text-foreground);
    --color-text-button-tertiary: var(--gray-500);
    --color-text-accent: var(--blue-300);
    --color-text-on-accent: var(--gray-1000);
    --color-text-success: var(--green-500);
    --color-text-warning: var(--orange-500);
    --color-text-error: var(--red-500);
    --color-text-tip-badge: #3a83f7;
    --color-icon-primary: var(--color-text-foreground);
    --color-icon-secondary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-icon-secondary: color-mix(
        in oklab,
        var(--color-text-foreground) 70%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-icon-tertiary: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-icon-tertiary: color-mix(
        in oklab,
        var(--color-text-foreground) 50%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-icon-accent: var(--blue-300);
    --color-icon-success: var(--green-500);
    --color-icon-warning: var(--orange-500);
    --color-icon-error: var(--red-500);
    --color-accent-red: var(--red-500);
    --color-accent-blue: var(--blue-300);
    --color-accent-yellow: var(--yellow-400);
    --color-accent-orange: var(--orange-500);
    --color-accent-green: var(--green-500);
    --color-accent-purple: var(--purple-400);
    --color-border: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border: color-mix(
        in oklab,
        var(--color-text-foreground) 8%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-border-heavy: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-heavy: color-mix(
        in oklab,
        var(--color-text-foreground) 12%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-border-light: var(--color-text-foreground);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-light: color-mix(
        in oklab,
        var(--color-text-foreground) 5%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-border-warning: #e2550726;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-warning: color-mix(
        in oklab,
        var(--orange-500) 15%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-border-error: #e02e2a26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-error: color-mix(
        in oklab,
        var(--red-500) 15%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-border-focus: var(--blue-300);
    --color-decoration-added: var(--green-500);
    --color-decoration-modified: var(--orange-700);
    --color-decoration-deleted: var(--red-600);
    --color-decoration-unchanged: var(--gray-300);
    --color-editor-added: #00a24026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-editor-added: color-mix(
        in oklab,
        var(--green-500) 15%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --color-editor-deleted: #ba262326;
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-editor-deleted: color-mix(
        in oklab,
        var(--red-600) 15%,
        transparent
      );
    }
  }
  [data-codex-window-type="browser"]:not(.electron-light):not(.electron-dark) {
    --vscode-terminal-ansiBlack: #000;
    --vscode-terminal-ansiRed: #d53538;
    --vscode-terminal-ansiGreen: #008809;
    --vscode-terminal-ansiYellow: #bd5800;
    --vscode-terminal-ansiBlue: #001bcb;
    --vscode-terminal-ansiMagenta: #751ed9;
    --vscode-terminal-ansiCyan: #0071ea;
    --vscode-terminal-ansiWhite: #666;
    --vscode-terminal-ansiBrightBlack: #000;
    --vscode-terminal-ansiBrightRed: #f44a4c;
    --vscode-terminal-ansiBrightGreen: #59d24e;
    --vscode-terminal-ansiBrightYellow: #f87915;
    --vscode-terminal-ansiBrightBlue: #006aff;
    --vscode-terminal-ansiBrightMagenta: #9840ff;
    --vscode-terminal-ansiBrightCyan: #20b8ff;
    --vscode-terminal-ansiBrightWhite: #828282;
    --color-simple-scrim: #0000001a;
  }
  @media (prefers-color-scheme: dark) {
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --lightningcss-light: ;
      --lightningcss-dark: initial;
      color-scheme: dark;
      --color-background-surface: var(--gray-900);
      --color-background-surface-under: black;
      --color-background-application-menu: var(--gray-800);
      --color-foreground-application-menu: var(
        --color-background-application-menu
      );
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-foreground-application-menu: color-mix(
          in srgb,
          var(--color-background-application-menu),
          var(--color-text-foreground) 87.5%
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-application-menu-separator: var(
        --color-background-application-menu
      );
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border-application-menu-separator: color-mix(
          in srgb,
          var(--color-background-application-menu),
          var(--color-text-foreground) 28%
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-editor-opaque: var(--gray-800);
      --color-background-elevated-primary: #212121f5;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-elevated-primary: color-mix(
          in oklab,
          var(--gray-800) 96%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-elevated-primary-opaque: var(--gray-750);
      --color-background-elevated-secondary: #ffffff08;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-elevated-secondary: color-mix(
          in oklab,
          var(--gray-0) 3%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-elevated-secondary-opaque: var(--gray-800);
      --color-background-button-primary: var(--gray-1000);
      --color-background-button-primary-hover: #0d0d0d0f;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-primary-hover: color-mix(
          in oklab,
          var(--gray-1000) 6%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-primary-active: #0d0d0d1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-primary-active: color-mix(
          in oklab,
          var(--gray-1000) 10%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-primary-inactive: #0d0d0d08;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-primary-inactive: color-mix(
          in oklab,
          var(--gray-1000) 3%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-secondary: color-mix(
          in oklab,
          var(--gray-0) 5%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary-hover: #ffffff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-secondary-hover: color-mix(
          in oklab,
          var(--gray-0) 8%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary-active: #ffffff1f;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-secondary-active: color-mix(
          in oklab,
          var(--gray-0) 12%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-secondary-inactive: #ffffff0a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-secondary-inactive: color-mix(
          in oklab,
          var(--gray-0) 4%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-tertiary: #ffffff08;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-tertiary: color-mix(
          in oklab,
          var(--gray-0) 3%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-tertiary-hover: #ffffff12;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-tertiary-hover: color-mix(
          in oklab,
          var(--gray-0) 7%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-button-tertiary-active: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-button-tertiary-active: color-mix(
          in oklab,
          var(--gray-0) 10%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-accent: var(--blue-900);
      --color-background-accent-hover: var(--blue-900);
      --color-background-accent-active: var(--blue-900);
      --color-background-status-success: #04b84c29;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-status-success: color-mix(
          in oklab,
          var(--green-400) 16%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-status-warning: var(--orange-900);
      --color-background-status-error: var(--red-900);
      --color-background-tip-badge: #339cff29;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-tip-badge: color-mix(
          in oklab,
          var(--blue-300) 16%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-background-danger-active: #fa423e5c;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-background-danger-active: color-mix(
          in oklab,
          var(--red-400) 36%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-text-foreground: var(--gray-150);
      --color-text-foreground-secondary: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-text-foreground-secondary: color-mix(
          in oklab,
          var(--gray-0) 70%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-text-foreground-tertiary: #ffffff80;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-text-foreground-tertiary: color-mix(
          in oklab,
          var(--gray-0) 50%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-text-button-primary: var(--gray-1000);
      --color-text-button-secondary: var(--gray-300);
      --color-text-button-tertiary: var(--gray-500);
      --color-text-accent: var(--blue-100);
      --color-text-on-accent: var(--gray-1000);
      --color-text-success: var(--green-300);
      --color-text-warning: var(--orange-300);
      --color-text-error: var(--red-300);
      --color-text-tip-badge: var(--blue-100);
      --color-icon-primary: #ffffffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-icon-primary: color-mix(
          in oklab,
          var(--white) 90%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-icon-secondary: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-icon-secondary: color-mix(
          in oklab,
          var(--white) 70%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-icon-tertiary: #ffffff80;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-icon-tertiary: color-mix(
          in oklab,
          var(--white) 50%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-icon-accent: var(--blue-300);
      --color-icon-success: var(--green-300);
      --color-icon-warning: var(--orange-300);
      --color-icon-error: var(--red-300);
      --color-accent-red: var(--red-300);
      --color-accent-blue: var(--blue-300);
      --color-accent-yellow: var(--yellow-300);
      --color-accent-orange: var(--orange-400);
      --color-accent-green: var(--green-300);
      --color-accent-purple: var(--purple-300);
      --color-border: #ffffff14;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border: color-mix(in oklab, var(--white) 8%, transparent);
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-heavy: #ffffff29;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border-heavy: color-mix(
          in oklab,
          var(--white) 16%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-light: #ffffff0a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border-light: color-mix(in oklab, var(--white) 4%, transparent);
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-warning: #ff854966;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border-warning: color-mix(
          in oklab,
          var(--orange-300) 40%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-error: #fa423e66;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border-error: color-mix(
          in oklab,
          var(--red-400) 40%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-border-focus: #339cffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-border-focus: color-mix(
          in oklab,
          var(--blue-300) 70%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-decoration-added: var(--green-300);
      --color-decoration-modified: var(--orange-300);
      --color-decoration-deleted: var(--red-400);
      --color-decoration-unchanged: var(--gray-600);
      --color-editor-added: #40c9773b;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-editor-added: color-mix(
          in oklab,
          var(--green-300) 23%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --color-editor-deleted: #fa423e3b;
    }
    @supports (color: color-mix(in lab, red, red)) {
      [data-codex-window-type="browser"]:not(.electron-light):not(
          .electron-dark
        ) {
        --color-editor-deleted: color-mix(
          in oklab,
          var(--red-400) 23%,
          transparent
        );
      }
    }
    [data-codex-window-type="browser"]:not(.electron-light):not(
        .electron-dark
      ) {
      --vscode-terminal-ansiBlack: #fff;
      --vscode-terminal-ansiRed: #f67576;
      --vscode-terminal-ansiGreen: #85df7b;
      --vscode-terminal-ansiYellow: #fa994c;
      --vscode-terminal-ansiBlue: #3d8dff;
      --vscode-terminal-ansiMagenta: #b06dff;
      --vscode-terminal-ansiCyan: #6dcbf4;
      --vscode-terminal-ansiWhite: #999;
      --vscode-terminal-ansiBrightBlack: #000;
      --vscode-terminal-ansiBrightRed: #f44a4c;
      --vscode-terminal-ansiBrightGreen: #59d24e;
      --vscode-terminal-ansiBrightYellow: #f87915;
      --vscode-terminal-ansiBrightBlue: #006aff;
      --vscode-terminal-ansiBrightMagenta: #9840ff;
      --vscode-terminal-ansiBrightCyan: #20b8ff;
      --vscode-terminal-ansiBrightWhite: #828282;
      --color-simple-scrim: #ffffff1a;
    }
  }
  .scroll-contain {
    overscroll-behavior: contain;
    overflow: auto;
  }
  .disambig-digits.slashed-zero {
    font-feature-settings: "ss06" on;
  }
  [data-composer-attachments][data-composer-spacing="default"]
    .composer-attachment-surface {
    border-radius: var(--composer-attachment-border-radius);
  }
  .h-token-button-composer,
  .h-token-button-composer-sm {
    gap: var(--h-token-button-composer-gap);
  }
  .overflow-auto,
  .overflow-scroll,
  .overflow-x-auto,
  .overflow-y-auto,
  .overflow-x-scroll,
  .overflow-y-scroll {
    scrollbar-color: var(--color-border) transparent;
  }
  :is(
    .overflow-auto,
    .overflow-scroll,
    .overflow-x-auto,
    .overflow-y-auto,
    .overflow-x-scroll,
    .overflow-y-scroll
  ):hover,
  :is(
    .overflow-auto,
    .overflow-scroll,
    .overflow-x-auto,
    .overflow-y-auto,
    .overflow-x-scroll,
    .overflow-y-scroll
  ):active {
    scrollbar-color: var(--color-border-strong) transparent;
  }
}
@font-face {
  font-family: KaTeX_AMS;
  src:
    url(./KaTeX_AMS-Regular-5085d14c6356.woff2) format("woff2"),
    url(./KaTeX_AMS-Regular-cc9bd60e01a9.woff) format("woff"),
    url(./KaTeX_AMS-Regular-d182002564db.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Caligraphic;
  src:
    url(./KaTeX_Caligraphic-Bold-eafc847daced.woff2) format("woff2"),
    url(./KaTeX_Caligraphic-Bold-4489718bbd71.woff) format("woff"),
    url(./KaTeX_Caligraphic-Bold-04d7c5db17d1.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Caligraphic;
  src:
    url(./KaTeX_Caligraphic-Regular-e2ea347ec7e1.woff2) format("woff2"),
    url(./KaTeX_Caligraphic-Regular-93440fab4cbe.woff) format("woff"),
    url(./KaTeX_Caligraphic-Regular-305fded40630.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Fraktur;
  src:
    url(./KaTeX_Fraktur-Bold-8bea0fdbdd58.woff2) format("woff2"),
    url(./KaTeX_Fraktur-Bold-6c0cfe753859.woff) format("woff"),
    url(./KaTeX_Fraktur-Bold-5d9c444d356a.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Fraktur;
  src:
    url(./KaTeX_Fraktur-Regular-9362217a940f.woff2) format("woff2"),
    url(./KaTeX_Fraktur-Regular-f175ce1c47d7.woff) format("woff"),
    url(./KaTeX_Fraktur-Regular-81ff0bab7ac4.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Main;
  src:
    url(./KaTeX_Main-Bold-b1f7ce887570.woff2) format("woff2"),
    url(./KaTeX_Main-Bold-99b7008cb9f0.woff) format("woff"),
    url(./KaTeX_Main-Bold-306a83955cdd.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Main;
  src:
    url(./KaTeX_Main-BoldItalic-f10c9dc0392e.woff2) format("woff2"),
    url(./KaTeX_Main-BoldItalic-12a522d123de.woff) format("woff"),
    url(./KaTeX_Main-BoldItalic-f3c4f3261ba5.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Main;
  src:
    url(./KaTeX_Main-Italic-d580edee966b.woff2) format("woff2"),
    url(./KaTeX_Main-Italic-4c2ce066f751.woff) format("woff"),
    url(./KaTeX_Main-Italic-3759e9c6a0df.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Main;
  src:
    url(./KaTeX_Main-Regular-76d8dbe2a29e.woff2) format("woff2"),
    url(./KaTeX_Main-Regular-ebf7825a0610.woff) format("woff"),
    url(./KaTeX_Main-Regular-32a59bcdb555.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Math;
  src:
    url(./KaTeX_Math-BoldItalic-999ef36c0999.woff2) format("woff2"),
    url(./KaTeX_Math-BoldItalic-2263edb0c99e.woff) format("woff"),
    url(./KaTeX_Math-BoldItalic-775d28dfbb83.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Math;
  src:
    url(./KaTeX_Math-Italic-2de770044ccf.woff2) format("woff2"),
    url(./KaTeX_Math-Italic-c0d3ffcf5e9f.woff) format("woff"),
    url(./KaTeX_Math-Italic-1f94eaffd140.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: KaTeX_SansSerif;
  src:
    url(./KaTeX_SansSerif-Bold-f5b144b4183d.woff2) format("woff2"),
    url(./KaTeX_SansSerif-Bold-db22128e8820.woff) format("woff"),
    url(./KaTeX_SansSerif-Bold-8531ea67beae.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_SansSerif;
  src:
    url(./KaTeX_SansSerif-Italic-b71f456a1819.woff2) format("woff2"),
    url(./KaTeX_SansSerif-Italic-33768fb75a6c.woff) format("woff"),
    url(./KaTeX_SansSerif-Italic-18623275cd29.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: KaTeX_SansSerif;
  src:
    url(./KaTeX_SansSerif-Regular-c30429e527bc.woff2) format("woff2"),
    url(./KaTeX_SansSerif-Regular-92e9fa94a896.woff) format("woff"),
    url(./KaTeX_SansSerif-Regular-4da3b85121c9.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Script;
  src:
    url(./KaTeX_Script-Regular-f7c0859f17af.woff2) format("woff2"),
    url(./KaTeX_Script-Regular-f9c90562aa5a.woff) format("woff"),
    url(./KaTeX_Script-Regular-b9264196a3e0.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Size1;
  src:
    url(./KaTeX_Size1-Regular-26083f2603c0.woff2) format("woff2"),
    url(./KaTeX_Size1-Regular-b5f79b67eb84.woff) format("woff"),
    url(./KaTeX_Size1-Regular-dbb27b9efc8a.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Size2;
  src:
    url(./KaTeX_Size2-Regular-f2e1dc7dd26e.woff2) format("woff2"),
    url(./KaTeX_Size2-Regular-280f5b5cfd4d.woff) format("woff"),
    url(./KaTeX_Size2-Regular-7b80a516842b.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Size3;
  src:
    url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC)
      format("woff2"),
    url(./KaTeX_Size3-Regular-93ab932aa041.woff) format("woff"),
    url(./KaTeX_Size3-Regular-e0a57b34933f.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Size4;
  src:
    url(./KaTeX_Size4-Regular-e5e65c59c557.woff2) format("woff2"),
    url(./KaTeX_Size4-Regular-45fb882464a4.woff) format("woff"),
    url(./KaTeX_Size4-Regular-d6141bf4e372.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: KaTeX_Typewriter;
  src:
    url(./KaTeX_Typewriter-Regular-8eeabe219f5c.woff2) format("woff2"),
    url(./KaTeX_Typewriter-Regular-b4c52f663c1d.woff) format("woff"),
    url(./KaTeX_Typewriter-Regular-f721beff1dfa.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
.katex {
  text-indent: 0;
  text-rendering: auto;
  font:
    1.21em/1.2 KaTeX_Main,
    Times New Roman,
    serif;
  position: relative;
}
.katex * {
  border-color: currentColor;
  -ms-high-contrast-adjust: none !important;
}
.katex .katex-version:after {
  content: "0.16.45";
}
.katex .katex-mathml {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.katex .katex-html > .newline {
  display: block;
}
.katex .base {
  white-space: nowrap;
  width: min-content;
  display: inline-block;
  position: relative;
}
.katex .strut {
  display: inline-block;
}
.katex .textbf {
  font-weight: 700;
}
.katex .textit {
  font-style: italic;
}
.katex .textrm {
  font-family: KaTeX_Main;
}
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .texttt {
  font-family: KaTeX_Typewriter;
}
.katex .mathnormal {
  font-family: KaTeX_Math;
  font-style: italic;
}
.katex .mathit {
  font-family: KaTeX_Main;
  font-style: italic;
}
.katex .mathrm {
  font-style: normal;
}
.katex .mathbf {
  font-family: KaTeX_Main;
  font-weight: 700;
}
.katex .boldsymbol {
  font-family: KaTeX_Math;
  font-style: italic;
  font-weight: 700;
}
.katex .amsrm,
.katex .mathbb,
.katex .textbb {
  font-family: KaTeX_AMS;
}
.katex .mathcal {
  font-family: KaTeX_Caligraphic;
}
.katex .mathfrak,
.katex .textfrak {
  font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak,
.katex .textboldfrak {
  font-family: KaTeX_Fraktur;
  font-weight: 700;
}
.katex .mathtt {
  font-family: KaTeX_Typewriter;
}
.katex .mathscr,
.katex .textscr {
  font-family: KaTeX_Script;
}
.katex .mathsf,
.katex .textsf {
  font-family: KaTeX_SansSerif;
}
.katex .mathboldsf,
.katex .textboldsf {
  font-family: KaTeX_SansSerif;
  font-weight: 700;
}
.katex .mathsfit,
.katex .mathitsf,
.katex .textitsf {
  font-family: KaTeX_SansSerif;
  font-style: italic;
}
.katex .mainrm {
  font-family: KaTeX_Main;
  font-style: normal;
}
.katex .vlist-t {
  table-layout: fixed;
  border-collapse: collapse;
  display: inline-table;
}
.katex .vlist-r {
  display: table-row;
}
.katex .vlist {
  vertical-align: bottom;
  display: table-cell;
  position: relative;
}
.katex .vlist > span {
  height: 0;
  display: block;
  position: relative;
}
.katex .vlist > span > span {
  display: inline-block;
}
.katex .vlist > span > .pstrut {
  width: 0;
  overflow: hidden;
}
.katex .vlist-t2 {
  margin-right: -2px;
}
.katex .vlist-s {
  vertical-align: bottom;
  width: 2px;
  min-width: 2px;
  font-size: 1px;
  display: table-cell;
}
.katex .vbox {
  flex-direction: column;
  align-items: baseline;
  display: inline-flex;
}
.katex .hbox {
  flex-direction: row;
  width: 100%;
  display: inline-flex;
}
.katex .thinbox {
  flex-direction: row;
  width: 0;
  max-width: 0;
  display: inline-flex;
}
.katex .msupsub {
  text-align: left;
}
.katex .mfrac > span > span {
  text-align: center;
}
.katex .mfrac .frac-line {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}
.katex .mfrac .frac-line,
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline,
.katex .hdashline,
.katex .rule {
  min-height: 1px;
}
.katex .mspace {
  display: inline-block;
}
.katex .smash {
  line-height: 0;
  display: inline;
}
.katex .llap,
.katex .rlap,
.katex .clap {
  width: 0;
  position: relative;
}
.katex .llap > .inner,
.katex .rlap > .inner,
.katex .clap > .inner {
  position: absolute;
}
.katex .llap > .fix,
.katex .rlap > .fix,
.katex .clap > .fix {
  display: inline-block;
}
.katex .llap > .inner {
  right: 0;
}
.katex .rlap > .inner,
.katex .clap > .inner {
  left: 0;
}
.katex .clap > .inner > span {
  margin-left: -50%;
  margin-right: 50%;
}
.katex .rule {
  border: 0 solid;
  display: inline-block;
  position: relative;
}
.katex .overline .overline-line,
.katex .underline .underline-line,
.katex .hline {
  border-bottom-style: solid;
  width: 100%;
  display: inline-block;
}
.katex .hdashline {
  border-bottom-style: dashed;
  width: 100%;
  display: inline-block;
}
.katex .sqrt > .root {
  margin-left: 0.277778em;
  margin-right: -0.555556em;
}
.katex .sizing.reset-size1.size1,
.katex .fontsize-ensurer.reset-size1.size1 {
  font-size: 1em;
}
.katex .sizing.reset-size1.size2,
.katex .fontsize-ensurer.reset-size1.size2 {
  font-size: 1.2em;
}
.katex .sizing.reset-size1.size3,
.katex .fontsize-ensurer.reset-size1.size3 {
  font-size: 1.4em;
}
.katex .sizing.reset-size1.size4,
.katex .fontsize-ensurer.reset-size1.size4 {
  font-size: 1.6em;
}
.katex .sizing.reset-size1.size5,
.katex .fontsize-ensurer.reset-size1.size5 {
  font-size: 1.8em;
}
.katex .sizing.reset-size1.size6,
.katex .fontsize-ensurer.reset-size1.size6 {
  font-size: 2em;
}
.katex .sizing.reset-size1.size7,
.katex .fontsize-ensurer.reset-size1.size7 {
  font-size: 2.4em;
}
.katex .sizing.reset-size1.size8,
.katex .fontsize-ensurer.reset-size1.size8 {
  font-size: 2.88em;
}
.katex .sizing.reset-size1.size9,
.katex .fontsize-ensurer.reset-size1.size9 {
  font-size: 3.456em;
}
.katex .sizing.reset-size1.size10,
.katex .fontsize-ensurer.reset-size1.size10 {
  font-size: 4.148em;
}
.katex .sizing.reset-size1.size11,
.katex .fontsize-ensurer.reset-size1.size11 {
  font-size: 4.976em;
}
.katex .sizing.reset-size2.size1,
.katex .fontsize-ensurer.reset-size2.size1 {
  font-size: 0.833333em;
}
.katex .sizing.reset-size2.size2,
.katex .fontsize-ensurer.reset-size2.size2 {
  font-size: 1em;
}
.katex .sizing.reset-size2.size3,
.katex .fontsize-ensurer.reset-size2.size3 {
  font-size: 1.16667em;
}
.katex .sizing.reset-size2.size4,
.katex .fontsize-ensurer.reset-size2.size4 {
  font-size: 1.33333em;
}
.katex .sizing.reset-size2.size5,
.katex .fontsize-ensurer.reset-size2.size5 {
  font-size: 1.5em;
}
.katex .sizing.reset-size2.size6,
.katex .fontsize-ensurer.reset-size2.size6 {
  font-size: 1.66667em;
}
.katex .sizing.reset-size2.size7,
.katex .fontsize-ensurer.reset-size2.size7 {
  font-size: 2em;
}
.katex .sizing.reset-size2.size8,
.katex .fontsize-ensurer.reset-size2.size8 {
  font-size: 2.4em;
}
.katex .sizing.reset-size2.size9,
.katex .fontsize-ensurer.reset-size2.size9 {
  font-size: 2.88em;
}
.katex .sizing.reset-size2.size10,
.katex .fontsize-ensurer.reset-size2.size10 {
  font-size: 3.45667em;
}
.katex .sizing.reset-size2.size11,
.katex .fontsize-ensurer.reset-size2.size11 {
  font-size: 4.14667em;
}
.katex .sizing.reset-size3.size1,
.katex .fontsize-ensurer.reset-size3.size1 {
  font-size: 0.714286em;
}
.katex .sizing.reset-size3.size2,
.katex .fontsize-ensurer.reset-size3.size2 {
  font-size: 0.857143em;
}
.katex .sizing.reset-size3.size3,
.katex .fontsize-ensurer.reset-size3.size3 {
  font-size: 1em;
}
.katex .sizing.reset-size3.size4,
.katex .fontsize-ensurer.reset-size3.size4 {
  font-size: 1.14286em;
}
.katex .sizing.reset-size3.size5,
.katex .fontsize-ensurer.reset-size3.size5 {
  font-size: 1.28571em;
}
.katex .sizing.reset-size3.size6,
.katex .fontsize-ensurer.reset-size3.size6 {
  font-size: 1.42857em;
}
.katex .sizing.reset-size3.size7,
.katex .fontsize-ensurer.reset-size3.size7 {
  font-size: 1.71429em;
}
.katex .sizing.reset-size3.size8,
.katex .fontsize-ensurer.reset-size3.size8 {
  font-size: 2.05714em;
}
.katex .sizing.reset-size3.size9,
.katex .fontsize-ensurer.reset-size3.size9 {
  font-size: 2.46857em;
}
.katex .sizing.reset-size3.size10,
.katex .fontsize-ensurer.reset-size3.size10 {
  font-size: 2.96286em;
}
.katex .sizing.reset-size3.size11,
.katex .fontsize-ensurer.reset-size3.size11 {
  font-size: 3.55429em;
}
.katex .sizing.reset-size4.size1,
.katex .fontsize-ensurer.reset-size4.size1 {
  font-size: 0.625em;
}
.katex .sizing.reset-size4.size2,
.katex .fontsize-ensurer.reset-size4.size2 {
  font-size: 0.75em;
}
.katex .sizing.reset-size4.size3,
.katex .fontsize-ensurer.reset-size4.size3 {
  font-size: 0.875em;
}
.katex .sizing.reset-size4.size4,
.katex .fontsize-ensurer.reset-size4.size4 {
  font-size: 1em;
}
.katex .sizing.reset-size4.size5,
.katex .fontsize-ensurer.reset-size4.size5 {
  font-size: 1.125em;
}
.katex .sizing.reset-size4.size6,
.katex .fontsize-ensurer.reset-size4.size6 {
  font-size: 1.25em;
}
.katex .sizing.reset-size4.size7,
.katex .fontsize-ensurer.reset-size4.size7 {
  font-size: 1.5em;
}
.katex .sizing.reset-size4.size8,
.katex .fontsize-ensurer.reset-size4.size8 {
  font-size: 1.8em;
}
.katex .sizing.reset-size4.size9,
.katex .fontsize-ensurer.reset-size4.size9 {
  font-size: 2.16em;
}
.katex .sizing.reset-size4.size10,
.katex .fontsize-ensurer.reset-size4.size10 {
  font-size: 2.5925em;
}
.katex .sizing.reset-size4.size11,
.katex .fontsize-ensurer.reset-size4.size11 {
  font-size: 3.11em;
}
.katex .sizing.reset-size5.size1,
.katex .fontsize-ensurer.reset-size5.size1 {
  font-size: 0.555556em;
}
.katex .sizing.reset-size5.size2,
.katex .fontsize-ensurer.reset-size5.size2 {
  font-size: 0.666667em;
}
.katex .sizing.reset-size5.size3,
.katex .fontsize-ensurer.reset-size5.size3 {
  font-size: 0.777778em;
}
.katex .sizing.reset-size5.size4,
.katex .fontsize-ensurer.reset-size5.size4 {
  font-size: 0.888889em;
}
.katex .sizing.reset-size5.size5,
.katex .fontsize-ensurer.reset-size5.size5 {
  font-size: 1em;
}
.katex .sizing.reset-size5.size6,
.katex .fontsize-ensurer.reset-size5.size6 {
  font-size: 1.11111em;
}
.katex .sizing.reset-size5.size7,
.katex .fontsize-ensurer.reset-size5.size7 {
  font-size: 1.33333em;
}
.katex .sizing.reset-size5.size8,
.katex .fontsize-ensurer.reset-size5.size8 {
  font-size: 1.6em;
}
.katex .sizing.reset-size5.size9,
.katex .fontsize-ensurer.reset-size5.size9 {
  font-size: 1.92em;
}
.katex .sizing.reset-size5.size10,
.katex .fontsize-ensurer.reset-size5.size10 {
  font-size: 2.30444em;
}
.katex .sizing.reset-size5.size11,
.katex .fontsize-ensurer.reset-size5.size11 {
  font-size: 2.76444em;
}
.katex .sizing.reset-size6.size1,
.katex .fontsize-ensurer.reset-size6.size1 {
  font-size: 0.5em;
}
.katex .sizing.reset-size6.size2,
.katex .fontsize-ensurer.reset-size6.size2 {
  font-size: 0.6em;
}
.katex .sizing.reset-size6.size3,
.katex .fontsize-ensurer.reset-size6.size3 {
  font-size: 0.7em;
}
.katex .sizing.reset-size6.size4,
.katex .fontsize-ensurer.reset-size6.size4 {
  font-size: 0.8em;
}
.katex .sizing.reset-size6.size5,
.katex .fontsize-ensurer.reset-size6.size5 {
  font-size: 0.9em;
}
.katex .sizing.reset-size6.size6,
.katex .fontsize-ensurer.reset-size6.size6 {
  font-size: 1em;
}
.katex .sizing.reset-size6.size7,
.katex .fontsize-ensurer.reset-size6.size7 {
  font-size: 1.2em;
}
.katex .sizing.reset-size6.size8,
.katex .fontsize-ensurer.reset-size6.size8 {
  font-size: 1.44em;
}
.katex .sizing.reset-size6.size9,
.katex .fontsize-ensurer.reset-size6.size9 {
  font-size: 1.728em;
}
.katex .sizing.reset-size6.size10,
.katex .fontsize-ensurer.reset-size6.size10 {
  font-size: 2.074em;
}
.katex .sizing.reset-size6.size11,
.katex .fontsize-ensurer.reset-size6.size11 {
  font-size: 2.488em;
}
.katex .sizing.reset-size7.size1,
.katex .fontsize-ensurer.reset-size7.size1 {
  font-size: 0.416667em;
}
.katex .sizing.reset-size7.size2,
.katex .fontsize-ensurer.reset-size7.size2 {
  font-size: 0.5em;
}
.katex .sizing.reset-size7.size3,
.katex .fontsize-ensurer.reset-size7.size3 {
  font-size: 0.583333em;
}
.katex .sizing.reset-size7.size4,
.katex .fontsize-ensurer.reset-size7.size4 {
  font-size: 0.666667em;
}
.katex .sizing.reset-size7.size5,
.katex .fontsize-ensurer.reset-size7.size5 {
  font-size: 0.75em;
}
.katex .sizing.reset-size7.size6,
.katex .fontsize-ensurer.reset-size7.size6 {
  font-size: 0.833333em;
}
.katex .sizing.reset-size7.size7,
.katex .fontsize-ensurer.reset-size7.size7 {
  font-size: 1em;
}
.katex .sizing.reset-size7.size8,
.katex .fontsize-ensurer.reset-size7.size8 {
  font-size: 1.2em;
}
.katex .sizing.reset-size7.size9,
.katex .fontsize-ensurer.reset-size7.size9 {
  font-size: 1.44em;
}
.katex .sizing.reset-size7.size10,
.katex .fontsize-ensurer.reset-size7.size10 {
  font-size: 1.72833em;
}
.katex .sizing.reset-size7.size11,
.katex .fontsize-ensurer.reset-size7.size11 {
  font-size: 2.07333em;
}
.katex .sizing.reset-size8.size1,
.katex .fontsize-ensurer.reset-size8.size1 {
  font-size: 0.347222em;
}
.katex .sizing.reset-size8.size2,
.katex .fontsize-ensurer.reset-size8.size2 {
  font-size: 0.416667em;
}
.katex .sizing.reset-size8.size3,
.katex .fontsize-ensurer.reset-size8.size3 {
  font-size: 0.486111em;
}
.katex .sizing.reset-size8.size4,
.katex .fontsize-ensurer.reset-size8.size4 {
  font-size: 0.555556em;
}
.katex .sizing.reset-size8.size5,
.katex .fontsize-ensurer.reset-size8.size5 {
  font-size: 0.625em;
}
.katex .sizing.reset-size8.size6,
.katex .fontsize-ensurer.reset-size8.size6 {
  font-size: 0.694444em;
}
.katex .sizing.reset-size8.size7,
.katex .fontsize-ensurer.reset-size8.size7 {
  font-size: 0.833333em;
}
.katex .sizing.reset-size8.size8,
.katex .fontsize-ensurer.reset-size8.size8 {
  font-size: 1em;
}
.katex .sizing.reset-size8.size9,
.katex .fontsize-ensurer.reset-size8.size9 {
  font-size: 1.2em;
}
.katex .sizing.reset-size8.size10,
.katex .fontsize-ensurer.reset-size8.size10 {
  font-size: 1.44028em;
}
.katex .sizing.reset-size8.size11,
.katex .fontsize-ensurer.reset-size8.size11 {
  font-size: 1.72778em;
}
.katex .sizing.reset-size9.size1,
.katex .fontsize-ensurer.reset-size9.size1 {
  font-size: 0.289352em;
}
.katex .sizing.reset-size9.size2,
.katex .fontsize-ensurer.reset-size9.size2 {
  font-size: 0.347222em;
}
.katex .sizing.reset-size9.size3,
.katex .fontsize-ensurer.reset-size9.size3 {
  font-size: 0.405093em;
}
.katex .sizing.reset-size9.size4,
.katex .fontsize-ensurer.reset-size9.size4 {
  font-size: 0.462963em;
}
.katex .sizing.reset-size9.size5,
.katex .fontsize-ensurer.reset-size9.size5 {
  font-size: 0.520833em;
}
.katex .sizing.reset-size9.size6,
.katex .fontsize-ensurer.reset-size9.size6 {
  font-size: 0.578704em;
}
.katex .sizing.reset-size9.size7,
.katex .fontsize-ensurer.reset-size9.size7 {
  font-size: 0.694444em;
}
.katex .sizing.reset-size9.size8,
.katex .fontsize-ensurer.reset-size9.size8 {
  font-size: 0.833333em;
}
.katex .sizing.reset-size9.size9,
.katex .fontsize-ensurer.reset-size9.size9 {
  font-size: 1em;
}
.katex .sizing.reset-size9.size10,
.katex .fontsize-ensurer.reset-size9.size10 {
  font-size: 1.20023em;
}
.katex .sizing.reset-size9.size11,
.katex .fontsize-ensurer.reset-size9.size11 {
  font-size: 1.43981em;
}
.katex .sizing.reset-size10.size1,
.katex .fontsize-ensurer.reset-size10.size1 {
  font-size: 0.24108em;
}
.katex .sizing.reset-size10.size2,
.katex .fontsize-ensurer.reset-size10.size2 {
  font-size: 0.289296em;
}
.katex .sizing.reset-size10.size3,
.katex .fontsize-ensurer.reset-size10.size3 {
  font-size: 0.337512em;
}
.katex .sizing.reset-size10.size4,
.katex .fontsize-ensurer.reset-size10.size4 {
  font-size: 0.385728em;
}
.katex .sizing.reset-size10.size5,
.katex .fontsize-ensurer.reset-size10.size5 {
  font-size: 0.433944em;
}
.katex .sizing.reset-size10.size6,
.katex .fontsize-ensurer.reset-size10.size6 {
  font-size: 0.48216em;
}
.katex .sizing.reset-size10.size7,
.katex .fontsize-ensurer.reset-size10.size7 {
  font-size: 0.578592em;
}
.katex .sizing.reset-size10.size8,
.katex .fontsize-ensurer.reset-size10.size8 {
  font-size: 0.694311em;
}
.katex .sizing.reset-size10.size9,
.katex .fontsize-ensurer.reset-size10.size9 {
  font-size: 0.833173em;
}
.katex .sizing.reset-size10.size10,
.katex .fontsize-ensurer.reset-size10.size10 {
  font-size: 1em;
}
.katex .sizing.reset-size10.size11,
.katex .fontsize-ensurer.reset-size10.size11 {
  font-size: 1.19961em;
}
.katex .sizing.reset-size11.size1,
.katex .fontsize-ensurer.reset-size11.size1 {
  font-size: 0.200965em;
}
.katex .sizing.reset-size11.size2,
.katex .fontsize-ensurer.reset-size11.size2 {
  font-size: 0.241158em;
}
.katex .sizing.reset-size11.size3,
.katex .fontsize-ensurer.reset-size11.size3 {
  font-size: 0.281351em;
}
.katex .sizing.reset-size11.size4,
.katex .fontsize-ensurer.reset-size11.size4 {
  font-size: 0.321543em;
}
.katex .sizing.reset-size11.size5,
.katex .fontsize-ensurer.reset-size11.size5 {
  font-size: 0.361736em;
}
.katex .sizing.reset-size11.size6,
.katex .fontsize-ensurer.reset-size11.size6 {
  font-size: 0.401929em;
}
.katex .sizing.reset-size11.size7,
.katex .fontsize-ensurer.reset-size11.size7 {
  font-size: 0.482315em;
}
.katex .sizing.reset-size11.size8,
.katex .fontsize-ensurer.reset-size11.size8 {
  font-size: 0.578778em;
}
.katex .sizing.reset-size11.size9,
.katex .fontsize-ensurer.reset-size11.size9 {
  font-size: 0.694534em;
}
.katex .sizing.reset-size11.size10,
.katex .fontsize-ensurer.reset-size11.size10 {
  font-size: 0.833601em;
}
.katex .sizing.reset-size11.size11,
.katex .fontsize-ensurer.reset-size11.size11 {
  font-size: 1em;
}
.katex .delimsizing.size1 {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.size2 {
  font-family: KaTeX_Size2;
}
.katex .delimsizing.size3 {
  font-family: KaTeX_Size3;
}
.katex .delimsizing.size4 {
  font-family: KaTeX_Size4;
}
.katex .delimsizing.mult .delim-size1 > span {
  font-family: KaTeX_Size1;
}
.katex .delimsizing.mult .delim-size4 > span {
  font-family: KaTeX_Size4;
}
.katex .nulldelimiter {
  width: 0.12em;
  display: inline-block;
}
.katex .delimcenter,
.katex .op-symbol {
  position: relative;
}
.katex .op-symbol.small-op {
  font-family: KaTeX_Size1;
}
.katex .op-symbol.large-op {
  font-family: KaTeX_Size2;
}
.katex .op-limits > .vlist-t,
.katex .accent > .vlist-t {
  text-align: center;
}
.katex .accent .accent-body {
  position: relative;
}
.katex .accent .accent-body:not(.accent-full) {
  width: 0;
}
.katex .overlay {
  display: block;
}
.katex .mtable .vertical-separator {
  min-width: 1px;
  display: inline-block;
}
.katex .mtable .arraycolsep {
  display: inline-block;
}
.katex .mtable .col-align-c > .vlist-t {
  text-align: center;
}
.katex .mtable .col-align-l > .vlist-t {
  text-align: left;
}
.katex .mtable .col-align-r > .vlist-t {
  text-align: right;
}
.katex .svg-align {
  text-align: left;
}
.katex svg {
  width: 100%;
  height: inherit;
  fill: currentColor;
  stroke: currentColor;
  display: block;
  position: absolute;
}
.katex svg path {
  stroke: none;
}
.katex svg {
  fill-rule: nonzero;
  fill-opacity: 1;
  stroke-width: 1px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  stroke-opacity: 1;
}
.katex img {
  border-style: none;
  min-width: 0;
  max-width: none;
  min-height: 0;
  max-height: none;
}
.katex .stretchy {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.katex .stretchy:before,
.katex .stretchy:after {
  content: "";
}
.katex .hide-tail {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.katex .halfarrow-left {
  width: 50.2%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.katex .halfarrow-right {
  width: 50.2%;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.katex .brace-left {
  width: 25.1%;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.katex .brace-center {
  width: 50%;
  position: absolute;
  left: 25%;
  overflow: hidden;
}
.katex .brace-right {
  width: 25.1%;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.katex .x-arrow-pad {
  padding: 0 0.5em;
}
.katex .cd-arrow-pad {
  padding: 0 0.55556em 0 0.27778em;
}
.katex .x-arrow,
.katex .mover,
.katex .munder {
  text-align: center;
}
.katex .boxpad {
  padding: 0 0.3em;
}
.katex .fbox,
.katex .fcolorbox {
  box-sizing: border-box;
  border: 0.04em solid;
}
.katex .cancel-pad {
  padding: 0 0.2em;
}
.katex .cancel-lap {
  margin-left: -0.2em;
  margin-right: -0.2em;
}
.katex .sout {
  border-bottom-style: solid;
  border-bottom-width: 0.08em;
}
.katex .angl {
  box-sizing: border-box;
  border-top: 0.049em solid;
  border-right: 0.049em solid;
  margin-right: 0.03889em;
}
.katex .anglpad {
  padding: 0 0.03889em;
}
.katex .eqn-num:before {
  counter-increment: katexEqnNo;
  content: "(" counter(katexEqnNo) ")";
}
.katex .mml-eqn-num:before {
  counter-increment: mmlEqnNo;
  content: "(" counter(mmlEqnNo) ")";
}
.katex .mtr-glue {
  width: 50%;
}
.katex .cd-vert-arrow {
  display: inline-block;
  position: relative;
}
.katex .cd-label-left {
  text-align: left;
  display: inline-block;
  position: absolute;
  right: calc(50% + 0.3em);
}
.katex .cd-label-right {
  text-align: right;
  display: inline-block;
  position: absolute;
  left: calc(50% + 0.3em);
}
.katex-display {
  text-align: center;
  margin: 1em 0;
  display: block;
}
.katex-display > .katex {
  text-align: center;
  white-space: nowrap;
  display: block;
}
.katex-display > .katex > .katex-html {
  display: block;
  position: relative;
}
.katex-display > .katex > .katex-html > .tag {
  position: absolute;
  right: 0;
}
.katex-display.leqno > .katex > .katex-html > .tag {
  left: 0;
  right: auto;
}
.katex-display.fleqn > .katex {
  text-align: left;
  padding-left: 2em;
}
body {
  counter-reset: katexEqnNo mmlEqnNo;
}
@font-face {
  font-family: OpenAI Sans;
  src: url(./OpenAISans-Regular-c56711d328c4.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: OpenAI Sans;
  src: url(./OpenAISans-Medium-7b9c963f9063.woff2) format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
.chatgpt-theme {
  --color-text-secondary: var(--color-text-foreground-secondary);
  --color-text-primary-solid: var(--color-text-button-primary);
}
:root {
  --wb-text-primary: var(--color-text);
  --wb-text-secondary: var(--color-text-secondary);
  --wb-text-tertiary: var(--color-text-tertiary);
  --wb-surface-primary: var(--color-surface);
  --wb-surface-secondary: var(--color-surface-secondary);
  --wb-interactive-secondary-hover: var(--color-background-primary-ghost-hover);
  --wb-border: var(--color-border);
  --wb-border-hover: var(--color-border-strong);
  --wb-divider: var(--color-border-subtle);
  --wb-focus: var(--color-ring);
}
.learning-block-color-scope {
  --learning-block-color-blue: var(--color-chart-blue);
  --learning-block-color-green: var(--color-chart-green);
  --learning-block-color-yellow: var(--color-chart-yellow);
  --learning-block-color-orange: var(--color-chart-orange);
  --learning-block-color-purple: var(--color-chart-purple);
  --learning-block-color-pink: var(--color-chart-red);
  --learning-block-accent: var(--learning-block-color-blue);
  --learning-block-color-secondary: var(--learning-block-color-green);
  --learning-block-color-third: var(--learning-block-color-purple);
  --learning-block-color-fourth: var(--learning-block-color-yellow);
  --learning-block-color-primary: var(--learning-block-color-blue);
  --learning-block-color-companion: var(--learning-block-color-green);
  --learning-block-color-accent: var(--learning-block-accent);
  --learning-block-accent-surface: var(--learning-block-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  .learning-block-color-scope {
    --learning-block-accent-surface: color-mix(
      in srgb,
      var(--learning-block-accent) 18%,
      transparent
    );
  }
}
.learning-block-color-scope {
  --learning-block-tooltip-text: var(--color-text-info-solid);
  --learning-block-visualization-surface: var(--color-surface);
  --icon-accent: var(--learning-block-accent);
  --icon-tertiary: var(--color-text-tertiary);
  --icon-warning: var(--color-text-warning);
  --text-primary: var(--color-text);
  --text-secondary: var(--color-text-secondary);
  --text-tertiary: var(--color-text-tertiary);
  --text-error: var(--color-text-danger);
  --text-inverted-static: var(--color-text-inverse);
  --bg-primary: var(--color-surface);
  --bg-secondary: var(--color-surface-secondary);
  --bg-tertiary: var(--color-surface-tertiary);
  --bg-elevated-primary: var(--color-surface-elevated);
  --bg-elevated-secondary: var(--color-surface-elevated-secondary);
  --bg-tooltip: var(--color-surface-elevated);
  --constant-background: var(--color-surface-secondary);
  --main-surface-primary: var(--color-surface);
  --theme-user-selection-bg: var(--color-background-text-selection);
  --theme-attribution-highlight-bg: var(
    --color-background-attribution-highlight
  );
  --border-default: var(--color-border);
  --border-subtle: var(--color-border-subtle);
  --border-light: var(--color-border-subtle);
  --border-heavy: var(--color-border-strong);
}
:is(
  [data-codex-window-type="browser"],
  [data-codex-window-type="chrome-extension"],
  [data-codex-window-type="electron"]
) {
  --vscode-font-family: inherit;
  --vscode-font-weight: var(--font-weight-normal);
  --vscode-editor-font-family: inherit;
  --vscode-editor-font-weight: normal;
  --text-link-decoration: none;
  --vscode-foreground: var(--color-text-foreground);
  --vscode-disabledForeground: var(--color-text-foreground-tertiary);
  --vscode-errorForeground: var(--color-text-error);
  --vscode-descriptionForeground: var(--color-text-foreground-tertiary);
  --vscode-icon-foreground: var(--color-icon-primary);
  --vscode-focusBorder: var(--color-border-focus);
  --vscode-textLink-foreground: var(--color-text-accent);
  --vscode-textLink-activeForeground: var(--color-text-accent);
  --vscode-textSeparator-foreground: var(--color-text-foreground);
  --vscode-textPreformat-foreground: var(--color-text-foreground);
  --vscode-textPreformat-background: var(--color-background-elevated-secondary);
  --vscode-textBlockQuote-background: var(
    --color-background-elevated-secondary
  );
  --vscode-textBlockQuote-border: var(--color-border);
  --vscode-textCodeBlock-background: var(--color-background-button-secondary);
  --vscode-sash-hoverBorder: var(--color-border);
  --vscode-badge-background: var(--color-background-button-secondary);
  --vscode-badge-foreground: var(--color-text-foreground-secondary);
  --vscode-activityWarningBadge-foreground: var(--color-text-warning);
  --vscode-activityWarningBadge-background: var(
    --color-background-status-warning
  );
  --vscode-activityErrorBadge-foreground: var(--color-text-error);
  --vscode-activityErrorBadge-background: var(--color-background-danger-active);
  --vscode-scrollbar-shadow: var(--color-border-light);
  --vscode-scrollbarSlider-background: var(--color-border);
  --vscode-scrollbarSlider-hoverBackground: var(--color-border-heavy);
  --vscode-scrollbarSlider-activeBackground: var(--color-border-heavy);
  --vscode-progressBar-background: var(--color-background-accent-active);
  --vscode-chart-line: var(--color-text-foreground);
  --vscode-chart-axis: var(--color-text-foreground-tertiary);
  --vscode-chart-guide: var(--color-text-foreground-tertiary);
  --vscode-editor-background: var(--color-background-editor-opaque);
  --vscode-editor-foreground: var(--color-text-foreground);
  --vscode-editor-lineHighlightBackground: var(--color-text-foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(
    [data-codex-window-type="browser"],
    [data-codex-window-type="chrome-extension"],
    [data-codex-window-type="electron"]
  ) {
    --vscode-editor-lineHighlightBackground: color-mix(
      in srgb,
      var(--color-text-foreground) 4%,
      transparent
    );
  }
}
:is(
  [data-codex-window-type="browser"],
  [data-codex-window-type="chrome-extension"],
  [data-codex-window-type="electron"]
) {
  --vscode-editorStickyScroll-background: var(
    --color-background-elevated-secondary
  );
  --vscode-editorStickyScrollHover-background: var(
    --color-background-elevated-primary
  );
  --vscode-editorStickyScroll-shadow: var(--color-border-light);
  --vscode-editorWidget-background: var(--color-background-elevated-primary);
  --vscode-editorWidget-foreground: var(--color-text-foreground);
  --vscode-editorWidget-border: var(--color-border);
  --vscode-editorError-foreground: var(--color-text-error);
  --vscode-editorWarning-foreground: var(--color-text-warning);
  --vscode-editorInfo-foreground: var(--color-text-accent);
  --vscode-editorHint-foreground: var(--color-text-accent);
  --vscode-editorLink-activeForeground: var(--color-text-accent);
  --vscode-editor-selectionBackground: var(--color-text-accent);
}
@supports (color: color-mix(in lab, red, red)) {
  :is(
    [data-codex-window-type="browser"],
    [data-codex-window-type="chrome-extension"],
    [data-codex-window-type="electron"]
  ) {
    --vscode-editor-selectionBackground: color-mix(
      in srgb,
      var(--color-text-accent) 30%,
      transparent
    );
  }
}
:is(
  [data-codex-window-type="browser"],
  [data-codex-window-type="chrome-extension"],
  [data-codex-window-type="electron"]
) {
  --vscode-editor-inactiveSelectionBackground: var(
    --color-background-accent-hover
  );
  --vscode-editor-selectionHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-compositionBorder: var(--color-border);
  --vscode-editor-findMatchBackground: var(--color-background-accent-hover);
  --vscode-editor-findMatchHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-findRangeHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-hoverHighlightBackground: var(
    --color-background-accent-hover
  );
  --vscode-editorHoverWidget-background: var(
    --color-background-elevated-primary
  );
  --vscode-editorHoverWidget-foreground: var(--color-text-foreground);
  --vscode-editorHoverWidget-border: var(--color-border);
  --vscode-editorHoverWidget-statusBarBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-editorInlayHint-foreground: var(--color-text-accent);
  --vscode-editorInlayHint-background: var(--color-background-accent);
  --vscode-editorInlayHint-typeForeground: var(--color-text-accent);
  --vscode-editorInlayHint-typeBackground: var(--color-background-accent);
  --vscode-editorInlayHint-parameterForeground: var(--color-text-accent);
  --vscode-editorInlayHint-parameterBackground: var(--color-background-accent);
  --vscode-editorLightBulb-foreground: var(--color-text-accent);
  --vscode-editorLightBulbAutoFix-foreground: var(--color-text-accent);
  --vscode-editorLightBulbAi-foreground: var(--color-text-accent);
  --vscode-editor-snippetTabstopHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-snippetFinalTabstopHighlightBorder: var(--color-border-light);
  --vscode-diffEditor-insertedTextBackground: var(--color-editor-added);
  --vscode-diffEditor-removedTextBackground: var(--color-editor-deleted);
  --vscode-diffEditor-insertedLineBackground: var(--color-editor-added);
  --vscode-diffEditor-removedLineBackground: var(--color-editor-deleted);
  --vscode-diffEditor-diagonalFill: var(
    --color-background-button-tertiary-active
  );
  --vscode-diffEditor-unchangedRegionBackground: transparent;
  --vscode-diffEditor-unchangedRegionForeground: transparent;
  --vscode-diffEditor-unchangedCodeBackground: transparent;
  --vscode-widget-shadow: var(--color-border-light);
  --vscode-widget-border: var(--color-border);
  --vscode-toolbar-hoverBackground: var(
    --color-background-button-secondary-hover
  );
  --vscode-toolbar-activeBackground: var(
    --color-background-button-secondary-active
  );
  --vscode-breadcrumb-foreground: var(--color-text-foreground-tertiary);
  --vscode-breadcrumb-background: var(--color-background-elevated-secondary);
  --vscode-breadcrumb-focusForeground: var(--color-text-foreground-tertiary);
  --vscode-breadcrumb-activeSelectionForeground: var(--color-text-foreground);
  --vscode-breadcrumbPicker-background: var(
    --color-background-elevated-primary
  );
  --vscode-merge-currentHeaderBackground: var(
    --color-background-status-success
  );
  --vscode-merge-currentContentBackground: var(
    --color-background-status-success
  );
  --vscode-merge-incomingHeaderBackground: var(
    --color-background-accent-active
  );
  --vscode-merge-incomingContentBackground: var(--color-background-accent);
  --vscode-merge-commonHeaderBackground: var(
    --color-background-elevated-primary
  );
  --vscode-merge-commonContentBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-editorOverviewRuler-currentContentForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-incomingContentForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-commonContentForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-findMatchForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-selectionHighlightForeground: var(
    --color-text-foreground
  );
  --vscode-problemsErrorIcon-foreground: var(--color-icon-error);
  --vscode-problemsWarningIcon-foreground: var(--color-icon-warning);
  --vscode-problemsInfoIcon-foreground: var(--color-icon-accent);
  --vscode-minimap-findMatchHighlight: var(--color-text-accent);
  --vscode-minimap-selectionOccurrenceHighlight: var(--color-text-accent);
  --vscode-minimap-selectionHighlight: var(--color-text-accent);
  --vscode-minimap-infoHighlight: var(--color-text-accent);
  --vscode-minimap-warningHighlight: var(--color-text-accent);
  --vscode-minimap-errorHighlight: var(--color-text-accent);
  --vscode-minimap-foregroundOpacity: var(--color-text-foreground);
  --vscode-minimapSlider-background: var(--color-background-elevated-secondary);
  --vscode-minimapSlider-hoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-minimapSlider-activeBackground: var(
    --color-background-accent-active
  );
  --vscode-charts-foreground: var(--color-text-foreground);
  --vscode-charts-lines: var(--color-text-foreground);
  --vscode-charts-red: var(--color-accent-red);
  --vscode-charts-blue: var(--color-accent-blue);
  --vscode-charts-yellow: var(--color-accent-yellow);
  --vscode-charts-orange: var(--color-accent-orange);
  --vscode-charts-green: var(--color-accent-green);
  --vscode-charts-purple: var(--color-accent-purple);
  --vscode-input-background: var(--color-background-control);
  --vscode-input-foreground: var(--color-text-foreground);
  --vscode-input-border: var(--color-border-heavy);
  --vscode-inputOption-activeBorder: var(--color-border-heavy);
  --vscode-inputOption-hoverBackground: var(--color-background-control);
  --vscode-inputOption-activeBackground: var(--color-background-accent-hover);
  --vscode-inputOption-activeForeground: var(--color-text-foreground);
  --vscode-input-placeholderForeground: var(--color-text-foreground-tertiary);
  --vscode-inputValidation-infoBackground: var(--color-background-accent);
  --vscode-inputValidation-infoBorder: var(--color-border-focus);
  --vscode-inputValidation-warningBackground: var(
    --color-background-status-warning
  );
  --vscode-inputValidation-warningBorder: var(--color-border-warning);
  --vscode-inputValidation-errorBackground: var(
    --color-background-status-error
  );
  --vscode-inputValidation-errorBorder: var(--color-border-error);
  --vscode-dropdown-background: var(
    --color-background-control-opaque,
    var(--color-background-surface)
  );
  --vscode-dropdown-listBackground: var(--color-background-control);
  --vscode-dropdown-foreground: var(--color-text-foreground);
  --vscode-dropdown-border: var(--color-border);
  --vscode-button-foreground: var(--color-text-button-primary);
  --vscode-button-separator: var(--color-border-light);
  --vscode-button-background: var(--color-background-button-primary);
  --vscode-button-hoverBackground: var(--color-background-button-primary-hover);
  --vscode-button-border: var(--color-border);
  --vscode-button-secondaryForeground: var(--color-text-button-secondary);
  --vscode-button-secondaryBackground: var(--color-background-button-secondary);
  --vscode-button-secondaryHoverBackground: var(
    --color-background-button-secondary-hover
  );
  --vscode-radio-activeForeground: var(--color-text-foreground);
  --vscode-radio-activeBackground: var(--color-background-accent-active);
  --vscode-radio-activeBorder: var(--color-border-heavy);
  --vscode-radio-inactiveBorder: var(--color-border-heavy);
  --vscode-radio-inactiveHoverBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-checkbox-background: var(--color-background-elevated-primary);
  --vscode-checkbox-selectBackground: var(--color-background-elevated-primary);
  --vscode-checkbox-foreground: var(--color-text-foreground);
  --vscode-checkbox-border: var(--color-border);
  --vscode-checkbox-selectBorder: var(--color-border);
  --vscode-keybindingLabel-background: var(--color-background-button-secondary);
  --vscode-keybindingLabel-foreground: var(--color-text-foreground-tertiary);
  --vscode-keybindingLabel-border: var(--color-border);
  --vscode-keybindingLabel-bottomBorder: var(--color-border);
  --vscode-list-focusOutline: var(--color-border-focus);
  --vscode-list-focusAndSelectionOutline: var(--color-border-focus);
  --vscode-list-activeSelectionBackground: var(
    --color-background-button-secondary
  );
  --vscode-list-activeSelectionForeground: var(--color-text-foreground);
  --vscode-list-activeSelectionIconForeground: var(--color-icon-primary);
  --vscode-list-inactiveSelectionBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-list-hoverBackground: var(--color-background-button-secondary-hover);
  --vscode-list-dropBackground: var(--color-background-button-secondary-active);
  --vscode-list-dropBetweenBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-list-highlightForeground: var(--color-text-foreground);
  --vscode-list-focusHighlightForeground: var(--color-text-foreground);
  --vscode-list-invalidItemForeground: var(--color-text-error);
  --vscode-list-errorForeground: var(--color-text-error);
  --vscode-list-warningForeground: var(--color-text-warning);
  --vscode-listFilterWidget-background: var(--color-background-control);
  --vscode-listFilterWidget-outline: var(--color-border);
  --vscode-listFilterWidget-noMatchesOutline: var(--color-border);
  --vscode-listFilterWidget-shadow: var(--color-border-light);
  --vscode-list-filterMatchBackground: var(--color-background-accent-hover);
  --vscode-list-deemphasizedForeground: var(--color-text-foreground);
  --vscode-tree-indentGuidesStroke: var(--color-border-light);
  --vscode-tree-inactiveIndentGuidesStroke: var(--color-border-light);
  --vscode-tree-tableColumnsBorder: var(--color-border);
  --vscode-tree-tableOddRowsBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-editorActionList-background: var(
    --color-background-elevated-secondary
  );
  --vscode-editorActionList-foreground: var(--color-text-foreground);
  --vscode-editorActionList-focusForeground: var(--color-text-foreground);
  --vscode-editorActionList-focusBackground: var(
    --color-background-elevated-primary
  );
  --vscode-menu-border: var(--color-border);
  --vscode-menu-foreground: var(--color-text-foreground);
  --vscode-menu-background: var(--color-background-elevated-primary);
  --vscode-menu-selectionForeground: var(--color-text-button-primary);
  --vscode-menu-selectionBackground: var(--color-background-accent-active);
  --vscode-menu-separatorBackground: var(--color-border);
  --vscode-quickInput-background: var(--color-background-elevated-primary);
  --vscode-quickInput-foreground: var(--color-text-foreground);
  --vscode-quickInputTitle-background: var(--color-background-elevated-primary);
  --vscode-pickerGroup-foreground: var(--color-text-foreground);
  --vscode-pickerGroup-border: var(--color-border);
  --vscode-quickInputList-focusForeground: var(--color-text-foreground);
  --vscode-quickInputList-focusIconForeground: var(--color-icon-primary);
  --vscode-quickInputList-focusBackground: var(
    --color-background-elevated-primary
  );
  --vscode-search-resultsInfoForeground: var(--color-text-accent);
  --vscode-searchEditor-findMatchBackground: var(
    --color-background-elevated-primary
  );
  --vscode-editor-lineHighlightBorder: var(--color-border-light);
  --vscode-editor-rangeHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-symbolHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editorCursor-foreground: var(--color-text-foreground);
  --vscode-editorMultiCursor-primary\.foreground: var(--color-text-foreground);
  --vscode-editorMultiCursor-secondary\.foreground: var(
    --color-text-foreground-tertiary
  );
  --vscode-editorWhitespace-foreground: var(--color-text-foreground);
  --vscode-editorLineNumber-foreground: var(--color-text-foreground);
  --vscode-editorIndentGuide-background: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground: var(--color-background-accent);
  --vscode-editorIndentGuide-background1: var(--color-background-accent);
  --vscode-editorIndentGuide-background2: var(--color-background-accent);
  --vscode-editorIndentGuide-background3: var(--color-background-accent);
  --vscode-editorIndentGuide-background4: var(--color-background-accent);
  --vscode-editorIndentGuide-background5: var(--color-background-accent);
  --vscode-editorIndentGuide-background6: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground1: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground2: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground3: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground4: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground5: var(--color-background-accent);
  --vscode-editorIndentGuide-activeBackground6: var(--color-background-accent);
  --vscode-editorActiveLineNumber-foreground: var(--color-text-foreground);
  --vscode-editorLineNumber-activeForeground: var(--color-text-foreground);
  --vscode-editorRuler-foreground: var(--color-text-foreground);
  --vscode-editorCodeLens-foreground: var(--color-text-foreground-tertiary);
  --vscode-editorBracketMatch-background: var(--color-background-accent-hover);
  --vscode-editorBracketMatch-border: var(--color-border);
  --vscode-editorOverviewRuler-border: var(--color-border);
  --vscode-editorGutter-background: var(--color-background-surface);
  --vscode-editorUnnecessaryCode-opacity: var(--color-text-foreground);
  --vscode-editorGhostText-foreground: var(--color-text-foreground-tertiary);
  --vscode-editorOverviewRuler-rangeHighlightForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-errorForeground: var(--color-text-error);
  --vscode-editorOverviewRuler-warningForeground: var(--color-text-warning);
  --vscode-editorOverviewRuler-infoForeground: var(--color-text-accent);
  --vscode-editorBracketHighlight-foreground1: var(--color-text-foreground);
  --vscode-editorBracketHighlight-foreground2: var(--color-text-foreground);
  --vscode-editorBracketHighlight-foreground3: var(--color-text-foreground);
  --vscode-editorBracketHighlight-foreground4: var(--color-text-foreground);
  --vscode-editorBracketHighlight-foreground5: var(--color-text-foreground);
  --vscode-editorBracketHighlight-foreground6: var(--color-text-foreground);
  --vscode-editorBracketHighlight-unexpectedBracket\.foreground: var(
    --color-text-foreground
  );
  --vscode-editorBracketPairGuide-background1: var(--color-background-accent);
  --vscode-editorBracketPairGuide-background2: var(--color-background-accent);
  --vscode-editorBracketPairGuide-background3: var(--color-background-accent);
  --vscode-editorBracketPairGuide-background4: var(--color-background-accent);
  --vscode-editorBracketPairGuide-background5: var(--color-background-accent);
  --vscode-editorBracketPairGuide-background6: var(--color-background-accent);
  --vscode-editorBracketPairGuide-activeBackground1: var(
    --color-background-accent
  );
  --vscode-editorBracketPairGuide-activeBackground2: var(
    --color-background-accent
  );
  --vscode-editorBracketPairGuide-activeBackground3: var(
    --color-background-accent
  );
  --vscode-editorBracketPairGuide-activeBackground4: var(
    --color-background-accent
  );
  --vscode-editorBracketPairGuide-activeBackground5: var(
    --color-background-accent
  );
  --vscode-editorBracketPairGuide-activeBackground6: var(
    --color-background-accent
  );
  --vscode-editorUnicodeHighlight-border: var(--color-border-light);
  --vscode-diffEditor-move\.border: var(--color-border);
  --vscode-diffEditor-moveActive\.border: var(--color-border-heavy);
  --vscode-diffEditor-unchangedRegionShadow: var(--color-border-light);
  --vscode-editorOverviewRuler-bracketMatchForeground: var(
    --color-text-foreground
  );
  --vscode-actionBar-toggledBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-symbolIcon-arrayForeground: var(--color-accent-green);
  --vscode-symbolIcon-booleanForeground: var(--color-accent-green);
  --vscode-symbolIcon-classForeground: var(--color-accent-orange);
  --vscode-symbolIcon-colorForeground: var(--color-icon-primary);
  --vscode-symbolIcon-constantForeground: var(--color-icon-primary);
  --vscode-symbolIcon-constructorForeground: var(--color-accent-purple);
  --vscode-symbolIcon-enumeratorForeground: var(--color-accent-orange);
  --vscode-symbolIcon-enumeratorMemberForeground: var(--color-accent-orange);
  --vscode-symbolIcon-eventForeground: var(--color-accent-orange);
  --vscode-symbolIcon-fieldForeground: var(--color-accent-blue);
  --vscode-symbolIcon-fileForeground: var(--color-icon-primary);
  --vscode-symbolIcon-folderForeground: var(--color-icon-primary);
  --vscode-symbolIcon-functionForeground: var(--color-accent-purple);
  --vscode-symbolIcon-interfaceForeground: var(--color-accent-orange);
  --vscode-symbolIcon-keyForeground: var(--color-accent-blue);
  --vscode-symbolIcon-keywordForeground: var(--color-accent-blue);
  --vscode-symbolIcon-methodForeground: var(--color-accent-purple);
  --vscode-symbolIcon-moduleForeground: var(--color-accent-orange);
  --vscode-symbolIcon-namespaceForeground: var(--color-accent-orange);
  --vscode-symbolIcon-nullForeground: var(--color-icon-primary);
  --vscode-symbolIcon-numberForeground: var(--color-accent-green);
  --vscode-symbolIcon-objectForeground: var(--color-accent-orange);
  --vscode-symbolIcon-operatorForeground: var(--color-icon-primary);
  --vscode-symbolIcon-packageForeground: var(--color-accent-orange);
  --vscode-symbolIcon-propertyForeground: var(--color-accent-blue);
  --vscode-symbolIcon-referenceForeground: var(--color-accent-blue);
  --vscode-symbolIcon-snippetForeground: var(--color-icon-primary);
  --vscode-symbolIcon-stringForeground: var(--color-accent-green);
  --vscode-symbolIcon-structForeground: var(--color-accent-orange);
  --vscode-symbolIcon-textForeground: var(--color-icon-primary);
  --vscode-symbolIcon-typeParameterForeground: var(--color-icon-primary);
  --vscode-symbolIcon-unitForeground: var(--color-icon-primary);
  --vscode-symbolIcon-variableForeground: var(--color-accent-blue);
  --vscode-peekViewTitle-background: var(--color-background-elevated-primary);
  --vscode-peekViewTitleLabel-foreground: var(--color-text-foreground);
  --vscode-peekViewTitleDescription-foreground: var(
    --color-text-foreground-tertiary
  );
  --vscode-peekView-border: var(--color-border);
  --vscode-peekViewResult-background: var(--color-background-elevated-primary);
  --vscode-peekViewResult-lineForeground: var(--color-text-foreground);
  --vscode-peekViewResult-fileForeground: var(--color-text-foreground);
  --vscode-peekViewResult-selectionBackground: var(
    --color-background-accent-active
  );
  --vscode-peekViewResult-selectionForeground: var(--color-text-foreground);
  --vscode-peekViewEditor-background: var(--color-background-elevated-primary);
  --vscode-peekViewEditorGutter-background: var(
    --color-background-elevated-primary
  );
  --vscode-peekViewEditorStickyScroll-background: var(
    --color-background-elevated-primary
  );
  --vscode-peekViewResult-matchHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-peekViewEditor-matchHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-foldBackground: var(--color-background-elevated-secondary);
  --vscode-editor-foldPlaceholderForeground: var(
    --color-text-foreground-tertiary
  );
  --vscode-editorGutter-foldingControlForeground: var(--color-text-foreground);
  --vscode-editorSuggestWidget-background: var(
    --color-background-elevated-primary
  );
  --vscode-editorSuggestWidget-border: var(--color-border);
  --vscode-editorSuggestWidget-foreground: var(--color-text-foreground);
  --vscode-editorSuggestWidget-selectedForeground: var(--color-text-foreground);
  --vscode-editorSuggestWidget-selectedIconForeground: var(
    --color-icon-primary
  );
  --vscode-editorSuggestWidget-selectedBackground: var(
    --color-background-accent-active
  );
  --vscode-editorSuggestWidget-highlightForeground: var(
    --color-text-foreground
  );
  --vscode-editorSuggestWidget-focusHighlightForeground: var(
    --color-text-foreground
  );
  --vscode-editorSuggestWidgetStatus-foreground: var(--color-text-foreground);
  --vscode-inlineEdit-indicator\.foreground: var(--color-text-foreground);
  --vscode-inlineEdit-indicator\.background: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-indicator\.border: var(--color-border);
  --vscode-inlineEdit-originalBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-modifiedBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-originalChangedLineBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-originalChangedTextBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-modifiedChangedLineBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-modifiedChangedTextBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-inlineEdit-border: var(--color-border);
  --vscode-inlineChat-foreground: var(--color-text-foreground);
  --vscode-inlineChat-background: var(--color-background-elevated-primary);
  --vscode-inlineChat-border: var(--color-border);
  --vscode-inlineChat-shadow: var(--color-border-light);
  --vscode-inlineChatInput-border: var(--color-border);
  --vscode-inlineChatInput-focusBorder: var(--color-border-focus);
  --vscode-inlineChatInput-placeholderForeground: var(
    --color-text-foreground-tertiary
  );
  --vscode-inlineChatInput-background: var(--color-background-elevated-primary);
  --vscode-inlineChatDiff-inserted: var(--color-text-success);
  --vscode-editorOverviewRuler-inlineChatInserted: var(--color-editor-added);
  --vscode-inlineChatDiff-removed: var(--color-text-error);
  --vscode-editorOverviewRuler-inlineChatRemoved: var(--color-editor-deleted);
  --vscode-editor-wordHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-wordHighlightStrongBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-wordHighlightTextBackground: var(
    --color-background-accent-active
  );
  --vscode-editorOverviewRuler-wordHighlightForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-wordHighlightStrongForeground: var(
    --color-text-foreground
  );
  --vscode-editorOverviewRuler-wordHighlightTextForeground: var(
    --color-text-foreground
  );
  --vscode-tab-activeBackground: var(--color-background-elevated-primary);
  --vscode-tab-unfocusedActiveBackground: var(
    --color-background-elevated-primary
  );
  --vscode-tab-inactiveBackground: var(--color-background-elevated-secondary);
  --vscode-tab-unfocusedInactiveBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-tab-activeForeground: var(--color-text-foreground);
  --vscode-tab-inactiveForeground: var(--color-text-foreground-tertiary);
  --vscode-tab-unfocusedActiveForeground: var(--color-text-foreground);
  --vscode-tab-unfocusedInactiveForeground: var(
    --color-text-foreground-tertiary
  );
  --vscode-tab-hoverBackground: var(--color-background-elevated-primary);
  --vscode-tab-unfocusedHoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-tab-border: var(--color-border);
  --vscode-tab-lastPinnedBorder: var(--color-border);
  --vscode-tab-activeBorder: var(--color-border-heavy);
  --vscode-tab-unfocusedActiveBorder: var(--color-border-focus);
  --vscode-tab-activeBorderTop: var(--color-border-heavy);
  --vscode-tab-unfocusedActiveBorderTop: var(--color-border-focus);
  --vscode-tab-selectedBorderTop: var(--color-border);
  --vscode-tab-selectedBackground: var(--color-background-accent-active);
  --vscode-tab-selectedForeground: var(--color-text-foreground);
  --vscode-tab-dragAndDropBorder: var(--color-border);
  --vscode-tab-activeModifiedBorder: var(--color-border-heavy);
  --vscode-tab-inactiveModifiedBorder: var(--color-border-heavy);
  --vscode-tab-unfocusedActiveModifiedBorder: var(--color-border-focus);
  --vscode-tab-unfocusedInactiveModifiedBorder: var(--color-border-focus);
  --vscode-editorPane-background: var(--color-background-surface);
  --vscode-editorGroupHeader-tabsBackground: var(
    --color-background-elevated-primary
  );
  --vscode-editorGroupHeader-tabsBorder: var(--color-border);
  --vscode-editorGroupHeader-noTabsBackground: var(
    --color-background-elevated-primary
  );
  --vscode-editorGroup-border: var(--color-border);
  --vscode-editorGroup-dropBackground: var(--color-background-accent-active);
  --vscode-editorGroup-dropIntoPromptForeground: var(--color-text-foreground);
  --vscode-editorGroup-dropIntoPromptBackground: var(
    --color-background-accent-active
  );
  --vscode-sideBySideEditor-horizontalBorder: var(--color-border);
  --vscode-sideBySideEditor-verticalBorder: var(--color-border);
  --vscode-panel-background: var(--color-background-elevated-primary);
  --vscode-panel-border: var(--color-border);
  --vscode-panelTitle-activeForeground: var(--color-text-foreground);
  --vscode-panelTitle-inactiveForeground: var(--color-text-foreground-tertiary);
  --vscode-panelTitle-activeBorder: var(--color-border-heavy);
  --vscode-panelInput-border: var(--color-border);
  --vscode-panel-dropBorder: var(--color-border);
  --vscode-panelSection-dropBackground: var(--color-background-accent-active);
  --vscode-panelSectionHeader-background: var(
    --color-background-elevated-primary
  );
  --vscode-panelSection-border: var(--color-border);
  --vscode-panelStickyScroll-background: var(
    --color-background-elevated-primary
  );
  --vscode-panelStickyScroll-shadow: var(--color-border-light);
  --vscode-banner-background: var(--color-background-elevated-secondary);
  --vscode-banner-foreground: var(--color-text-foreground);
  --vscode-banner-iconForeground: var(--color-icon-primary);
  --vscode-statusBar-foreground: var(--color-text-foreground);
  --vscode-statusBar-noFolderForeground: var(--color-text-foreground);
  --vscode-statusBar-background: var(--color-background-surface);
  --vscode-statusBar-noFolderBackground: var(--color-background-surface);
  --vscode-statusBar-border: var(--color-border);
  --vscode-statusBar-focusBorder: var(--color-border-focus);
  --vscode-statusBar-noFolderBorder: var(--color-border);
  --vscode-statusBarItem-activeBackground: var(
    --color-background-button-secondary-active
  );
  --vscode-statusBarItem-focusBorder: var(--color-border-focus);
  --vscode-statusBarItem-hoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-statusBarItem-hoverForeground: var(--color-text-foreground);
  --vscode-statusBarItem-compactHoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-statusBarItem-prominentForeground: var(--color-text-foreground);
  --vscode-statusBarItem-prominentBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-statusBarItem-prominentHoverForeground: var(--color-text-foreground);
  --vscode-statusBarItem-prominentHoverBackground: var(
    --color-background-button-secondary-hover
  );
  --vscode-statusBarItem-errorBackground: var(--color-background-status-error);
  --vscode-statusBarItem-errorForeground: var(--color-text-error);
  --vscode-statusBarItem-errorHoverForeground: var(--color-text-error);
  --vscode-statusBarItem-errorHoverBackground: var(
    --color-background-status-error
  );
  --vscode-statusBarItem-warningBackground: var(
    --color-background-status-warning
  );
  --vscode-statusBarItem-warningForeground: var(--color-text-warning);
  --vscode-statusBarItem-warningHoverForeground: var(--color-text-warning);
  --vscode-statusBarItem-warningHoverBackground: var(
    --color-background-status-warning
  );
  --vscode-activityBar-background: var(--color-background-surface);
  --vscode-activityBar-foreground: var(--color-text-foreground);
  --vscode-activityBar-inactiveForeground: var(
    --color-text-foreground-tertiary
  );
  --vscode-activityBar-border: var(--color-border);
  --vscode-activityBar-activeBorder: var(--color-border-heavy);
  --vscode-activityBar-dropBorder: var(--color-border);
  --vscode-activityBarBadge-background: var(--color-background-accent-active);
  --vscode-activityBarBadge-foreground: var(--color-text-foreground);
  --vscode-activityBarTop-foreground: var(--color-text-foreground);
  --vscode-activityBarTop-activeBorder: var(--color-border-heavy);
  --vscode-activityBarTop-inactiveForeground: var(
    --color-text-foreground-tertiary
  );
  --vscode-activityBarTop-dropBorder: var(--color-border);
  --vscode-profileBadge-background: var(--color-background-elevated-secondary);
  --vscode-profileBadge-foreground: var(--color-text-foreground);
  --vscode-statusBarItem-remoteBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-statusBarItem-remoteForeground: var(--color-text-foreground);
  --vscode-statusBarItem-remoteHoverForeground: var(--color-text-foreground);
  --vscode-statusBarItem-remoteHoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-statusBarItem-offlineBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-statusBarItem-offlineForeground: var(--color-text-foreground);
  --vscode-statusBarItem-offlineHoverForeground: var(--color-text-foreground);
  --vscode-statusBarItem-offlineHoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-extensionBadge-remoteBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-extensionBadge-remoteForeground: var(--color-text-foreground);
  --vscode-sideBar-background: var(--color-background-surface-under);
  --vscode-sideBar-foreground: var(--color-text-foreground);
  --vscode-sideBar-border: var(--color-border);
  --vscode-sideBarTitle-background: var(--color-background-surface-under);
  --vscode-sideBarTitle-foreground: var(--color-text-foreground);
  --vscode-sideBar-dropBackground: var(--color-background-accent-active);
  --vscode-sideBarSectionHeader-background: var(
    --color-background-elevated-primary
  );
  --vscode-sideBarSectionHeader-foreground: var(--color-text-foreground);
  --vscode-sideBarSectionHeader-border: var(--color-border);
  --vscode-sideBarActivityBarTop-border: var(--color-border);
  --vscode-sideBarStickyScroll-background: var(
    --color-background-elevated-secondary
  );
  --vscode-sideBarStickyScroll-shadow: var(--color-border-light);
  --vscode-titleBar-activeForeground: var(--color-text-foreground);
  --vscode-titleBar-inactiveForeground: var(--color-text-foreground-tertiary);
  --vscode-titleBar-activeBackground: var(--color-background-surface);
  --vscode-titleBar-inactiveBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-titleBar-border: var(--color-border);
  --vscode-menubar-selectionForeground: var(--color-text-foreground);
  --vscode-menubar-selectionBackground: var(
    --color-background-primary-soft-alpha
  );
  --vscode-commandCenter-foreground: var(--color-text-foreground);
  --vscode-commandCenter-activeForeground: var(--color-text-foreground);
  --vscode-commandCenter-inactiveForeground: var(
    --color-text-foreground-tertiary
  );
  --vscode-commandCenter-background: var(--color-background-elevated-primary);
  --vscode-commandCenter-activeBackground: var(--color-background-accent-hover);
  --vscode-commandCenter-border: var(--color-border);
  --vscode-commandCenter-activeBorder: var(--color-border-heavy);
  --vscode-commandCenter-inactiveBorder: var(--color-border-heavy);
  --vscode-notificationCenter-border: var(--color-border);
  --vscode-notificationToast-border: var(--color-border);
  --vscode-notifications-foreground: var(--color-text-foreground);
  --vscode-notifications-background: var(--color-background-elevated-primary);
  --vscode-notificationLink-foreground: var(--color-text-accent);
  --vscode-notificationCenterHeader-foreground: var(--color-text-foreground);
  --vscode-notificationCenterHeader-background: var(
    --color-background-elevated-secondary
  );
  --vscode-notifications-border: var(--color-border);
  --vscode-notificationsErrorIcon-foreground: var(--color-icon-error);
  --vscode-notificationsWarningIcon-foreground: var(--color-icon-warning);
  --vscode-notificationsInfoIcon-foreground: var(--color-icon-accent);
  --vscode-extensionButton-background: var(--color-background-accent-active);
  --vscode-extensionButton-foreground: var(--color-text-foreground);
  --vscode-extensionButton-hoverBackground: var(
    --color-background-accent-hover
  );
  --vscode-extensionButton-separator: var(--color-border-light);
  --vscode-extensionButton-prominentBackground: var(
    --color-background-accent-active
  );
  --vscode-extensionButton-prominentForeground: var(--color-text-foreground);
  --vscode-extensionButton-prominentHoverBackground: var(
    --color-background-accent-hover
  );
  --vscode-editorGutter-modifiedBackground: var(
    --color-background-status-warning
  );
  --vscode-editorGutter-addedBackground: var(--color-background-status-success);
  --vscode-editorGutter-deletedBackground: var(--color-background-status-error);
  --vscode-minimapGutter-modifiedBackground: var(
    --color-background-status-warning
  );
  --vscode-minimapGutter-addedBackground: var(
    --color-background-status-success
  );
  --vscode-minimapGutter-deletedBackground: var(
    --color-background-status-error
  );
  --vscode-editorOverviewRuler-modifiedForeground: var(--color-text-foreground);
  --vscode-editorOverviewRuler-addedForeground: var(--color-text-success);
  --vscode-editorOverviewRuler-deletedForeground: var(--color-text-foreground);
  --vscode-chat-requestBorder: var(--color-border);
  --vscode-chat-requestBackground: var(--color-background-elevated-primary);
  --vscode-chat-slashCommandBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-chat-slashCommandForeground: var(--color-text-foreground);
  --vscode-chat-avatarBackground: var(--color-background-elevated-secondary);
  --vscode-chat-avatarForeground: var(--color-text-foreground);
  --vscode-chat-editedFileForeground: var(--color-text-foreground);
  --vscode-terminal-background: var(--color-background-surface);
  --vscode-terminal-foreground: var(--color-text-foreground);
  --vscode-terminalCursor-foreground: var(--color-text-foreground);
  --vscode-terminal-selectionBackground: var(--color-simple-scrim);
  --vscode-terminal-inactiveSelectionBackground: var(--color-simple-scrim);
  --vscode-terminalCommandDecoration-defaultBackground: var(
    --color-decoration-unchanged
  );
  --vscode-terminalCommandDecoration-successBackground: var(
    --color-decoration-unchanged
  );
  --vscode-terminalCommandDecoration-errorBackground: var(
    --color-decoration-unchanged
  );
  --vscode-terminalOverviewRuler-cursorForeground: var(--color-text-foreground);
  --vscode-terminal-border: var(--color-border);
  --vscode-terminalOverviewRuler-border: var(--color-border);
  --vscode-terminal-findMatchBackground: var(--color-background-accent-hover);
  --vscode-terminal-hoverHighlightBackground: var(
    --color-background-accent-hover
  );
  --vscode-terminal-findMatchHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-terminalOverviewRuler-findMatchForeground: var(
    --color-text-foreground
  );
  --vscode-terminal-dropBackground: var(--color-background-accent-active);
  --vscode-terminal-tab\.activeBorder: var(--color-border-heavy);
  --vscode-terminal-initialHintForeground: var(--color-text-accent);
  --vscode-editorMarkerNavigationError-background: var(
    --color-background-status-error
  );
  --vscode-editorMarkerNavigationError-headerBackground: var(
    --color-background-status-error
  );
  --vscode-editorMarkerNavigationWarning-background: var(
    --color-background-status-warning
  );
  --vscode-editorMarkerNavigationWarning-headerBackground: var(
    --color-background-status-warning
  );
  --vscode-editorMarkerNavigationInfo-background: var(
    --color-background-accent
  );
  --vscode-editorMarkerNavigationInfo-headerBackground: var(
    --color-background-accent
  );
  --vscode-editorMarkerNavigation-background: var(
    --color-background-accent-active
  );
  --vscode-editor-linkedEditingBackground: var(
    --color-background-accent-active
  );
  --vscode-editorHoverWidget-highlightForeground: var(--color-text-foreground);
  --vscode-editor-placeholder\.foreground: var(
    --color-text-foreground-tertiary
  );
  --vscode-scmGraph-historyItemRefColor: var(--color-text-foreground);
  --vscode-scmGraph-historyItemRemoteRefColor: var(--color-text-foreground);
  --vscode-scmGraph-historyItemBaseRefColor: var(--color-text-foreground);
  --vscode-scmGraph-historyItemHoverDefaultLabelForeground: var(
    --color-text-accent
  );
  --vscode-scmGraph-historyItemHoverDefaultLabelBackground: var(
    --color-background-accent
  );
  --vscode-scmGraph-historyItemHoverLabelForeground: var(
    --color-text-foreground
  );
  --vscode-scmGraph-historyItemHoverAdditionsForeground: var(
    --color-text-foreground
  );
  --vscode-scmGraph-historyItemHoverDeletionsForeground: var(
    --color-text-foreground
  );
  --vscode-scmGraph-foreground1: var(--color-text-foreground);
  --vscode-scmGraph-foreground2: var(--color-text-foreground);
  --vscode-scmGraph-foreground3: var(--color-text-foreground);
  --vscode-scmGraph-foreground4: var(--color-text-foreground);
  --vscode-scmGraph-foreground5: var(--color-text-foreground);
  --vscode-commentsView-resolvedIcon: var(--color-icon-success);
  --vscode-commentsView-unresolvedIcon: var(--color-icon-success);
  --vscode-editorCommentsWidget-replyInputBackground: var(
    --color-background-elevated-primary
  );
  --vscode-editorCommentsWidget-resolvedBorder: var(--color-border);
  --vscode-editorCommentsWidget-unresolvedBorder: var(--color-border);
  --vscode-editorCommentsWidget-rangeBackground: var(
    --color-background-elevated-primary
  );
  --vscode-editorCommentsWidget-rangeActiveBackground: var(
    --color-background-accent-active
  );
  --vscode-editorGutter-commentRangeForeground: var(--color-text-foreground);
  --vscode-editorOverviewRuler-commentForeground: var(--color-text-foreground);
  --vscode-editorOverviewRuler-commentUnresolvedForeground: var(
    --color-text-success
  );
  --vscode-editorGutter-commentGlyphForeground: var(--color-text-foreground);
  --vscode-editorGutter-commentUnresolvedGlyphForeground: var(
    --color-text-success
  );
  --vscode-ports-iconRunningProcessForeground: var(--color-icon-primary);
  --vscode-simpleFindWidget-sashBorder: var(--color-border);
  --vscode-settings-headerForeground: var(--color-text-foreground);
  --vscode-settings-settingsHeaderHoverForeground: var(--color-text-foreground);
  --vscode-settings-modifiedItemIndicator: var(--color-accent-orange);
  --vscode-settings-headerBorder: var(--color-border);
  --vscode-settings-sashBorder: var(--color-border);
  --vscode-settings-dropdownBackground: var(
    --color-background-elevated-primary-opaque
  );
  --vscode-settings-dropdownForeground: var(--color-text-foreground);
  --vscode-settings-dropdownBorder: var(--color-border);
  --vscode-settings-dropdownListBorder: var(--color-border);
  --vscode-settings-checkboxBackground: var(
    --color-background-elevated-primary
  );
  --vscode-settings-checkboxForeground: var(--color-text-foreground);
  --vscode-settings-checkboxBorder: var(--color-border);
  --vscode-settings-textInputBackground: var(
    --color-background-elevated-primary
  );
  --vscode-settings-textInputForeground: var(--color-text-foreground);
  --vscode-settings-textInputBorder: var(--color-border);
  --vscode-settings-numberInputBackground: var(
    --color-background-elevated-primary
  );
  --vscode-settings-numberInputForeground: var(--color-text-foreground);
  --vscode-settings-numberInputBorder: var(--color-border);
  --vscode-settings-focusedRowBackground: var(
    --color-background-elevated-primary
  );
  --vscode-settings-rowHoverBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-settings-focusedRowBorder: var(--color-border-focus);
  --vscode-keybindingTable-headerBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-keybindingTable-rowsBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-debugToolBar-background: var(--color-background-elevated-primary);
  --vscode-debugIcon-startForeground: var(--color-icon-primary);
  --vscode-notebook-cellBorderColor: var(--color-border);
  --vscode-notebook-focusedEditorBorder: var(--color-border-focus);
  --vscode-notebookStatusSuccessIcon-foreground: var(--color-icon-success);
  --vscode-notebookEditorOverviewRuler-runningCellForeground: var(
    --color-text-foreground
  );
  --vscode-notebookStatusErrorIcon-foreground: var(--color-icon-error);
  --vscode-notebookStatusRunningIcon-foreground: var(--color-icon-primary);
  --vscode-notebook-cellToolbarSeparator: var(--color-border-light);
  --vscode-notebook-selectedCellBackground: var(
    --color-background-accent-active
  );
  --vscode-notebook-selectedCellBorder: var(--color-border);
  --vscode-notebook-focusedCellBorder: var(--color-border-focus);
  --vscode-notebook-inactiveFocusedCellBorder: var(--color-border-focus);
  --vscode-notebook-cellStatusBarItemHoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-notebook-cellInsertionIndicator: var(--color-accent-blue);
  --vscode-notebookScrollbarSlider-background: var(
    --color-background-elevated-secondary
  );
  --vscode-notebookScrollbarSlider-hoverBackground: var(
    --color-background-elevated-primary
  );
  --vscode-notebookScrollbarSlider-activeBackground: var(
    --color-background-accent-active
  );
  --vscode-notebook-symbolHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-notebook-cellEditorBackground: var(
    --color-background-elevated-primary
  );
  --vscode-notebook-editorBackground: var(--color-background-surface);
  --vscode-debugIcon-breakpointForeground: var(--color-icon-error);
  --vscode-debugIcon-breakpointDisabledForeground: var(--color-icon-error);
  --vscode-debugIcon-breakpointUnverifiedForeground: var(--color-icon-error);
  --vscode-debugIcon-breakpointCurrentStackframeForeground: var(
    --color-icon-error
  );
  --vscode-debugIcon-breakpointStackframeForeground: var(--color-icon-error);
  --vscode-editor-stackFrameHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-editor-focusedStackFrameHighlightBackground: var(
    --color-background-accent-active
  );
  --vscode-multiDiffEditor-headerBackground: var(
    --color-background-elevated-primary
  );
  --vscode-multiDiffEditor-background: var(--color-background-surface);
  --vscode-multiDiffEditor-border: var(--color-border);
  --vscode-interactive-activeCodeBorder: var(--color-border-heavy);
  --vscode-interactive-inactiveCodeBorder: var(--color-border-heavy);
  --vscode-testing-iconFailed: var(--color-icon-error);
  --vscode-testing-iconErrored: var(--color-icon-error);
  --vscode-testing-iconPassed: var(--color-icon-success);
  --vscode-testing-runAction: var(--color-icon-success);
  --vscode-testing-iconQueued: var(--color-icon-accent);
  --vscode-testing-iconUnset: var(--color-icon-tertiary);
  --vscode-testing-iconSkipped: var(--color-icon-tertiary);
  --vscode-testing-peekBorder: var(--color-border);
  --vscode-testing-messagePeekBorder: var(--color-border);
  --vscode-testing-peekHeaderBackground: var(
    --color-background-elevated-primary
  );
  --vscode-testing-messagePeekHeaderBackground: var(
    --color-background-elevated-primary
  );
  --vscode-testing-coveredBackground: var(--color-background-status-success);
  --vscode-testing-coveredBorder: var(--color-border);
  --vscode-testing-coveredGutterBackground: var(
    --color-background-status-success
  );
  --vscode-testing-uncoveredBranchBackground: var(
    --color-background-status-success
  );
  --vscode-testing-uncoveredBackground: var(--color-background-status-success);
  --vscode-testing-uncoveredBorder: var(--color-border);
  --vscode-testing-uncoveredGutterBackground: var(
    --color-background-status-success
  );
  --vscode-testing-coverCountBadgeBackground: var(
    --color-background-status-success
  );
  --vscode-testing-coverCountBadgeForeground: var(--color-text-success);
  --vscode-testing-message\.error\.badgeBackground: var(
    --color-background-danger-active
  );
  --vscode-testing-message\.error\.badgeBorder: var(--color-border-error);
  --vscode-testing-message\.error\.badgeForeground: var(--color-text-error);
  --vscode-testing-message\.info\.decorationForeground: var(
    --color-decoration-unchanged
  );
  --vscode-testing-iconErrored\.retired: var(--color-icon-error);
  --vscode-testing-iconFailed\.retired: var(--color-icon-error);
  --vscode-testing-iconPassed\.retired: var(--color-icon-success);
  --vscode-testing-iconQueued\.retired: var(--color-icon-accent);
  --vscode-testing-iconUnset\.retired: var(--color-icon-secondary);
  --vscode-testing-iconSkipped\.retired: var(--color-icon-secondary);
  --vscode-searchEditor-textInputBorder: var(--color-border);
  --vscode-debugExceptionWidget-border: var(--color-border-error);
  --vscode-debugExceptionWidget-background: var(
    --color-background-status-error
  );
  --vscode-editor-inlineValuesForeground: var(--color-text-foreground);
  --vscode-editor-inlineValuesBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-statusBar-debuggingBackground: var(--color-background-accent-active);
  --vscode-statusBar-debuggingForeground: var(--color-text-foreground);
  --vscode-statusBar-debuggingBorder: var(--color-border);
  --vscode-commandCenter-debuggingBackground: var(
    --color-background-accent-active
  );
  --vscode-debugTokenExpression-name: var(--color-accent-purple);
  --vscode-debugTokenExpression-type: var(--color-accent-blue);
  --vscode-debugTokenExpression-value: var(--color-text-foreground-tertiary);
  --vscode-debugTokenExpression-string: var(--color-accent-red);
  --vscode-debugTokenExpression-boolean: var(--color-accent-blue);
  --vscode-debugTokenExpression-number: var(--color-accent-green);
  --vscode-debugTokenExpression-error: var(--color-text-error);
  --vscode-debugView-exceptionLabelForeground: var(--color-text-error);
  --vscode-debugView-exceptionLabelBackground: var(
    --color-background-status-error
  );
  --vscode-debugView-stateLabelForeground: var(--color-text-foreground);
  --vscode-debugView-stateLabelBackground: var(
    --color-background-elevated-secondary
  );
  --vscode-debugView-valueChangedHighlight: var(--color-text-accent);
  --vscode-debugConsole-infoForeground: var(--color-text-accent);
  --vscode-debugConsole-warningForeground: var(--color-text-warning);
  --vscode-debugConsole-errorForeground: var(--color-text-error);
  --vscode-debugConsole-sourceForeground: var(--color-text-foreground);
  --vscode-debugConsoleInputIcon-foreground: var(--color-icon-primary);
  --vscode-debugIcon-pauseForeground: var(--color-icon-primary);
  --vscode-debugIcon-stopForeground: var(--color-icon-primary);
  --vscode-debugIcon-disconnectForeground: var(--color-icon-primary);
  --vscode-debugIcon-restartForeground: var(--color-icon-primary);
  --vscode-debugIcon-stepOverForeground: var(--color-icon-primary);
  --vscode-debugIcon-stepIntoForeground: var(--color-icon-primary);
  --vscode-debugIcon-stepOutForeground: var(--color-icon-primary);
  --vscode-debugIcon-continueForeground: var(--color-icon-primary);
  --vscode-debugIcon-stepBackForeground: var(--color-icon-primary);
  --vscode-mergeEditor-change\.background: var(
    --color-background-status-warning
  );
  --vscode-mergeEditor-change\.word\.background: var(
    --color-background-status-warning
  );
  --vscode-mergeEditor-changeBase\.background: var(
    --color-background-status-warning
  );
  --vscode-mergeEditor-changeBase\.word\.background: var(
    --color-background-status-warning
  );
  --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: var(
    --color-border-focus
  );
  --vscode-mergeEditor-conflict\.unhandledFocused\.border: var(
    --color-border-focus
  );
  --vscode-mergeEditor-conflict\.handledUnfocused\.border: var(
    --color-border-focus
  );
  --vscode-mergeEditor-conflict\.handledFocused\.border: var(
    --color-border-focus
  );
  --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: var(
    --color-background-status-success
  );
  --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: var(
    --color-background-status-warning
  );
  --vscode-mergeEditor-conflictingLines\.background: var(
    --color-background-status-error
  );
  --vscode-mergeEditor-conflict\.input1\.background: var(
    --color-background-elevated-primary
  );
  --vscode-mergeEditor-conflict\.input2\.background: var(
    --color-background-elevated-primary
  );
  --vscode-extensionIcon-starForeground: var(--color-icon-primary);
  --vscode-extensionIcon-verifiedForeground: var(--color-icon-primary);
  --vscode-extensionIcon-preReleaseForeground: var(--color-icon-primary);
  --vscode-extensionIcon-sponsorForeground: var(--color-icon-primary);
  --vscode-terminal-ansiBlack: var(--color-text-foreground-tertiary);
  --vscode-terminal-ansiRed: var(--color-accent-red);
  --vscode-terminal-ansiGreen: var(--color-accent-green);
  --vscode-terminal-ansiYellow: var(--color-accent-yellow);
  --vscode-terminal-ansiBlue: var(--color-accent-blue);
  --vscode-terminal-ansiMagenta: var(--color-accent-purple);
  --vscode-terminal-ansiCyan: var(--color-accent-blue);
  --vscode-terminal-ansiWhite: var(--color-text-foreground);
  --vscode-terminal-ansiBrightBlack: var(--color-text-foreground-secondary);
  --vscode-terminal-ansiBrightRed: var(--color-accent-red);
  --vscode-terminal-ansiBrightGreen: var(--color-accent-green);
  --vscode-terminal-ansiBrightYellow: var(--color-accent-yellow);
  --vscode-terminal-ansiBrightBlue: var(--color-accent-blue);
  --vscode-terminal-ansiBrightMagenta: var(--color-accent-purple);
  --vscode-terminal-ansiBrightCyan: var(--color-accent-blue);
  --vscode-terminal-ansiBrightWhite: var(--color-text-foreground);
  --vscode-terminalStickyScrollHover-background: var(
    --color-background-elevated-primary
  );
  --vscode-terminalCommandGuide-foreground: var(--color-text-accent);
  --vscode-walkThrough-embeddedEditorBackground: var(
    --color-background-elevated-primary
  );
  --vscode-profiles-sashBorder: var(--color-border);
  --vscode-gitDecoration-addedResourceForeground: var(--color-decoration-added);
  --vscode-gitDecoration-modifiedResourceForeground: var(
    --color-decoration-modified
  );
  --vscode-gitDecoration-deletedResourceForeground: var(
    --color-decoration-deleted
  );
  --vscode-gitDecoration-renamedResourceForeground: var(
    --color-decoration-modified
  );
  --vscode-gitDecoration-untrackedResourceForeground: var(
    --color-decoration-added
  );
  --vscode-gitDecoration-ignoredResourceForeground: var(
    --color-decoration-modified
  );
  --vscode-gitDecoration-stageModifiedResourceForeground: var(
    --color-decoration-modified
  );
  --vscode-gitDecoration-stageDeletedResourceForeground: var(
    --color-decoration-modified
  );
  --vscode-gitDecoration-conflictingResourceForeground: var(
    --color-decoration-unchanged
  );
  --vscode-gitDecoration-submoduleResourceForeground: var(
    --color-decoration-modified
  );
  --vscode-git-blame\.editorDecorationForeground: var(
    --color-decoration-unchanged
  );
}
[data-codex-window-type="chrome-extension"] {
  --vscode-font-size: var(--text-base);
  --vscode-editor-font-size: var(--text-sm);
  --vscode-chat-font-size: var(--vscode-font-size);
  --vscode-chat-editor-font-size: var(--vscode-editor-font-size);
  --codex-chat-font-size: var(--vscode-chat-font-size);
  --codex-chat-code-font-size: var(--vscode-chat-editor-font-size);
}
:is(
  [data-codex-window-type="browser"],
  [data-codex-window-type="chrome-extension"]
) {
  --text-sm: 13px;
  --text-xs: 12px;
  background-color: var(--color-background-surface-under);
}
[data-codex-window-type="browser"] {
  --color-text-execution-output: var(--lightningcss-light, var(--black))
    var(--lightningcss-dark, var(--white));
  --color-text-execution-output-label: #b4b4b4;
  --color-text-execution-output-error: var(--red-500);
  --color-background-execution-output: var(--lightningcss-light, var(--gray-50))
    var(--lightningcss-dark, var(--black));
  --font-sans-default:
    -apple-system-body, ui-sans-serif, -apple-system, system-ui, "Segoe UI",
    "Helvetica", "Apple Color Emoji", "Arial", sans-serif, "Segoe UI Emoji",
    "Segoe UI Symbol";
  --vscode-font-family: var(--font-sans-default);
  --text-4xl: 2.25rem;
  --text-3xl: 1.875rem;
  --text-2xl: 1.5rem;
  --text-xl: 1.25rem;
  --text-lg: 1.125rem;
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --display-icon-compact: none;
  --display-icon-leading: contents;
  --icon-leading-size: calc(var(--spacing) * 5);
  --icon-leading-artwork-size: calc(
    var(--icon-leading-size) - var(--spacing) / 8
  );
  --icon-secondary-size: calc(var(--spacing) * 4);
  --icon-disclosure-size: calc(var(--spacing) * 3);
  --icon-primary-action-size: calc(var(--spacing) * 5);
  --menu-gutter: calc(var(--spacing) * 2.5);
  --menu-item-padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);
  --menu-separator-gutter: calc(var(--spacing) * 2);
  --height-composer-plugins-menu: 350px;
  --menu-item-height: calc(var(--spacing) * 9);
}
@media (pointer: coarse) {
  [data-codex-window-type="browser"] {
    --menu-item-height: calc(var(--spacing) * 10);
  }
}
[data-codex-window-type="browser"] {
  --spacing-menu-row-content: calc(var(--spacing) * 3);
  --spacing-suggestion-menu-leading: var(--spacing-menu-row-content);
  --radius-suggestion-menu: calc(var(--spacing) * 5);
  --suggestion-menu-gutter: calc(var(--spacing) * 2);
  --suggestion-menu-item-padding: calc(var(--spacing) * 1.5)
    calc(var(--spacing) * 2);
  --suggestion-menu-item-radius: calc(
    var(--radius-suggestion-menu) - var(--suggestion-menu-gutter)
  );
  --opacity-menu-row: 1;
  --height-toolbar: calc(var(--spacing) * 13);
  --spacing-token-button-composer: calc(var(--spacing) * 9);
  --spacing-home-suggestion-row: calc(var(--spacing) * 12);
  --padding-composer-control-inline: calc(var(--spacing) * 3.5)
    calc(var(--spacing) * 3);
  --text-composer-control: var(--text-base);
  --line-height-composer-control: calc(
    var(--text-composer-control) * var(--leading-relaxed)
  );
  --radius-xs-base: 0.125rem;
  --radius-sm-base: 0.25rem;
  --radius-md-base: 0.375rem;
  --radius-lg-base: 0.5rem;
  --radius-3xl-base: 1.5rem;
  --radius-4xl-base: 2rem;
}
[data-codex-window-type="electron"] {
  --text-sm: 13px;
  --text-xs: 12px;
  --font-weight-medium: 500;
  --vscode-font-weight: 430;
  background: 0 0;
  overflow: hidden;
}
:is(
    [data-codex-window-type="browser"],
    [data-codex-window-type="chrome-extension"],
    [data-codex-window-type="electron"]
  )
  body {
  --padding-row-y: calc(var(--spacing) * 1.25);
  --height-token-nav-row: calc(
    var(--text-base) * 1.5 + var(--padding-row-y) * 2
  );
  --padding-panel-base: calc(var(--spacing) * 5);
  --padding-panel: var(--padding-panel-base);
  --thread-content-max-width: 48rem;
  --composer-adjacent-max-width: calc(
    var(--thread-content-max-width) + var(--composer-inline-overhang) +
      var(--composer-inline-overhang) - var(--home-composer-inline-inset) -
      var(--home-composer-inline-inset)
  );
  --markdown-wide-block-max-width: 56rem;
  --color-background-primary-soft-alpha: var(
    --color-background-elevated-secondary
  );
  --vscode-editor-font-family:
    ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;
  --vscode-font-size: var(--text-base);
  --vscode-editor-font-size: var(--text-sm);
  --vscode-chat-font-size: var(--vscode-font-size);
  --vscode-chat-editor-font-size: var(--vscode-editor-font-size);
  --spacing-token-button-composer-sm: calc(var(--spacing) * 7);
  --text-heading-md: 18px;
}
[data-codex-window-type="browser"] body {
  --line-height-composer: calc(
    var(--codex-chat-font-size) * var(--leading-relaxed)
  );
  --min-height-composer: var(--line-height-composer);
}
@media (width>=40rem) {
  [data-codex-window-type="browser"] body {
    --min-rows-composer-work-home: 2;
  }
}
[data-codex-window-type="browser"] body {
  --padding-composer-input: calc(var(--spacing) * 3.75)
    calc(var(--spacing) * 4.5) calc(var(--spacing) * 4);
  --spacing-composer-input-footer: 0;
  --padding-composer-empty-attachments: 0;
  --spacing-composer-footer-bottom: calc(var(--spacing) * 2.25);
  --opacity-composer-placeholder: 1;
  --spacing-composer-single-line-controls: calc(var(--spacing) * 1.75);
  --padding-composer-single-line-footer-block: calc(var(--spacing) * 2);
  --thread-body-max-width: calc(
    var(--thread-content-max-width) + var(--padding-toolbar) * 2
  );
}
:is(
    [data-codex-window-type="browser"],
    [data-codex-window-type="chrome-extension"]
  )
  body {
  background-color: var(--color-background-surface-under);
  --text-heading-md: 20px;
}
[data-codex-window-type="electron"] body {
  --cursor-interaction: default;
  overscroll-behavior: none;
  overflow: hidden;
}
[data-codex-window-type="electron"][data-codex-history-swipe-navigation] body {
  overscroll-behavior-x: auto;
  overscroll-behavior-y: none;
}
[data-codex-window-type="electron"]:not(
    [data-codex-window-chrome="application-menu"]
  )
  body {
  background: 0 0;
}
[data-codex-window-type="electron"]:not(
    [data-codex-window-chrome="application-menu"]
  )
  :is(
    [data-app-shell-unified-tab-strip="true"],
    .app-shell-left-panel:not(
      [data-app-shell-left-panel-appearance="content-surface"]
    )
  ) {
  background: var(--color-surface-tertiary);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-codex-window-type="electron"]:not(
      [data-codex-window-chrome="application-menu"]
    )
    :is(
      [data-app-shell-unified-tab-strip="true"],
      .app-shell-left-panel:not(
        [data-app-shell-left-panel-appearance="content-surface"]
      )
    ) {
    background: color-mix(
      in srgb,
      var(--color-surface-tertiary) 70%,
      transparent
    );
  }
}
[data-codex-window-type="electron"]:not(
    [data-codex-window-chrome="application-menu"]
  )
  :is(
    [data-app-shell-unified-tab-strip="true"],
    .app-shell-left-panel:not(
      [data-app-shell-left-panel-appearance="content-surface"]
    )
  ) {
  overflow: visible;
}
[data-codex-window-type="electron"]:not(
    [data-codex-window-chrome="application-menu"]
  )
  [data-app-shell-unified-tab-strip="true"]
  .app-shell-left-panel:not(
    [data-app-shell-left-panel-appearance="content-surface"]
  ) {
  background: 0 0;
}
[data-codex-window-type="electron"]:not(
    [data-codex-window-chrome="application-menu"]
  )
  .app-shell-left-panel:not(
    [data-app-shell-left-panel-appearance="content-surface"]
  ):after {
  inset: 0 calc(-1 * var(--radius-2xl)) 0 auto;
  width: var(--radius-2xl);
  background: inherit;
  content: "";
  pointer-events: none;
  position: absolute;
}
[data-codex-window-type="electron"].electron-opaque {
  background-color: var(--color-background-surface-under);
  background-image: none;
}
[data-codex-window-type="electron"].electron-opaque body {
  background-color: var(--color-background-surface-under);
  --color-background-elevated-primary: var(
    --color-background-elevated-primary-opaque
  );
  background-image: none;
}
[data-codex-window-type="electron"] .blend {
  mix-blend-mode: normal;
}
[data-codex-window-type="electron"]
  [data-app-shell-tabs="true"]:has(
    [data-browser-sidebar-chrome-expanded="true"]
  )
  [data-app-shell-tab-strip-controller] {
  -webkit-app-region: no-drag;
}
[data-codex-window-type="electron"].compact-window body,
[data-codex-window-type="electron"].compact-window {
  background: 0 0;
}
:root {
  --elevation-stroke: 0 0 0 0.5px var(--color-border-strong);
  --elevation-prominent:
    var(--elevation-stroke), 0 3px 7.5px #0000000a, 0 0 20px #0000000d;
  --elevation-sidebar:
    var(--elevation-stroke), 0 3px 7.5px #00000008, 0 0 16px #00000005;
  --elevation-composer:
    0 0 0 1px #0000000a, 0 2px 8px 0 #0000000a, 0 4px 80px 8px #00000006;
  --elevation-composer-dark: inset 0 0 1px 0 #fff3;
}
@media not all and (width>=40rem) {
  :root {
    --elevation-composer:
      0 0 0 1px #0000000a, 0 2px 8px 0 #0000000a, 0 4px 40px 8px #00000006;
  }
}
:root {
  --codex-window-zoom: 1;
  --max-app-overlay-z-index: 2147480000;
  --padding-row-y: calc(var(--spacing) * 1);
  --height-token-nav-row: calc(
    var(--text-base) * 1.5 + var(--padding-row-y) * 2
  );
  --height-token-row: var(--height-token-nav-row);
  --radius-token-row: 9999px;
  --padding-panel-base: calc(var(--spacing) * 3);
  --padding-panel: var(--padding-panel-base);
  --padding-toolbar: calc(var(--spacing) * 4);
  --composer-inline-overhang: calc(var(--spacing) * 6);
  --home-composer-inline-inset: calc(var(--spacing) * 3.25);
  --composer-adjacent-max-width: 100%;
  --line-height-composer: calc(var(--spacing) * 5);
  --min-height-composer: calc(var(--spacing) * 11);
  --min-rows-composer-work-home: 1;
  --padding-composer-input: 0 calc(var(--spacing) * 3);
  --spacing-composer-input-footer: var(--spacing);
  --padding-composer-empty-attachments: calc(var(--spacing) * 2)
    calc(var(--spacing) * 2) calc(var(--spacing) * 1.5);
  --spacing-composer-footer-bottom: calc(var(--spacing) * 2);
  --opacity-composer-placeholder: 0.5;
  --spacing-composer-single-line-controls: calc(var(--spacing) * 1.25);
  --padding-composer-single-line-footer-block: var(--spacing);
  --composer-suggestion-inline-inset: calc(
    var(--padding-toolbar) + var(--home-composer-inline-inset)
  );
  --inset-toolbar: var(--height-toolbar);
  --safe-area-left: 0px;
  --safe-area-right: 0px;
  --codex-chat-font-size: var(
    --vscode-chat-font-size,
    var(--vscode-font-size, 13px)
  );
  --codex-chat-code-font-size: var(
    --vscode-chat-editor-font-size,
    var(--vscode-editor-font-size, 12px)
  );
  --conversation-item-gap: 16px;
  --conversation-grouped-item-gap: 4px;
  --diffs-font-family: var(--font-mono);
  --diffs-font-size: var(--vscode-editor-font-size, 12px);
  --diffs-line-height: calc(var(--diffs-font-size, 12px) * 1.8);
  --diffs-deletion-color-override: var(--color-codex-git-deleted);
  --diffs-addition-color-override: var(--color-codex-git-added);
  --diffs-gap-block: 0;
  --diffs-min-number-column-width: 4ch;
}
:root[data-codex-window-type="extension"] {
  --color-background-surface: var(--color-surface-tertiary);
  --color-background-surface-under: var(--color-surface-secondary);
  --diffs-font-size: calc(var(--codex-chat-code-font-size) - 1px);
  --text-heading-md: 16px;
}
@supports (corner-shape: superellipse(1.5)) {
  :root {
    --codex-corner-radius-scale: 1.25;
    --codex-corner-shape: superellipse(1.5);
    --corner-radius-scale: var(--codex-corner-radius-scale);
    --radius-md: calc(var(--radius-md-base) * var(--corner-radius-scale));
    --radius-lg: calc(var(--radius-lg-base) * var(--corner-radius-scale));
    --radius-xl: calc(var(--radius-xl-base) * var(--corner-radius-scale));
    --radius-2xl: calc(var(--radius-2xl-base) * var(--corner-radius-scale));
    --radius-3xl: calc(var(--radius-3xl-base) * var(--corner-radius-scale));
    --radius-4xl: calc(var(--radius-4xl-base) * var(--corner-radius-scale));
  }
  :root[data-codex-window-type="browser"] {
    --codex-corner-radius-scale: 1;
    --codex-corner-shape: round;
  }
  .rounded-md,
  .rounded-lg,
  .rounded-xl,
  .rounded-2xl,
  .rounded-3xl,
  .rounded-4xl {
    corner-shape: var(--codex-corner-shape);
  }
}
body {
  color: var(--color-text);
  font-family: var(--vscode-font-family);
  font-weight: var(--vscode-font-weight);
  background-color: #0000;
  height: 100vh;
  padding: 0;
}
#root {
  height: 100vh;
}
code {
  color: unset !important;
  background-color: unset !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
code,
pre {
  font-family: var(--font-mono);
}
:root[data-hide-header-divider="true"] .app-header-divider {
  display: none;
}
.vscode-markdown code,
.vscode-markdown pre {
  font-family: var(--vscode-editor-font-family);
  font-size: var(--vscode-editor-font-size);
  font-weight: var(--vscode-editor-font-weight);
}
@keyframes loading-shimmer {
  0% {
    background-position: -100% 0;
  }
  to {
    background-position: 250% 0;
  }
}
:root {
  caret-color: var(--color-codex-editor-cursor);
}
::selection {
  background-color: var(--color-background-text-selection);
  color: var(--color-text);
}
@property --top-fade {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --bottom-fade {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --edge-fade-distance {
  syntax: "<length>";
  inherits: false;
  initial-value: 1rem;
}
@property --left-fade {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --right-fade {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@keyframes edge-fade {
  0%,
  1% {
    --top-fade: 0;
    --bottom-fade: var(--edge-fade-distance, 1rem);
  }
  99%,
  to {
    --top-fade: var(--edge-fade-distance, 1rem);
    --bottom-fade: 0;
  }
}
@keyframes edge-fade-top {
  0%,
  1% {
    --top-fade: var(--edge-fade-distance, 1rem);
    --bottom-fade: var(--edge-fade-distance, 1rem);
  }
  99%,
  to {
    --top-fade: var(--edge-fade-distance, 1rem);
    --bottom-fade: 0;
  }
}
@keyframes edge-fade-bottom {
  0%,
  1% {
    --top-fade: 0;
    --bottom-fade: var(--edge-fade-distance, 1rem);
  }
  99%,
  to {
    --top-fade: 0;
    --bottom-fade: 0;
  }
}
@keyframes edge-fade-horizontal {
  0% {
    --left-fade: 0;
    --right-fade: var(--edge-fade-distance, 1rem);
  }
  .1%,
  99.9% {
    --left-fade: var(--edge-fade-distance, 1rem);
    --right-fade: var(--edge-fade-distance, 1rem);
  }
  to {
    --left-fade: var(--edge-fade-distance, 1rem);
    --right-fade: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes shake {
    0%,
    to {
      transform: translate(0) rotate(0);
    }
    12% {
      transform: translate(6px) rotate(0.75deg);
    }
    26% {
      transform: translate(-12px) rotate(-1.5deg);
    }
    40% {
      transform: translate(16px) rotate(2deg);
    }
    54% {
      transform: translate(-16px) rotate(-2deg);
    }
    68% {
      transform: translate(12px) rotate(1.5deg);
    }
    82% {
      transform: translate(-6px) rotate(-0.75deg);
    }
  }
}
@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-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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@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-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-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-contain-size {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-layout {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-paint {
  syntax: "*";
  inherits: false;
}
@property --tw-contain-style {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes token-pulsing-dot {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
}
[cmdk-dialog],
[cmdk-dialog]:focus-visible {
  outline: none;
}
.command-menu-dialog {
  --command-menu-list-max-height: min(
    300px,
    max(120px, calc(90vh / var(--codex-window-zoom, 1) - 64px))
  );
  --command-menu-max-height: calc(var(--command-menu-list-max-height) + 64px);
  top: max(
    calc(var(--spacing) * 4 / var(--codex-window-zoom, 1)),
    calc(
      (100vh / var(--codex-window-zoom, 1) - var(--command-menu-max-height)) / 2
    )
  );
  width: min(520px, calc(92vw / var(--codex-window-zoom, 1)));
  zoom: var(--codex-window-zoom, 1);
}
.global-command-menu-dialog {
  --command-menu-list-max-height: min(
    440px,
    max(120px, calc(90vh / var(--codex-window-zoom, 1) - 64px))
  );
}
[cmdk-root],
[data-cmdk-root] {
  gap: var(--spacing);
  background-color: var(--color-surface-elevated-secondary);
  background-color: color-mix(
    in oklab,
    var(--color-surface-elevated-secondary) 95%,
    transparent
  );
  min-width: 100%;
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-3xl);
  padding: var(--spacing);
  font-size: var(--text-sm);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-user-select: none;
  user-select: none;
  z-index: 1000;
  opacity: 1;
  flex-direction: column;
  display: flex;
  transform: translateZ(0);
}
.command-menu-dialog [cmdk-root],
.command-menu-dialog [data-cmdk-root] {
  box-shadow: var(--shadow-2xl);
  background-color: var(--color-surface-elevated-secondary);
  border-radius: var(--radius-2xl);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  max-height: var(--command-menu-max-height);
  border-color: #0000;
  overflow: hidden;
}
.electron-dark .command-menu-dialog [cmdk-root],
.electron-dark .command-menu-dialog [data-cmdk-root],
.dark .command-menu-dialog [cmdk-root],
.dark .command-menu-dialog [data-cmdk-root] {
  border-color: var(--color-border);
}
[cmdk-item] {
  content-visibility: auto;
  border-radius: var(--radius-lg);
  width: 100%;
  cursor: var(--cursor-interaction);
  color: var(--color-text);
  padding: var(--padding-row-y) var(--padding-row-x);
  min-height: calc(var(--spacing) * 6);
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.75;
  outline: none;
  flex-direction: row;
  align-items: center;
  display: flex;
}
[cmdk-item][aria-disabled="true"],
[cmdk-item][data-disabled="true"] {
  cursor: default;
  opacity: 0.25;
}
[cmdk-item]:hover:not([aria-disabled="true"]),
[cmdk-item][data-selected="true"],
[cmdk-item][aria-selected="true"],
[cmdk-item]:focus-visible,
[cmdk-item]:active:not([aria-disabled="true"]) {
  background-color: var(--color-background-primary-ghost-hover);
  opacity: 1;
}
[cmdk-item][data-command-menu-loading="true"],
[cmdk-item][data-command-menu-loading="true"]:hover,
[cmdk-item][data-command-menu-loading="true"][data-selected="true"],
[cmdk-item][data-command-menu-loading="true"][aria-selected="true"],
[cmdk-item][data-command-menu-loading="true"]:focus-visible,
[cmdk-item][data-command-menu-loading="true"]:active {
  cursor: default;
  opacity: 0.6;
  background-color: #0000;
}
[cmdk-item][data-command-menu-empty-state="true"],
[cmdk-item][data-command-menu-empty-state="true"]:hover,
[cmdk-item][data-command-menu-empty-state="true"][data-selected="true"],
[cmdk-item][data-command-menu-empty-state="true"][aria-selected="true"],
[cmdk-item][data-command-menu-empty-state="true"]:focus-visible,
[cmdk-item][data-command-menu-empty-state="true"]:active {
  cursor: default;
  opacity: 1;
  background-color: #0000;
}
[cmdk-list] {
  max-height: min(300px, var(--cmdk-list-height, 300px));
  scrollbar-width: none;
  overscroll-behavior: contain;
  gap: var(--spacing);
  min-height: 0;
  transition: max-height var(--transition-duration-basic) ease;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}
[cmdk-list]:focus-visible {
  outline: none;
}
.command-menu-dialog [cmdk-list] {
  max-height: var(--command-menu-list-max-height);
  scroll-padding-block-start: calc(var(--spacing) * 8);
}
.composer-home-top-menu [cmdk-list] {
  max-height: none;
}
.composer-home-top-menu {
  max-height: min(320px, var(--composer-top-menu-max-height, 320px));
  overflow: hidden;
}
[cmdk-input] {
  padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);
}
[cmdk-input]:focus-visible {
  outline: none;
}
[cmdk-empty],
[data-cmdk-empty] {
  padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);
  min-height: calc(var(--spacing) * 8);
  color: var(--color-codex-description);
  white-space: pre-wrap;
  text-align: center;
  align-items: center;
  line-height: 1.4;
  display: flex;
}
[cmdk-root]:has([data-command-menu-loading="true"]) [cmdk-empty] {
  display: none;
}
[data-codex-window-type="electron"] [cmdk-root],
[data-codex-window-type="electron"] [data-cmdk-root] {
  font-size: var(--text-base);
}