/* container */
#content {
	max-width: 750px;
	margin: 40px auto;
	padding: 0 20px;
	font-family: system-ui, sans-serif;
	line-height: 1.65;
}

/* headings */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	font-weight: 600;
	margin: 1.4em 0 0.6em;
}

/* paragraph */
#content p {
	margin: 1em 0;
}

/* code block */
#content pre {
	/* background: #f4f4f4; */
	padding: 3px;
	overflow-x: auto;
	border-radius: 6px;
}

#content code {
	font-family: 'Cascadia Code NF', 'Cascadia Code', Consolas, monospace;
	line-height: 1.5;
	tab-size: 4;
	/* background: #f0f0f0; */
	padding: 12px 12px;
	border-radius: 6px;
}

/* blockquote */
#content blockquote {
	border-left: 4px solid #ddd;
	padding-left: 14px;
	color: #555;
	margin: 1em 0;
}

/* list */
#content ul,
#content ol {
	margin: 1em 0 1em 1.4em;
}

/* link */
#content a {
	color: #0366d6;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

/* table */
#content table {
	border-collapse: collapse;
	margin: 1em 0;
}

#content th,
#content td {
	border: 1px solid #ccc;
	padding: 6px 10px;
}

#content th {
	background: #f7f7f7;
	font-weight: 600;
}

#content em {
	font-style: normal;
	font-family: 'Times New Roman', "KaiTi", "STKaiti", serif;
}

#content details {
	border-radius: 4px;
	margin: 13px auto;
	box-shadow: none;
	padding: 0 0.8em;
	display: flow-root;
	transition: box-shadow 125ms;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

#content summary {
	cursor: pointer;
	list-style: none;
	margin: 0 -0.8em;
	padding: 0.3em 0.55em 0.3em 0.6em;
	font-weight: bold;
	background-color: #448aff1a;
}

#content summary+* {
	margin-top: 0.5em;
}

#content summary::before,
#content summary::after {
	display: flex;
	margin-top: 0.13em;
	content: "";
	height: 1.35em;
	width: 1.35em;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	vertical-align: middle;
}

#content summary::before {
	float: left;
	margin-right: 0.5em;
}

#content summary::after {
	float: right;
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z"/></svg>');
	transform: rotate(0deg);
	transition: transform 0.25s;
	margin-right: -0.15em;
}

#content details[open] {
	box-shadow: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
}

#content details[open]>summary::after {
	transform: rotate(90deg);
}

#content details {
	border: 1px solid #448aff;
}

#content details:focus-within {
	box-shadow: 0 0 0 0.2em rgba(68, 138, 255, 0.1);
}

#content details>summary {
	background-color: rgba(68, 138, 255, 0.1);
}

#content details>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m3.1 5.07c.14 0 .28.05.4.16l1.27 1.27c.23.22.23.57 0 .78l-1 1-2.05-2.05 1-1c.1-.11.24-.16.38-.16m-1.97 1.74 2.06 2.06-6.06 6.06H7.07v-2.06z"/></svg>');
}

#content details>summary::before,
#content details>summary::after {
	background-color: #448aff;
}

#content details.note {
	border: 1px solid #448aff;
}

#content details.note:focus-within {
	box-shadow: 0 0 0 0.2em rgba(68, 138, 255, 0.1);
}

#content details.note>summary {
	background-color: rgba(68, 138, 255, 0.1);
}

#content details.note>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m3.1 5.07c.14 0 .28.05.4.16l1.27 1.27c.23.22.23.57 0 .78l-1 1-2.05-2.05 1-1c.1-.11.24-.16.38-.16m-1.97 1.74 2.06 2.06-6.06 6.06H7.07v-2.06z"/></svg>');
}

#content details.note>summary::before,
#content details.note>summary::after {
	background-color: #448aff;
}

#content details.abstract {
	border: 1px solid #00b0ff;
}

#content details.abstract:focus-within {
	box-shadow: 0 0 0 0.2em rgba(0, 176, 255, 0.1);
}

#content details.abstract>summary {
	background-color: rgba(0, 176, 255, 0.1);
}

#content details.abstract>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 9H7V7h10m0 6H7v-2h10m-3 6H7v-2h7M12 3a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"/></svg>');
}

#content details.abstract>summary::before,
#content details.abstract>summary::after {
	background-color: #00b0ff;
}

#content details.info {
	border: 1px solid #00b8d4;
}

#content details.info:focus-within {
	box-shadow: 0 0 0 0.2em rgba(0, 184, 212, 0.1);
}

#content details.info>summary {
	background-color: rgba(0, 184, 212, 0.1);
}

#content details.info>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>');
}

#content details.info>summary::before,
#content details.info>summary::after {
	background-color: #00b8d4;
}

#content details.tip {
	border: 1px solid #00bfa5;
}

#content details.tip:focus-within {
	box-shadow: 0 0 0 0.2em rgba(0, 191, 165, 0.1);
}

#content details.tip>summary {
	background-color: rgba(0, 191, 165, 0.1);
}

#content details.tip>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27"/></svg>');
}

#content details.tip>summary::before,
#content details.tip>summary::after {
	background-color: #00bfa5;
}

#content details.success {
	border: 1px solid #00c853;
}

#content details.success:focus-within {
	box-shadow: 0 0 0 0.2em rgba(0, 200, 83, 0.1);
}

#content details.success>summary {
	background-color: rgba(0, 200, 83, 0.1);
}

#content details.success>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z"/></svg>');
}

#content details.success>summary::before,
#content details.success>summary::after {
	background-color: #00c853;
}

#content details.question {
	border: 1px solid #64dd17;
}

#content details.question:focus-within {
	box-shadow: 0 0 0 0.2em rgba(100, 221, 23, 0.1);
}

#content details.question>summary {
	background-color: rgba(100, 221, 23, 0.1);
}

#content details.question>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m15.07 11.25-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2 2 2 0 0 0-2 2H8a4 4 0 0 1 4-4 4 4 0 0 1 4 4 3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10c0-5.53-4.5-10-10-10"/></svg>');
}

#content details.question>summary::before,
#content details.question>summary::after {
	background-color: #64dd17;
}

#content details.warning {
	border: 1px solid #ff9100;
}

#content details.warning:focus-within {
	box-shadow: 0 0 0 0.2em rgba(255, 145, 0, 0.1);
}

#content details.warning>summary {
	background-color: rgba(255, 145, 0, 0.1);
}

#content details.warning>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>');
}

#content details.warning>summary::before,
#content details.warning>summary::after {
	background-color: #ff9100;
}

#content details.failure {
	border: 1px solid #ff5252;
}

#content details.failure:focus-within {
	box-shadow: 0 0 0 0.2em rgba(255, 82, 82, 0.1);
}

#content details.failure>summary {
	background-color: rgba(255, 82, 82, 0.1);
}

#content details.failure>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>');
}

#content details.failure>summary::before,
#content details.failure>summary::after {
	background-color: #ff5252;
}

#content details.danger {
	border: 1px solid #ff1744;
}

#content details.danger:focus-within {
	box-shadow: 0 0 0 0.2em rgba(255, 23, 68, 0.1);
}

#content details.danger>summary {
	background-color: rgba(255, 23, 68, 0.1);
}

#content details.danger>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.5 20 4.86-9.73H13V4l-5 9.73h3.5zM12 2c2.75 0 5.1 1 7.05 2.95S22 9.25 22 12s-1 5.1-2.95 7.05S14.75 22 12 22s-5.1-1-7.05-2.95S2 14.75 2 12s1-5.1 2.95-7.05S9.25 2 12 2"/></svg>');
}

#content details.danger>summary::before,
#content details.danger>summary::after {
	background-color: #ff1744;
}

#content details.bug {
	border: 1px solid #f50057;
}

#content details.bug:focus-within {
	box-shadow: 0 0 0 0.2em rgba(245, 0, 87, 0.1);
}

#content details.bug>summary {
	background-color: rgba(245, 0, 87, 0.1);
}

#content details.bug>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 13h2v1h-2zm10-8v6c0 5.5-3.8 10.7-9 12-5.2-1.3-9-6.5-9-12V5l9-4zm-4 5h-2.2c-.2-.6-.6-1.1-1.1-1.5l1.2-1.2-.7-.7L12.8 8H12c-.2 0-.5 0-.7.1L9.9 6.6l-.8.8 1.2 1.2c-.5.3-.9.8-1.1 1.4H7v1h2v1H7v1h2v1H7v1h2.2c.4 1.2 1.5 2 2.8 2s2.4-.8 2.8-2H17v-1h-2v-1h2v-1h-2v-1h2zm-6 2h2v-1h-2z"/></svg>');
}

#content details.bug>summary::before,
#content details.bug>summary::after {
	background-color: #f50057;
}

#content details.example {
	border: 1px solid #7c4dff;
}

#content details.example:focus-within {
	box-shadow: 0 0 0 0.2em rgba(124, 77, 255, 0.1);
}

#content details.example>summary {
	background-color: rgba(124, 77, 255, 0.1);
}

#content details.example>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2v2h1v14a4 4 0 0 0 4 4 4 4 0 0 0 4-4V4h1V2zm4 14c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1m2-4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1m1-5h-4V4h4z"/></svg>');
}

#content details.example>summary::before,
#content details.example>summary::after {
	background-color: #7c4dff;
}

#content details.quote {
	border: 1px solid #9e9e9e;
}

#content details.quote:focus-within {
	box-shadow: 0 0 0 0.2em rgba(158, 158, 158, 0.1);
}

#content details.quote>summary {
	background-color: rgba(158, 158, 158, 0.1);
}

#content details.quote>summary::before {
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z"/></svg>');
}

#content details.quote>summary::before,
#content details.quote>summary::after {
	background-color: #9e9e9e;
}