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

.root {
  @include mixins.header-pane;

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

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

.message {
  justify-content: center;
  display: flex;
  align-items: center;
  margin-bottom: 0.375rem;
  font-size: 1rem;
}

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

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