:root {
  color-scheme: dark;
}

code,
pre,
.terminal-message__body {
  font-family: "Space Mono", "Fira Code", "IBM Plex Mono", monospace;
}

.terminal-message__body code {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 8px;
  background: rgba(255, 77, 216, 0.14);
  color: rgba(212, 246, 255, 0.92);
}

.terminal-message__body pre {
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: rgba(6, 7, 28, 0.75);
  border: 1px solid rgba(92, 147, 255, 0.22);
  box-shadow: inset 0 0 24px rgba(23, 51, 160, 0.35);
  overflow-x: auto;
}

.terminal-message__body pre::-webkit-scrollbar {
  height: 6px;
}

.terminal-message__body pre::-webkit-scrollbar-thumb {
  background: rgba(215, 109, 255, 0.58);
  border-radius: 999px;
}

.terminal-message__body pre code {
  background: transparent;
  padding: 0;
  color: inherit;
}