@tabula/ui-ai-chat/lib/index.css

Allows to embed UI for conversation with AI assistant

/* vanilla-extract-css-ns:src/UiAiChat/UiAiChat.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9haV9jaGF0X19kc2h1NTgwIHsKICAgIGNvbnRhaW5lci1uYW1lOiB0YWJ1bGFfdWlfYWlfY2hhdF9fdnBjN3FrMDsKICAgIGNvbnRhaW5lci10eXBlOiBpbmxpbmUtc2l6ZTsKICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgaGVpZ2h0OiAxMDAlOwogICAgb3ZlcmZsb3cteTogYXV0bzsKICB9CiAgLnRhYnVsYV91aV9haV9jaGF0X19kc2h1NTgxIHsKICAgIGZsZXgtZ3JvdzogMTsKICB9CiAgLnRhYnVsYV91aV9haV9jaGF0X19kc2h1NTgyIHsKICAgIG1hcmdpbi1ib3R0b206IDhweDsKICB9Cn0= */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__dshu580 {
    container-name: tabula_ui_ai_chat__vpc7qk0;
    container-type: inline-size;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
  }
  .tabula_ui_ai_chat__dshu581 {
    flex-grow: 1;
  }
  .tabula_ui_ai_chat__dshu582 {
    margin-bottom: 8px;
  }
}

/* vanilla-extract-css-ns:src/Conversation/Conversation.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Ty27jMAy85yt4WSABrIUS9AGol/yJwciMw0aWtDKdNrvIvxeynawWLdpDL3vSeEjKQ3K0dXimBLJzStnQxeDJS/+02H7Iw58FwE/B3eCwHrhGru0Bpa67++cUH/QYB4jYNOxbA+uH+Po0UuFEae/CizobwEHCxHbYHxV32JIBx54wqTZhw+RlKQEkxAp2Du1xPlbVd9Mkoe8jJvICek4fZd6w1j9Whbqef9PUyBiqSmjR2WWGoEZ6NfJFcQw9CwdvwJIXSuBoL9X1I3F7kAp2QSR0M1kUJ4qEYsCHGebY5dMFrOcFHChfbW5yPq/aXNd2U5vIofCJJjUN99Hh2cDe0bzOjFTDiezcXnBD56fY89AL78/KBi/kZSpT5Ju5N/bqI33bnI/ss+veKz1F+/jrqGGZy1+4kYOBR63zzCfxX7vyf7fbP4a739xcVsDScJkuDXf5YgybYgyv1xGu1/ru+kRzILXsDejiiRavWU9SpuPvTy+LyxtgP0aGRgQAAA== */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__m5jrp60 {
    padding: 16px;
    overflow-y: auto;
    mask-image:
      linear-gradient(
        to top,
        black,
        black),
      linear-gradient(
        to top,
        black,
        black),
      linear-gradient(
        to top,
        transparent 0,
        black 16px,
        black 100%);
    mask-size:
      16px 100%,
      16px 100%,
      calc(100% - 16px) 100%;
    mask-position:
      center left,
      center right,
      bottom center;
    mask-repeat: no-repeat;
  }
  .tabula_ui_ai_chat__m5jrp61 {
    height: 100%;
  }
  .tabula_ui_ai_chat__m5jrp62 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
  }
  @container tabula_ui_ai_chat__vpc7qk0 (min-width: 700px) {
    .tabula_ui_ai_chat__m5jrp60 {
      mask-image:
        linear-gradient(
          to top,
          black,
          black),
        linear-gradient(
          to top,
          black,
          black),
        linear-gradient(
          to top,
          transparent 0,
          black 16px,
          black 100%);
      mask-size:
        52px 100%,
        52px 100%,
        calc(100% - 52px) 100%;
    }
    .tabula_ui_ai_chat__m5jrp62 {
      max-width: 1104px;
      margin: 0 auto;
      padding: 0 52px 0 52px;
    }
  }
}

/* vanilla-extract-css-ns:src/RequestView/RequestView.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VSQY7bMAy87yt0KZAcWMhJ0G2VS35i0LJsC5FFVaJjL4r8vYittOu2QL03e8gZUsO5OHwzUXDlADT1gbzxnM4vl3/i4seLEJ8Zq8FhOdgSbak75LIs2NqKv8m5QYjapuDwTYnGmek8Q48vqG00mi15JTS5ofdLrcWgRPElzK33/4xQnninHCYG3VlX7/PMHmNrPVTETP1muWLNdqZhJY6HTdxD5gZKdnlUNA7Z3swG8jGTG/KsxA3jDmB2+wEkgIQ+QTLRNgC9qe3QQ3FaqvvFNWeYTYQUUFvffkBjTcxqbCYGjuhTQ7H/gNqauH937TbSqERxzgZPMNqaOyU0Or0rpPwkQBRfw5Q5dDOxcTTCGB95qKLBK4wU6w1unv4Mnif/6woXTZ7R+kee/1a4Bf36/SrFrrf+ueGrlGF6BmvD2PcZwCqRG9icc4UpKCGff0vA4JjTudq5cqSvTzRvcjj9buyMbTteY5ocxdW1ZiQBoNbGM0AhZTb4Pvtx/wn+4eym8wMAAA== */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__1tiibt90 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .tabula_ui_ai_chat__1tiibt90:not(:last-child) {
    margin-bottom: 16px;
  }
  .tabula_ui_ai_chat__1tiibt91 {
    margin-left: 32px;
  }
  .tabula_ui_ai_chat__1tiibt92 {
    position: relative;
  }
  .tabula_ui_ai_chat__1tiibt93 {
    font: var(--tbl--fonts--sans-serif--medium-14--font);
    letter-spacing: var(--tbl--fonts--sans-serif--medium-14--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--medium-14--text-transform);
    flex-grow: 1;
    max-width: calc(100% - 18px);
    overflow-wrap: break-word;
  }
  .tabula_ui_ai_chat__1tiibt94 {
    display: none;
  }
  @container tabula_ui_ai_chat__vpc7qk0 (min-width: 700px) {
    .tabula_ui_ai_chat__1tiibt94 {
      position: absolute;
      top: 0;
      left: -36px;
      display: block;
      width: 24px;
      height: 24px;
      color: var(--tbl--colors--accent--100);
    }
  }
}

/* vanilla-extract-css-ns:src/AnswerView/AnswerView.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61W227bMAx971fosQHGIfbSbVBeui8JFIm2tcmSQVFNsqH/PvjW2m3SOt2eLJDm8eEhTereqROS4L0D0KFugkfPcXtzf9Yu/twI8ZnVPjm1S3an7E5Xine7LL/Ls6+/190LQujgAknxoOgWYMBwgWL79IyeARqnNFbBGaTV9kaIx7eRswE5PCAVLhzgKEXUFJxbEJwPwcbGxqmTFIXD47YztScwllCzDV62zFPte9/BGq6kKCyPtHv7PpBBkiJrjiIGZ825RD0mJuUAfmTr1TQOSBmbohRZ3gwkxqSkqKwx6BelJA8VEt5y9UmwWQ0ZLqLGau8QYKCj0bk4Z6iDc6qJ2MnRnRYx4mpgUQTPs+q3hggQlY8QkWwBELG2sA/OQJb3LwwcHDIjQWyUtr68DmYeOwAyHhmYlI9FoPo6wHnsANgoYzpq3/sCvi+MeUeYOvjQkkYAwjI5RdercgHjg5JcQHtbj01zFNl6qSgVKiOYZGEpMujKOvNWUwOHRgof/MJmJOnUItx9YA71FdBzsBn/GbDDgj8OO2E/QyVbVsthv1wefaVqnlpYiFpRaX0v8kvjqFC+WVTbzRVjoEZjU/1vM2CC8R8GwATtbLcvWCIUDr3jZ4psi9O4PqTQ6BmpdypnSw+WsY5zR4V9iUe5J3/YerI1Xs/6jmqj6MWmOrNx9kr/Kikkb85u6efl9W3IeslGJ1srOo0BiWIb0QT7nNmhsoxddbDt4AOppnek2FYNHepJa4s+IduLOvm0SaRaI0DR/iSQraZeVNH6EiCy8kaRaZkFkzTbB1xy1djIIugUxwtHYmc9QuSTQ9kLvZ15LkvztE49U+i6TacI+WoeH4oiIkuxXsStai8L40RYWsXhCvIuuOpEuhr9bvW6XM/z6fEv/DzscmQKAAA= */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__125216z0 {
    color: var(--tbl--colors--content--placeholder);
  }
  .tabula_ui_ai_chat__125216z1 {
    overflow-x: scroll;
  }
  .tabula_ui_ai_chat__125216z2 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    border: 1px solid var(--tbl--colors--neutral--A10);
    border-radius: 12px;
    overflow: hidden;
  }
  .tabula_ui_ai_chat__125216z2 :where(th, td) {
    border: 1px solid var(--tbl--colors--table--border-cells);
    border-collapse: collapse;
  }
  .tabula_ui_ai_chat__125216z2 th {
    font: var(--tbl--fonts--sans-serif--semi-bold-12--font);
    letter-spacing: var(--tbl--fonts--sans-serif--semi-bold-12--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--semi-bold-12--text-transform);
    padding: 8px;
  }
  .tabula_ui_ai_chat__125216z2 td {
    font: var(--tbl--fonts--monospace--regular-12--font);
    letter-spacing: var(--tbl--fonts--monospace--regular-12--letter-spacing);
    text-transform: var(--tbl--fonts--monospace--regular-12--text-transform);
    padding: 4px 10px;
  }
  .tabula_ui_ai_chat__125216z2 thead tr:first-child :where(th, td) {
    border-top: none;
  }
  .tabula_ui_ai_chat__125216z2 tr:last-child :where(th, td) {
    border-bottom: none;
  }
  .tabula_ui_ai_chat__125216z2 :where(th, td):first-child {
    border-left: none;
  }
  .tabula_ui_ai_chat__125216z2 :where(th, td):last-child {
    border-right: none;
  }
  .tabula_ui_ai_chat__125216z3 {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    margin-bottom: 24px;
  }
  .tabula_ui_ai_chat__125216z4 {
    font: var(--tbl--fonts--sans-serif--medium-12--font);
    letter-spacing: var(--tbl--fonts--sans-serif--medium-12--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--medium-12--text-transform);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: var(--tbl--colors--neutral--A7);
    color: var(--tbl--colors--content--primary);
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    transition: var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
  }
  .tabula_ui_ai_chat__125216z4:focus {
    outline-style: solid;
    outline-color: var(--tbl--colors--border-control--focus-2);
    outline-offset: 0;
  }
  .tabula_ui_ai_chat__125216z4:hover {
    background: var(--tbl--colors--neutral--A10);
  }
  .tabula_ui_ai_chat__125216z4:active {
    background: var(--tbl--colors--neutral--A15);
    transition: none;
  }
}

/* vanilla-extract-css-ns:src/PromptView/PromptView.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUy47bMAy871foUqB7YBGn25f3sn8SMBIdq6uIhkjlgcX+e2FbeRjdJlkUPfRmkZoRyRnzKeCektFlALC87jhSVHm8e3ozbl7ujPmkuMwBF9kv0C9si7pY7EL3/KOthrwxDUetzQbTR4CBoQ8IgGAUEEq+AViT83kN1cOYvX8ckIFUKYF0aH1cvYNjCixsSjsFTRil4bR+B9sUWNg6Fq+eY20SBVS/oRJH54Ziv3c7U33tdmN4yclRgoTOZ6lNNT8m0D6vEufowHLgNKlriAjA2SWwHDVxEHCk6IOUev4M7gEUFaBLfo1pXwDb1isNI6LadIlgm7DrU68XVZ0XVU/941I4ZC39K3e1+XboLvlVq2fnrXfa1mb+cAi0NN44RY4DnI1n56ULuK9NE6hc6b/A+US2KMDbMfEzi/pmf2i5NpaiUhqTGPwqgldayzQxalObyJFuVusf6qSU1J+EsjlJD+nYn2qeqBf5oJ0xWXrjUyCr5x0N9i2Cnb3tcsI+CNCgKEB1f54lFB9XAKIYHSbXW4hdtr3bS3Hc/2K6P6rFWYOPBEXo2XVDVXXLG0o3WO74VvXmW0WkK/atG7ZZDoyFQXQfqDbCwbsp94V/cvRIkbnfITYLzO+neG4aIb1pEPMyiJdbfSJkuddlNMo1chxku519ui3O/XNw1eUXP/+2KP7LRXm5yYfSZLFgNZt9uA76UkB/tdmGmxTdld22wm6Y8FjV6y9of5Ud4QcAAA== */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__xlpk9h1 {
    font: var(--tbl--fonts--sans-serif--medium-14--font);
    letter-spacing: var(--tbl--fonts--sans-serif--medium-14--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--medium-14--text-transform);
    position: relative;
    padding: 8px 16px;
    border-radius: 12px;
    background-color: var(--tbl--colors--background--controls-details);
    color: var(--tbl--colors--content--primary);
    white-space: pre-wrap;
  }
  .tabula_ui_ai_chat__xlpk9h2 {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 12px;
    background: var(--tbl--colors--background--controls-details);
    color: var(--tbl--colors--content--tertiary);
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    transition: var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
    opacity: 0;
    outline-width: 0;
  }
  .tabula_ui_ai_chat__xlpk9h1:hover .tabula_ui_ai_chat__xlpk9h2 {
    opacity: 1;
    outline-width: 2px;
  }
  .tabula_ui_ai_chat__xlpk9h2:focus {
    outline-style: solid;
    outline-color: var(--tbl--colors--border-control--focus-2);
    outline-offset: 0;
  }
  .tabula_ui_ai_chat__xlpk9h2:hover {
    color: var(--tbl--colors--content--secondary);
  }
  .tabula_ui_ai_chat__xlpk9h2:active {
    color: var(--tbl--colors--content--primary);
    transition: none;
  }
  .tabula_ui_ai_chat__xlpk9h3 {
    position: relative;
    padding: 8px 16px;
    border-radius: 12px;
    background-color: var(--tbl--colors--background--controls-details);
    color: var(--tbl--colors--content--primary);
  }
  .tabula_ui_ai_chat__xlpk9h4 {
    width: 100%;
  }
  .tabula_ui_ai_chat__xlpk9h5 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }
}

/* vanilla-extract-css-ns:src/TextArea/TextArea.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9haV9jaGF0X19jdHFhMW0wIHsKICAgIGZvbnQ6IHZhcigtLXRibC0tZm9udHMtLXNhbnMtc2VyaWYtLW1lZGl1bS0xNC0tZm9udCk7CiAgICBsZXR0ZXItc3BhY2luZzogdmFyKC0tdGJsLS1mb250cy0tc2Fucy1zZXJpZi0tbWVkaXVtLTE0LS1sZXR0ZXItc3BhY2luZyk7CiAgICB0ZXh0LXRyYW5zZm9ybTogdmFyKC0tdGJsLS1mb250cy0tc2Fucy1zZXJpZi0tbWVkaXVtLTE0LS10ZXh0LXRyYW5zZm9ybSk7CiAgICBib3JkZXI6IG5vbmU7CiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsKICAgIGNvbG9yOiB2YXIoLS10YmwtLWNvbG9ycy0tY29udGVudC0tcHJpbWFyeSk7CiAgICByZXNpemU6IG5vbmU7CiAgfQogIC50YWJ1bGFfdWlfYWlfY2hhdF9fY3RxYTFtMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogICAgZGlzcGxheTogbm9uZTsKICB9CiAgLnRhYnVsYV91aV9haV9jaGF0X19jdHFhMW0wOmZvY3VzIHsKICAgIG91dGxpbmU6IG5vbmU7CiAgfQogIC50YWJ1bGFfdWlfYWlfY2hhdF9fY3RxYTFtMDo6cGxhY2Vob2xkZXIgewogICAgY29sb3I6IHZhcigtLXRibC0tY29sb3JzLS1jb250ZW50LS10ZXJ0aWFyeSk7CiAgfQp9 */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__ctqa1m0 {
    font: var(--tbl--fonts--sans-serif--medium-14--font);
    letter-spacing: var(--tbl--fonts--sans-serif--medium-14--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--medium-14--text-transform);
    border: none;
    background: transparent;
    color: var(--tbl--colors--content--primary);
    resize: none;
  }
  .tabula_ui_ai_chat__ctqa1m0::-webkit-scrollbar {
    display: none;
  }
  .tabula_ui_ai_chat__ctqa1m0:focus {
    outline: none;
  }
  .tabula_ui_ai_chat__ctqa1m0::placeholder {
    color: var(--tbl--colors--content--tertiary);
  }
}

/* vanilla-extract-css-ns:src/Prompt/Prompt.css.ts.vanilla.css?source=QGxheWVyIHRibC0tY29tcG9uZW50czsKQGxheWVyIHRibC0tY29tcG9uZW50cyB7CiAgLnRhYnVsYV91aV9haV9jaGF0X183bnRvN28wIHsKICAgIGRpc3BsYXk6IGZsZXg7CiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgcGFkZGluZzogMCAxNnB4IDE2cHg7CiAgfQogIC50YWJ1bGFfdWlfYWlfY2hhdF9fN250bzdvMSB7CiAgICBib3JkZXItcmFkaXVzOiAxNnB4IDE2cHggMCAwOwogIH0KICAudGFidWxhX3VpX2FpX2NoYXRfXzdudG83bzIgewogICAgYm9yZGVyLXJhZGl1czogMCAwIDE2cHggMTZweDsKICB9CiAgLnRhYnVsYV91aV9haV9jaGF0X183bnRvN28yOmZpcnN0LWNoaWxkIHsKICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7CiAgfQogIEBjb250YWluZXIgdGFidWxhX3VpX2FpX2NoYXRfX3ZwYzdxazAgKG1pbi13aWR0aDogNzAwcHgpIHsKICAgIC50YWJ1bGFfdWlfYWlfY2hhdF9fN250bzdvMCB7CiAgICAgIGRpc3BsYXk6IGdyaWQ7CiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogbWlubWF4KGF1dG8sIDEwMDBweCk7CiAgICAgIGdyaWQtdGVtcGxhdGUtcm93czogYXV0byBhdXRvOwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDsKICAgICAgcGFkZGluZzogMCA2OHB4IDE2cHg7CiAgICB9CiAgfQp9 */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__7nto7o0 {
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px;
  }
  .tabula_ui_ai_chat__7nto7o1 {
    border-radius: 16px 16px 0 0;
  }
  .tabula_ui_ai_chat__7nto7o2 {
    border-radius: 0 0 16px 16px;
  }
  .tabula_ui_ai_chat__7nto7o2:first-child {
    border-radius: 16px;
  }
  @container tabula_ui_ai_chat__vpc7qk0 (min-width: 700px) {
    .tabula_ui_ai_chat__7nto7o0 {
      display: grid;
      grid-template-columns: minmax(auto, 1000px);
      grid-template-rows: auto auto;
      justify-content: space-around;
      padding: 0 68px 16px;
    }
  }
}

/* vanilla-extract-css-ns:src/PromptContext/PromptContext.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VTy27jMAy89yt0bA5cxEkXWCiX/klAW3SijSK5JN02WPTfF7LlJtlH4l4EiRSHj+E8BzwRG60DQJOOXYoUVTYPz/+0m18PxnxTrPuA295v0W+bPep2e6ilO7wsB78xbYpqzSvyI8CAkA0CIBgFhNi3AEJHD3UKDqrV+GGxGYIDqRKDdNj4uPsazHVsAVR6V1DGKG3i49cAr2MLYJfEq0/RGqaA6l9ptNeJHbE16+7dSAreXaZqUkgsADU2hx2nPrpsi8opCDhS9EEK/sWXIcrew+nYH5FPAx59DvL/sdg0FBWgWi6Hvx83Wa0Kq+e2sZYUei1ta+qsqarufeKvVWuq9fi+Db2aA/1jQma/2+vF23npAp6saQMVU76B80xNISi9jY6fvahvP0dkTZ4A8ejE4HcRvNJRrh1v3unemtXTlHJPYw1nS4fODXu6vF6CmCL9Sac1wyp1yBT1Hkml0ryDrB75NNHas+SQLvlzoQPuNMIQLvFcz5gdAC1KJn1x6SUUH3cAohgd8rBMyfVN3uoZu7Gy+/RKXGic0YxQk3Ki0yzwNjW9FPDUa/CRQPQUyI4C21x5bohlIGXSW9Z90wusFtfxqW2FtDB5rzQcRjS/8aLRxd98TZtyO+O6pDoi73wcBWeqZT7ybf19jt6Wdo/yeKOtxewKoKhx/TQl/vgNCLEa/UwGAAA= */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__kbspkq0 {
    font: var(--tbl--fonts--sans-serif--semi-bold-12--font);
    letter-spacing: var(--tbl--fonts--sans-serif--semi-bold-12--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--semi-bold-12--text-transform);
    position: relative;
    border: 3px solid var(--tbl--colors--background--controls-details);
    background-color: var(--tbl--colors--background--primary-content);
    color: var(--tbl--colors--accent--100);
  }
  .tabula_ui_ai_chat__kbspkq1 {
    position: absolute;
    top: 11px;
    left: 13px;
  }
  .tabula_ui_ai_chat__kbspkq2 {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--tbl--colors--content--tertiary);
    cursor: pointer;
    transition: all var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
  }
  .tabula_ui_ai_chat__kbspkq2:hover {
    color: var(--tbl--colors--content--secondary);
  }
  .tabula_ui_ai_chat__kbspkq2:focus {
    outline-style: solid;
    outline-color: var(--tbl--colors--border-control--focus-2);
    outline-offset: 0;
  }
  .tabula_ui_ai_chat__kbspkq2:active {
    color: var(--tbl--colors--content--primary);
    transition: none;
  }
  .tabula_ui_ai_chat__kbspkq3 {
    margin: 11px 10px 11px 35px;
  }
  .tabula_ui_ai_chat__kbspkq0:has(.tabula_ui_ai_chat__kbspkq2) .tabula_ui_ai_chat__kbspkq3 {
    margin-right: 34px;
  }
}

/* vanilla-extract-css-ns:src/PromptInput/PromptInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VVzW7bMAy+9yl0TIBxsNNubdVL3ySgLdrRqoiaRKcNhrz74FhOvTZp2mLDbgYp0t8PJd473FJUUjmAmteBPXlJdxf3R+Pq14VSXwWrzuGys0u0y3qFslze3tJVa4t9XiljU3C41apx9HS3D/VfYGykWix7rSI/DokfXRLbbKFmL+RFqxSwJqhIHon8cAadbT1YoXXSqiYvFIdEi0Grm5D/EdAY69tJpML6oY3ceQM1O45abTDOADItxzEBTA7tUUR2CQwJWpfmfZ/d26S1Z5npxsYkUK+sM/MsQ8YDwkGrqwHT270WubJXS6tSlQo74fN1l3/UFao41I3iJXLN4AeQN3enbHrlxlTtkzY8WiMrrS4Xo+4rsu1KppGKo6GolWdP0whENLZLWpXfX5umlbOeMELbnyIvM2FVsQivvxxzsrHOjRYCoAVoIq/n7zwrPJ8PCE7PStYlDwomGSu6mPqSwPZZFonokx3mHZ2b9jNdxD4B0GASgHI+zRKmfm4gCXqD0QCEyKarxW7oHRN5qRuuu5RngjvpVdRqEZ5UYmfN0UswuHEQZN8BFple7gHcNIlEq+I9IFa8oZhB/EVPQ7RrjFvYt/+Qwy8qR7/P8cC97v+OSIiUEplPUTnUPg/vdOrG23aOorEJK0fmCMkjaDx1EtEBlN+KF/NvqMHOyfl/lp/F8z9ehJ7KfZ9B6/ul+Br4JtTXPx8KNVtbD/k5vC6K8DTugvNLM2+z8vBkThbac3B3rtvJbfRiH91MO+4udr8BdVdaygkIAAA= */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__99e4gi0 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px;
    background-color: var(--tbl--colors--background--controls-details);
  }
  .tabula_ui_ai_chat__99e4gi0:not(:first-child) {
    padding-top: 4px;
  }
  .tabula_ui_ai_chat__99e4gi2 {
    flex: 1 1 auto;
  }
  .tabula_ui_ai_chat__99e4gi3 {
    flex: 0 0 auto;
    align-self: flex-end;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 16px;
    background:
      linear-gradient(
        to bottom,
        var(--tbl--colors--fill-control--ai--from),
        var(--tbl--colors--fill-control--ai--to));
    color: var(--tbl--colors--content--contrast);
    cursor: pointer;
    transition: all var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
  }
  .tabula_ui_ai_chat__99e4gi3:focus {
    outline: 2px solid var(--tbl--colors--border-control--focus-2);
    outline-offset: 0;
  }
  .tabula_ui_ai_chat__99e4gi3:hover {
    background:
      linear-gradient(
        to bottom,
        var(--tbl--colors--fill-control--ai-primary-hover--from),
        var(--tbl--colors--fill-control--ai-primary-hover--to));
  }
  .tabula_ui_ai_chat__99e4gi3:active {
    background:
      linear-gradient(
        to bottom,
        var(--tbl--colors--fill-control--ai-primary-pressed--from),
        var(--tbl--colors--fill-control--ai-primary-pressed--to));
    transition: none;
  }
  .tabula_ui_ai_chat__99e4gi3:disabled {
    background: var(--tbl--colors--neutral--150);
    cursor: default;
  }
  .tabula_ui_ai_chat__99e4gi1 .tabula_ui_ai_chat__99e4gi3:disabled {
    background:
      linear-gradient(
        to bottom,
        var(--tbl--colors--fill-control--ai--from),
        var(--tbl--colors--fill-control--ai--to));
  }
  @container tabula_ui_ai_chat__vpc7qk0 (min-width: 700px) {
    .tabula_ui_ai_chat__99e4gi0 {
      gap: 12px;
      padding: 12px;
    }
    .tabula_ui_ai_chat__99e4gi0:not(:first-child) {
      padding-top: 8px;
    }
  }
}

/* vanilla-extract-css-ns:src/Suggestions/Suggestions.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VUy27bMBC85yv2GAPdQvIhDphL+iXGRqQcNhTJLpd+tMi/F6ToQEbS1LkIEpczs5hZ7aOjk2GQJ4c4hCkGb7ykh5vHD8/hzw3Ad6Gn7Gib7Zbsdngm2W5P97/7velqHSCS1tbvFHTQ38Xjww3A66fAvgG1TdHRScHoTIVBfUNt2Qxig1fA4TAXfuYkdjzhELwYLzMGkxDLAnlgigrKcz7clc/7a3pat57GUMj3xLeI1Y5ykBAT+YTJsB0RJ6NtnrBfz9XVrOWMiGFMkYbqxtUcl8DGJuYoKEw+jYGnL7BdAhvbW0SbeIS+i83tp8DasII+HiEFZ/VSZggucEL0JguTQ/zRd6slDpm0zUlBv34jpOFlxyF7raD2EImNbwlVQvWRRAsVMbKdiE9LD8jZnVfgzHimyZwKTwzWi+F2tYjZeWbIuaWIzkylgDhSEsR+tawaStbvsEyS18S69BB0HsTuzeqKsVFjGHJqwxOyOOsNJjk5o2ZLHy4q//ageVqs4FBTHnLC9eoSH8YxGVHQXdPac9gbbq0tk/k05M1lxtc3XNWusoyqu19trE1fIX8somR9WVnvZfZx2Px66eB2sh4PVsuzgk3XxeOqSf5/pS12047PGUJ9RzFTdCQ1yzz5pGCyfqLjLWUJ36DvqtTHEA6HpKBcrI/zpXfLrewCg1RtOV9arNm7+/MP91odef0LaSCKp9gFAAA= */
@layer tbl--components;
@layer tbl--components {
  .tabula_ui_ai_chat__y8z1ve0 {
    padding: 0 16px;
  }
  .tabula_ui_ai_chat__y8z1ve1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }
  .tabula_ui_ai_chat__y8z1ve2 {
    font: var(--tbl--fonts--sans-serif--medium-12--font);
    letter-spacing: var(--tbl--fonts--sans-serif--medium-12--letter-spacing);
    text-transform: var(--tbl--fonts--sans-serif--medium-12--text-transform);
    padding: 7px 10px;
    border: 1px solid var(--tbl--colors--neutral--A10);
    border-radius: 12px;
    background: transparent;
    color: var(--tbl--colors--content--primary);
    text-align: left;
    cursor: pointer;
    transition: all var(--tbl--duration--fast--1) var(--tbl--easing--standard--productive);
  }
  .tabula_ui_ai_chat__y8z1ve2:focus {
    outline-style: solid;
    outline-color: var(--tbl--colors--border-control--focus-2);
    outline-offset: 0;
  }
  .tabula_ui_ai_chat__y8z1ve2:hover {
    background: var(--tbl--colors--neutral--A7);
    border-color: var(--tbl--colors--border-control--hover);
  }
  .tabula_ui_ai_chat__y8z1ve2:active {
    background: var(--tbl--colors--neutral--A10);
  }
  @container tabula_ui_ai_chat__vpc7qk0 (min-width: 700px) {
    .tabula_ui_ai_chat__y8z1ve0 {
      display: grid;
      grid-template-columns: minmax(auto, 1000px);
      grid-template-rows: auto auto;
      justify-content: space-around;
      padding: 0 68px;
    }
  }
}
/*# sourceMappingURL=index.css.map */