.messages {
  list-style: none;
  padding: 0;
}

.messages li {
  padding: 13px;
  border-radius: 0.25rem;
  text-align: center;
}

.messages .error {
  color: #E00000;
  border: 0.5px solid #FFD7D7;
  background-color: #FFECEC;
  text-align: left;

  display: flex;
  align-items: baseline;
  gap: 5px;
}

.messages .error footer {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: 0.85rem;
}

.messages .error pre {
  margin: 15px 0 0;
}

.messages .copy {
  cursor: pointer;
}

.messages svg {
  fill: currentColor;
  flex-shrink: 0;
  height: 1em;
  width: 1em;
}

.messages .info {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}