/* Prose */

.prose {
  font-size: 16px;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
  font-weight: 600;
}

.prose h1 {
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose h2 {
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose h3 {
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose h4 {
  font-size: 1.1em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose h5 {
  font-size: 1em;
  margin-top: 1.25em;
  margin-bottom: 0.4em;
  line-height: 1.4;
}

.prose h6 {
  font-size: 0.9em;
  margin-top: 1.1em;
  margin-bottom: 0.25em;
  line-height: 1.3;
}

.prose p {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose h1 a,
.prose h2 a,
.prose h3 a,
.prose h4 a,
.prose h5 a,
.prose h6 a {
  text-decoration: underline;
}

body .prose video {
  margin-top: 2em;
  margin-bottom: 2em;
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
}

.prose figure {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose figcaption {
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose p a,
.prose li a {
  text-decoration: underline;
  word-break: break-all;
  font-weight: 500;
}

.prose strong {
  font-weight: 600;
}

.prose strong {
  font-weight: 600;
}

.prose ol {
  list-style-type: decimal;
  padding-left: 1.625em;
}

.prose ol ol {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose hr {
  border-top: 0.1em solid rgba(0, 0, 0, 0.05);
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose pre {
  color: #fff;
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose code {
  overflow-x: auto;
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  border: 0.05em solid var(--color-gray-300);
  padding: 0.25em 0.5em;
  font-weight: 600;
  font-size: 0.8em;
  margin-bottom: 0;
  border-radius: 0.25em;
}

.prose p code {
  word-break: break-all;
}


.prose code::before {
  content: none;
}

.prose code::after {
  content: none;
}

.prose code::before {
  content: "`";
}

.prose code::after {
  content: "`";
}

a .prose code {
  color: var(--color-gray-900);
}

.prose ol {
  list-style-type: decimal;
  padding-left: 1.625em;
}

.prose ol[type="A"] {
  list-style-type: upper-alpha;
}

.prose ol[type="a"] {
  list-style-type: lower-alpha;
}

.prose ol[type="a"] {
  list-style-type: lower-alpha;
}

.prose ol[type="I"] {
  list-style-type: upper-roman;
}

.prose ol[type="i"] {
  list-style-type: lower-roman;
}

.prose ol[type="1"] {
  list-style-type: decimal;
}

.prose ol ol {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose li {
  margin: 0.5em 0;
  padding-left: 0.375em;
}

.prose li p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose li p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose li *:first-child {
  margin-top: 1.25em;
}

.prose li *:last-child {
  margin-bottom: 1.25em;
}

.prose ol>li::marker {
  font-weight: 400;
  color: #757575;
}

.prose ul {
  list-style-type: disc;
  padding-left: 1.625em;
}

.prose ul ul {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose ul li {
  margin: 0.5em 0;
  padding-left: 0.375em;
}

.prose ul li p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose li *:first-child {
  margin-top: 1.25em;
}

.prose li *:last-child {
  margin-bottom: 1.25em;
}

.prose ul>li::marker {
  font-weight: 400;
  color: #757575;
  font-size: 1em;
}

.prose hr {
  border-top: 0.1em solid rgba(0, 0, 0, 0.05);
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose pre {
  color: #fff;
  background-color: var(--color-dark);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose pre code {
  overflow-x: auto;
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}

.prose pre code::before {
  content: none;
}

.prose pre code::after {
  content: none;
}

.prose table {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  text-align: left;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
  background-color: var(--color-gray-50);
  border: 0.1em solid var(--color-gray-300);
}

.prose table tr:nth-child(even) {
  background-color: var(--color-gray-100);
}

.prose table thead {
  border-bottom: 0.05em solid rgba(0, 0, 0, 0.1);
  text-indent: 0;
}

.prose table thead th {
  color: var(--color-dark);
  vertical-align: bottom;
  font-weight: 600;
  padding-right: 0.6em;
  padding-bottom: 0.8em;
  padding-left: 0.6em;
}

.prose table thead tr {
  border-bottom: 0.05em solid rgba(0, 0, 0, 0.1);
}

.prose table thead tr:last-child {
  border-bottom: 0;
}

.prose table tbody td {
  vertical-align: baseline;
  padding: 0.8em 0.6em;
  padding-left: 0.6em;
}

.prose table tbody tr {
  border-bottom: 0.05em solid rgba(0, 0, 0, 0.1);
}

.prose table tbody tr:last-child {
  border-bottom: 0;
}

.prose dl {
  display: flex;
  flex-flow: row wrap;
  border: 0.1em solid rgba(0, 0, 0, 0.1);
  padding: 1rem 0 0 0;
}

.prose dt {
  flex-basis: 20%;
  padding: 0 1rem 1rem 1rem;
  color: var(--color-dark);
  font-weight: 600;
}

.prose dd {
  flex-basis: 70%;
  flex-grow: 1;
  margin: 0;
  padding: 0 1rem 1rem 1rem;
}

.prose blockquote {
  background-color: var(--color-gray-50);
  border: 0.1em solid var(--color-gray-300);
  color: var(--color-gray-900);
  padding: 1.5rem;
}

.prose blockquote > *:first-child {
  margin: 0;
}

/**
 * Github Light theme for Prism.js
 * Based on Github: https://github.com
 * @author Katorly
 */

.prose pre[class*="language-"] {
  border: 0.1em solid var(--color-gray-300);
}

.prose pre[class*="language-"] {
  color: #24292f;
  font-size: 1rem;
  font-weight: 500;
  text-shadow: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.prose pre[class*="language-"]::selection,
.prose code[class*="language-"]::selection,
.prose pre[class*="language-"]::mozselection,
.prose code[class*="language-"]::mozselection {
  text-shadow: none;
  background: var(--color-gray-300);
}

@media print {

  .prose pre[class*="language-"],
  .prose code[class*="language-"] {
    text-shadow: none;
  }
}

.prose pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
  background: var(--color-gray-50);
}


/* Line highlighting */
.prose pre[data-line] {
  position: relative;
}

.prose pre[class*="language-"]>code[class*="language-"] {
  position: relative;
  z-index: 1;
}

.prose .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  background: #fff8c5;
  box-shadow: inset 5px 0 0 #eed888;
  z-index: 0;
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

/* Tokens */
.prose .namespace {
  opacity: .7;
}

.prose .token.comment,
.prose .token.prolog,
.prose .token.doctype,
.prose .token.cdata {
  color: #6e7781;
}

.prose .token.punctuation {
  color: #24292f;
}

.prose .token.property,
.prose .token.tag,
.prose .token.boolean,
.prose .token.number,
.prose .token.constant,
.prose .token.symbol,
.prose .token.deleted {
  color: #0550ae;
}

.prose .token.selector,
.prose .token.attr-name,
.prose .token.string,
.prose .token.char,
.prose .token.builtin,
.prose .token.inserted {
  color: #0a3069;
}

.prose .token.operator,
.prose .token.entity,
.prose .token.url,
.prose .language-css .token.string,
.prose .style .token.string {
  color: #0550ae;
}

.prose .token.atrule,
.prose .token.attr-value,
.prose .token.keyword {
  color: #cf222e;
}

.prose .token.function {
  color: #8250df;
}

.prose .token.regex,
.prose .token.important,
.prose .token.variable {
  color: #0a3069;
}

.prose .token.important,
.prose .token.bold {
  font-weight: bold;
}

.prose .token.italic {
  font-style: italic;
}

.prose .token.entity {
  cursor: help;
}