@use "../../../styles/mixins";

.root {
  @include mixins.middle-header-pane;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  height: auto;
  padding-inline: 1rem;

  font-size: 0.875rem;
  color: var(--color-text-secondary);
}

.message {
  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 0.375rem;

  font-size: 1rem;
}

.messageStars {
  display: inline-flex;
  align-items: center;
  padding-inline: 0.25rem;
  font-weight: var(--font-weight-medium);
}

.messageStarIcon {
  margin-inline-start: 0 !important;
  margin-inline-end: 0.125rem !important;
}