.markdown-body .highlight table,
.markdown-body .code-wrapper pre {
  border-radius: 0 0 0.5rem 0.5rem;
}
.markdown-body .highlight,
.markdown-body .code-wrapper {
  background-color: #e6ebf1;
  border-radius: 0.625rem;
}
.markdown-body .highlight > i,
.markdown-body .code-wrapper > i {
  color: #777;
  margin-left: 10px;
  line-height: 2rem;
  transform: none;
  transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.markdown-body .highlight > span,
.markdown-body .code-wrapper > span {
  color: #777;
  margin-left: 10px;
  font-weight: bold;
}
.copy-btn {
  font-size: 1rem;
  color: #2f4f4f;
}
.copy-btn > i {
  font-size: 1rem !important;
  font-weight: bold;
}
[data-user-color-scheme='dark'] .copy-btn {
  color: #c4c6c9;
  transition: color 0.2s ease-in-out;
}
[data-user-color-scheme='dark'] .markdown-body .highlight,
[data-user-color-scheme='dark'] .markdown-body .code-wrapper {
  background-color: #696969;
  transition: background-color 0.2s ease-in-out;
}
[data-user-color-scheme='dark'] .markdown-body .highlight > i,
[data-user-color-scheme='dark'] .markdown-body .code-wrapper > i {
  color: #c4c6c9;
}
[data-user-color-scheme='dark'] .markdown-body .highlight > span,
[data-user-color-scheme='dark'] .markdown-body .code-wrapper > span {
  color: #c4c6c9;
  transition: color 0.2s ease-in-out;
}