/*!
 * Based on github-markdown-css
 * https://github.com/sindresorhus/github-markdown-css
 *
 * Copyright (c) Sindre Sorhus
 * Licensed under the MIT License.
 * See LICENSES/github-markdown-css-MIT.txt
 *
 * Modified for this project.
 */

:root {
color-scheme: light dark;
--base-text-weight-normal: 400;
--base-text-weight-semibold: 600;
--fontStack-monospace:
ui-monospace,
SFMono-Regular,
Menlo,
Consolas,
monospace;

--fgColor-default: #1f2328;
--fgColor-muted: #636c76;
--fgColor-accent: #0969da;

--bgColor-default: #ffffff;
--bgColor-muted: #f6f8fa;
--bgColor-neutral-muted: #afb8c133;

--borderColor-default: #d0d7de;
--borderColor-muted: #d0d7deb3;

--alert-note-color: #0969da;
--alert-tip-color: #1a7f37;
--alert-important-color: #8250df;
--alert-warning-color: #9a6700;
--alert-caution-color: #cf222e;

--copy-icon-stroke: #59636e;
--tick-icon-stroke: #3fb950;
--copy-button-hover-bg: #eff2f5;
}

@media (prefers-color-scheme: dark) {
:root {
--fgColor-default: #c9d1d9;
--fgColor-muted: #8b949e;
--fgColor-accent: #4493f8;

--bgColor-default: #0d1117;
--bgColor-muted: #161b22;
--bgColor-neutral-muted: #6e768166;

--borderColor-default: #30363d;
--borderColor-muted: #30363db3;

--alert-note-color: #2f81f7;
--alert-tip-color: #3fb950;
--alert-important-color: #a371f7;
--alert-warning-color: #d29922;
--alert-caution-color: #f85149;

--copy-icon-stroke: #9198a1;
--tick-icon-stroke: #3fb950;
--copy-button-hover-bg: #262c36;
}
}

body {
margin: 0;
color: var(--fgColor-default);
background-color: var(--bgColor-default);
}

.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 920px;
margin: 0 auto;
padding: 45px;

color: var(--fgColor-default);
background-color: var(--bgColor-default);

font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
"Noto Sans",
Helvetica,
Arial,
sans-serif;

font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
}

@media (max-width: 767px) {
.markdown-body {
padding: 15px;
}
}

/* headings */

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
line-height: 1.25;
font-weight: var(--base-text-weight-semibold);
}

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

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

.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(--fgColor-muted);
}

/* text */

.markdown-body p {
margin-top: 0;
margin-bottom: 16px;
}

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

.markdown-body a:hover {
text-decoration: underline;
}

/* lists */

.markdown-body ul,
.markdown-body ol {
padding-left: 2em;
margin-top: 0;
margin-bottom: 16px;
}

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

/* blockquote */

.markdown-body blockquote {
margin: 0 0 16px;
padding: 0 1em;
color: var(--fgColor-muted);
border-left: .25em solid var(--borderColor-default);
}

/* alerts */

.markdown-body .markdown-alert {
padding: .5rem 1rem;
margin-bottom: 16px;
color: inherit;
border-left: .25em solid var(--borderColor-default);
}

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

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

.markdown-body .markdown-alert .markdown-alert-title {
display: flex;
font-weight: var(--base-text-weight-semibold);
align-items: center;
line-height: 1;
margin-bottom: 16px;
}

.markdown-body .markdown-alert .markdown-alert-title .octicon {
margin-right: .5rem;
display: inline-block;
overflow: visible !important;
vertical-align: text-bottom;
fill: currentColor;
}

.markdown-body .markdown-alert.markdown-alert-note {
border-left-color: var(--alert-note-color);
}

.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title {
color: var(--alert-note-color);
}

.markdown-body .markdown-alert.markdown-alert-tip {
border-left-color: var(--alert-tip-color);
}

.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title {
color: var(--alert-tip-color);
}

.markdown-body .markdown-alert.markdown-alert-important {
border-left-color: var(--alert-important-color);
}

.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title {
color: var(--alert-important-color);
}

.markdown-body .markdown-alert.markdown-alert-warning {
border-left-color: var(--alert-warning-color);
}

.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title {
color: var(--alert-warning-color);
}

.markdown-body .markdown-alert.markdown-alert-caution {
border-left-color: var(--alert-caution-color);
}

.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title {
color: var(--alert-caution-color);
}

/* code */

.markdown-body code,
.markdown-body kbd,
.markdown-body samp {
font-family: var(--fontStack-monospace);
padding: .2em .4em;
margin: 0;
font-size: 85%;
white-space: break-spaces;
color: var(--fgColor-default);
background-color: var(--bgColor-neutral-muted);
border-radius: 6px;
}

.markdown-body pre {
font-family: var(--fontStack-monospace);
margin-bottom: 16px;
padding: 16px;
overflow: auto;

font-size: 85%;
line-height: 1.45;

color: var(--fgColor-default);
background-color: var(--bgColor-muted);
border-radius: 6px;
}

.markdown-body pre code,
.markdown-body pre kbd,
.markdown-body pre samp {
padding: 0;
margin: 0;
font-size: inherit;
line-height: inherit;
white-space: pre;
background: transparent;
color: inherit;
}

/* tables */

.markdown-body table {
border-collapse: collapse;
margin-bottom: 16px;
width: 100%;
}

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

.markdown-body th {
font-weight: var(--base-text-weight-semibold);
}

.markdown-body tr:nth-child(even) {
background-color: var(--bgColor-muted);
}

/* images */

.markdown-body img {
max-width: 100%;
box-sizing: content-box;
}

/* horizontal rule */

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

/* copy button */

.copy-button {
background-color: transparent;
border: none;
position: absolute;
top: 8px;
right: 8px;
border-radius: 5px;
padding: 5px;
cursor: pointer;
transition: border-width .2s ease;
}

.copy-button svg.copy-icon {
stroke: var(--copy-icon-stroke);
}

.copy-button svg.tick-icon {
stroke: var(--tick-icon-stroke);
}

.copy-button:hover {
background-color: var(--copy-button-hover-bg);
}

.markdown-body {
  padding-top: 1rem !important;
}
.markdown-body > :first-child {
  margin-top: 0 !important;
}

.markdown-body > :last-child {
  margin-bottom: 0 !important;
}