/*
Following css is nearly a copy of the distribution generated by:
https://github.com/primer/css/tree/main/src/markdown as of 11/2/2021

Colors pulled from light theme in same distribution.

Changes: Added text-color, renamed variables to match desktop scheme, used
desktop font-size variables. (This is not meant to be an exhaustive list of
changes from the original, just a note that this will not match 1-1)
 */

.markdown-body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	font-size: var(--font-size);
	color: var(--text-color);
	background-color: var(--background-color);
	line-height: 1.5;
	word-wrap: break-word;
	margin: 0;
}

.markdown-body::before {
	display: table;
	content: ""
}

.markdown-body::after {
	display: table;
	clear: both;
	content: ""
}

.markdown-body>#content>*:first-child {
	margin-top: 0 !important
}

.markdown-body>#content>*:last-child {
	margin-bottom: 0 !important
}

.markdown-body a:not([href]) {
	color: inherit;
	text-decoration: none
}

.markdown-body .absent {
	color: var(--md-danger-fg-color)
}

.markdown-body .anchor {
	float: left;
	padding-right: 4px;
	margin-left: -20px;
	line-height: 1
}

.markdown-body .anchor:focus {
	outline: none
}

.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
	margin-top: 0;
	margin-bottom: 16px
}

.markdown-body hr {
	height: .25em;
	padding: 0;
	margin: 24px 0;
	background-color: var(--md-border-default-color);
	border: 0
}

.markdown-body blockquote {
	padding: 0 1em;
	color: var(--md-fg-muted-color);
	border-left: .25em solid var(--md-border-default-color)
}

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

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

.markdown-body sup>a::before {
	content: "["
}

.markdown-body sup>a::after {
	content: "]"
}

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

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
	color: var(--md-fg-default-color);
	vertical-align: middle;
	visibility: hidden
}

.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
	text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
	visibility: visible
}

.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
	padding: 0 .2em;
	font-size: inherit
}

.markdown-body h1 {
	padding-bottom: .3em;
	font-size: 2em;
	border-bottom: 1px solid var(--md-border-muted-color)
}

.markdown-body h2 {
	padding-bottom: .3em;
	font-size: 1.5em;
	border-bottom: 1px solid var(--md-border-muted-color)
}

.markdown-body h3 {
	font-size: 1.25em
}

.markdown-body h4 {
	font-size: 1em
}

.markdown-body h5 {
	font-size: .875em
}

.markdown-body h6 {
	font-size: .85em;
	color: var(--md-fg-muted-color)
}

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

.markdown-body ul.no-list,
.markdown-body ol.no-list {
	padding: 0;
	list-style-type: none
}

.markdown-body ol[type="1"] {
	list-style-type: decimal
}

.markdown-body ol[type=a] {
	list-style-type: lower-alpha
}

.markdown-body ol[type=i] {
	list-style-type: lower-roman
}

.markdown-body div>ol:not([type]) {
	list-style-type: decimal
}

.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
	margin-top: 0;
	margin-bottom: 0
}

.markdown-body li>p {
	margin-top: 16px
}

.markdown-body li+li {
	margin-top: .25em
}

.markdown-body dl {
	padding: 0
}

.markdown-body dl dt {
	padding: 0;
	margin-top: 16px;
	font-size: 1em;
	font-style: italic;
	font-weight: 600
}

.markdown-body dl dd {
	padding: 0 16px;
	margin-bottom: 16px
}

.markdown-body table {
	display: block;
	width: 100%;
	width: max-content;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: var(--font-size);
}

.markdown-body table th {
	font-weight: 600
}

.markdown-body table th,
.markdown-body table td {
	padding: 6px 13px;
	border: 1px solid var(--md-border-default-color)
}

.markdown-body table tr {
	background-color: var(--md-canvas-default-color);
	border-top: 1px solid var(--md-border-muted-color)
}

.markdown-body table tr:nth-child(2n) {
	background-color: var(--md-canvas-subtle-color)
}

.markdown-body table img {
	background-color: transparent
}

.markdown-body img {
	max-width: 100%;
	box-sizing: content-box;
	background-color: var(--md-canvas-default-color)
}

.markdown-body video {
	max-width: 95%;
}

.markdown-body img[align=right] {
	padding-left: 20px
}

.markdown-body img[align=left] {
	padding-right: 20px
}

.markdown-body .emoji {
	max-width: none;
	vertical-align: text-top;
	background-color: transparent;
	height: 1em;
	width: auto;
}

.markdown-body span.frame {
	display: block;
	overflow: hidden
}

.markdown-body span.frame>span {
	display: block;
	float: left;
	width: auto;
	padding: 7px;
	margin: 13px 0 0;
	overflow: hidden;
	border: 1px solid var(--md-border-default-color)
}

.markdown-body span.frame span img {
	display: block;
	float: left
}

.markdown-body span.frame span span {
	display: block;
	padding: 5px 0 0;
	clear: both;
	color: var(--md-fg-default-color)
}

.markdown-body span.align-center {
	display: block;
	overflow: hidden;
	clear: both
}

.markdown-body span.align-center>span {
	display: block;
	margin: 13px auto 0;
	overflow: hidden;
	text-align: center
}

.markdown-body span.align-center span img {
	margin: 0 auto;
	text-align: center
}

.markdown-body span.align-right {
	display: block;
	overflow: hidden;
	clear: both
}

.markdown-body span.align-right>span {
	display: block;
	margin: 13px 0 0;
	overflow: hidden;
	text-align: right
}

.markdown-body span.align-right span img {
	margin: 0;
	text-align: right
}

.markdown-body span.float-left {
	display: block;
	float: left;
	margin-right: 13px;
	overflow: hidden
}

.markdown-body span.float-left span {
	margin: 13px 0 0
}

.markdown-body span.float-right {
	display: block;
	float: right;
	margin-left: 13px;
	overflow: hidden
}

.markdown-body span.float-right>span {
	display: block;
	margin: 13px auto 0;
	overflow: hidden;
	text-align: right
}

.markdown-body code,
.markdown-body tt {
	padding: .2em .4em;
	margin: 0;
	font-size: 85%;
	background-color: var(--md-neutral-muted-color);
	border-radius: 6px
}

.markdown-body code br,
.markdown-body tt br {
	display: none
}

.markdown-body del code {
	text-decoration: inherit
}

.markdown-body pre {
	word-wrap: normal
}

.markdown-body pre code {
	font-size: 100%
}

.markdown-body pre>code {
	padding: 0;
	margin: 0;
	word-break: normal;
	white-space: pre;
	background: transparent;
	border: 0
}

.markdown-body .highlight {
	margin-bottom: 16px
}

.markdown-body .highlight pre {
	margin-bottom: 0;
	word-break: normal
}

.markdown-body .highlight pre,
.markdown-body pre {
	padding: 16px;
  /* Destkop specific change due to view width constraints. Removed overflow
  auto and added display table so that pre tags would not be bound horizontally
  so externior container can be used to scroll it */
  display: table;
	min-width: 90%;
	font-size: 85%;
	line-height: 1.45;
	background-color: var(--md-canvas-subtle-color);
	border-radius: 6px
}

.markdown-body pre code,
.markdown-body pre tt {
	display: inline;
	max-width: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
	line-height: inherit;
	word-wrap: normal;
	background-color: transparent;
	border: 0
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
	padding: 5px;
	overflow: hidden;
	font-size: var(--font-size-sm);
	line-height: 1;
	text-align: left;
	white-space: nowrap
}

.markdown-body .csv-data .blob-num {
	padding: 10px 8px 9px;
	text-align: right;
	background: var(--md-canvas-default-color);
	border: 0
}

.markdown-body .csv-data tr {
	border-top: 0
}

.markdown-body .csv-data th {
	font-weight: 600;
	background: var(--md-canvas-subtle-color);
	border-top: 0
}

.markdown-body .footnotes {
	font-size: 12px;
	color: var(--md-fg-muted-color);
	border-top: 1px solid var(--md-border-default-color)
}

.markdown-body .footnotes ol {
	padding-left: 16px
}

.markdown-body .footnotes li {
	position: relative
}

.markdown-body .footnotes li:target::before {
	position: absolute;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -24px;
	pointer-events: none;
	content: "";
	border: 2px solid var(--md-accent-emphasis-color);
	border-radius: 6px
}

.markdown-body .footnotes li:target {
	color: var(--md-fg-default-color)
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
	font-family: monospace
}

.markdown-body a {
  color: var(--md-accent-fg-color);
  text-decoration: none;
}

.markdown-body .issue-keyword {
	border-bottom: 1px dotted var(--md-border-default-color);
}
