/*
 * Typography styles and mixins.
 */
/* Headings */
/* Body Copy */
/* Anchor */
.gux-prompt-input-container {
  display: flex;
  flex-direction: column;
  gap: var(--gse-ui-promptInput-gap);
  inline-size: var(--gse-ui-promptInput-container-width);
}

.gux-input-container {
  display: flex;
  flex-shrink: 0;
  gap: var(--gse-ui-promptInput-simple-gap);
  align-items: center;
  min-block-size: var(--gse-ui-promptInput-simple-label-minHeight);
  max-block-size: var(--gse-ui-promptInput-simple-label-maxHeight);
  padding: var(--gse-ui-promptInput-simple-padding);
  background: var(--gse-ui-formControl-input-backgroundColor);
  border: var(--gse-ui-promptInput-default-border-width) var(--gse-ui-promptInput-default-border-style) var(--gse-ui-promptInput-default-border-color);
  border-radius: var(--gse-ui-promptInput-borderRadius);
}
.gux-input-container:hover {
  border: var(--gse-ui-promptInput-hover-border-width) var(--gse-ui-promptInput-hover-border-style) var(--gse-ui-promptInput-hover-border-color);
}
.gux-input-container:active, .gux-input-container:focus-within {
  border: var(--gse-ui-promptInput-active-border-width) var(--gse-ui-promptInput-active-border-style) var(--gse-ui-promptInput-active-border-color);
}
.gux-input-container gux-button-slot {
  align-self: flex-end;
}
.gux-input-container .gux-grow-wrap {
  display: grid;
  inline-size: 100%;
  min-block-size: 0;
  max-block-size: var(--gse-ui-promptInput-simple-label-maxHeight);
  padding: var(--gse-ui-promptInput-complex-labelContainer-scrollEnabled-padding);
  overflow: hidden auto;
}
.gux-input-container .gux-grow-wrap::after {
  visibility: hidden;
  grid-area: 1/1/2/2;
  padding: 0;
  margin: 0;
  font-family: var(--gse-semantic-theme-fontFamily-body);
  font-size: var(--gse-core-fontSize-sm);
  font-weight: var(--gse-core-fontWeight-regular);
  line-height: var(--gse-core-lineHeight-sm);
  color: var(--gse-ui-promptInput-label-placeholder);
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  content: attr(data-replicated-value) " ";
  border: 0;
}
.gux-input-container .gux-grow-wrap > .gux-input {
  grid-area: 1/1/2/2;
  inline-size: 100%;
  overflow: hidden;
  font-family: var(--gse-ui-promptInput-label-text-fontFamily);
  font-size: var(--gse-ui-promptInput-label-text-fontSize);
  font-style: normal;
  font-weight: var(--gse-ui-promptInput-label-text-fontWeight);
  line-height: var(--gse-ui-promptInput-label-text-lineHeight);
  color: var(--gse-ui-promptInput-label-populated);
  word-break: normal;
  overflow-wrap: anywhere;
  resize: none;
  outline: none;
  background: transparent;
  border: none;
}
.gux-input-container .gux-generate {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: var(--gse-ui-button-iconOnly-width);
  block-size: var(--gse-ui-button-default-height);
  padding-block: 0;
  padding-inline: var(--gse-ui-button-default-paddingIconOnly);
  background: var(--gse-ui-button-primary-default-backgroundColor);
  border-radius: var(--gse-ui-button-borderRadius);
  opacity: var(--gse-ui-button-disabled-opacity);
}
.gux-input-container .gux-generate-active {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  inline-size: var(--gse-ui-button-iconOnly-width);
  block-size: var(--gse-ui-button-default-height);
  padding-block: 0;
  padding-inline: var(--gse-ui-button-default-paddingIconOnly);
  background: var(--gse-ui-button-primary-default-backgroundColor);
  border: var(--gse-ui-promptInput-active-border-width) var(--gse-ui-promptInput-active-border-style) var(--gse-ui-promptInput-active-border-color);
  border-radius: var(--gse-ui-button-borderRadius);
}
.gux-input-container .gux-generate-cancel {
  display: flex;
  gap: var(--gse-ui-segmentedControl-button-padding);
  align-items: center;
  justify-content: center;
  inline-size: var(--gse-ui-button-iconOnly-width);
  block-size: var(--gse-ui-button-default-height);
  padding-block: 0;
  padding-inline: 8px;
}
.gux-input-container .gux-generate-cancel gux-icon {
  background: var(--gse-ui-formControl-input-backgroundColor);
}

.caution-message {
  align-items: center;
  inline-size: var(--gse-ui-promptInput-complex-cautionMessage-width);
  padding: var(--gse-ui-promptInput-complex-cautionMessage-padding);
  font-family: var(--gse-ui-promptInput-cautionMessage-text-fontFamily);
  font-size: var(--gse-ui-promptInput-cautionMessage-text-fontSize);
  font-style: normal;
  font-weight: var(--gse-ui-promptInput-cautionMessage-text-fontWeight);
  line-height: var(--gse-ui-promptInput-cautionMessage-text-lineHeight);
  color: var(--gse-ui-promptInput-cautionMessage-default);
  text-align: center;
}
.caution-message .link {
  font-family: var(--gse-ui-promptInput-cautionMessage-link-fontFamily);
  font-size: var(--gse-ui-promptInput-cautionMessage-link-fontSize);
  font-style: normal;
  font-weight: var(--gse-ui-promptInput-cautionMessage-link-fontWeight);
  line-height: var(--gse-ui-promptInput-cautionMessage-link-lineHeight);
  color: var(--gse-ui-promptInput-cautionMessage-default);
  text-decoration: var(--gse-ui-promptInput-cautionMessage-link-textDecoration);
  text-decoration-line: underline;
  text-decoration-thickness: auto;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
}