/**
 * @file
 * Message styles for the RRC theme.
 */

.a-messages {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  margin-block-end: 1rem;
}

.a-message {
  display: flex;
  align-items: start;
  gap: 1rem;
  padding: 1em;
  color: var(--_messsage-text, var(--clr-white));
  background-color: var(--_messsage-bg, var(--clr-black));
  border: 1px solid var(--_messsage-bordercolor, var(--clr-black));
  &::before {
    content: "i";
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2em;
    aspect-ratio: 1;
    border-radius: 9em;
    background-color: var(--_messsage-text, var(--clr-white));
    color: var(--_messsage-bg, var(--clr-black));;
    line-height: 1;
  }
  ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
}

/* .a-message--status {
}

.a-message--warning {
} */

.a-message--error {
  &::before {
    content: "!";
  }
}