.markdown-body h1,
.markdown-body h2 {
  @apply border-indigo-600;
} 

.markdown-body blockquote {
  @apply py-2 text-indigo-500 bg-indigo-100 border-indigo-400;
}

.markdown-body strong {
  @apply text-indigo-600;
}

.markdown-body code,
.markdown-body a {
  @apply text-indigo-600;
}

.markdown-body a {
  @apply border-indigo-500;
}

.markdown-body code {
  @apply bg-indigo-100;
}

.markdown-body.indigo h1,
.markdown-body.indigo h2 {
  @apply border-indigo-600;
} 

.markdown-body.indigo blockquote {
  @apply py-2 text-indigo-500 bg-indigo-100 border-indigo-400;
}

.markdown-body.indigo strong {
  @apply text-indigo-600;
}

.markdown-body.indigo code,
.markdown-body.indigo a {
  @apply text-indigo-600;
}

.markdown-body.indigo a {
  @apply border-indigo-500;
}

.markdown-body.indigo code {
  @apply bg-indigo-100;
}


.markdown-body.red h1,
.markdown-body.red h2 {
  @apply border-red-600;
} 

.markdown-body.red blockquote {
  @apply py-2 text-red-500 bg-red-100 border-red-400;
}

.markdown-body.red strong {
  @apply text-red-600;
}

.markdown-body.red code,
.markdown-body.red a {
  @apply text-red-600;
}

.markdown-body.red a {
  @apply border-red-500;
}

.markdown-body.red code {
  @apply bg-red-100;
}


.markdown-body.blue h1,
.markdown-body.blue h2 {
  @apply border-blue-600;
} 

.markdown-body.blue blockquote {
  @apply py-2 text-blue-500 bg-blue-100 border-blue-400;
}

.markdown-body.blue strong {
  @apply text-blue-600;
}

.markdown-body.blue code,
.markdown-body.blue a {
  @apply text-blue-600;
}

.markdown-body.blue a {
  @apply border-blue-500;
}

.markdown-body.blue code {
  @apply bg-blue-100;
}



.markdown-body.orange h1,
.markdown-body.orange h2 {
  @apply border-orange-600;
} 

.markdown-body.orange blockquote {
  @apply py-2 text-orange-500 bg-orange-100 border-orange-400;
}

.markdown-body.orange strong {
  @apply text-orange-600;
}

.markdown-body.orange code,
.markdown-body.orange a {
  @apply text-orange-600;
}

.markdown-body.orange a {
  @apply border-orange-500;
}

.markdown-body.orange code {
  @apply bg-orange-100;
}


.markdown-body.green h1,
.markdown-body.green h2 {
  @apply border-green-600;
} 

.markdown-body.green blockquote {
  @apply py-2 text-green-500 bg-green-100 border-green-400;
}

.markdown-body.green strong {
  @apply text-green-600;
}

.markdown-body.green code,
.markdown-body.green a {
  @apply text-green-600;
}

.markdown-body.green a {
  @apply border-green-500;
}

.markdown-body.green code {
  @apply bg-green-100;
}


.markdown-body.purple h1,
.markdown-body.purple h2 {
  @apply border-purple-600;
} 

.markdown-body.purple blockquote {
  @apply py-2 text-purple-500 bg-purple-100 border-purple-400;
}

.markdown-body.purple strong {
  @apply text-purple-600;
}

.markdown-body.purple code,
.markdown-body.purple a {
  @apply text-purple-600;
}

.markdown-body.purple a {
  @apply border-purple-500;
}

.markdown-body.purple code {
  @apply bg-purple-100;
}

.markdown-body.pink h1,
.markdown-body.pink h2 {
  @apply border-pink-600;
} 

.markdown-body.pink blockquote {
  @apply py-2 text-pink-500 bg-pink-100 border-pink-400;
}

.markdown-body.pink strong {
  @apply text-pink-600;
}

.markdown-body.pink code,
.markdown-body.pink a {
  @apply text-pink-600;
}

.markdown-body.pink a {
  @apply border-pink-500;
}

.markdown-body.pink code {
  @apply bg-pink-100;
}
.popup-arrow {
  @apply text-gray-500;
}

.bytemd {
  height: calc(100vh - 45px);
  margin: 0 1px;
}

.markdown-body {
  color: #595959;
  font-size: 16px;
  line-height: 1.8em;
  word-break: break-all;
}

.markdown-body blockquote,
.markdown-body details,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul {
  @apply mb-4;
}

.markdown-body ol {
  list-style: decimal;
}

.markdown-body ul {
  list-style: disc;
}

.markdown-body ol, .markdown-body ul {
  padding-left: 2em;
}

.markdown-body h1,
.markdown-body h2 {
  @apply py-1 pl-3 font-medium border-t-0 border-r-0 border-solid;
  border-bottom: 1px solid #eaecef !important;
  border-left-width: 6px;
}

.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
  margin-bottom: 16px;
  line-height: 1.25;
}

.markdown-body blockquote {
  @apply px-4 py-2 mx-0;
  border-left: .25em solid;
}

.markdown-body blockquote>:last-child {
  margin-bottom: 0;
}
.markdown-body blockquote>:first-child {
  margin-top: 0;
}

.markdown-body strong {
  font-weight: bold;
}

.markdown-body strong::before {
  content: '「';
}

.markdown-body strong::after {
  content: '」';
}

.markdown-body code {
  @apply px-2 py-1 font-medium rounded-md;
  font-size: unset;
}

.markdown-body a {
  @apply font-medium no-underline;
  border-bottom: 1px solid;
}

.markdown-body .footnote-ref {
  @apply border-0;
}

.markdown-body code {
  @apply font-mono;
}

.markdown-body pre > code {
  @apply font-normal;
  color: unset;
  line-height: 1.6;
}

.markdown-body picture img {
  border-radius: 6px;
  display: block;
  margin: 10px auto;
  object-fit: contain;
  box-shadow: 2px 4px 7px #999;
}

.markdown-body picture {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 16px;
}

.markdown-body blockquote {

}

.markdown-body pre,
.markdown-body pre code.hljs {
  display: block;
  overflow-x: auto;
  color: #abb2bf;
  background: #282c34;
  padding: 0;
}

.markdown-body pre code.hljs {
  padding: 12px;
  padding-top: 6px;
}

.markdown-body pre::before {
  content: '';
  display: block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAAAcCAYAAACERFoMAAAFdklEQVRoQ+2aTWwTRxiGv5nddez1/jjGAYJDEwhSCRzDjUKDgFagVAgQ7aURvVDEFXFFCHGlXBHiUkQvLSIIkYLagBpA3MgR0koEEogJEMfx/njX8e7OVLuOU0jjkKzXaSOtzzuzj+fd79U7Mx+C8LeiVgAtlvZxZye3plHcboPTgSik3HEUQZYFZujtlPZo2+Cgtdi56vHc40ud3Cpe2U4c0oEQKvNRmsUMHpo05Efbjv+3fJ2XOrm3ycJ2SlEHoPL6AYUsQnRoLBd/BIvk+6hgI7s/38Uw6CShdB/LMlqE4yIsg2Pu+2yHmCXLKtm2I2KE7jgOvdB27/4f9RCk2pzPrrTv4lw+QvdxLNYiESbCMjDDB2ap5JQsm4gYozuWQy9sOjq8rHzpnz/dBRx7kjpkH8OxGo6wEcSW14/axCQlu+RYtogYfAc5zg9jR/4cWGj9qgo28uWOZkSYyxjDTlkUxHgsChjjeecihEDBLIKi6Roh8IBi51jbbw/H6yncyNXWZgD2MgK0MyFxosCzgPH8f4cQCrphQ161NAr0AYB9rK1ntK58rdc7mm3AlwHBzgYpLrLxKKAqfJRQsApFKKkFDQDuswXy/WjP0Lx88/5Dt6oQhl5J4OWEJH60Ct8XJq9qVNUNhRI4VK9qc6uKRdAriZzcKEWWxDellqiqWYpN4VC9qs2rKpbp5cSY3CALS+KbVnRqqaaCKDk4X7X9a7IZsfpTjTLDx6K+isQwi5CdUhxKYG/QorliMQj6m5INTDzG+uIrmDZM5KYdh8LeoEVzxaIM7o+tkhmWb/DFZxvTYGYVBwPdM1e0DwQr2yB+mmqUE37FqhDOiJanmGwJyh49G6Ts01SyIeFXrAqfK1o2N50HZG8Jyh7LNoieRpNSwq9YFT5XtOKkmmcR3TJ6+B97/ECw0b1dfZIQ279UG6z2GZXt0bzd2j/Q7etTmzNo5Gp7nyRw+5dqg9Xe7dmjbt1u6xkOhC99fWsfJ0b3L9UGq/F59qgXf80cevJV5ZlZwbw0yKKbLWtXi0EsbmWOsTfvNMemB2q1Ri8NYnTzk3V8oHwvXxuaReiBWq1xJg3eFNKpQPn0TFYDyz6Q+eYvL93OCvbqi65bsiR0i3E+SL1AKxigqHrf+t8HZr8SPy8Y/WnTrYTIdUsC52d41TGqbkFes/pav31WE1+6d+utBinezYleYg/sZ2kmTKuFvkqVeYK5m+KmpGC2rG1iqkV3vwRu5B97M+FM5PSY3821tymO5c1PmnmmWnT3z0fh5bjhTJqJmN/NtbspHk8aptDSxFSL7n753Mivj004zTk+Nnh80PIEe7Wnqwtz+Ma61amE34kXGvf6XTZPLHJw/d2BBTeF1eZ4cXVTF8egG+k1sbrwZd6aecuhBzf0PPPF13JtcxfiuBt8c7IufMZ4Lk8ty4v5nmAv9uw4IfD8+VSjHKwfziiQnVIM3TBObbj78KKfD2L4x40nRCFyvqkxUhe+iamSoemlU+3fPffFl/6l4wQrRM9HV0l14StOqoatF09lvh666Ak2snvHaVkSzgaVDueK4qZFRdXPtN17eM6PYM+vtJ9OSNzZoNLhXAY3LeZV68zGo8O++NLXOk5zMn82qHQ4l89Li4pxJnNk6FwoGACsOMFCS1xhlhiGjhUWOsJYv8JivRftw43zytk4l5NieDTlJ8FWxiz70ZT74vDwtxbJAOpy+KsVb2cOP5k9nA6vV/7P1ys5Nc/CAtcrFWtEGMILTJ/FFtgF5qTiYPqRC8wKY9gi4FOtmWE1twhopoLIIlsEZkULm3BqUm1Zm3DeJw3b3GrSDZatzW0uZthIWptw7p3Zm4T+GSC8ua6NpLVhhqODXoG/AV56X1lhWm2vAAAAAElFTkSuQmCC");
  height: 30px;
  width: 100%;
  background-size: 40px;
  background-repeat: no-repeat;
  background-color: #282c34;
  margin-bottom: -7px;
  border-radius: 5px;
  background-position: 10px 10px;
}

.markdown-body .svg-markmap-box {
  @apply w-full min-h-80;
}

.markdown-body .footnote-backref {
  @apply hidden;
}

.markdown-body .footnotes {
  @apply py-2;
}

.markdown-body .footnotes hr:first-child {
}