details {
  padding: 1rem 0.3rem !important;
}

pre {
  word-wrap: break-word;
  white-space: break-spaces;
  font-size: small;
  line-height: normal;
  padding: 1rem 0.4rem !important;
  height: 400px;
}

summary:focus {
  outline-style: none;
}

details summary {
  list-style: none;
  display: flex;
  line-height: initial !important;
  align-items: baseline;
}

details summary::before {
  content: '➤';
  display: inline-block;
  margin-right: 5px;
  transition: transform 0.2s;
}

details[open] summary::before {
  transform: rotate(90deg);
}