.AIChat-responseText * {
  all: revert;
}

.AIChatButton {
  position: relative;
}

.AIChat-generatedFieldMarker {
  background-color: var(--color-purple3);
  border-radius: 5px;
  color: var(--color-gray7);
  margin-bottom: 5px;
  margin-left: 15px;
  padding: 5px;
  text-align: center;
  width: 100px;
}

.AIChatButton a {
  --IconButton-name: 'magic_button';
  bottom: calc(0px - var(--gap-s));
  position: absolute;
  right: 0;
}

.CIG-row.is-unlabeled .AIChatButton a {
  bottom: 0;
}

.frame[name='ai-chat'].loading {
  visibility: visible;
}

.AIChat-suggestions {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--gap-m);

  > button {
    margin: 0 var(--gap-s) var(--gap-s) 0;
  }
}

.AIChat-frame > .Message {
  margin: calc(0px - var(--Widget-padding));
  margin-bottom: var(--Widget-padding);
}

.AIChat-prompt,
.AIChat-response {
  background: var(--color-gray1);
  border-radius: var(--gap-s);
  padding: var(--gap-m) var(--gap-m) var(--gap-m) calc(var(--gap-m) * 2 + var(--Icon-size));
  position: relative;
}

.AIChat-prompt {
  margin-bottom: var(--gap-m);
}

.AIChat-response {
  margin-bottom: calc(var(--Text-height) + var(--gap-l));
  min-height: calc(var(--gap-m) * 2 + var(--Text-height));
}

.AIChat-prompt::before,
.AIChat-response::before {
  left: var(--gap-m);
  position: absolute;
  top: calc(var(--gap-m) - (var(--Icon-size) - var(--Text-height)) / 2);
}

.AIChat-prompt::before,
.AIChat-response::before {
  color: var(--color-gray5);
  direction: ltr;
  display: inline-block;
  font-family: 'Material Symbols Outlined';
  font-feature-settings: 'liga';
  font-size: var(--Icon-size);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-rendering: optimizeLegibility;
  text-transform: none;
  transform: var(--Icon-transform);
  vertical-align: top;
  white-space: nowrap;
  word-wrap: normal;
}

.AIChat-prompt::before {
  content: 'person';
}

.AIChat-response::before {
  content: 'magic_button';
}

.AIChat-response.is-error {
  background-color: var(--color-red6);
  color: var(--color-white);
}

.AIChat-response.is-error::before {
  color: var(--color-white);
  content: 'error';
}

.AIChat-controls {
  position: absolute;
  right: 0;
  top: 100%;
}

.AIChat-controls button {
  margin-left: var(--gap-m);
}

.AIChat-ActionBar form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;

  .is-disabled {
    opacity: 0.3;
    pointer-events: none;
  }

  > btu-input {
    width: 100%;

    + button {
      margin-left: 0 !important;
    }
  }
}

.AuthorPersonaContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}

h2.AuthorPersona-title {
  margin-top: var(--gap-s);
}

.AuthorPersona {
  background-color: var(--color-gray1);
  border: solid 1px var(--color-gray4);
  border-radius: 7px;
  flex-basis: 100%;
  padding: var(--gap-m);
}

select[name='authorPersonaId'] + .ComboInput {
  margin-inline-start: auto;
  width: fit-content;
}

select[name='authorPersonaId'].is-readOnly + .ComboInput {
  pointer-events: none;
  opacity: 0.5;
}

/*
 *  Ask AI
 */

.Page-askAiLink {
  min-width: calc(var(--Icon-size) + var(--gap-m));
  order: 8;
  padding: 0;
}

:root:not(.is-lightHeader) .Page-askAiLink {
  --Link-color: var(--color-white);
  --Link-hoverColor: var(--color-white);
  --Link-decoration: none;
}

.Page.is-askAiOpen {
  --Page-bottom: 40%;

  grid-template: 'broadcastAlert' auto 'broadcast' auto 'header' auto 'content' 1fr 'askAi' 40% / 1fr;
}

.Page-askAi {
  background: var(--color-white);
  border-color: var(--color-gray3);
  border-style: solid;
  border-width: 1px 0 0;
  grid-area: askAi;
  overflow: auto;
  position: relative;
  scroll-behavior: smooth;
}

.Page-askAi .Page.is-askAiOpen {
  display: block;
}

.Page-askAi > .frame {
  background: var(--color-white);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

@media (min-width: 577px) {
  .Page-askAiLink {
    margin: 0 calc(var(--gap-l) - var(--gap-s)) 0 calc(0px - var(--gap-s));
  }

  .Page.is-askAiOpen .ContentEdit-preview {
    left: 0;
    right: var(--ContentEdit-rightWidth);
  }
}

@media (min-width: 769px) {
  .Page.is-askAiOpen {
    --Page-bottom: 0px;
    --Page-right: 360px;

    grid-template: 'broadcastAlert broadcastAlert' auto 'broadcast broadcast' auto 'header header' auto 'content askAi' 1fr / 1fr var(--Page-right);
    .ContentEdit-preview {
      left: auto;
      right: calc(var(--Page-right) + var(--ContentEdit-toolbarWidth));
    }

    .is-asideHidden .ContentEdit-preview {
      right: var(--ContentEdit-toolbarWidth);
    }

    .Page-content,
    .Popup {
      --ContentEdit-leftWidth: calc(
        100vw - var(--ContentEdit-previewWidth) -
          var(--ContentEdit-toolbarWidth) - var(--Page-right)
      );
    }
  }
}

.AskAi {
  background-color: var(--color-dominant1);
  border-left: 1px solid var(--color-gray3);
  display: flex;
  height: 100%;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.AskAi-controls {
  align-items: center;
  display: flex;
  height: calc(var(--gap-m) * 2 + var(--Text-height));
  position: absolute;
  right: calc(var(--gap-l) - var(--gap-s));
  top: 0;
}

.AskAi-title {
  background: var(--color-gray2);
  background-color: var(--color-dominant2);
  font-size: var(--fontSize-m);
  font-weight: bold;
  padding: var(--gap-m) var(--gap-l);
  position: sticky;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  z-index: 10;
}

.AskAi-conversation {
  flex: 1 1 0%;
  overflow-y: scroll;
}

.AskAi-results {
  margin-bottom: var(--gap-l);
  overflow-anchor: auto;
}

.AskAi-results h3 {
  font-weight: bold;
  margin: var(--gap-m) 0;
}

.AskAi-results h3:first-child {
  margin-top: 0;
}

.AskAi-initial,
.AskAi-loader,
.AskAi-userQuestionContainer {
  align-items: center;
  background-color: var(--color-white);
  display: flex;
  font-weight: bold;
  margin: var(--gap-m);
  padding: var(--gap-m);
}

.AskAi-referencesTitle {
  font-weight: bold;
  margin-bottom: var(--gap-m);
  margin-top: var(--gap-m);
}

.AskAi-references {
  display: flex;
  flex-wrap: wrap;
  list-style-position: inside;
  list-style-type: decimal;
}

.AskAi-references li {
  margin-bottom: var(--gap-m);
  margin-right: var(--gap-m);
  padding: var(--gap-s);
}

.AskAi-references li .ContentSummary-info {
  --Icon-size: var(--iconSize-xs);

  height: calc(var(--gap-xs) * 2 + var(--Icon-size));
  margin: calc(0px - var(--gap-m) + var(--gap-xs)) 0 calc(0px - var(--gap-s)) 0;
  opacity: 0;
  width: calc(var(--gap-xs) * 2 + var(--Icon-size));
}

.AskAi-references li .ContentSummary-info::before {
  left: calc(-1 * var(--gap-xs));
  top: calc(-1 * var(--gap-xs));
}

.AskAi-references li:hover .ContentSummary-info {
  opacity: 1;
}

.AskAi-referenceList {
  background: var(--color-gray1);
}

.AskAi-referencesContainer.isNested h4.AskAi-referencesTitle > a {
  color: var(--color-black);
  display: flex;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

.AskAi-referencesContainer.isNested:not(.is-expanded) > div.AskAi-referenceList ol {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.AskAi-referencesContainer.isNested.is-expanded > div.AskAi-referenceList ol {
  height: auto;
  overflow: visible;
  visibility: visible;
}

.Reference-navItemToggle {
  --IconButton-name: 'keyboard_arrow_down';

  margin-top: calc(0px - var(--Icon-size) / 2 - var(--gap-s));
  position: absolute;
  right: calc(var(--gap-l) - var(--gap-s));
  top: 50%;
  transition: transform var(--time-xs);
}

.is-expanded .Reference-navItemToggle {
  transform: rotate(180deg);
}

.AskAi-loading {
  background-color: var(--color-dominant2);
  border-radius: var(--gap-l);
  display: inline-block;
  padding: 0 var(--gap-xs);
  white-space: nowrap;
  width: calc(var(--gap-l) + var(--gap-xl))
}

.AskAi-loading > i::after {
  animation: ellipsis steps(5, end) 900ms infinite;
  content: "\2022 \2022 \2022";
  display: inline-block;
  line-height: 0.8rem;
  overflow: hidden;
  padding: 0 var(--gap-s);
  text-wrap: nowrap;
  width: 0;
}

@keyframes ellipsis {
  to {
    width: 40px;
  }
}

.AskAi-answerWrapper {
  background: var(--color-white);
  border: solid 1px var(--color-white);
  margin: var(--gap-m);
  padding: var(--gap-m);
}

.AskAi-answer {
  display: inline;
}

.AskAi-form {
  align-items: center;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-dominant2);
  bottom: 0;
  padding: var(--gap-m);
  padding-top: var(--gap-l);
  position: sticky;
  width: 100%;
}

.AskAi-form btu-input {
  margin-right: var(--gap-m);
}

.AskAi .Avatar,
.AskAi .Icon {
  margin-right: var(--gap-m);
}

.AskAi-form btu-input .AskAi-query {
  padding: var(--gap-s) var(--gap-m);
}

.AskAi-form btu-input > .AskAi-query:focus,
.AskAi-form btu-input > .AskAi-query {
  background: var(--color-white);
}

button.AskAi-button {
  background-color: var(--Link-color);
  color: var(--color-white);
  margin-bottom: var(--gap-m);
  margin-top: var(--gap-m);
}

button.AskAi-button.is-disabled {
  opacity: 0.5;
}

.AskAi-formControls {
  display: flex;
  justify-content: space-between;
}

.AskAi-restartLink {
  margin: var(--gap-m);
}

.AskAi-copy {
  --Icon-size: var(--iconSize-xs);
}

.AskAi-answer ol, .AskAi-answer ul {
  all: revert;
}

.AskAi-action-link {
  color: var(--color-dominant1);
  text-decoration: none;
}

.AskAi-actions {
  position: absolute;
  top: calc(var(--Page-headerHeight) + var(--gap-m));
  right: calc(var(--Icon-size) + var(--gap-m));
}

.AskAi-conversation {
  z-index: 1;

  .ActionBar {
    padding: var(--gap-m);
    justify-content: flex-end;
  }
}

.AskAi-conversation-action {
  font-weight: 100;
}

.Page-askAi .AskAi-action-widget {
  .Widget-title {
    background: var(--color-white);
    border-bottom: 1px solid var(--color-gray2);
    font-size: var(--fontSize-s);
    font-weight: 100;
  }
}

.AskAi-action-widget {
  z-index: 1;

  .AskAi-more {
    position: absolute;
    right: var(--gap-m);
    top: calc(0px - var(--gap-s));
  }
}

.AskAi-conversation-list > li {
  display: inline-block;
  height: var(--lineHeight-l);
  margin-bottom: var(--gap-m);
  width:100%;

  a {
    display: block;
    margin-right: calc(var(--Icon-size) + var(--gap-l) + var(--gap-s));
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .AskAi-more {
    float: right;
    position: relative;
    top: calc(0px - 33px)
  }
}

.AskAi sup {
  color: var(--color-blue5);
  font-size: var(--fontSize-xs);
  line-height: var(--lineHeight-xs);
}

.AskAi a:has(sup) {
  text-decoration: none;
  color: inherit;
}

.KeyMetrics-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.75rem;
  padding-bottom: var(--gap-xl);
}

.KeyMetrics-group {
  display: flex;
  flex-direction: column;
}

.KeyMetrics-icon.Icon::before {
  content: attr(data-icon);
}

.KeyMetrics-icon.Icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: var(--gap-s);
}

.KeyMetrics-item {
  background: var(--color-white);
  box-shadow: var(--shadow-1);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: 1 1 200px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  padding: var(--gap-m);
}

.KeyMetrics-value {
  font-weight: bold;
}