.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: 500;
}
.pf-chatbot__menu .pf-v6-c-divider {
  padding: 0 var(--pf-t--global--spacer--md) 0 var(--pf-t--global--spacer--md);
}

.pf-chatbot__history .pf-chatbot__drawer-backdrop {
  position: absolute;
}
.pf-chatbot__history .pf-chatbot__input {
  padding-inline-start: var(--pf-t--global--spacer--xl);
  padding-inline-end: var(--pf-t--global--spacer--xl);
}
.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);
  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: 500;
  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);
  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);
}
.pf-chatbot__history .pf-chatbot__history-actions {
  transform: rotate(90deg);
}

.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--lg);
  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__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--docked .pf-chatbot__history.pf-v6-c-drawer {
  height: 100vh;
}

.pf-chatbot--fullscreen .pf-chatbot__history.pf-v6-c-drawer {
  height: 100vh;
}
.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 {
  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--chatbot--background);
  border-radius: var(--pf-t--global--border--radius--medium);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  font-size: var(--pf-t--chatbot--font-size);
  overflow: hidden;
  z-index: var(--pf-t--global--z-index--md);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pf-chatbot--hidden {
  pointer-events: none;
}

.pf-chatbot--docked {
  inset-block-end: 0;
  inset-inline-end: 0;
  padding: 0;
  height: 100%;
  border-radius: 0;
  box-shadow: none;
  overflow: inherit;
}

html.pf-chatbot-allow--docked {
  padding-right: 480px;
}

.pf-chatbot--fullscreen {
  inset-block-end: 0;
  inset-inline-end: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  box-shadow: none;
}

.pf-chatbot--embedded {
  position: static;
  width: 100%;
  min-height: 100%;
  border-radius: 0;
  box-shadow: none;
}

.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);
  background-color: var(--pf-t--global--background--color--inverse--default);
  border-radius: var(--pf-t--global--border--radius--pill);
  --pf-v6-c-button__icon--Color: var(--pf-t--chatbot-toggle--color);
  padding: var(--pf-t--global--spacer--md);
  width: 3rem;
  height: 3rem;
}
.pf-v6-c-button.pf-chatbot__button:hover, .pf-v6-c-button.pf-chatbot__button:focus {
  background-color: var(--pf-t--chatbot-toggle--background--hover);
}
.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-chatbot__content {
  position: relative;
  background-color: var(--pf-t--chatbot--background);
  overflow-y: auto;
  overflow: hidden;
  flex: 1;
}

@media screen and (min-width: 64rem) {
  .pf-chatbot--fullscreen .pf-chatbot__content,
  .pf-chatbot--embedded .pf-chatbot__content {
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.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--chatbot--background);
  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__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;
}
.pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary {
  width: 160px;
}

@media screen and (min-width: 64rem) {
  .pf-chatbot--fullscreen .pf-chatbot__header,
  .pf-chatbot--embedded .pf-chatbot__header {
    background-color: var(--pf-t--global--background--color--primary--default);
  }
  .pf-chatbot--fullscreen .pf-chatbot__header__divider,
  .pf-chatbot--embedded .pf-chatbot__header__divider {
    display: none;
  }
}
.pf-chatbot--docked .pf-chatbot__header {
  background-color: var(--pf-t--chatbot--background);
}
.pf-chatbot--docked .pf-chatbot__header__divider {
  display: none;
}

.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 .pf-v6-c-button__icon,
.pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
.pf-chatbot__button--toggle-options .pf-v6-c-icon__content,
.pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
.pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon,
.pf-chatbot__button--toggle-menu .pf-v6-c-icon__content {
  color: var(--pf-t--chatbot--icon--fill);
}
.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--chatbot--icon--fill--hover);
}

.pf-chatbot__button--toggle-options svg {
  transform: rotate(90deg);
}

.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__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);
  padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
  background-color: var(--pf-t--chatbot--background);
  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 {
    padding: var(--pf-t--global--spacer--sm) 12rem;
  }
  .pf-chatbot--embedded .pf-chatbot__footer .pf-v6-c-divider,
  .pf-chatbot--fullscreen .pf-chatbot__footer .pf-v6-c-divider {
    display: none;
  }
}
.pf-chatbot--docked .pf-chatbot__footer {
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
}
.pf-chatbot--docked .pf-chatbot__footer .pf-v6-c-divider {
  display: none;
}

.pf-chatbot--layout--welcome {
  padding-block-end: var(--pf-t--global--spacer--lg);
  padding-block-start: 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--FontSize: var(--pf-t--global--font--size--3xl);
  --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;
}

@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-backdrop {
  position: static;
}

.pf-chatbot__code-modal {
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium);
  position: fixed;
  inset-block-end: var(--pf-t--global--spacer--800);
  inset-inline-end: var(--pf-t--global--spacer--lg);
  width: 30rem;
  height: 70vh;
  background-color: var(--pf-t--global--background--color--secondary--default);
}
.pf-chatbot__code-modal .pf-v6-c-modal-box__title {
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
}
.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-chatbot__code-modal .pf-v6-c-code-editor__header {
  background: #1f1f1f;
  /** 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--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);
  --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: 500;
}
.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-button.pf-m-primary.pf-m-block,
.pf-chatbot__code-modal .pf-v6-c-button.pf-m-link.pf-m-block {
  --pf-v6-c-button--FontWeight: 500;
}
.pf-chatbot__code-modal .pf-v6-c-modal-box__close {
  --pf-v6-c-modal-box__close--InsetBlockStart: 1.125rem;
}
.pf-chatbot__code-modal .pf-chatbot__code-modal-body {
  gap: var(--pf-t--global--spacer--lg);
}
.pf-chatbot__code-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);
}
.pf-chatbot__code-modal .pf-v6-c-modal-box__header {
  padding-block-end: var(--pf-t--global--spacer--lg);
}
.pf-chatbot__code-modal .pf-chatbot__code-modal-file-details {
  padding-inline-start: var(--pf-t--global--spacer--md);
}

@media screen and (max-width: 600px) {
  .pf-chatbot__code-modal--embedded,
  .pf-chatbot__code-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__code-modal--embedded,
  .pf-chatbot__code-modal--fullscreen {
    inset-block-end: 0;
    inset-inline-end: 0;
    width: 50%;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.pf-chatbot__code-modal--default {
  box-shadow: unset;
}

.pf-chatbot__code-modal--docked {
  height: 100vh;
  inset-block-end: 0;
  inset-inline-end: 0;
  border-radius: 0;
  --pf-v6-c-modal-box--MaxHeight: 100vh;
  box-shadow: unset;
}

.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-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__code-modal .pf-v6-c-modal-box__title {
  color: #fff;
}

.pf-v6-c-backdrop.pf-chatbot__backdrop {
  position: absolute;
}

.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: 500;
}

.pf-chatbot__code-icon {
  color: var(--pf-t--global--icon--color--status--custom--default);
  width: 24px;
  height: 24px;
}

.pf-chatbot__code-fileName {
  font-size: var(--pf-t--global--font--size--body--default);
}

.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 {
  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);
  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.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);
}

.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__dropzone {
  gap: unset;
  flex: 1;
}

.pf-chatbot__dropzone--invisible {
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr 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);
}

.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--chatbot--icon--fill);
}
.pf-v6-c-button.pf-chatbot__button--attach:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--attach:focus .pf-v6-c-button__icon {
  color: var(--pf-t--chatbot--icon--fill--hover);
}

.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--chatbot--icon--fill);
}
.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--chatbot--icon--fill--hover);
}
.pf-v6-c-button.pf-chatbot__button--microphone--active {
  background-color: var(--pf-t--color--blue--50);
  animation: motionMicButton var(--pf-t--chatbot--timing-function) 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--color--white);
}
.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--color--white);
}

@keyframes motionMicButton {
  0% {
    box-shadow: 0 0 0 0 rgb(0, 102, 204);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(0, 102, 204, 0);
  }
}
.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:hover, .pf-v6-c-button.pf-chatbot__button--send:focus {
  background-color: var(--pf-t--chatbot--blue-icon--background--color--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--chatbot--blue-icon--fill--hover);
}

@keyframes motionSendButton {
  0% {
    opacity: 0;
    transform: translate3d(-8px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.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: flex-end;
  justify-content: flex-end;
  background-color: var(--pf-t--global--background--color--primary--default);
  border-radius: calc(var(--pf-t--global--border--radius--medium) * 2);
  transition: box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm);
}
.pf-chatbot__message-bar:hover {
  box-shadow: inset 0 0 0 1px var(--pf-t--global--border--color--default);
}
.pf-chatbot__message-bar:focus-within {
  box-shadow: inset 0 0 0 2px var(--pf-t--global--color--brand--default);
}
.pf-chatbot__message-bar-actions {
  display: flex;
  justify-content: end;
  padding-block-start: var(--pf-chatbot__message-bar-child--PaddingBlockStart);
  padding-block-end: var(--pf-t--global--spacer--sm);
  gap: var(--pf-t--global--spacer--xs);
}
.pf-chatbot__message-bar-input {
  flex: 1 1 auto;
  padding-block-start: var(--pf-chatbot__message-bar-child--PaddingBlockStart);
  padding-block-end: var(--pf-chatbot__message-bar-child--PaddingBlockEnd);
}

.pf-chatbot__message-textarea {
  padding-block-start: var(--pf-t--global--spacer--md);
  padding-block-end: var(--pf-t--global--spacer--md);
  padding-inline-start: var(--pf-t--global--spacer--md);
  padding-inline-end: var(--pf-t--global--spacer--md);
  --pf-v6-c-form-control--before--BorderStyle: none;
  --pf-v6-c-form-control--after--BorderStyle: none;
  background-color: transparent;
  font-size: var(--pf-t--global--font--size--md);
  line-height: 1.5rem;
  max-height: 12rem;
  overflow-y: auto;
  display: block !important;
}
.pf-chatbot__message-textarea .pf-v6-c-form-control__textarea:focus-visible {
  outline: none;
}

.pf-chatbot__jump {
  position: absolute !important;
  inset-inline-start: 50% !important;
  width: 3rem !important;
  height: 3rem !important;
  padding: var(--pf-t--global--spacer--md) !important;
  border-radius: var(--pf-t--global--border--radius--pill) !important;
  background-color: var(--pf-t--chatbot--jump--background) !important;
  border: 1px solid var(--pf-t--chatbot--border) !important;
  box-shadow: var(--pf-t--global--box-shadow--sm);
  color: var(--pf-t--chatbot--icon--fill) !important;
  transform: translate3d(-50%, 0, 0) !important;
  transition: background-color var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md) !important;
  z-index: var(--pf-t--global--z-index--md) !important;
}
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
  background-color: var(--pf-t--chatbot--jump--background--hover) !important;
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
  color: var(--pf-t--chatbot--icon--fill--hover) !important;
}
.pf-chatbot__jump--top {
  inset-block-start: var(--pf-t--global--spacer--md) !important;
}
.pf-chatbot__jump--top--hidden {
  transform: translate3d(-50%, -8px, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.pf-chatbot__jump--bottom {
  inset-block-end: var(--pf-t--global--spacer--md) !important;
}
.pf-chatbot__jump--bottom--hidden {
  transform: translate3d(-50%, 8px, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.pf-chatbot__messagebox {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  row-gap: var(--pf-t--global--spacer--sm);
  padding: 0 var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg) var(--pf-t--global--spacer--lg);
}

.pf-chatbot__messagebox-announcement {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.pf-chatbot__jump {
  position: absolute !important;
  inset-inline-start: 50% !important;
  width: 3rem !important;
  height: 3rem !important;
  padding: var(--pf-t--global--spacer--md) !important;
  border-radius: var(--pf-t--global--border--radius--pill) !important;
  background-color: var(--pf-t--chatbot--jump--background) !important;
  border: 1px solid var(--pf-t--chatbot--border) !important;
  box-shadow: var(--pf-t--global--box-shadow--sm);
  color: var(--pf-t--chatbot--icon--fill) !important;
  transform: translate3d(-50%, 0, 0) !important;
  transition: background-color var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--chatbot--timing-function) var(--pf-t--global--motion--duration--md) !important;
  z-index: var(--pf-t--global--z-index--md) !important;
}
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
  background-color: var(--pf-t--chatbot--jump--background--hover) !important;
  box-shadow: var(--pf-t--global--box-shadow--md) !important;
  color: var(--pf-t--chatbot--icon--fill--hover) !important;
}
.pf-chatbot__jump--top {
  inset-block-start: var(--pf-t--global--spacer--md) !important;
}
.pf-chatbot__jump--top--hidden {
  transform: translate3d(-50%, -8px, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.pf-chatbot__jump--bottom {
  inset-block-end: var(--pf-t--global--spacer--md) !important;
}
.pf-chatbot__jump--bottom--hidden {
  transform: translate3d(-50%, 8px, 0) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.pf-chatbot__message {
  --pf-t--chatbot-message--type--background--color--default: var(
    --pf-t--global--background--color--action--plain--hover
  );
  --pf-t--chatbot-message--type--background--color--primary: var(--pf-t--global--color--brand--default);
  --pf-t--chatbot-message--type--padding: var(--pf-t--global--spacer--sm);
  --pf-t--chatbot-message--type--text--color--default: var(--pf-t--global--text--color--regular);
  --pf-t--chatbot-message--type--text--color--primary: var(--pf-t--global--text--color--inverse);
  --pf-t--chatbot-message--type--border--radius: var(--pf-t--global--border--radius--small);
  --pf-t--chatbot-message--meta--label--color: var(--pf-t--global--border--color--on-secondary);
  display: flex;
  align-items: flex-start;
  gap: var(--pf-t--global--spacer--lg);
  padding-bottom: var(--pf-t--global--spacer--2xl);
}
.pf-chatbot__message .pf-v6-c-avatar {
  --pf-v6-c-avatar--Width: 3rem;
  --pf-v6-c-avatar--Height: 3rem;
  position: sticky;
  top: var(--pf-t--global--spacer--md);
  object-fit: cover;
}
.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-t--chatbot--heading--font-family);
  font-weight: 600;
  font-size: var(--pf-t--global--font--size--sm);
}
.pf-chatbot__message-meta .pf-v6-c-label {
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-t--chatbot-message--meta--label--color);
  --pf-v6-c-label--FontSize: var(--pf-t--global--font--size--xs);
  font-weight: 500;
}
.pf-chatbot__message-meta .pf-v6-c-label .pf-v6-c-label__content {
  --pf-v6-c-label--Color: var(--pf-t--chatbot-message--meta--label--color);
}
.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--chatbot-message--type--text--color--default);
}
.pf-chatbot__message-and-actions {
  display: grid;
  gap: var(--pf-t--global--spacer--sm);
}

.pf-chatbot__message-loading {
  --pf-t--chatbot-message--dots--background--color: var(--pf-t--global--text--color--regular);
  width: 36px;
  padding: var(--pf-t--chatbot-message--type--padding);
  background-color: var(--pf-t--chatbot-message--type--background--color--default);
  border-radius: var(--pf-t--chatbot-message--type--border--radius);
}
.pf-chatbot__message-loading-dots {
  position: relative;
  display: flex;
  width: 4px;
  height: 4px;
  margin-left: var(--pf-t--global--spacer--sm);
  background-color: var(--pf-t--global--text--color--regular);
  border-radius: var(--pf-t--global--border--radius--pill);
  color: var(--pf-t--global--text--color--regular);
  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);
  background-color: var(--pf-t--global--text--color--regular);
  color: var(--pf-t--global--text--color--regular);
  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);
  background-color: var(--pf-t--global--text--color--regular);
  color: var(--pf-t--global--text--color--regular);
  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--text--color--regular);
  }
  50%, 100% {
    background-color: var(--pf-t--chatbot-message--type--background--color--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-v6-c-code-block__actions-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--pf-t--global--font--size--sm);
  font-weight: 500;
}
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
  color: var(--pf-t--color--white);
}
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button: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-inline-code {
  background-color: var(--pf-t--chatbot--code--background);
  font-size: var(--pf-t--global--font--size--body--default);
}

.pf-chatbot__message-text {
  width: fit-content;
  padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
  border-radius: var(--pf-t--chatbot-message--type--border--radius);
}
.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-t--chatbot--font-size);
}
.pf-chatbot__message-text p {
  display: inline-block;
}
.pf-chatbot__message-text code {
  background-color: var(--pf-t--chatbot-message--type--background--color--default);
  font-size: var(--pf-t--global--font--size--body--default);
}

.pf-chatbot__message--user .pf-chatbot__message-text {
  background-color: var(--pf-t--chatbot-message--type--background--color--primary);
  color: var(--pf-t--chatbot-message--type--text--color--primary);
  padding: var(--pf-t--chatbot-message--type--padding);
}
.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--chatbot-message--type--text--color--primary);
}
.pf-chatbot__message--user .pf-chatbot__message-text code {
  background-color: initial;
}

.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-chatbot__source-details-subhead {
  color: var(--pf-t--global--text--color--subtle);
  font-size: var(--pf-t--global--icon--size--font--xs);
  font-weight: 500;
}

.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%;
}

.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__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-v6-c-button {
  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-v6-c-button .pf-v6-c-button__icon {
  color: var(--pf-t--global--icon--color--subtle);
}
.pf-chatbot__response-actions .pf-v6-c-button:hover .pf-v6-c-button__icon, .pf-chatbot__response-actions .pf-v6-c-button:focus .pf-v6-c-button__icon {
  color: var(--pf-t--global--icon--color--subtle);
}

.pf-chatbot__alert {
  position: sticky;
  top: var(--pf-t--global--spacer--lg);
  z-index: var(--pf-t--global--z-index--sm);
}

.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-v6-c-code-block__actions-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: var(--pf-t--global--font--size--sm);
  font-weight: 500;
}
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button {
  color: var(--pf-t--color--white);
}
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__button--copy.pf-v6-c-button: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-inline-code {
  background-color: var(--pf-t--chatbot--code--background);
  font-size: var(--pf-t--global--font--size--body--default);
}

.pf-chatbot__message-text {
  width: fit-content;
  padding: var(--pf-t--chatbot-message--type--padding) 0 var(--pf-t--chatbot-message--type--padding) 0;
  border-radius: var(--pf-t--chatbot-message--type--border--radius);
}
.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-t--chatbot--font-size);
}
.pf-chatbot__message-text p {
  display: inline-block;
}
.pf-chatbot__message-text code {
  background-color: var(--pf-t--chatbot-message--type--background--color--default);
  font-size: var(--pf-t--global--font--size--body--default);
}

.pf-chatbot__message--user .pf-chatbot__message-text {
  background-color: var(--pf-t--chatbot-message--type--background--color--primary);
  color: var(--pf-t--chatbot-message--type--text--color--primary);
  padding: var(--pf-t--chatbot-message--type--padding);
}
.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--chatbot-message--type--text--color--primary);
}
.pf-chatbot__message--user .pf-chatbot__message-text code {
  background-color: initial;
}

.pf-chatbot__message-loading {
  --pf-t--chatbot-message--dots--background--color: var(--pf-t--global--text--color--regular);
  width: 36px;
  padding: var(--pf-t--chatbot-message--type--padding);
  background-color: var(--pf-t--chatbot-message--type--background--color--default);
  border-radius: var(--pf-t--chatbot-message--type--border--radius);
}
.pf-chatbot__message-loading-dots {
  position: relative;
  display: flex;
  width: 4px;
  height: 4px;
  margin-left: var(--pf-t--global--spacer--sm);
  background-color: var(--pf-t--global--text--color--regular);
  border-radius: var(--pf-t--global--border--radius--pill);
  color: var(--pf-t--global--text--color--regular);
  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);
  background-color: var(--pf-t--global--text--color--regular);
  color: var(--pf-t--global--text--color--regular);
  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);
  background-color: var(--pf-t--global--text--color--regular);
  color: var(--pf-t--global--text--color--regular);
  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--text--color--regular);
  }
  50%, 100% {
    background-color: var(--pf-t--chatbot-message--type--background--color--default);
  }
}

.pf-chatbot__source {
  display: flex;
  flex-direction: column;
  gap: var(--pf-t--global--spacer--sm);
  padding-block-start: var(--pf-t--global--spacer--sm);
  width: 22.5rem;
}

.pf-chatbot__sources-card {
  box-shadow: var(--pf-t--global--box-shadow--sm);
}

.pf-chatbot__sources-card-body {
  display: block;
  display: -webkit-box;
  height: 2.8125rem;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: var(--pf-t--global--spacer--md);
}

.pf-chatbot__sources-card-no-footer {
  margin-bottom: var(--pf-t--global--spacer--lg);
}

.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);
}
.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
  display: flex;
  justify-content: space-between;
  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;
}
.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--chatbot--icon--fill--hover);
}
.pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer-buttons .pf-v6-c-button__icon {
  color: var(--pf-t--chatbot--icon--fill);
}

:where(:root) {
  --pf-t--chatbot--heading--font-family: var(
    --pf-v6-c-content--heading--FontFamily,
    redhatdisplayvf,
    redhatdisplay,
    helvetica,
    arial,
    sans-serif
  );
  --pf-t--chatbot--illustration--fill: var(--pf-t--color--red--50);
  --pf-t--chatbot--code--background: var(--pf-t--color--gray--20);
  --pf-t--chatbot--jump--background: var(--pf-t--chatbot--background);
  --pf-t--chatbot--jump--background--hover: var(--pf-t--color--white);
  --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
  --pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  --pf-t--chatbot--blue-icon--background--color--hover: rgba(
    185,
    218,
    252,
    0.25
  );
  --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--chatbot-toggle--color: var(--pf-t--global--icon--color--inverse);
  --pf-t--chatbot--font-size: var(--pf-t--global--font--size--md);
  --pf-t--chatbot--background: var(--pf-t--global--background--color--secondary--default);
  --pf-t--chatbot--border: var(--pf-t--global--border--color--default);
  --pf-t--chatbot--icon--fill: var(--pf-t--global--icon--color--subtle);
  --pf-t--chatbot--icon--fill--hover: var(--pf-t--global--icon--color--regular);
  --pf-t--chatbot--icon--fill--active: var(--pf-t--global--text--color--regular);
  --pf-t--chatbot--blue-icon--fill: var(--pf-t--global--color--brand--default);
}

:where(.pf-v6-theme-dark) {
  --pf-t--chatbot--illustration--fill: var(--pf-t--color--white);
  --pf-t--chatbot--code--background: var(--pf-t--color--gray--60);
  --pf-t--chatbot--jump--background--hover: var(--pf-t--color--black);
  --pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--20);
  --pf-t--chatbot--blue-icon--background--color--hover: var(--pf-t--global--color--brand--hover);
  --pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--icon--color--inverse);
}

.ws-full-page-utils {
  left: 0 !important;
  right: auto !important;
}

/*# sourceMappingURL=main.css.map */