@media (prefers-color-scheme: dark) {
  .shiki,
  .shiki span {
    color: var(--shiki-dark, #ffffff) !important;
    background-color: var(--shiki-dark-bg, #1e1e1e) !important;
    font-style: var(--shiki-dark-font-style, normal) !important;
    font-weight: var(--shiki-dark-font-weight, normal) !important;
    text-decoration: var(--shiki-dark-text-decoration, none) !important;
  }
}

.shiki {
  padding: 1em;
  margin: 0.5em 0;
  border-radius: 0.3em;
  overflow: auto;
  white-space: pre;
}