@patternfly/chatbot 1.0.0

package/dist/css/main.css

@@ -0,0 +1,2988 @@
+@charset "UTF-8";
+.pf-chatbot__menu.pf-v6-c-menu {
+  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--large);
+  --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+}
+
+.pf-chatbot__menu {
+  /* search input */
+  /* spacing between icon and text in menu item */
+  /* handles hover state, which uses a background */
+}
+.pf-chatbot__menu .pf-v6-c-text-input-group {
+  --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-t--global--border--radius--pill);
+}
+.pf-chatbot__menu .pf-v6-c-text-input-group__text-input:focus-visible {
+  border-radius: var(--pf-t--global--border--radius--pill);
+}
+.pf-chatbot__menu .pf-v6-c-menu__group {
+  /* there is spacing between groups because of this normally, even if there's no title */
+}
+.pf-chatbot__menu .pf-v6-c-menu__group .pf-v6-c-menu__group-title {
+  height: 0;
+  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu__group-title--PaddingBlockEnd: 0;
+  --pf-v6-c-menu__group-title--PaddingInlineStart: 0;
+  --pf-v6-c-menu__group-title--PaddingInlineEnd: 0;
+}
+.pf-chatbot__menu .pf-v6-c-menu__item-main {
+  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__menu .pf-v6-c-menu__list {
+  padding: 0rem var(--pf-t--global--spacer--md) 0rem var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__menu .pf-v6-c-menu__list-item {
+  border-radius: var(--pf-t--global--border--radius--small);
+  overflow: hidden;
+}
+.pf-chatbot__menu .pf-v6-c-menu__item {
+  padding-inline-start: var(--pf-t--global--spacer--md);
+  padding-inline-end: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__menu .pf-v6-c-menu__item-icon {
+  display: flex;
+  justify-content: center;
+  width: 21px;
+}
+.pf-chatbot__menu .pf-v6-c-menu__item-description {
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+.pf-chatbot__menu .pf-v6-c-divider {
+  padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot {
+  position: fixed;
+  inset-block-end: var(--pf-t--global--spacer--800);
+  inset-inline-end: var(--pf-t--global--spacer--lg);
+  display: flex;
+  flex-direction: column;
+  width: 30rem;
+  height: 70vh;
+  background-color: var(--pf-t--global--background--color--floating--secondary--default);
+  border-radius: var(--pf-t--global--border--radius--medium);
+  box-shadow: var(--pf-t--global--box-shadow--lg);
+  font-size: var(--pf-t--global--font--size--md);
+  z-index: var(--pf-t--global--z-index--md);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
+  border: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--subtle);
+}
+.pf-chatbot--hidden {
+  pointer-events: none;
+  opacity: 0;
+  transform: translateY(16px);
+}
+.pf-chatbot--visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+@media screen and (max-width: 32rem) {
+  .pf-chatbot {
+    width: 100vw;
+    inset-inline-end: 0;
+  }
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot {
+    overflow: auto;
+  }
+}
+.pf-chatbot:not(.pf-chatbot--default) {
+  background-color: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--secondary--default));
+}
+
+:root:where(.pf-v6-theme-felt):not(.pf-v6-theme-glass) .pf-chatbot.pf-chatbot--default {
+  box-shadow: var(--pf-t--global--box-shadow--md);
+}
+
+.pf-chatbot--docked {
+  border: unset;
+  border-left: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--subtle);
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  padding: 0;
+  height: 100%;
+  border-radius: 0;
+  overflow: inherit;
+}
+:where(.pf-v6-theme-glass) .pf-chatbot--docked {
+  border-left: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
+  box-shadow: var(--pf-t--global--box-shadow--md--left);
+  backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
+}
+
+@media screen and (max-width: 30rem) {
+  .pf-chatbot--docked {
+    width: 100%;
+  }
+}
+
+.pf-chatbot--fullscreen {
+  border: unset;
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  box-shadow: none;
+}
+:where(.pf-v6-theme-glass) .pf-chatbot--fullscreen {
+  backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
+}
+
+.pf-chatbot--embedded {
+  position: static;
+  width: 100%;
+  min-height: 100%;
+  border-radius: 0;
+  box-shadow: var(--pf-t--global--box-shadow--lg);
+}
+:where(.pf-v6-theme-glass) .pf-chatbot--embedded {
+  border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
+  box-shadow: var(--pf-t--global--box-shadow--md);
+  backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
+}
+
+.pf-chatbot-container {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--pf-t--global--border--radius--medium);
+  overflow: hidden;
+}
+.pf-chatbot-container--hidden {
+  pointer-events: none;
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot-container {
+    overflow: auto;
+  }
+}
+
+.pf-chatbot-container--embedded {
+  min-height: 100%;
+}
+
+.pf-chatbot-container--docked,
+.pf-chatbot-container--embedded,
+.pf-chatbot-container--fullscreen {
+  border-radius: unset;
+}
+
+.pf-chatbot--drawer {
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 0;
+  box-shadow: none;
+  border-color: var(--pf-t--global--border--color--subtle);
+}
+:where(.pf-v6-theme-glass) .pf-chatbot--drawer {
+  border: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
+  box-shadow: var(--pf-t--global--box-shadow--md);
+  backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
+}
+
+.pf-chatbot--drawer .pf-chatbot-container {
+  border-radius: var(--pf-t--global--border--radius--sharp);
+}
+
+:root:where(.pf-v6-theme-high-contrast) .pf-chatbot--drawer {
+  border: unset;
+}
+
+.pf-chatbot.pf-m-compact {
+  font-size: var(--pf-t--global--font--size--sm);
+}
+
+.pf-chatbot__alert {
+  position: sticky;
+  top: var(--pf-t--global--spacer--lg);
+  z-index: var(--pf-t--global--z-index--sm);
+}
+
+.pf-chatbot__content {
+  position: relative;
+  background-color: var(--pf-t--global--background--color--floating--secondary--default);
+  overflow-y: auto;
+  overflow: hidden;
+  flex: 1;
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot__content {
+    overflow: unset;
+  }
+}
+.pf-chatbot__content.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--primary--default);
+}
+
+.pf-chatbot:not(.pf-chatbot--default) .pf-chatbot__content {
+  background-color: var(--pf-t--global--background--color--glass--primary--default, var(--pf-t--global--background--color--secondary--default));
+}
+
+@media screen and (min-width: 64rem) {
+  .pf-chatbot--drawer .pf-chatbot__content,
+  .pf-chatbot--fullscreen .pf-chatbot__content,
+  .pf-chatbot--embedded .pf-chatbot__content {
+    display: flex;
+    justify-content: center;
+  }
+}
+.pf-chatbot__history .pf-chatbot__drawer-backdrop {
+  position: absolute;
+  border-radius: var(--pf-t--global--border--radius--medium);
+}
+.pf-chatbot__history .pf-chatbot__heading-divider {
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__history .pf-chatbot__heading-container {
+  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-inline-end: var(--pf-t--global--spacer--lg);
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__history .pf-chatbot__title {
+  font-size: var(--pf-v6-c-title--m-h3--FontSize);
+  font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
+  line-height: var(--pf-v6-c-title--m-h3--LineHeight);
+}
+.pf-chatbot__history .pf-chatbot__title-container {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  justify-content: flex-start;
+  gap: var(--pf-t--global--spacer--gap--text-to-element--default);
+}
+.pf-chatbot__history .pf-chatbot__history-search-actions .pf-v6-c-button.pf-m-control {
+  --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
+  --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
+}
+.pf-chatbot__history .pf-chatbot__input {
+  width: 100%;
+}
+.pf-chatbot__history .pf-v6-c-menu {
+  --pf-v6-c-menu--PaddingBlockStart: 0;
+  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-menu--BorderWidth: 0;
+  overflow: initial;
+  position: relative;
+}
+.pf-chatbot__history .pf-v6-c-menu__item-main {
+  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__history .pf-chatbot__menu-item-header > .pf-v6-c-menu__group-title {
+  color: var(--pf-t--global--text--color--subtle);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  font-size: var(--pf-t--global--icon--size--font--sm);
+  --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  background-color: var(--pf-t--global--background--color--floating--default);
+  z-index: var(--pf-t--global--z-index--md);
+}
+.pf-chatbot__history .pf-chatbot__menu-item {
+  --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu__list-item--BorderWidth: 0;
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  color: var(--pf-t--global--text--color--regular);
+  font-size: var(--pf-t--global--font--size--body--lg);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__history li.pf-chatbot__menu-item:hover::after {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-t--global--border--width--action--plain--hover) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: inherit;
+}
+.pf-chatbot__history .pf-v6-c-menu__list-item.pf-chatbot__menu-item {
+  overflow: hidden;
+}
+.pf-chatbot__history .pf-chatbot__history-actions {
+  transform: rotate(90deg);
+}
+.pf-chatbot__history .pf-chatbot__menu-item--active {
+  background-color: var(--pf-t--global--background--color--action--plain--clicked);
+}
+.pf-chatbot__history li.pf-chatbot__menu-item--active::after {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-t--global--border--width--action--plain--clicked) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: inherit;
+}
+.pf-chatbot__history button.pf-chatbot__menu-item--active {
+  background-color: initial;
+}
+
+.pf-chatbot__history.pf-v6-c-drawer {
+  --pf-v6-c-drawer__panel--MinWidth: 24rem;
+  --pf-v6-c-drawer__panel--xl--MinWidth: 24rem;
+  height: 70vh;
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel {
+  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__head {
+  --pf-v6-c-drawer__head--PaddingBlockStart: 0;
+  --pf-v6-c-drawer__head--PaddingBlockEnd: 0;
+  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: var(--pf-t--global--spacer--2xl);
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__actions {
+  --pf-v6-c-drawer__actions--MarginBlockStart: 0;
+  --pf-v6-c-drawer__actions--MarginInlineEnd: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  align-self: center;
+  width: 100%;
+  height: 100%;
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__actions--reversed {
+  flex-direction: row-reverse;
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__close .pf-v6-c-button {
+  width: var(--pf-t--global--spacer--2xl);
+  height: var(--pf-t--global--spacer--2xl);
+  border-radius: var(--pf-t--global--border--radius--pill);
+  justify-content: center;
+  align-items: center;
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
+  --pf-v6-c-drawer__panel__body--PaddingBlockStart: 0;
+  --pf-v6-c-drawer__panel__body--PaddingBlockEnd: 0;
+  --pf-v6-c-drawer__panel__body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-drawer__panel__body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  height: 70vh;
+}
+.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel.pf-m-resizable .pf-v6-c-drawer__panel-main {
+  row-gap: var(--pf-v6-c-drawer__panel--RowGap);
+}
+
+.pf-chatbot--docked .pf-chatbot__history.pf-v6-c-drawer {
+  height: 100vh;
+}
+
+.pf-chatbot--drawer .pf-chatbot__history.pf-v6-c-drawer,
+.pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer {
+  height: 100vh;
+}
+.pf-chatbot--drawer .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body,
+.pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
+  width: 100%;
+}
+
+.pf-chatbot--embedded .pf-chatbot__history.pf-v6-c-drawer {
+  height: 100%;
+}
+.pf-chatbot--embedded .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
+  width: 100%;
+  height: 100%;
+}
+.pf-chatbot--embedded .pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__panel {
+  height: 100%;
+}
+
+.pf-chatbot--docked .pf-chatbot__history .pf-chatbot__drawer-backdrop,
+.pf-chatbot--drawer .pf-chatbot__history .pf-chatbot__drawer-backdrop,
+.pf-chatbot--embedded .pf-chatbot__history .pf-chatbot__drawer-backdrop,
+.pf-chatbot--fullscreen .pf-chatbot__history .pf-chatbot__drawer-backdrop {
+  border-radius: unset;
+}
+
+.pf-chatbot__history-loading {
+  display: flex;
+  padding: var(--pf-t--global--spacer--lg);
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--lg);
+}
+
+.pf-chatbot__history-loading-block {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--sm);
+  align-self: stretch;
+}
+
+.pf-chatbot__history.pf-m-compact .pf-v6-c-drawer__main .pf-v6-c-drawer__panel {
+  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__history.pf-m-compact .pf-v6-c-drawer__main .pf-v6-c-drawer__body {
+  --pf-v6-c-drawer__panel__body--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-drawer__panel__body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__history.pf-m-compact .pf-chatbot__menu-item {
+  font-size: var(--pf-t--global--font--size--body--md);
+}
+.pf-chatbot__history.pf-m-compact .pf-v6-c-drawer__head {
+  --pf-v6-c-drawer__head--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-drawer__head--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__history.pf-m-compact .pf-v6-c-drawer__close .pf-v6-c-button {
+  width: 2rem;
+  height: 2rem;
+  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__footnote {
+  align-self: center;
+}
+.pf-chatbot__footnote .pf-v6-c-button {
+  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--xs);
+}
+
+.pf-chatbot__footer {
+  --pf-chatbot__footer--RowGap: var(--pf-t--global--spacer--md);
+  background-color: var(--pf-t--global--background--color--floating--secondary--default);
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--pf-chatbot__footer--RowGap);
+  position: relative;
+}
+.pf-chatbot__footer.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--primary--default);
+}
+
+.pf-chatbot:not(.pf-chatnot--default) .pf-chatbot__footer {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+:where(.pf-v6-theme-glass) .pf-chatbot:not(.pf-chatnot--default) .pf-chatbot__footer {
+  background-color: var(--pf-t--global--background--color--glass--primary--default);
+}
+
+.pf-chatbot__footer-container {
+  padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  row-gap: var(--pf-chatbot__footer--RowGap);
+}
+
+@media screen and (min-width: 64rem) {
+  .pf-chatbot--embedded .pf-chatbot__footer,
+  .pf-chatbot--fullscreen .pf-chatbot__footer {
+    align-items: center;
+  }
+  .pf-chatbot--embedded .pf-chatbot__footer-container,
+  .pf-chatbot--fullscreen .pf-chatbot__footer-container {
+    width: 90%;
+    max-width: 60rem;
+    padding: var(--pf-t--global--spacer--sm) 0;
+  }
+}
+.pf-chatbot--docked .pf-chatbot__footer-container {
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
+}
+
+.pf-chatbot--drawer .pf-chatbot__footer-container {
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
+}
+
+.pf-chatbot__footer.pf-m-compact .pf-chatbot__footer-container {
+  padding: 0 var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
+  row-gap: var(--pf-t--global--spacer--sm);
+}
+
+@media screen and (min-width: 64rem) {
+  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--embedded .pf-chatbot__footer .pf-v6-c-divider,
+  :root:where(.pf-v6-theme-high-contrast) .pf-chatbot--fullscreen .pf-chatbot__footer .pf-v6-c-divider {
+    display: var(--pf-v6-hidden-visible--Display);
+  }
+}
+
+.pf-chatbot__header-container {
+  display: grid;
+}
+
+.pf-chatbot__header {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: var(--pf-t--global--spacer--sm);
+  position: relative;
+  background-color: var(--pf-t--global--background--color--floating--secondary--default);
+  justify-content: space-between;
+  padding: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__header .pf-chatbot__header-main {
+  display: flex;
+  gap: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__header .pf-chatbot__header-main img {
+  pointer-events: none;
+}
+.pf-chatbot__header .pf-chatbot__title {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+.pf-chatbot__header .pf-chatbot__title .pf-v6-l-bullseye {
+  width: 100%;
+}
+.pf-chatbot__header .pf-chatbot__title img {
+  max-height: 40px;
+  vertical-align: middle;
+}
+.pf-chatbot__header .pf-chatbot__menu {
+  justify-self: start;
+}
+.pf-chatbot__header .pf-chatbot__actions {
+  justify-self: end;
+  display: flex;
+  gap: var(--pf-t--global--spacer--sm);
+  justify-content: flex-end;
+  align-items: center;
+}
+.pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary {
+  width: 160px;
+  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
+}
+
+.pf-chatbot:not(.pf-chatbot--default) .pf-chatbot__header {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+:where(.pf-v6-theme-glass) .pf-chatbot:not(.pf-chatbot--default) .pf-chatbot__header {
+  background-color: var(--pf-t--global--background--color--glass--primary--default);
+}
+
+.pf-chatbot__button--toggle-options,
+.pf-chatbot__button--toggle-menu {
+  width: 3rem;
+  height: 3rem;
+  border-radius: var(--pf-t--global--border--radius--pill);
+  align-items: center;
+  justify-content: center;
+}
+.pf-chatbot__button--toggle-options::before,
+.pf-chatbot__button--toggle-menu::before {
+  border-radius: inherit;
+}
+.pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
+.pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
+.pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
+.pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pf-chatbot__button--toggle-options:hover .pf-v6-c-button__icon,
+.pf-chatbot__button--toggle-options:hover .pf-v6-c-menu-toggle__icon,
+.pf-chatbot__button--toggle-options:hover .pf-v6-c-icon__content, .pf-chatbot__button--toggle-options:focus .pf-v6-c-button__icon,
+.pf-chatbot__button--toggle-options:focus .pf-v6-c-menu-toggle__icon,
+.pf-chatbot__button--toggle-options:focus .pf-v6-c-icon__content,
+.pf-chatbot__button--toggle-menu:hover .pf-v6-c-button__icon,
+.pf-chatbot__button--toggle-menu:hover .pf-v6-c-menu-toggle__icon,
+.pf-chatbot__button--toggle-menu:hover .pf-v6-c-icon__content,
+.pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
+.pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
+.pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
+  color: var(--pf-t--global--icon--color--regular);
+}
+
+.show-dark,
+:where(.pf-v6-theme-dark) .show-light {
+  display: none;
+}
+
+:where(.pf-v6-theme-dark) .show-dark {
+  display: revert;
+}
+
+:where(.pf-v6-theme-dark) .show-dark .pf-m-picture {
+  display: inline-flex;
+}
+
+.pf-chatbot.pf-m-compact .pf-chatbot__header {
+  gap: var(--pf-t--global--spacer--sm);
+  padding: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__header .pf-chatbot__title img {
+  max-height: 24px;
+  vertical-align: middle;
+}
+
+.pf-v6-c-menu-toggle.pf-chatbot__button--toggle-options.pf-m-compact,
+.pf-chatbot__button--toggle-menu.pf-m-compact {
+  width: 2rem;
+  height: 2rem;
+}
+
+.pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
+  width: initial;
+}
+
+.pf-chatbot__chatbot-modal-backdrop {
+  position: static !important;
+}
+
+.pf-chatbot__chatbot-modal {
+  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important;
+  position: fixed !important;
+  inset-block-end: var(--pf-t--global--spacer--800);
+  inset-inline-end: var(--pf-t--global--spacer--lg);
+  width: 30rem !important;
+  height: 70vh;
+}
+.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
+  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
+}
+.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__footer {
+  padding-block-start: var(--pf-t--global--spacer--xl);
+  padding-block-end: var(--pf-t--global--spacer--xl);
+  border-top: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+}
+.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__header {
+  padding-block-end: var(--pf-t--global--spacer--sm);
+}
+
+@media screen and (max-width: 600px) {
+  .pf-chatbot__chatbot-modal--embedded,
+  .pf-chatbot__chatbot-modal--fullscreen {
+    inset-block-end: 0;
+    inset-inline-end: 0;
+    width: 100%;
+    height: 100%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+@media screen and (min-width: 601px) {
+  .pf-chatbot__chatbot-modal--embedded,
+  .pf-chatbot__chatbot-modal--fullscreen {
+    inset-block-end: 0;
+    inset-inline-end: 0;
+    width: 50% !important;
+    height: fit-content !important;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+.pf-chatbot__chatbot-modal--docked {
+  height: 100vh;
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  border-radius: 0 !important;
+  --pf-v6-c-modal-box--MaxHeight: 100vh !important;
+}
+
+.pf-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
+  color: #fff;
+}
+
+.pf-v6-c-backdrop.pf-chatbot__backdrop {
+  position: absolute;
+}
+
+.pf-chatbot__chatbot-modal.pf-m-compact .pf-v6-c-modal-box__header {
+  padding-block-end: 0;
+}
+.pf-chatbot__chatbot-modal.pf-m-compact .pf-v6-c-modal-box__footer {
+  padding-block-start: var(--pf-t--global--spacer--lg);
+  padding-block-end: var(--pf-t--global--spacer--lg);
+}
+
+.pf-chatbot__popover .pf-v6-c-popover__arrow {
+  display: none;
+}
+.pf-chatbot__popover--footnote.pf-chatbot__popover img {
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-content--h3 {
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+.pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-content--p {
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+.pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-button {
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+.pf-chatbot__popover--footnote.pf-chatbot__popover .pf-v6-c-content--a {
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+
+.pf-v6-c-button.pf-chatbot__button {
+  position: fixed;
+  inset-block-end: var(--pf-t--global--spacer--md);
+  inset-inline-end: var(--pf-t--global--spacer--md);
+  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
+  --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--floating--clicked);
+  --pf-v6-c-button--m-plain--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-plain--BorderWidth: 1px;
+  --pf-v6-c-button--m-plain--hover--BorderWidth: 1px;
+  --pf-v6-c-button--m-plain--m-clicked--BorderWidth: 1px;
+  padding: var(--pf-t--global--spacer--md);
+  box-shadow: var(--pf-t--global--box-shadow--sm);
+}
+.pf-v6-c-button.pf-chatbot__button .pf-v6-c-button__icon {
+  display: contents;
+}
+.pf-v6-c-button.pf-chatbot__button svg {
+  width: var(--pf-t--global--spacer--lg);
+  height: var(--pf-t--global--spacer--lg);
+}
+.pf-v6-c-button.pf-chatbot__button--active {
+  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--floating--clicked);
+}
+.pf-v6-c-button.pf-chatbot__button--secondary {
+  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
+  --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--secondary--clicked);
+}
+.pf-v6-c-button.pf-chatbot__button--secondary.pf-chatbot__button--active {
+  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--secondary--clicked);
+}
+
+.pf-chatbot__button--round {
+  border-radius: var(--pf-t--global--border--radius--pill);
+  width: 3rem;
+  height: 3rem;
+}
+
+.pf-chatbot--layout--welcome {
+  padding-block-end: var(--pf-t--global--spacer--lg);
+  flex-direction: column;
+  display: flex;
+  gap: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot--layout--welcome .pf-v6-c-content--h1 {
+  --pf-v6-c-content--h1--FontWeight: var(--pf-t--global--font--weight--400);
+  --pf-v6-c-content--h1--MarginBlockEnd: 0;
+}
+.pf-chatbot--layout--welcome .pf-chatbot__hello {
+  color: var(--pf-t--global--color--brand--default);
+}
+.pf-chatbot--layout--welcome .pf-chatbot__question {
+  color: var(--pf-t--global--text--color--subtle);
+}
+.pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions {
+  flex-direction: column;
+  display: flex;
+  gap: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions > * {
+  flex: 1;
+  overflow: visible;
+  height: 100%;
+}
+
+.pf-chatbot--layout--welcome.pf-m-compact {
+  gap: var(--pf-t--global--spacer--md);
+  padding-block-end: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot--layout--welcome.pf-m-compact .pf-chatbot__prompt-suggestions {
+  gap: var(--pf-t--global--spacer--md);
+}
+
+@media screen and (min-width: 64rem) {
+  .pf-chatbot--fullscreen .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions,
+  .pf-chatbot--embedded .pf-chatbot--layout--welcome .pf-chatbot__prompt-suggestions {
+    flex-direction: row;
+    align-items: baseline;
+  }
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor {
+  --pf-v6-c-code-editor__main--BackgroundColor: #1f1f1f;
+  --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
+  --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
+  --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-code-editor--m-read-only__main--BackgroundColor: #1f1f1f;
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__header {
+  --pf-v6-c-code-editor__header--BorderWidth: 0;
+  background: #1f1f1f !important;
+  /** this is for the attachment editor header */
+  border-start-start-radius: var(--pf-t--global--border--radius--small);
+  border-start-end-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__code-modal .pf-chatbot__code-modal-body {
+  gap: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__code-modal .pf-chatbot__code-modal--controls > .pf-v6-c-code-editor__header {
+  flex-direction: row-reverse;
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__header::before {
+  border-block-end: none;
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__header-content {
+  --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
+  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
+  --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(
+    --pf-t--global--border--radius--small
+  ) !important;
+  --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
+  justify-content: flex-end;
+}
+.pf-chatbot__code-modal .pf-chatbot__code-modal--controls > .pf-v6-c-code-editor__header > .pf-v6-c-code-editor__header-content {
+  --pf-v6-c-code-editor__header-content--BorderStartStartRadius: 0;
+  border-start-end-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__tab {
+  --pf-v6-c-code-editor__tab--BackgroundColor: #1f1f1f;
+  --pf-v6-c-code-editor__tab--Color: #fff;
+  border: none;
+  --pf-v6-c-code-editor__tab--BorderStartEndRadius: 0;
+  border-start-start-radius: var(--pf-t--global--border--radius--small);
+  --pf-t--global--font--weight--body--default: var(--pf-t--global--font--weight--body--bold);
+  margin-inline-start: unset;
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__tab-icon {
+  display: none;
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__main {
+  border: unset;
+  --pf-v6-c-code-editor__main--BorderEndStartRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-code-editor__main--BorderEndEndRadius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__controls {
+  padding-right: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__controls > div > .pf-v6-c-button {
+  --pf-v6-c-button--m-plain__icon--Color: #fff;
+  --pf-v6-c-button--hover__icon--Color: #fff;
+}
+.pf-chatbot__code-modal .pf-v6-c-code-editor__header-main {
+  display: none;
+}
+.pf-chatbot__code-modal .pf-v6-c-modal-box__close .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
+}
+
+.pf-v6-theme-dark .pf-chatbot__code-modal .pf-v6-c-code-editor__controls > div > button {
+  --pf-v6-c-button--m-plain__icon--Color: #c7c7c7;
+  --pf-v6-c-button--hover__icon--Color: #c7c7c7;
+}
+
+.pf-chatbot__code-modal-editor {
+  flex: 1;
+}
+
+.pf-chatbot__code-modal--fullscreen {
+  height: inherit !important;
+}
+
+.pf-chatbot__code-modal.pf-m-compact .pf-chatbot__code-modal-body {
+  gap: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__compare-container {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+}
+
+.pf-chatbot__compare-toggle {
+  width: 100%;
+}
+.pf-chatbot__compare-toggle .pf-v6-c-toggle-group__button {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.pf-chatbot__compare {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare {
+    overflow-y: auto;
+  }
+}
+.pf-chatbot__compare .pf-chatbot__compare-item:first-of-type {
+  border-right: 1px solid var(--pf-t--global--border--color--default);
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare .pf-chatbot__compare-item:first-of-type {
+    border-right: 0px;
+  }
+}
+
+.pf-chatbot__compare-item {
+  flex: 1;
+}
+.pf-chatbot__compare-item .pf-chatbot--embedded .pf-chatbot__messagebox {
+  width: 100%;
+}
+.pf-chatbot__compare-item .pf-chatbot__content {
+  padding: 0;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare-item .pf-chatbot.pf-chatbot--embedded {
+    height: 100%;
+  }
+}
+
+.pf-chatbot__compare-item-hidden {
+  display: block;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare-item-hidden {
+    display: none;
+  }
+}
+
+.pf-chatbot__compare-mobile-controls {
+  padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
+  display: none;
+  background-color: var(--pf-t--global--background--color--secondary--default);
+  position: sticky;
+  top: 0;
+  z-index: 9999;
+}
+@media screen and (max-width: 900px) {
+  .pf-chatbot__compare-mobile-controls {
+    display: flex;
+    flex-direction: column;
+    gap: var(--pf-t--global--spacer--md);
+  }
+}
+
+.pf-chatbot__deep-thinking {
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
+  overflow: unset;
+}
+
+.pf-chatbot__deep-thinking-expandable-section {
+  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__deep-thinking-section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__deep-thinking-subheading {
+  font-size: var(--pf-t--global--font--size--body--sm);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+  color: var(--pf-t--global--text--color--subtle);
+}
+
+.pf-chatbot__deep-thinking-body {
+  color: var(--pf-t--global--text--color--subtle);
+}
+
+.pf-chatbot__code-language {
+  color: var(--pf-t--global--text--color--subtle);
+  display: flex;
+  font-size: var(--pf-t--global--icon--size--font--xs);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+
+.pf-chatbot__code-icon {
+  color: var(--pf-t--global--icon--color--status--custom--default);
+  width: 24px;
+  height: 24px;
+}
+
+.pf-chatbot__image-icon {
+  color: var(--pf-t--global--icon--color--status--info--default);
+  width: 24px;
+  height: 24px;
+}
+
+.pf-chatbot__code-fileName {
+  font-size: var(--pf-t--global--font--size--body--default);
+}
+
+.pf-chatbot__code-file-size {
+  color: var(--pf-t--global--text--color--subtle);
+}
+
+.pf-chatbot__file-details-example {
+  background: var(--pf-t--global--background--color--secondary--default);
+  height: 100px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.pf-chatbot__file-label-contents {
+  display: flex;
+  gap: var(--pf-t--global--spacer--md);
+  justify-content: center;
+  align-items: center;
+}
+
+.pf-chatbot__file-label {
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) !important;
+  gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
+  --pf-v6-c-label--MaxWidth: 12rem !important;
+}
+.pf-chatbot__file-label .pf-v6-c-truncate {
+  max-width: 9ch;
+}
+.pf-chatbot__file-label .pf-v6-c-label__content,
+.pf-chatbot__file-label .pf-v6-c-label__text {
+  --pf-v6-c-label__content--MaxWidth: 100%;
+  --pf-v6-c-label__text--MaxWidth: 100%;
+}
+
+.pf-v6-c-label.pf-chatbot__file-label {
+  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-label--Color: var(--pf-t--global--text--color--regular);
+}
+.pf-v6-c-label.pf-chatbot__file-label .pf-chatbot__file-label > .pf-v6-c-label__content {
+  --pf-v6-c-label--Color: var(--pf-t--global--background--color--primary--default);
+}
+:where(.pf-v6-theme-glass) .pf-v6-c-label.pf-chatbot__file-label {
+  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
+}
+
+.pf-v6-theme-dark .pf-v6-c-label.pf-chatbot__file-label {
+  --pf-v6-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
+}
+.pf-v6-theme-dark .pf-chatbot__file-label > .pf-v6-c-label__actions > .pf-v6-c-button.pf-m-plain > .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
+}
+
+.pf-chatbot__file-label.pf-m-clickable:hover,
+.pf-chatbot__file-label.pf-m-clickable:focus-within {
+  --pf-v6-c-label--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+}
+.pf-chatbot__file-label.pf-m-clickable:hover .pf-chatbot__code-icon,
+.pf-chatbot__file-label.pf-m-clickable:focus-within .pf-chatbot__code-icon {
+  color: var(--pf-t--global--icon--color--status--custom--hover);
+}
+
+.pf-chatbot__file-label-loading .pf-v6-c-truncate {
+  max-width: 6ch;
+}
+
+.pf-chatbot--embedded .pf-chatbot__file-label,
+.pf-chatbot--fullscreen .pf-chatbot__file-label {
+  --pf-v6-c-label--MaxWidth: 14rem;
+}
+
+.pf-chatbot__dropzone {
+  gap: unset;
+  flex: 1;
+}
+
+.pf-chatbot__dropzone--invisible {
+  overflow: hidden;
+  display: grid;
+  grid-template-rows: 1fr auto;
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot__dropzone--invisible {
+    overflow-y: auto;
+  }
+}
+
+.pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
+  margin-block-start: var(--pf-t--global--spacer--lg);
+  margin-block-end: var(--pf-t--global--spacer--lg);
+  margin-inline-start: var(--pf-t--global--spacer--lg);
+  margin-inline-end: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__dropzone--visible.pf-chatbot__dropzone .pf-v6-c-multiple-file-upload__main {
+  --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
+  --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+/** Used in example only */
+.pf-chatbot__file-drop-zone-example {
+  border: var(--pf-t--global--border--width--divider--default) solid var(--pf-t--global--border--color--default);
+  height: 100vh;
+  width: 100%;
+  padding: var(--pf-t--global--spacer--md);
+}
+
+@media screen and (max-height: 518px) {
+  .pf-chatbot--default .pf-chatbot__dropzone--visible.pf-chatbot__dropzone {
+    display: flex;
+    height: 100%;
+    overflow: hidden;
+  }
+  .pf-chatbot--default .pf-chatbot__dropzone--visible.pf-chatbot__dropzone .pf-v6-c-multiple-file-upload__main {
+    width: 100%;
+  }
+}
+
+.pf-chatbot__file-preview-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--md);
+  align-items: center;
+  justify-content: center;
+}
+
+.pf-chatbot__file-preview-icon {
+  color: var(--pf-t--global--icon--color--subtle);
+  width: var(--pf-t--global--icon--size--2xl);
+  height: var(--pf-t--global--icon--size--2xl);
+}
+
+.pf-chatbot__file-preview-name {
+  font-size: var(--pf-t--global--font--size--xl);
+  font-weight: var(--pf-t--global--font--weight--heading--default);
+}
+
+.pf-chatbot__file-preview-body {
+  color: var(--pf-t--global--text--color--subtle);
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+
+.pf-chatbot__image-preview-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-label--MaxWidth: initial;
+  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--2xl);
+}
+.pf-chatbot__image-preview-body img {
+  flex: 1 0 0;
+  align-self: stretch;
+}
+.pf-chatbot__image-preview-body .pf-chatbot__file-label {
+  min-width: fit-content;
+}
+
+.pf-chatbot__image-preview-stack {
+  height: unset;
+}
+
+.pf-v6-c-modal-box__footer.pf-chatbot__image-preview-footer {
+  padding-block-start: var(--pf-t--global--spacer--sm);
+}
+
+.pf-chatbot__image-preview-footer-buttons {
+  display: flex;
+  gap: var(--pf-t--global--spacer--xs);
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+}
+.pf-chatbot__image-preview-footer-buttons .pf-v6-c-button {
+  border-radius: var(--pf-t--global--border--radius--pill);
+  padding: var(--pf-t--global--spacer--sm);
+  width: 2.31rem;
+  height: 2.31rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pf-chatbot__image-preview-footer-buttons button:disabled .pf-v6-c-icon__content,
+.pf-chatbot__image-preview-footer-buttons button[disabled] .pf-v6-c-icon__content {
+  color: var(--pf-t--global--icon--color--disabled);
+}
+.pf-chatbot__image-preview-footer-buttons .pf-v6-c-button__text {
+  display: flex;
+  align-items: center;
+}
+.pf-chatbot__image-preview-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
+.pf-chatbot__image-preview-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--regular);
+}
+.pf-chatbot__image-preview-footer-buttons .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--subtle);
+}
+
+.pf-chatbot__message {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--pf-t--global--spacer--lg);
+  padding-bottom: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__message-avatar.pf-v6-c-avatar {
+  --pf-v6-c-avatar--BorderRadius: 0;
+  flex-shrink: 0;
+  position: sticky;
+  top: var(--pf-t--global--spacer--md);
+  object-fit: cover;
+  pointer-events: none;
+}
+.pf-chatbot__message-avatar.pf-v6-c-avatar:not(.pf-m-colorful) {
+  --pf-v6-c-avatar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+}
+.pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar {
+  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
+}
+.pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) {
+  --pf-v6-c-avatar--Width: 3rem;
+  --pf-v6-c-avatar--Height: 3rem;
+}
+.pf-chatbot__message .pf-v6-c-truncate {
+  --pf-v6-c-truncate--MinWidth: 0ch;
+  --pf-v6-c-truncate__start--MinWidth: 0ch;
+}
+.pf-chatbot__message-contents {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--sm);
+  width: 100%;
+}
+.pf-chatbot__message-meta {
+  display: flex;
+  align-items: center;
+  gap: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message-meta .pf-chatbot__message-name {
+  font-family: var(--pf-v6-c-content--heading--FontFamily, redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif);
+  font-weight: 600;
+  font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot__message-meta .pf-v6-c-label {
+  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--xs);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+.pf-chatbot__message-meta .pf-v6-c-timestamp {
+  flex: 1 0 max-content;
+}
+.pf-chatbot__message-meta time {
+  font-size: var(--pf-t--global--font--size--xs);
+}
+.pf-chatbot__message-response {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--pf-t--global--font--size--sm);
+  color: var(--pf-t--global--text--color--regular);
+}
+.pf-chatbot__message-and-actions {
+  display: grid;
+  gap: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message .pf-m-visible-interaction {
+  opacity: 0;
+  transition-timing-function: var(--pf-t--global--motion--timing-function--default);
+  transition-duration: var(--pf-t--global--motion--duration--fade--short);
+  transition-property: opacity;
+}
+.pf-chatbot__message:hover .pf-m-visible-interaction,
+.pf-chatbot__message .pf-m-visible-interaction:focus-within {
+  opacity: 1;
+}
+.pf-chatbot__message .footnotes,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes {
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm);
+  --pf-chatbot-message-text-font-size: var(--pf-t--global--font--size--xs);
+  --pf-chatbot-message-text-inline-code-font-size: var(--pf-t--global--font--size--xs);
+}
+.pf-chatbot__message .footnotes .pf-chatbot__message-text h1,
+.pf-chatbot__message .footnotes h2,
+.pf-chatbot__message .footnotes h3,
+.pf-chatbot__message .footnotes h4,
+.pf-chatbot__message .footnotes h5,
+.pf-chatbot__message .footnotes h6,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text h1,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes h2,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes h3,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes h4,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes h5,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes h6 {
+  --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--md);
+  --pf-v6-c-content--h2--FontSize: var(--pf-t--global--font--size--md);
+  --pf-v6-c-content--h3--FontSize: var(--pf-t--global--font--size--md);
+  --pf-v6-c-content--h4--FontSize: var(--pf-t--global--font--size--md);
+  --pf-v6-c-content--h5--FontSize: var(--pf-t--global--font--size--md);
+  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--md);
+}
+.pf-chatbot__message .footnotes .pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot__message .footnotes .pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot__message .footnotes .pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot__message .footnotes .pf-chatbot__message-text p,
+.pf-chatbot__message .footnotes .pf-chatbot__message-text a,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text p,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text a {
+  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--xs);
+}
+.pf-chatbot__message .footnotes .pf-chatbot__message-inline-code,
+.pf-chatbot__message .footnotes .pf-chatbot__message-text .pf-v6-c-button.pf-m-link,
+.pf-chatbot__message .footnotes .pf-chatbot__message-ordered-list .pf-v6-c-list,
+.pf-chatbot__message .footnotes .pf-chatbot__message-ordered-list ul,
+.pf-chatbot__message .footnotes .pf-chatbot__message-ordered-list li,
+.pf-chatbot__message .footnotes .pf-chatbot__message-unordered-list .pf-v6-c-list,
+.pf-chatbot__message .footnotes .pf-chatbot__message-unordered-list ul,
+.pf-chatbot__message .footnotes .pf-chatbot__message-unordered-list li,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-inline-code,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-text .pf-v6-c-button.pf-m-link,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-ordered-list .pf-v6-c-list,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-ordered-list ul,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-ordered-list li,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-unordered-list .pf-v6-c-list,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-unordered-list ul,
+.pf-chatbot__message .pf-chatbot__message-text.footnotes .pf-chatbot__message-unordered-list li {
+  font-size: var(--pf-t--global--font--size--xs);
+}
+.pf-chatbot__message .footnotes {
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+}
+.pf-chatbot__message.pf-m-end {
+  flex-direction: row-reverse;
+}
+.pf-chatbot__message.pf-m-end .pf-chatbot__message-contents {
+  align-items: flex-end;
+}
+
+.pf-chatbot__message-attachments-container {
+  display: flex;
+  gap: var(--pf-t--global--spacer--md);
+  flex-wrap: wrap;
+}
+
+.pf-chatbot__message-edit-buttons {
+  --pf-v6-c-form__group--m-action--MarginBlockStart: 0;
+}
+
+.pf-chatbot__message-loading {
+  width: 36px;
+  padding: var(--pf-t--global--spacer--sm);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+  border-radius: var(--pf-t--global--border--radius--small);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+}
+.pf-chatbot__message-loading-dots {
+  position: relative;
+  display: flex;
+  width: 4px;
+  height: 4px;
+  margin-left: var(--pf-t--global--spacer--sm);
+  border-radius: var(--pf-t--global--border--radius--pill);
+  animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite linear alternate;
+  animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.3333333333);
+}
+.pf-chatbot__message-loading-dots::before, .pf-chatbot__message-loading-dots::after {
+  content: "";
+  display: flex;
+  position: absolute;
+  inset-block-start: 0;
+}
+.pf-chatbot__message-loading-dots::before {
+  inset-inline-start: calc(var(--pf-t--global--spacer--sm) * -1);
+  width: 4px;
+  height: 4px;
+  border-radius: var(--pf-t--global--border--radius--pill);
+  animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
+  animation-delay: var(--pf-t--global--motion--delay--none);
+}
+.pf-chatbot__message-loading-dots::after {
+  inset-inline-start: var(--pf-t--global--spacer--sm);
+  width: 4px;
+  height: 4px;
+  border-radius: var(--pf-t--global--border--radius--pill);
+  animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
+  animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.6666666667);
+}
+@keyframes dot-flashing {
+  0% {
+    background-color: var(--pf-t--global--background--color--inverse--default);
+  }
+  50%, 100% {
+    background-color: rgba(41, 41, 41, 0.25);
+  }
+}
+.pf-chatbot__message-loading.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+
+.pf-chatbot__message-code-block {
+  width: 100%;
+  background-color: var(--pf-t--color--gray--80);
+  color: var(--pf-t--color--white);
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block {
+  --pf-t--global--border--color--default: var(--pf-t--global--border--color--default);
+  background-color: inherit;
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header {
+  --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  color: var(--pf-t--color--white);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
+  width: 100%;
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
+  text-transform: uppercase;
+  font-family: var(--pf-t--global--font--family--body);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-default-action {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  font-size: var(--pf-t--global--font--size--sm);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
+  color: var(--pf-t--color--white);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:focus {
+  color: var(--pf-t--color--white);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content {
+  --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
+  display: block;
+  overflow: hidden;
+  font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
+  padding: 0 !important;
+  overflow: hidden !important;
+}
+.pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
+  font-size: inherit;
+}
+
+.pf-chatbot__message-inline-code {
+  --pf-chatbot-message-text-inline-code-font-size: var(--pf-t--global--font--size--body--default);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+  font-size: var(--pf-chatbot-message-text-inline-code-font-size);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: var(--pf-t--global--border--radius--small);
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  padding-inline-start: var(--pf-t--global--spacer--xs);
+  padding-inline-end: var(--pf-t--global--spacer--xs);
+  word-break: break-word;
+}
+.pf-chatbot__message-inline-code.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+
+.pf-chatbot__message-code-toggle .pf-v6-c-button.pf-m-link {
+  --pf-v6-c-button--m-link--Color: var(--pf-t--global--color--nonstatus--blue--default);
+  --pf-v6-c-button--hover--Color: var(--pf-t--global--color--nonstatus--blue--hover);
+}
+
+.pf-chatbot__message-and-actions {
+  width: 100%;
+}
+.pf-chatbot__message-and-actions blockquote .pf-chatbot__message-text {
+  display: inline-block;
+}
+
+.pf-chatbot__message-text {
+  width: fit-content;
+  padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
+  border-radius: var(--pf-t--global--border--radius--small);
+  --pf-chatbot-message-text-font-size: var(--pf-t--global--font--size--md);
+}
+.pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
+  font-size: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot__message-text p,
+.pf-chatbot__message-text a {
+  --pf-v6-c-content--FontSize: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot__message-text code {
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+  font-size: var(--pf-chatbot-message-text-inline-code-font-size);
+}
+.pf-chatbot__message-text:has(.sr-only) {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+.pf-chatbot__message-text.pf-m-primary code {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+.pf-chatbot__message-text.pf-m-markdown {
+  display: block;
+}
+.pf-chatbot__message-text.pf-m-markdown > [class^=pf-v6-c-content] {
+  font-size: inherit;
+  color: inherit;
+}
+
+li[id*=user-content-fn-]:has(> span > .pf-chatbot__message-text + .pf-chatbot__message-text) > span > .pf-chatbot__message-text > p {
+  margin-block-end: var(--pf-t--global--spacer--md);
+}
+
+li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-chatbot__message-text) > span > span > .pf-chatbot__message-text > p {
+  margin-block-end: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__message-text.footnotes .data-footnote-backref {
+  width: fit-content;
+}
+
+.pf-chatbot__message--user .pf-chatbot__message-text {
+  background-color: var(--pf-t--global--color--brand--default);
+  color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--text--color--on-brand--default);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot__message--user .pf-chatbot__message-text p,
+.pf-chatbot__message--user .pf-chatbot__message-text a {
+  color: var(--pf-t--global--text--color--on-brand--default);
+}
+.pf-chatbot__message--user blockquote {
+  border-inline-start-color: var(--pf-t--global--border--color--alt);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text > .pf-chatbot__message-text {
+  background-color: initial;
+  padding: initial;
+}
+
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text {
+  --pf-chatbot-message-text-font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
+  font-size: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text p,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text a {
+  --pf-v6-c-content--FontSize: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote {
+  --pf-v6-c-content--blockquote--PaddingBlockStart: 0;
+  --pf-v6-c-content--blockquote--PaddingBlockEnd: 0;
+}
+
+.pf-chatbot__message-superscript {
+  font-size: smaller;
+  vertical-align: super;
+}
+.pf-chatbot__message-superscript .pf-v6-c-button.pf-m-link.pf-m-inline {
+  font-size: inherit;
+  vertical-align: inherit;
+}
+
+.pf-chatbot.pf-m-compact .pf-chatbot__message {
+  gap: var(--pf-t--global--spacer--sm);
+  padding-bottom: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message .pf-chatbot__message-contents  {
+  gap: var(--pf-t--global--spacer--xs);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-name {
+  font-size: var(--pf-t--global--font--size--xs);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-avatar.pf-chatbot__message-avatar--round.pf-v6-c-avatar:not(.pf-m-xl, .pf-m-lg, .pf-m-md, .pf-m-sm) {
+  --pf-v6-c-avatar--Width: 1.5rem;
+  --pf-v6-c-avatar--Height: 1.5rem;
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-contents {
+  gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__message-code-block {
+  width: 100%;
+  background-color: var(--pf-t--color--gray--80);
+  color: var(--pf-t--color--white);
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block {
+  --pf-t--global--border--color--default: var(--pf-t--global--border--color--default);
+  background-color: inherit;
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header {
+  --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  color: var(--pf-t--color--white);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
+  width: 100%;
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
+  text-transform: uppercase;
+  font-family: var(--pf-t--global--font--family--body);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-default-action {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  font-size: var(--pf-t--global--font--size--sm);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
+  color: var(--pf-t--color--white);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:focus {
+  color: var(--pf-t--color--white);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content {
+  --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
+  display: block;
+  overflow: hidden;
+  font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
+  padding: 0 !important;
+  overflow: hidden !important;
+}
+.pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
+  font-size: inherit;
+}
+
+.pf-chatbot__message-inline-code {
+  --pf-chatbot-message-text-inline-code-font-size: var(--pf-t--global--font--size--body--default);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+  font-size: var(--pf-chatbot-message-text-inline-code-font-size);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+  border-radius: var(--pf-t--global--border--radius--small);
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  padding-inline-start: var(--pf-t--global--spacer--xs);
+  padding-inline-end: var(--pf-t--global--spacer--xs);
+  word-break: break-word;
+}
+.pf-chatbot__message-inline-code.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+
+.pf-chatbot__message-code-toggle .pf-v6-c-button.pf-m-link {
+  --pf-v6-c-button--m-link--Color: var(--pf-t--global--color--nonstatus--blue--default);
+  --pf-v6-c-button--hover--Color: var(--pf-t--global--color--nonstatus--blue--hover);
+}
+
+.pf-chatbot__message-image {
+  border-radius: var(--pf-t--global--border--radius--small);
+  max-width: 37.5rem;
+  max-height: 25rem;
+  min-height: 6.25rem;
+  display: block;
+}
+
+.pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-markdown {
+  font-size: inherit;
+}
+
+.pf-chatbot__message-and-actions {
+  width: 100%;
+}
+.pf-chatbot__message-and-actions blockquote .pf-chatbot__message-text {
+  display: inline-block;
+}
+
+.pf-chatbot__message-text {
+  width: fit-content;
+  padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
+  border-radius: var(--pf-t--global--border--radius--small);
+  --pf-chatbot-message-text-font-size: var(--pf-t--global--font--size--md);
+}
+.pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
+  font-size: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot__message-text p,
+.pf-chatbot__message-text a {
+  --pf-v6-c-content--FontSize: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot__message-text code {
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+  font-size: var(--pf-chatbot-message-text-inline-code-font-size);
+}
+.pf-chatbot__message-text:has(.sr-only) {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+.pf-chatbot__message-text.pf-m-primary code {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+.pf-chatbot__message-text.pf-m-markdown {
+  display: block;
+}
+.pf-chatbot__message-text.pf-m-markdown > [class^=pf-v6-c-content] {
+  font-size: inherit;
+  color: inherit;
+}
+
+li[id*=user-content-fn-]:has(> span > .pf-chatbot__message-text + .pf-chatbot__message-text) > span > .pf-chatbot__message-text > p {
+  margin-block-end: var(--pf-t--global--spacer--md);
+}
+
+li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-chatbot__message-text) > span > span > .pf-chatbot__message-text > p {
+  margin-block-end: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__message-text.footnotes .data-footnote-backref {
+  width: fit-content;
+}
+
+.pf-chatbot__message--user .pf-chatbot__message-text {
+  background-color: var(--pf-t--global--color--brand--default);
+  color: var(--pf-t--global--text--color--on-brand--default);
+  --pf-v6-c-content--Color: var(--pf-t--global--text--color--on-brand--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--text--color--on-brand--default);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot__message--user .pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot__message--user .pf-chatbot__message-text p,
+.pf-chatbot__message--user .pf-chatbot__message-text a {
+  color: var(--pf-t--global--text--color--on-brand--default);
+}
+.pf-chatbot__message--user blockquote {
+  border-inline-start-color: var(--pf-t--global--border--color--alt);
+}
+.pf-chatbot__message--user .pf-chatbot__message-text > .pf-chatbot__message-text {
+  background-color: initial;
+  padding: initial;
+}
+
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text {
+  --pf-chatbot-message-text-font-size: var(--pf-t--global--font--size--sm);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-button.pf-m-link {
+  font-size: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--small,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text p,
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text a {
+  --pf-v6-c-content--FontSize: var(--pf-chatbot-message-text-font-size);
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__message-text .pf-v6-c-content--blockquote {
+  --pf-v6-c-content--blockquote--PaddingBlockStart: 0;
+  --pf-v6-c-content--blockquote--PaddingBlockEnd: 0;
+}
+
+.pf-chatbot__message-ordered-list,
+.pf-chatbot__message-unordered-list {
+  width: fit-content;
+  padding: var(--pf-t--global--spacer--sm) 0 var(--pf-t--global--spacer--sm) 0;
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-ordered-list .pf-v6-c-list,
+.pf-chatbot__message-ordered-list ul,
+.pf-chatbot__message-ordered-list li,
+.pf-chatbot__message-unordered-list .pf-v6-c-list,
+.pf-chatbot__message-unordered-list ul,
+.pf-chatbot__message-unordered-list li {
+  font-size: var(--pf-t--global--font--size--md);
+}
+.pf-chatbot__message-ordered-list.pf-m-markdown .pf-v6-c-list,
+.pf-chatbot__message-ordered-list.pf-m-markdown ul,
+.pf-chatbot__message-ordered-list.pf-m-markdown li,
+.pf-chatbot__message-unordered-list.pf-m-markdown .pf-v6-c-list,
+.pf-chatbot__message-unordered-list.pf-m-markdown ul,
+.pf-chatbot__message-unordered-list.pf-m-markdown li {
+  font-size: inherit;
+}
+
+.pf-chatbot__message--user .pf-chatbot__message-ordered-list,
+.pf-chatbot__message--user .pf-chatbot__message-unordered-list {
+  background-color: var(--pf-t--global--color--brand--default);
+  color: var(--pf-t--global--text--color--on-brand--default);
+  padding: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__message--user .pf-chatbot__message-ordered-list .pf-chatbot__message-text,
+.pf-chatbot__message--user .pf-chatbot__message-unordered-list .pf-chatbot__message-text {
+  background-color: initial;
+}
+.pf-chatbot__message--user .footnotes li > span {
+  display: inline-flex;
+  flex-direction: column;
+}
+.pf-chatbot__message--user li a {
+  color: var(--pf-t--global--text--color--on-brand--default);
+}
+
+.pf-chatbot__message-table {
+  border-radius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important;
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast) !important;
+  padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__message-table.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
+  border-block-start: 0;
+}
+.pf-chatbot__message-table.pf-m-primary {
+  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--secondary--default) !important;
+}
+.pf-chatbot__message-table tbody {
+  border-radius: var(--pf-t--global--border--radius--small);
+}
+.pf-chatbot__message-table tr {
+  --pf-v6-c-table__tr--responsive--PaddingInlineEnd: 0;
+  --pf-v6-c-table__tr--responsive--PaddingInlineStart: 0;
+}
+.pf-chatbot__message-table .pf-v6-c-table__tr:last-of-type {
+  border-block-end: 0;
+}
+.pf-chatbot__message-table.pf-m-markdown table,
+.pf-chatbot__message-table.pf-m-markdown tbody,
+.pf-chatbot__message-table.pf-m-markdown td,
+.pf-chatbot__message-table.pf-m-markdown thead,
+.pf-chatbot__message-table.pf-m-markdown th,
+.pf-chatbot__message-table.pf-m-markdown tr {
+  font-size: inherit;
+}
+
+.pf-chatbot__message-loading {
+  width: 36px;
+  padding: var(--pf-t--global--spacer--sm);
+  background-color: var(--pf-t--global--background--color--tertiary--default);
+  border-radius: var(--pf-t--global--border--radius--small);
+  border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast);
+}
+.pf-chatbot__message-loading-dots {
+  position: relative;
+  display: flex;
+  width: 4px;
+  height: 4px;
+  margin-left: var(--pf-t--global--spacer--sm);
+  border-radius: var(--pf-t--global--border--radius--pill);
+  animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite linear alternate;
+  animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.3333333333);
+}
+.pf-chatbot__message-loading-dots::before, .pf-chatbot__message-loading-dots::after {
+  content: "";
+  display: flex;
+  position: absolute;
+  inset-block-start: 0;
+}
+.pf-chatbot__message-loading-dots::before {
+  inset-inline-start: calc(var(--pf-t--global--spacer--sm) * -1);
+  width: 4px;
+  height: 4px;
+  border-radius: var(--pf-t--global--border--radius--pill);
+  animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
+  animation-delay: var(--pf-t--global--motion--delay--none);
+}
+.pf-chatbot__message-loading-dots::after {
+  inset-inline-start: var(--pf-t--global--spacer--sm);
+  width: 4px;
+  height: 4px;
+  border-radius: var(--pf-t--global--border--radius--pill);
+  animation: dot-flashing var(--pf-t--global--motion--duration--2xl) infinite alternate;
+  animation-delay: calc(var(--pf-t--global--motion--duration--2xl) * 0.6666666667);
+}
+@keyframes dot-flashing {
+  0% {
+    background-color: var(--pf-t--global--background--color--inverse--default);
+  }
+  50%, 100% {
+    background-color: rgba(41, 41, 41, 0.25);
+  }
+}
+.pf-chatbot__message-loading.pf-m-primary {
+  background-color: var(--pf-t--global--background--color--secondary--default);
+}
+
+.pf-chatbot__quickstarts-tile {
+  max-width: 650px;
+  width: 100%;
+}
+@media screen and (max-width: 700px) {
+  .pf-chatbot__quickstarts-tile {
+    max-width: 100%;
+    min-width: initial;
+  }
+}
+.pf-chatbot__quickstarts-tile .pf-v6-c-card__header-main .pf-v6-c-icon__content {
+  display: contents;
+}
+
+.pf-v6-theme-dark .pf-chatbot__quickstarts-tile .pfext-catalog-item-icon__img {
+  filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
+}
+
+.pf-chatbot__message-quick-response .pf-v6-c-label:not(.pf-m-compact) {
+  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
+}
+@media screen and (min-width: 401px) and (max-width: 600px) {
+  .pf-chatbot__message-quick-response .pf-v6-c-label {
+    --pf-v6-c-label__text--MaxWidth: 20ch;
+  }
+}
+@media screen and (max-width: 400px) {
+  .pf-chatbot__message-quick-response .pf-v6-c-label {
+    --pf-v6-c-label__text--MaxWidth: 15ch;
+  }
+}
+.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected .pf-v6-c-label__content:is(:hover, :focus) {
+  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
+  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+}
+.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:hover,
+.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:focus {
+  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
+  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+}
+.pf-chatbot__message-quick-response .pf-v6-c-label.pf-m-blue.pf-m-clickable .pf-v6-c-label__content:is(:active) {
+  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
+  --pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
+}
+
+.pf-chatbot__feedback-card {
+  box-shadow: var(--pf-t--global--box-shadow--sm);
+  --pf-v6-c-card--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
+  max-width: 27.5rem;
+}
+
+.pf-chatbot__feedback-complete-body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--lg);
+  align-items: center;
+  text-align: center;
+}
+
+.pf-chatbot__feedback-complete-text {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-card--first-child--PaddingBlockStart: 0;
+  --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: 0;
+}
+
+.pf-chatbot__feedback-complete-image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.pf-chatbot__feedback-complete-title {
+  font-family: var(--pf-t--global--font--family--heading);
+  font-size: var(--pf-t--global--font--size--lg);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  line-height: var(--pf-t--global--font--line-height--heading);
+}
+
+.pf-chatbot__feedback-card-complete-header .pf-v6-c-card__actions {
+  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--xl) * -1);
+}
+
+.pf-chatbot__feedback-card-title {
+  font-family: var(--pf-t--global--font--family--heading);
+  font-size: var(--pf-t--global--font--size--md);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  line-height: var(--pf-t--global--font--line-height--heading);
+}
+
+.pf-chatbot__feedback-card-form {
+  --pf-v6-c-form__group--m-action--MarginBlockStart: 0 !important;
+}
+
+.pf-chatbot__feedback-card-optional {
+  font-weight: initial;
+}
+
+.pf-chatbot__feedback-card-privacy {
+  font-size: var(--pf-t--global--font--size--body--sm);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+  line-height: var(--pf-t--global--font--line-height--body);
+  color: var(--pf-t--global--text--color--subtle);
+}
+
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card {
+  --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card--child--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card--child--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card .pf-chatbot__feedback-card-form.pf-m-compact {
+  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card .pf-chatbot__feedback-card-form.pf-m-compact .pf-v6-c-form__group.pf-m-action {
+  margin-block-start: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card .pf-chatbot__feedback-card-form.pf-m-compact .pf-v6-c-form-control {
+  font-size: var(--pf-t--global--font--size--body--sm);
+}
+
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card.pf-chatbot__feedback-card-complete div.pf-chatbot__feedback-complete-body {
+  gap: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card.pf-chatbot__feedback-card-complete .pf-chatbot__feedback-complete-image {
+  width: 40px;
+}
+.pf-v6-c-card.pf-m-compact.pf-chatbot__feedback-card.pf-chatbot__feedback-card-complete .pf-chatbot__feedback-card-complete-empty-header .pf-v6-c-card__header:first-child {
+  --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+}
+
+.pf-v6-c-button.pf-chatbot__button--attach {
+  border-radius: var(--pf-t--global--border--radius--pill);
+  padding: var(--pf-t--global--spacer--md);
+  width: 3rem;
+  height: 3rem;
+}
+.pf-v6-c-button.pf-chatbot__button--attach .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--subtle);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--regular);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:active, .pf-v6-c-button.pf-chatbot__button--attach:focus {
+  background-color: var(--pf-t--global--color--brand--clicked);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:active .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--inverse);
+}
+.pf-v6-c-button.pf-chatbot__button--attach:active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:active:focus .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--inverse);
+}
+
+.pf-v6-c-button.pf-chatbot__button--attach.pf-m-compact {
+  width: 1.5rem;
+  height: 1.5rem;
+  align-items: center;
+}
+
+.pf-v6-c-button.pf-chatbot__button--microphone {
+  border-radius: var(--pf-t--global--border--radius--pill);
+  padding: var(--pf-t--global--spacer--md);
+  width: 3rem;
+  height: 3rem;
+}
+.pf-v6-c-button.pf-chatbot__button--microphone .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--subtle);
+}
+.pf-v6-c-button.pf-chatbot__button--microphone:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--regular);
+}
+.pf-v6-c-button.pf-chatbot__button--microphone--active {
+  background-color: var(--pf-t--global--color--brand--clicked);
+  animation: motionMicButton var(--pf-t--global--motion--timing-function--accelerate) calc(var(--pf-t--global--motion--duration--md) * 8) infinite;
+}
+.pf-v6-c-button.pf-chatbot__button--microphone--active .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
+.pf-v6-c-button.pf-chatbot__button--microphone--active:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--microphone--active:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
+
+@keyframes motionMicButton {
+  0% {
+    box-shadow: 0 0 0 0 rgb(0, 77, 153);
+  }
+  100% {
+    box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
+  }
+}
+.pf-v6-c-button.pf-chatbot__button--microphone.pf-m-compact {
+  width: 1.5rem;
+  height: 1.5rem;
+  align-items: center;
+}
+
+.pf-v6-c-button.pf-chatbot__button--send {
+  border-radius: var(--pf-t--global--border--radius--pill);
+  padding: var(--pf-t--global--spacer--md);
+  width: 3rem;
+  height: 3rem;
+}
+.pf-v6-c-button.pf-chatbot__button--send .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--color--brand--default);
+}
+.pf-v6-c-button.pf-chatbot__button--send:hover, .pf-v6-c-button.pf-chatbot__button--send:focus {
+  background-color: rgba(146, 197, 249, 0.25);
+  color: var(--pf-t--global--color--brand--hover);
+}
+.pf-v6-c-button.pf-chatbot__button--send:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--send:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--color--brand--hover);
+}
+
+.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send {
+  background-color: var(--pf-t--global--color--brand--default);
+}
+.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send .pf-v6-c-button__icon {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--inverse);
+}
+.pf-v6-theme-dark .pf-v6-c-button:disabled.pf-chatbot__button--send:disabled {
+  --pf-v6-c-button--disabled--Color: var(--pf-t--global--icon--color--disabled);
+  background-color: var(--pf-t--global--background--color--disabled--default);
+}
+.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send:hover,
+.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send:focus {
+  background-color: rgba(146, 197, 249, 0.25);
+}
+
+@keyframes motionSendButton {
+  0% {
+    opacity: 0;
+    transform: translate3d(-8px, 0, 0);
+  }
+  100% {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+.pf-v6-c-button.pf-chatbot__button--send.pf-m-compact {
+  width: 1.5rem;
+  height: 1.5rem;
+  align-items: center;
+}
+
+.pf-v6-c-button.pf-chatbot__button--stop {
+  background-color: var(--pf-t--global--color--brand--default);
+  border-radius: var(--pf-t--global--border--radius--pill);
+  padding: var(--pf-t--global--spacer--md);
+  width: 3rem;
+  height: 3rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.pf-v6-c-button.pf-chatbot__button--stop .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
+.pf-v6-c-button.pf-chatbot__button--stop:hover {
+  background-color: var(--pf-t--global--color--brand--hover);
+}
+.pf-v6-c-button.pf-chatbot__button--stop:focus {
+  background-color: var(--pf-t--global--color--brand--clicked);
+}
+.pf-v6-c-button.pf-chatbot__button--stop:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
+.pf-v6-c-button.pf-chatbot__button--stop:focus:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--stop:focus:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--on-brand--default);
+}
+
+.pf-v6-c-button.pf-chatbot__button--stop.pf-m-compact {
+  width: 1.5rem;
+  height: 1.5rem;
+  align-items: center;
+}
+
+.pf-chatbot__message-bar {
+  --pf-chatbot__message-bar-child--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-chatbot__message-bar-child--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+  padding-inline-start: 0.5rem;
+  padding-inline-end: 0.5rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-end;
+  background-color: var(--pf-t--global--background--color--control--default, --pf-t--global--background--color--primary--default);
+  border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
+  transition: border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
+  position: relative;
+  border: var(--pf-t--global--border--width--control--default) solid transparent;
+  overflow: hidden;
+}
+.pf-chatbot__message-bar::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border--color--control--default);
+  pointer-events: none;
+  transition: border-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), border-width var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm);
+}
+.pf-chatbot__message-bar:hover::after {
+  border-color: var(--pf-t--global--border--color--control--hover);
+  border-width: var(--pf-t--global--border--width--control--hover);
+}
+.pf-chatbot__message-bar:focus-within::after {
+  border-color: var(--pf-t--global--border--color--control--clicked);
+  border-width: var(--pf-t--global--border--width--control--clicked);
+}
+.pf-chatbot__message-bar-actions {
+  display: flex;
+  justify-content: end;
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
+}
+.pf-chatbot__message-bar-actions.pf-m-grouped {
+  flex-basis: 100%;
+  justify-content: space-between;
+}
+.pf-chatbot__message-bar-actions-group {
+  display: flex;
+  padding-block-start: var(--pf-t--global--spacer--xs);
+  padding-block-end: var(--pf-t--global--spacer--xs);
+  gap: var(--pf-t--global--spacer--gap--action-to-action--plain);
+  align-items: center;
+}
+.pf-chatbot__message-bar-input {
+  flex: 1 1 auto;
+  padding-block-start: var(--pf-t--global--spacer--sm);
+  padding-block-end: var(--pf-t--global--spacer--sm);
+}
+
+.pf-chatbot__message-textarea {
+  --pf-v6-c-form-control--before--BorderStyle: none !important;
+  --pf-v6-c-form-control--after--BorderStyle: none !important;
+  resize: none !important;
+  background-color: transparent !important;
+  font-size: var(--pf-t--global--font--size--md) !important;
+  line-height: 1.5rem !important;
+  max-height: 12rem;
+  overflow-y: auto !important;
+  outline: none;
+  overflow-wrap: break-word !important;
+  word-wrap: break-word;
+  height: 100%;
+  width: 100%;
+  display: block !important;
+}
+.pf-chatbot__message-textarea .pf-v6-c-form-control__textarea:focus-visible {
+  outline: none;
+}
+.pf-chatbot__message-textarea textarea {
+  outline-offset: 0px !important;
+  --pf-v6-c-form-control--PaddingBlockStart: 0;
+  --pf-v6-c-form-control--PaddingBlockEnd: 0;
+  --pf-v6-c-form-control--BorderRadius: 0;
+  font-family: var(--pf-t--global--font--family--body);
+}
+.pf-chatbot__message-textarea textarea:focus-visible {
+  outline: none;
+}
+
+.pf-chatbot__message-textarea.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
+  --pf-v6-c-form-control--PaddingBlockStart: 0;
+  --pf-v6-c-form-control--PaddingBlockEnd: 0;
+  --pf-v6-c-form-control--PaddingInlineStart: 1rem;
+  --pf-v6-c-form-control--PaddingInlineEnd: 1rem;
+  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
+}
+
+.pf-chatbot__message-textarea.pf-v6-c-form-control.pf-m-textarea {
+  --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: 0;
+  --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: 0;
+  --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: 0;
+  --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: 0;
+}
+
+@media screen and (max-width: 359px) {
+  .pf-chatbot__message-textarea {
+    margin-top: var(--pf-t--global--spacer--md) !important;
+    margin-bottom: var(--pf-t--global--spacer--md) !important;
+  }
+}
+@media screen and (max-width: 415px) {
+  .pf-chatbot--embedded .pf-chatbot__message-textarea {
+    margin-top: var(--pf-t--global--spacer--md) !important;
+    margin-bottom: var(--pf-t--global--spacer--md) !important;
+  }
+}
+
+.pf-chatbot__message-bar-input.pf-m-compact {
+  padding-block-start: 0;
+  padding-block-end: 0;
+}
+.pf-chatbot__message-bar-input.pf-m-compact .pf-chatbot__message-textarea {
+  font-size: var(--pf-t--global--font--size--sm) !important;
+}
+
+.pf-m-compact .pf-chatbot__message-bar-actions,
+.pf-m-compact .pf-chatbot__message-bar-actions-group {
+  padding-block-start: var(--pf-t--global--spacer--sm);
+  padding-block-end: var(--pf-t--global--spacer--sm);
+}
+
+.pf-chatbot__message-bar.pf-m-multiline {
+  border-radius: calc(var(--pf-t--global--border--radius--small) * 2);
+}
+
+.pf-chatbot__jump {
+  position: absolute !important;
+  inset-inline-start: 75% !important;
+  width: 2rem !important;
+  height: 2rem !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  padding: var(--pf-t--global--spacer--md) !important;
+  border-radius: var(--pf-t--global--border--radius--pill) !important;
+  --pf-v6-c-button--MinWidth: 2rem !important;
+  background-color: var(--pf-t--global--background--color--primary--default) !important;
+  border: 1px solid var(--pf-t--global--border--color--default) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm);
+  color: var(--pf-t--global--icon--color--subtle) !important;
+  transform: translate3d(-50%, 0, 0) !important;
+  transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
+  z-index: var(--pf-t--global--z-index--md) !important;
+}
+.pf-chatbot__jump .pf-v6-c-button__text {
+  line-height: 1rem;
+}
+.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
+  background-color: var(--pf-t--global--background--color--primary--hover) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md) !important;
+  color: var(--pf-t--global--icon--color--regular) !important;
+}
+.pf-chatbot__jump--top {
+  inset-block-start: var(--pf-t--global--spacer--md) !important;
+}
+.pf-chatbot__jump--bottom {
+  inset-block-end: var(--pf-t--global--spacer--md) !important;
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot__jump {
+    display: none;
+  }
+}
+
+.pf-chatbot__messagebox {
+  height: 100%;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  row-gap: var(--pf-t--global--spacer--sm);
+  padding: var(--pf-t--global--spacer--lg);
+}
+@media screen and (max-width: 32rem) {
+  .pf-chatbot__messagebox {
+    width: 100%;
+  }
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot__messagebox {
+    overflow-y: visible;
+  }
+}
+
+.pf-chatbot__messagebox--bottom > :first-child {
+  margin-top: auto !important;
+}
+
+@media screen and (min-width: 64rem) {
+  .pf-chatbot--embedded .pf-chatbot__messagebox,
+  .pf-chatbot--drawer .pf-chatbot__messagebox,
+  .pf-chatbot--fullscreen .pf-chatbot__messagebox {
+    max-width: 60rem;
+    width: 100%;
+  }
+}
+.pf-chatbot.pf-m-compact .pf-chatbot__messagebox {
+  padding: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__message-divider {
+  display: grid;
+  padding-block-end: var(--pf-t--global--spacer--xl);
+}
+.pf-chatbot__message-divider .pf-v6-c-divider,
+.pf-chatbot__message-divider .pf-v6-c-label {
+  grid-row: 1/1;
+  grid-column: 1/1;
+}
+.pf-chatbot__message-divider .pf-v6-c-label {
+  --pf-v6-c-label--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
+  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
+}
+.pf-chatbot__message-divider .pf-v6-c-label .pf-v6-c-label__text {
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  text-align: center;
+}
+.pf-chatbot__message-divider.pf-m-divider .pf-v6-c-label {
+  --pf-v6-c-label--MaxWidth: 75%;
+  justify-self: center;
+}
+.pf-chatbot__message-divider.pf-m-divider .pf-v6-c-divider {
+  align-self: center;
+}
+.pf-chatbot__message-divider.pf-m-wrap .pf-v6-c-label,
+.pf-chatbot__message-divider.pf-m-wrap .pf-v6-c-label__text {
+  white-space: normal;
+}
+
+.pf-chatbot__jump {
+  position: absolute !important;
+  inset-inline-start: 75% !important;
+  width: 2rem !important;
+  height: 2rem !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  padding: var(--pf-t--global--spacer--md) !important;
+  border-radius: var(--pf-t--global--border--radius--pill) !important;
+  --pf-v6-c-button--MinWidth: 2rem !important;
+  background-color: var(--pf-t--global--background--color--primary--default) !important;
+  border: 1px solid var(--pf-t--global--border--color--default) !important;
+  box-shadow: var(--pf-t--global--box-shadow--sm);
+  color: var(--pf-t--global--icon--color--subtle) !important;
+  transform: translate3d(-50%, 0, 0) !important;
+  transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
+  z-index: var(--pf-t--global--z-index--md) !important;
+}
+.pf-chatbot__jump .pf-v6-c-button__text {
+  line-height: 1rem;
+}
+.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
+  background-color: var(--pf-t--global--background--color--primary--hover) !important;
+  box-shadow: var(--pf-t--global--box-shadow--md) !important;
+  color: var(--pf-t--global--icon--color--regular) !important;
+}
+.pf-chatbot__jump--top {
+  inset-block-start: var(--pf-t--global--spacer--md) !important;
+}
+.pf-chatbot__jump--bottom {
+  inset-block-end: var(--pf-t--global--spacer--md) !important;
+}
+@media screen and (max-height: 518px) {
+  .pf-chatbot__jump {
+    display: none;
+  }
+}
+
+.pf-chatbot__onboarding-modal {
+  overflow-x: hidden;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--title {
+  margin-block-end: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--section {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--modal-body {
+  display: flex;
+  flex-direction: column;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--modal-text {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+}
+.pf-chatbot__onboarding-modal .pf-v6-c-content {
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  max-height: 65%;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--header img {
+  max-width: unset;
+  height: 100%;
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--title {
+  font-size: var(--pf-t--global--font--size--heading--h1);
+  font-family: var(--pf-t--global--font--family--heading);
+  font-weight: var(--pf-t--global--font--weight--heading--bold);
+}
+.pf-chatbot__onboarding-modal .pf-chatbot__onboarding--footer {
+  margin-block-start: var(--pf-t--global--spacer--md);
+}
+@media screen and (max-height: 620px) {
+  .pf-chatbot__onboarding-modal .pf-v6-c-modal-box__body {
+    --pf-v6-c-modal-box__body--MinHeight: auto;
+    overflow: visible;
+  }
+}
+
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--docked.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--docked .pf-chatbot__onboarding--header img,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--fullscreen .pf-chatbot__onboarding--header img,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--embedded .pf-chatbot__onboarding--header img {
+  max-width: 100%;
+  height: auto;
+}
+
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--fullscreen,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--embedded {
+  height: inherit !important;
+}
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--fullscreen .pf-chatbot__onboarding--title,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__onboarding-modal.pf-chatbot__onboarding-modal--embedded .pf-chatbot__onboarding--title {
+  font-size: var(--pf-t--global--font--size--heading--2xl);
+}
+
+.pf-chatbot__onboarding-modal.pf-m-compact .pf-chatbot__onboarding--header {
+  gap: var(--pf-t--global--spacer--md);
+  align-items: flex-start;
+  margin-block-start: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__onboarding-modal.pf-m-compact .pf-chatbot__onboarding--modal-header {
+  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__onboarding-modal.pf-m-compact .pf-chatbot__onboarding--modal-body {
+  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__response-actions {
+  display: grid;
+  gap: var(--pf-t--global--spacer--xs);
+  grid-template-columns: repeat(auto-fit, minmax(0, max-content));
+}
+.pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
+  border-radius: var(--pf-t--global--border--radius--pill);
+  width: 2.3125rem;
+  height: 2.3125rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:hover {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
+}
+.pf-chatbot__response-actions .pf-chatbot__button--response-action.pf-v6-c-button.pf-m-plain.pf-m-small:focus {
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
+}
+
+.pf-chatbot__message.pf-m-end .pf-chatbot__response-actions-groups,
+.pf-chatbot__message.pf-m-end :not(.pf-chatbot__response-actions-groups) > .pf-chatbot__response-actions {
+  justify-content: end;
+}
+
+.pf-chatbot__response-actions-groups {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  gap: var(--pf-t--global--spacer--xs);
+}
+.pf-chatbot__response-actions-groups .pf-chatbot__response-actions {
+  display: flex;
+}
+
+.pf-v6-c-button.pf-chatbot__button--response-action-clicked.pf-v6-c-button.pf-m-plain.pf-m-small {
+  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
+  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
+}
+
+.pf-chatbot__settings-form-container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  overflow: scroll;
+}
+
+.pf-chatbot__settings-form {
+  display: flex;
+  flex-direction: column;
+  max-width: 60rem;
+  flex: 1;
+}
+
+.pf-chatbot__settings-form-row {
+  font-size: var(--pf-t--global--font--size--body--lg);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--pf-t--global--border--color--default);
+  padding: var(--pf-t--global--spacer--lg);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+
+.pf-chatbot__settings-form-row:last-of-type {
+  border-bottom: 0px;
+}
+
+.pf-chatbot__settings--title {
+  font-family: var(--pf-t--global--font--family--heading);
+  font-size: var(--pf-t--global--font--size--xl);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+  text-align: center;
+}
+
+.pf-chatbot__settings-form-container.pf-m-compact .pf-chatbot__settings-form-row {
+  padding: var(--pf-t--global--spacer--md);
+  font-size: var(--pf-t--global--font--size--body--md);
+}
+
+.pf-chatbot__header.pf-m-compact {
+  padding-inline-start: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__source,
+.pf-chatbot__sources-card-base {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--sm);
+  padding-block-start: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__source:not(.pf-m-wrap),
+.pf-chatbot__sources-card-base:not(.pf-m-wrap) {
+  max-width: 22.5rem;
+}
+
+.pf-chatbot__sources-card-base a {
+  color: var(--pf-t--global--text--color--link--default) !important;
+  -webkit-text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
+  text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
+}
+
+.pf-chatbot__sources-card-base.pf-m-wrap .pf-chatbot__sources-list {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__sources-card {
+  box-shadow: var(--pf-t--global--box-shadow--sm);
+}
+
+.pf-chatbot__compact-sources-card-body {
+  --pf-v6-c-card--child--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__sources-card-subtitle,
+.pf-chatbot__sources-card-subtle {
+  color: var(--pf-t--global--text--color--subtle);
+  font-size: var(--pf-t--global--font--size--body--sm);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+}
+
+.pf-chatbot__sources-card-body-text {
+  display: block;
+  display: -webkit-box;
+  height: 2.8125rem;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.pf-chatbot__sources-card-title-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__sources-card-footer-container {
+  border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
+  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) !important;
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
+  display: flex;
+  align-items: center;
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons {
+  display: flex;
+  gap: var(--pf-t--global--spacer--xs);
+  align-items: center;
+  justify-content: space-between;
+  flex: 1;
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button {
+  border-radius: var(--pf-t--global--border--radius--pill);
+  padding: var(--pf-t--global--spacer--sm);
+  width: 2.31rem;
+  height: 2.31rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons button:disabled .pf-v6-c-icon__content,
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons button[disabled] .pf-v6-c-icon__content {
+  color: var(--pf-t--global--icon--color--disabled);
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__text {
+  display: flex;
+  align-items: center;
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:hover .pf-v6-c-button__icon,
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button:focus .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--regular);
+}
+.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
+  color: var(--pf-t--global--icon--color--subtle);
+}
+
+.pf-v6-c-card.pf-m-compact.pf-chatbot__sources-card .pf-v6-c-card__footer.pf-chatbot__sources-card-footer-container {
+  border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
+  padding: var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--xs) var(--pf-t--global--spacer--xs) !important;
+}
+
+.pf-chatbot__source-details-subhead {
+  color: var(--pf-t--global--text--color--subtle);
+  font-size: var(--pf-t--global--icon--size--font--xs);
+  font-weight: var(--pf-t--global--font--weight--body--bold);
+}
+
+.pf-chatbot__source-details-heading {
+  font-size: var(--pf-t--global--font--size--body--default);
+  word-wrap: break-word;
+}
+
+.pf-chatbot__source-details-icon {
+  width: 100% !important;
+}
+
+.pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
+  width: 24px;
+  color: var(--pf-t--global--icon--color--status--custom--default);
+}
+
+.pf-chatbot-source-details-dropdown-item:hover .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
+  color: var(--pf-t--global--icon--color--status--custom--hover);
+}
+
+.pf-chatbot__source-details {
+  flex-direction: row;
+}
+
+.pf-chatbot__source-details-text {
+  max-width: 20rem;
+}
+
+.pf-chatbot__terms-of-use-modal .pf-v6-c-content {
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+.pf-chatbot__terms-of-use-modal .pf-v6-c-content h2 {
+  font-size: var(--pf-t--global--icon--size--font--heading--h2);
+  font-family: var(--pf-t--global--font--family--heading);
+  margin-bottom: var(--pf-t--global--spacer--md);
+  margin-top: var(--pf-t--global--spacer--md);
+  font-weight: var(--pf-t--global--font--weight--heading--default);
+}
+.pf-chatbot__terms-of-use-modal .pf-v6-c-content h2:first-of-type {
+  margin-top: 0;
+}
+.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--xl);
+  margin-block-start: var(--pf-t--global--spacer--xl);
+}
+.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--title {
+  font-size: var(--pf-t--global--font--size--heading--h1);
+  font-family: var(--pf-t--global--font--family--heading);
+  font-weight: var(--pf-t--global--font--weight--heading--bold);
+}
+.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--footer {
+  margin-block-start: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--section {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+@media screen and (max-height: 620px) {
+  .pf-chatbot__terms-of-use-modal .pf-v6-c-modal-box__body {
+    --pf-v6-c-modal-box__body--MinHeight: auto;
+    overflow: visible;
+  }
+}
+
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded {
+  height: inherit !important;
+}
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen .pf-v6-c-content h2,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded .pf-v6-c-content h2 {
+  font-size: var(--pf-t--global--icon--size--font--heading--h1);
+}
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen .pf-chatbot__terms-of-use--title,
+.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded .pf-chatbot__terms-of-use--title {
+  font-size: var(--pf-t--global--font--size--heading--2xl);
+}
+
+.pf-chatbot__terms-of-use-modal.pf-m-compact .pf-chatbot__terms-of-use--header {
+  gap: var(--pf-t--global--spacer--md);
+  align-items: flex-start;
+  margin-block-start: var(--pf-t--global--spacer--lg);
+}
+.pf-chatbot__terms-of-use-modal.pf-m-compact .pf-chatbot__terms-of-use--modal-header {
+  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+.pf-chatbot__terms-of-use-modal.pf-m-compact .pf-chatbot__terms-of-use--modal-body {
+  --pf-v6-c-modal-box__body--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-modal-box__body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+}
+
+.pf-chatbot__tool-response {
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
+  overflow: unset;
+}
+
+.pf-chatbot__tool-response-expandable-section {
+  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__tool-response-section {
+  display: flex;
+  flex-direction: column;
+  gap: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__tool-response-subheading {
+  font-size: var(--pf-t--global--font--size--body--sm);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+  color: var(--pf-t--global--text--color--subtle);
+}
+
+.pf-chatbot__tool-response-body {
+  color: var(--pf-t--global--text--color--subtle);
+  margin-block-end: var(--pf-t--global--spacer--xs);
+}
+
+.pf-chatbot__tool-response-card {
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-card--first-child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-card__title--not--last-child--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-card--c-divider--child--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__tool-response-card .pf-v6-c-divider {
+  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
+}
+
+.pf-chatbot__tool-response-expandable-section .pf-v6-c-expandable-section__toggle .pf-m-markdown {
+  padding: inherit;
+}
+
+.pf-chatbot__tool-response .pf-chatbot__message-image {
+  max-width: 100%;
+}
+
+.pf-chatbot__tool-call {
+  --pf-v6-c-card--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
+  overflow: unset;
+  row-gap: var(--pf-t--global--spacer--sm);
+}
+.pf-chatbot__tool-call .pf-chatbot__tool-call-title-content {
+  display: flex;
+  gap: var(--pf-t--global--spacer--xs);
+  align-items: center;
+}
+.pf-chatbot__tool-call .pf-chatbot__tool-call-title:not(:has(.pf-chatbot__tool-call-expandable-section)) .pf-chatbot__tool-call-title-text {
+  color: var(--pf-t--global--text--color--regular);
+  font-size: var(--pf-t--global--font--size--body--default);
+  font-weight: var(--pf-t--global--font--weight--body--default);
+}
+.pf-chatbot__tool-call .pf-chatbot__tool-call-title {
+  overflow: unset;
+}
+.pf-chatbot__tool-call .pf-chatbot__tool-call-expandable-section {
+  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--xs);
+}
+.pf-chatbot__tool-call .pf-chatbot__tool-call-expandable-section .pf-v6-c-expandable-section__content {
+  color: var(--pf-t--global--text--color--subtle);
+}
+.pf-chatbot__tool-call .pf-chatbot__tool-call-action-list {
+  justify-content: flex-end;
+}
+
+.pf-chatbot-m-hidden {
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+/*# sourceMappingURL=main.css.map */