.chr-c-feedback-modal {
  --pf-v6-c-modal-box__close--sibling--MarginRight: 0;
}
.chr-c-feedback-modal .pf-v6-c-modal-box__close {
  z-index: inherit;
}

.chr-c-feedback-description {
  margin-inline-end: 0 !important;
}

.chr-c-feedback-content {
  padding: var(--pf-t--global--spacer--xl);
  gap: var(--pf-t--global--spacer--md);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.chr-c-feedback-heading {
  padding: 0 37px var(--pf-t--global--spacer--sm) 0 !important;
}

.chr-c-feedback-content-main {
  max-height: 450px !important;
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.chr-c-feedback-cards {
  gap: var(--pf-t--global--spacer--md);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: inherit !important;
}
.chr-c-feedback-cards .pf-v6-c-card {
  width: 100%;
}
.chr-c-feedback-cards .pf-v6-c-card .pf-v6-c-card__title-text {
  color: var(--pf-t--global--text--color--regular);
}

.chr-c-feedback-footer {
  display: flex;
  align-self: stretch;
  flex-wrap: wrap;
  padding: 0 0 var(--pf-t--global--spacer--sm) 0 !important;
  margin-top: auto;
  box-shadow: none !important;
  column-gap: var(--pf-t--global--spacer--xl);
}
.chr-c-feedback-footer .pf-v6-c-action-list__group {
  flex-wrap: wrap;
}

.chr-c-feedback-success-content {
  margin-top: 150px;
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.chr-c-feedback-email {
  margin-top: var(--pf-t--global--spacer--lg);
  overflow: hidden;
}

.chr-c-feedback-image {
  background-color: var(--pf-t--global--background--color--secondary--default);
}

.chr-c-feedback-flex {
  margin-right: 0px !important;
}

.chr-c-feedback-text-area {
  resize: none;
}

@media (max-width: 480px) {
  .chr-c-feedback-content-main {
    max-height: var(--pf-v6-c-panel__main--MaxHeight);
  }
  .chr-c-feedback-image {
    display: none;
  }
}

/* Temporary fix for our default image to prevent the button icon from being white in dark mode over a white image */
:root.pf-v6-theme-dark .pf-user-feedback-modal-default-image .pf-v6-c-modal-box__close .pf-v6-c-button__icon {
  color: var(--pf-t--color--gray--95);
}

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