@charset "UTF-8";
/*! © 2025 imaoki | MIT License | https://github.com/imaoki */
* { background-clip: padding-box; box-sizing: border-box; font: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; text-decoration: inherit; word-wrap: inherit; }
*:focus { outline: transparent none 0; }

html { font-size: 16px; height: 100%; scroll-behavior: smooth; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

pre { overflow: auto; }

sub, sup { bottom: inherit; font-size: inherit; line-height: inherit; position: static; top: inherit; vertical-align: inherit; }

deepl-input-controller { display: none; }

* { font-family: sans-serif; }

code, kbd, pre, samp { font-family: monospace, monospace; }
code *, kbd *, pre *, samp * { font-family: monospace, monospace; }

body { font-size: 1rem; font-style: normal; font-weight: normal; letter-spacing: 0.125em; line-height: 1.7; text-decoration: none; word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 { font-size: 1rem; }

::-webkit-resizer, ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner { display: none; height: 0; width: 0; }

::-webkit-scrollbar { background-color: transparent; height: 0.5rem; width: 0.5rem; }

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { background-color: transparent; }

::-webkit-scrollbar-thumb { background-color: #2f2f2f; }
::-webkit-scrollbar-thumb:hover { background-color: #3f3f3f; }

html { background-color: #1f1f1f; color: #bfbfbf; }

a:link { color: #5f7fdf; }
a:visited { color: #9f7f9f; }
a:hover { color: #9fdfff; }
a:active { color: #7f9fbf; }
a.static:link, a.static:visited, a.static:hover, a.static:active { color: #bfbfbf; }

.page.wrapper { display: flex; flex-flow: column nowrap; gap: 1rem; height: 100%; margin: 0 auto; max-width: 50rem; padding: 1rem; }
.page.header { align-items: center; display: flex; flex-flow: row wrap; flex: 0 0 auto; gap: 1rem; justify-content: flex-start; }
.page.title { align-items: center; display: flex; flex-flow: row nowrap; }
.page.nav .static { color: #404040; }
.page.nav .static:hover { color: #7f7f7f; }
.page.nav .static.active { color: #7f9fbf; }
.page.main { flex: 1 0 auto; }
.page.footer { display: flex; flex-flow: row nowrap; flex: 0 0 auto; justify-content: center; }

.index.title { padding: 0.25rem 0.5rem; }
.index.title.home, .index.title.category { display: none; }
.index.title.tag::before { content: ""; font-family: "icon"; line-height: 1; vertical-align: baseline; }

.panel.wrapper { display: flex; flex-flow: column nowrap; flex: 0 0 auto; padding: 1rem; background-color: #272727; }
.panel.wrapper:hover { background-color: #373737; }
.panel.header { align-items: center; display: flex; flex-flow: row wrap; flex: 0 0 auto; gap: 1rem; justify-content: space-between; }
.panel.title { font-weight: bold; }
.panel.property { color: #474747; font-size: 0.8rem; }
.panel.excerpt { border: 0 solid #474747; border-top-width: 1px; color: #474747; font-size: 0.8rem; padding: 0; }

.pagination.newer::before { content: ""; font-family: "icon"; margin: 0 0.25rem 0 0; vertical-align: baseline; }
.pagination.older::after { content: ""; font-family: "icon"; margin: 0 0 0 0.25rem; vertical-align: baseline; }
.pagination.number { margin: 0 0.5rem; }
.pagination.number.active { color: #7f9fbf; }

.post.wrapper { background-color: #272727; display: flex; flex-flow: column nowrap; padding: 1rem; }
.post.header { align-items: center; border-bottom: 1px solid #474747; display: flex; flex-flow: row wrap; flex: 0 0 auto; justify-content: space-between; margin: 0 0 1rem 0; }
.post.title { font-weight: bold; }
.post.property { font-size: 0.8rem; }
.post.main { flex: 1 0 auto; }

.error { align-items: center; display: flex; flex-flow: column nowrap; height: 100%; justify-content: center; }
.error > * { flex: 0 0 auto; font-size: 2rem; }

.card.wrapper { display: flex; flex-flow: column nowrap; }
.card.main { align-items: flex-start; display: flex; flex-flow: row wrap; flex: 0 0 auto; gap: 0.5rem; justify-content: flex-start; }
.card.main ul:not([class*="debug"]) { align-items: stretch; background-color: #272727; display: flex; flex-flow: column nowrap; flex: 1 1 auto; gap: 0.5rem; padding: 1rem; }
.card.main ul:not([class*="debug"]) li { align-items: center; display: flex; flex-flow: row wrap; flex: 1 0 auto; justify-content: space-between; }
.card.main ul:not([class*="debug"]) li:first-child { align-self: center; }
.card.main ul:not([class*="debug"]) li:first-child span { font-size: 2rem; }

.hlist { align-items: center; display: flex; flex-flow: row wrap; gap: 1rem; }
.hlist.right { justify-content: flex-end; }
.hlist.around { justify-content: space-around; }
.hlist.between { justify-content: space-between; }
.hlist > .item { display: block; flex: 0 1 auto; }
.hlist > .item.stretch { flex: 1 1 auto; }

.vlist { align-items: stretch; display: flex; flex-flow: column wrap; gap: 0.5rem; }
.vlist > .item { display: block; flex: 1 1 auto; }

.icon::before { font-family: "icon"; line-height: 1; vertical-align: baseline; }
.icon.copy::before { content: ""; }
.icon.copy.success::before { content: ""; }
.icon.date.published::before { content: ""; }
.icon.date.updated::before { content: ""; }
.icon.feed::before { content: ""; }
.icon.github::before { content: ""; }
.icon.tag::before { content: ""; }

.button { display: block; padding: 0 0.25rem; }
.button.copy { cursor: pointer; background-color: #272727; color: #7f7f7f; }
.button.copy:hover { background-color: #373737; }
.button.copy:hover { color: #bfbfbf; }
.button.github { background-color: transparent; color: whitesmoke; }
.button.github:hover { background-color: whitesmoke; color: #4078c0; }
.button.feed { background-color: transparent; color: #f26522; }
.button.feed:hover { background-color: #f26522; color: white; }

.debug { color: #7f7f7f; font-size: 0.5rem; }
.debug > .item { margin: 0; }
.debug .template::before { content: "template:"; margin: 0 0.125rem 0 0; }

.invisible { display: none; }

.table-of-contents > ul { bottom: 0; display: flex; flex-flow: column nowrap; height: auto; max-width: 20rem; min-width: 3rem; overflow: scroll; padding: 3rem 0.5rem 0.5rem 0.5rem; position: fixed; right: 0; top: 0; visibility: visible; width: auto; z-index: 3; background-color: rgba(23, 23, 23, 0.375); }
.table-of-contents > ul:hover { background-color: rgba(23, 23, 23, 0.875); }
.table-of-contents > ul::before { color: #7f7f7f; content: ""; display: block; flex: 0 0 auto; font-family: "icon"; font-size: 1.5rem; line-height: 1; padding: 0.25rem; position: fixed; right: calc(0.5rem - 2px); top: 0.5rem; }
.table-of-contents > ul::-webkit-scrollbar { height: 0.25rem; width: 0.25rem; }
.table-of-contents > ul ul { display: flex; flex-flow: column nowrap; }
.table-of-contents > ul li { display: block; flex: 0 0 auto; }
.table-of-contents > ul li > a { display: block; line-height: 1.375; overflow: hidden; padding: 0.25rem; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(255, 255, 255, 0); color: #7f7f7f; }
.table-of-contents > ul li > a:hover { background-color: rgba(255, 255, 255, 0.125); }
.table-of-contents > ul li > a:hover { color: #bfbfbf; }
.table-of-contents > ul > li > a { padding-left: 0.25rem; }
.table-of-contents > ul > li > ul > li > a { padding-left: 1.25rem; }
.table-of-contents > ul > li > ul > li > ul > li > a { padding-left: 2.25rem; }
.table-of-contents > ul > li > ul > li > ul > li > ul > li > a { padding-left: 3.25rem; }
.table-of-contents > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 4.25rem; }
.table-of-contents > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 5.25rem; }

@media (max-width: 90rem) { .table-of-contents > ul { max-width: calc((100% - 50rem) * 0.5); } }
@media (max-width: 60rem) { .table-of-contents > ul { height: 3rem; max-width: 3rem; overflow: hidden; padding: 0.5rem; width: 3rem; }
  .table-of-contents > ul:hover { bottom: 0; height: auto; max-width: 20rem; overflow: scroll; padding: 3rem 0.5rem 0.5rem 0.5rem; width: auto; }
  .table-of-contents > ul:hover li { visibility: visible; }
  .table-of-contents > ul li { visibility: hidden; } }
@media (max-width: 22rem) { .table-of-contents > ul:hover { max-width: calc(100% - 2rem); } }
.post.main > * { margin: 1rem 0; }
.post.main > *:first-child { margin-top: 1rem; }
.post.main > *:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main > *:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main > *:last-child { margin-top: 1rem; }
.post.main > *:last-child:first-child { margin: 0; }
.post.main > h1, .post.main > h2, .post.main > h3, .post.main > h4, .post.main > h5, .post.main > h6 { margin: 5rem 0 1rem 0; }
.post.main > h1:first-child, .post.main > h2:first-child, .post.main > h3:first-child, .post.main > h4:first-child, .post.main > h5:first-child, .post.main > h6:first-child { margin-bottom: 1rem; }
.post.main > h1:first-child[class*="invisible"] + *, .post.main > h2:first-child[class*="invisible"] + *, .post.main > h3:first-child[class*="invisible"] + *, .post.main > h4:first-child[class*="invisible"] + *, .post.main > h5:first-child[class*="invisible"] + *, .post.main > h6:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main > h1:first-child[class*="invisible"] + *:last-child, .post.main > h2:first-child[class*="invisible"] + *:last-child, .post.main > h3:first-child[class*="invisible"] + *:last-child, .post.main > h4:first-child[class*="invisible"] + *:last-child, .post.main > h5:first-child[class*="invisible"] + *:last-child, .post.main > h6:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main > h1:last-child, .post.main > h2:last-child, .post.main > h3:last-child, .post.main > h4:last-child, .post.main > h5:last-child, .post.main > h6:last-child { margin-top: 5rem; }
.post.main > h1:last-child:first-child, .post.main > h2:last-child:first-child, .post.main > h3:last-child:first-child, .post.main > h4:last-child:first-child, .post.main > h5:last-child:first-child, .post.main > h6:last-child:first-child { margin: 0; }
.post.main > h1 + h1, .post.main > h1 + h2, .post.main > h1 + h3, .post.main > h1 + h4, .post.main > h1 + h5, .post.main > h1 + h6, .post.main > h2 + h1, .post.main > h2 + h2, .post.main > h2 + h3, .post.main > h2 + h4, .post.main > h2 + h5, .post.main > h2 + h6, .post.main > h3 + h1, .post.main > h3 + h2, .post.main > h3 + h3, .post.main > h3 + h4, .post.main > h3 + h5, .post.main > h3 + h6, .post.main > h4 + h1, .post.main > h4 + h2, .post.main > h4 + h3, .post.main > h4 + h4, .post.main > h4 + h5, .post.main > h4 + h6, .post.main > h5 + h1, .post.main > h5 + h2, .post.main > h5 + h3, .post.main > h5 + h4, .post.main > h5 + h5, .post.main > h5 + h6, .post.main > h6 + h1, .post.main > h6 + h2, .post.main > h6 + h3, .post.main > h6 + h4, .post.main > h6 + h5, .post.main > h6 + h6 { margin-top: 1rem !important; }
.post.main a:not([href^="http://localhost:4000"]):not([href^="/kb"]):not([href^="#"]):not([href^="20"]):not([href^="./"])::before { color: #7f7f7f; content: ""; font-family: "icon"; }
.post.main a:has(img) { display: inline-block; position: relative; }
.post.main a:has(img)::before { background-color: rgba(159, 223, 255, 0.25); bottom: 0; content: ""; display: inline-block; left: 0; line-height: 1; position: absolute; right: 0; top: 0; visibility: hidden; z-index: 1; }
.post.main a:has(img):hover::before { visibility: visible; }
.post.main a:has(img):hover > img { opacity: 0.5; }
.post.main blockquote { background-color: rgba(255, 255, 255, 0.0625); border-left: 0.25rem solid rgba(255, 255, 255, 0.125); padding: 1rem; }
.post.main blockquote > * { margin: 1rem 0; }
.post.main blockquote > *:first-child { margin-top: 1rem; }
.post.main blockquote > *:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main blockquote > *:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main blockquote > *:last-child { margin-top: 1rem; }
.post.main blockquote > *:last-child:first-child { margin: 0; }
.post.main blockquote > h1, .post.main blockquote > h2, .post.main blockquote > h3, .post.main blockquote > h4, .post.main blockquote > h5, .post.main blockquote > h6 { margin: 5rem 0 1rem 0; }
.post.main blockquote > h1:first-child, .post.main blockquote > h2:first-child, .post.main blockquote > h3:first-child, .post.main blockquote > h4:first-child, .post.main blockquote > h5:first-child, .post.main blockquote > h6:first-child { margin-bottom: 1rem; }
.post.main blockquote > h1:first-child[class*="invisible"] + *, .post.main blockquote > h2:first-child[class*="invisible"] + *, .post.main blockquote > h3:first-child[class*="invisible"] + *, .post.main blockquote > h4:first-child[class*="invisible"] + *, .post.main blockquote > h5:first-child[class*="invisible"] + *, .post.main blockquote > h6:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main blockquote > h1:first-child[class*="invisible"] + *:last-child, .post.main blockquote > h2:first-child[class*="invisible"] + *:last-child, .post.main blockquote > h3:first-child[class*="invisible"] + *:last-child, .post.main blockquote > h4:first-child[class*="invisible"] + *:last-child, .post.main blockquote > h5:first-child[class*="invisible"] + *:last-child, .post.main blockquote > h6:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main blockquote > h1:last-child, .post.main blockquote > h2:last-child, .post.main blockquote > h3:last-child, .post.main blockquote > h4:last-child, .post.main blockquote > h5:last-child, .post.main blockquote > h6:last-child { margin-top: 5rem; }
.post.main blockquote > h1:last-child:first-child, .post.main blockquote > h2:last-child:first-child, .post.main blockquote > h3:last-child:first-child, .post.main blockquote > h4:last-child:first-child, .post.main blockquote > h5:last-child:first-child, .post.main blockquote > h6:last-child:first-child { margin: 0; }
.post.main blockquote > h1 + h1, .post.main blockquote > h1 + h2, .post.main blockquote > h1 + h3, .post.main blockquote > h1 + h4, .post.main blockquote > h1 + h5, .post.main blockquote > h1 + h6, .post.main blockquote > h2 + h1, .post.main blockquote > h2 + h2, .post.main blockquote > h2 + h3, .post.main blockquote > h2 + h4, .post.main blockquote > h2 + h5, .post.main blockquote > h2 + h6, .post.main blockquote > h3 + h1, .post.main blockquote > h3 + h2, .post.main blockquote > h3 + h3, .post.main blockquote > h3 + h4, .post.main blockquote > h3 + h5, .post.main blockquote > h3 + h6, .post.main blockquote > h4 + h1, .post.main blockquote > h4 + h2, .post.main blockquote > h4 + h3, .post.main blockquote > h4 + h4, .post.main blockquote > h4 + h5, .post.main blockquote > h4 + h6, .post.main blockquote > h5 + h1, .post.main blockquote > h5 + h2, .post.main blockquote > h5 + h3, .post.main blockquote > h5 + h4, .post.main blockquote > h5 + h5, .post.main blockquote > h5 + h6, .post.main blockquote > h6 + h1, .post.main blockquote > h6 + h2, .post.main blockquote > h6 + h3, .post.main blockquote > h6 + h4, .post.main blockquote > h6 + h5, .post.main blockquote > h6 + h6 { margin-top: 1rem !important; }
.post.main code, .post.main kbd { font-size: 1rem; letter-spacing: 0; line-height: 1.7; padding: 0.25rem 0.5rem; }
.post.main code:not(.hljs), .post.main kbd { background-color: #282c34; color: #a89984; }
.post.main span[class^="hljs-"] { font-style: normal; font-weight: normal; }
.post.main dt { border-left: 0.5rem solid rgba(255, 255, 255, 0.125); padding: 0 0.5rem; }
.post.main dd + dt { margin: 1rem 0 0 0; }
.post.main dd { padding: 0.5rem 1rem; }
.post.main dd > * { margin: 1rem 0; }
.post.main dd > *:first-child { margin-top: 1rem; }
.post.main dd > *:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main dd > *:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main dd > *:last-child { margin-top: 1rem; }
.post.main dd > *:last-child:first-child { margin: 0; }
.post.main dd > h1, .post.main dd > h2, .post.main dd > h3, .post.main dd > h4, .post.main dd > h5, .post.main dd > h6 { margin: 5rem 0 1rem 0; }
.post.main dd > h1:first-child, .post.main dd > h2:first-child, .post.main dd > h3:first-child, .post.main dd > h4:first-child, .post.main dd > h5:first-child, .post.main dd > h6:first-child { margin-bottom: 1rem; }
.post.main dd > h1:first-child[class*="invisible"] + *, .post.main dd > h2:first-child[class*="invisible"] + *, .post.main dd > h3:first-child[class*="invisible"] + *, .post.main dd > h4:first-child[class*="invisible"] + *, .post.main dd > h5:first-child[class*="invisible"] + *, .post.main dd > h6:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main dd > h1:first-child[class*="invisible"] + *:last-child, .post.main dd > h2:first-child[class*="invisible"] + *:last-child, .post.main dd > h3:first-child[class*="invisible"] + *:last-child, .post.main dd > h4:first-child[class*="invisible"] + *:last-child, .post.main dd > h5:first-child[class*="invisible"] + *:last-child, .post.main dd > h6:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main dd > h1:last-child, .post.main dd > h2:last-child, .post.main dd > h3:last-child, .post.main dd > h4:last-child, .post.main dd > h5:last-child, .post.main dd > h6:last-child { margin-top: 5rem; }
.post.main dd > h1:last-child:first-child, .post.main dd > h2:last-child:first-child, .post.main dd > h3:last-child:first-child, .post.main dd > h4:last-child:first-child, .post.main dd > h5:last-child:first-child, .post.main dd > h6:last-child:first-child { margin: 0; }
.post.main dd > h1 + h1, .post.main dd > h1 + h2, .post.main dd > h1 + h3, .post.main dd > h1 + h4, .post.main dd > h1 + h5, .post.main dd > h1 + h6, .post.main dd > h2 + h1, .post.main dd > h2 + h2, .post.main dd > h2 + h3, .post.main dd > h2 + h4, .post.main dd > h2 + h5, .post.main dd > h2 + h6, .post.main dd > h3 + h1, .post.main dd > h3 + h2, .post.main dd > h3 + h3, .post.main dd > h3 + h4, .post.main dd > h3 + h5, .post.main dd > h3 + h6, .post.main dd > h4 + h1, .post.main dd > h4 + h2, .post.main dd > h4 + h3, .post.main dd > h4 + h4, .post.main dd > h4 + h5, .post.main dd > h4 + h6, .post.main dd > h5 + h1, .post.main dd > h5 + h2, .post.main dd > h5 + h3, .post.main dd > h5 + h4, .post.main dd > h5 + h5, .post.main dd > h5 + h6, .post.main dd > h6 + h1, .post.main dd > h6 + h2, .post.main dd > h6 + h3, .post.main dd > h6 + h4, .post.main dd > h6 + h5, .post.main dd > h6 + h6 { margin-top: 1rem !important; }
.post.main dd + dd { border-top: 1px solid rgba(255, 255, 255, 0.125); margin: 0.5rem 0 0 0; padding: 1rem 1rem 0.5rem 1rem; }
.post.main em { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-style: italic; }
.post.main strong { font-weight: bold; }
.post.main del { text-decoration: line-through; }
.post.main h1, .post.main h2, .post.main h3, .post.main h4, .post.main h5, .post.main h6 { color: #bfbfbf; font-weight: bold; overflow: hidden; }
.post.main h1 { background-color: #3b3b3b; margin: unset 0; padding: 1.875rem 1rem; position: relative; text-align: left; }
.post.main h1::before { color: rgba(0, 0, 0, 0.125); content: "#"; font-family: sans-serif; font-size: 1.75rem; line-height: 1; margin: 0 0.5rem 0 -0.5rem; vertical-align: baseline; }
.post.main h2 { background-color: #3b3b3b; margin: unset 0; padding: 1.875rem 1rem; position: relative; text-align: left; }
.post.main h2::before { color: rgba(0, 0, 0, 0.125); content: "#"; font-family: sans-serif; font-size: 1.75rem; line-height: 1; margin: 0 0.5rem 0 -0.5rem; vertical-align: baseline; }
.post.main h3 { background-color: #3b3b3b; margin: unset 0; padding: 1.875rem 1rem; position: relative; text-align: left; }
.post.main h3::before { color: rgba(0, 0, 0, 0.125); content: "#"; font-family: sans-serif; font-size: 1.75rem; line-height: 1; margin: 0 0.5rem 0 -0.5rem; vertical-align: baseline; }
.post.main h4 { background-color: #373737; margin: unset 0; padding: 1.5rem 1rem; position: relative; text-align: left; }
.post.main h4::before { color: rgba(0, 0, 0, 0.125); content: "##"; font-family: sans-serif; font-size: 1.5rem; line-height: 1; margin: 0 0.5rem 0 -0.5rem; vertical-align: baseline; }
.post.main h5 { background-color: #333333; margin: unset 0; padding: 1.125rem 1rem; position: relative; text-align: left; }
.post.main h5::before { color: rgba(0, 0, 0, 0.125); content: "###"; font-family: sans-serif; font-size: 1.25rem; line-height: 1; margin: 0 0.5rem 0 -0.5rem; vertical-align: baseline; }
.post.main h6 { background-color: #2f2f2f; margin: unset 0; padding: 0.75rem 1rem; position: relative; text-align: left; }
.post.main h6::before { color: rgba(0, 0, 0, 0.125); content: "####"; font-family: sans-serif; font-size: 1rem; line-height: 1; margin: 0 0.5rem 0 -0.5rem; vertical-align: baseline; }
.post.main hr { border: 0 solid rgba(255, 255, 255, 0.125); border-top-width: 1px; display: block; }
.post.main iframe { border: 0 none transparent; }
.post.main img { display: inline-block; height: auto; margin: 0.25rem; max-width: calc(100% - 0.25rem * 2); vertical-align: middle; }
.post.main ol, .post.main ul { padding: 0 0 0 2.25rem; }
.post.main ul > li::before { content: "\2022"; }
.post.main ol { counter-reset: order; }
.post.main ol > li::before { content: counter(order) "."; counter-increment: order; }
.post.main li { display: block; position: relative; }
.post.main li > * { margin: 1rem 0; }
.post.main li > *:first-child { margin-top: 1rem; }
.post.main li > *:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main li > *:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main li > *:last-child { margin-top: 1rem; }
.post.main li > *:last-child:first-child { margin: 0; }
.post.main li > h1, .post.main li > h2, .post.main li > h3, .post.main li > h4, .post.main li > h5, .post.main li > h6 { margin: 5rem 0 1rem 0; }
.post.main li > h1:first-child, .post.main li > h2:first-child, .post.main li > h3:first-child, .post.main li > h4:first-child, .post.main li > h5:first-child, .post.main li > h6:first-child { margin-bottom: 1rem; }
.post.main li > h1:first-child[class*="invisible"] + *, .post.main li > h2:first-child[class*="invisible"] + *, .post.main li > h3:first-child[class*="invisible"] + *, .post.main li > h4:first-child[class*="invisible"] + *, .post.main li > h5:first-child[class*="invisible"] + *, .post.main li > h6:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main li > h1:first-child[class*="invisible"] + *:last-child, .post.main li > h2:first-child[class*="invisible"] + *:last-child, .post.main li > h3:first-child[class*="invisible"] + *:last-child, .post.main li > h4:first-child[class*="invisible"] + *:last-child, .post.main li > h5:first-child[class*="invisible"] + *:last-child, .post.main li > h6:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main li > h1:last-child, .post.main li > h2:last-child, .post.main li > h3:last-child, .post.main li > h4:last-child, .post.main li > h5:last-child, .post.main li > h6:last-child { margin-top: 5rem; }
.post.main li > h1:last-child:first-child, .post.main li > h2:last-child:first-child, .post.main li > h3:last-child:first-child, .post.main li > h4:last-child:first-child, .post.main li > h5:last-child:first-child, .post.main li > h6:last-child:first-child { margin: 0; }
.post.main li > h1 + h1, .post.main li > h1 + h2, .post.main li > h1 + h3, .post.main li > h1 + h4, .post.main li > h1 + h5, .post.main li > h1 + h6, .post.main li > h2 + h1, .post.main li > h2 + h2, .post.main li > h2 + h3, .post.main li > h2 + h4, .post.main li > h2 + h5, .post.main li > h2 + h6, .post.main li > h3 + h1, .post.main li > h3 + h2, .post.main li > h3 + h3, .post.main li > h3 + h4, .post.main li > h3 + h5, .post.main li > h3 + h6, .post.main li > h4 + h1, .post.main li > h4 + h2, .post.main li > h4 + h3, .post.main li > h4 + h4, .post.main li > h4 + h5, .post.main li > h4 + h6, .post.main li > h5 + h1, .post.main li > h5 + h2, .post.main li > h5 + h3, .post.main li > h5 + h4, .post.main li > h5 + h5, .post.main li > h5 + h6, .post.main li > h6 + h1, .post.main li > h6 + h2, .post.main li > h6 + h3, .post.main li > h6 + h4, .post.main li > h6 + h5, .post.main li > h6 + h6 { margin-top: 1rem !important; }
.post.main li::before { color: rgba(255, 255, 255, 0.25); display: block; font-family: monospace, monospace; left: -2.25rem; position: absolute; text-align: right; width: 2rem; }
.post.main li + li { margin: 1rem 0 0 0; }
.post.main ul.code-info { background-color: #2f343d; color: #5f5f5f; margin-bottom: 0; padding: 0; }
.post.main ul.code-info.hlist { margin: 0; }
.post.main ul.code-info > li { display: block; font-family: monospace, monospace; font-size: 1rem; letter-spacing: 0; line-height: 1.7; margin: 0; position: unset; }
.post.main ul.code-info > li::before { content: none; }
.post.main ul.code-info > li.item.language { padding: 0 0.5rem; }
.post.main ul.code-info > li > .button.copy { background-color: #2f343d; color: #5f5f5f; }
.post.main ul.code-info > li > .button.copy:hover { background-color: #3d434f; }
.post.main ul.code-info > li > .button.copy:hover { color: #9f9f9f; }
.post.main ul.code-info ~ pre { margin-top: 0; }
.post.main pre { background-color: #282c34; display: flex; flex-flow: row nowrap; font-size: 1rem; gap: 0; letter-spacing: 0; line-height: 1.375; max-height: 28.5rem; }
.post.main pre::-webkit-scrollbar { height: 0.25rem; width: 0.25rem; }
.post.main pre > code { display: block; flex: 0 1 auto; line-height: 1.375; overflow: visible; padding: 0.5rem; }
.post.main pre::before { color: #665c54; content: attr(data-line-number); display: block; flex: 0 1 auto; font-family: monospace, monospace; font-size: 1rem; letter-spacing: 0; line-height: 1.375; padding: 0.5rem; }
.post.main table { border-spacing: 0; display: block; }
.post.main th, .post.main td { padding: 0.25rem 0.5rem; vertical-align: baseline; }
.post.main th { background-color: rgba(255, 255, 255, 0.0625); border-bottom: 1px solid rgba(255, 255, 255, 0.125); }
.post.main th + th { border-left: 1px solid rgba(255, 255, 255, 0.125); }
.post.main td + td { border-left: 1px solid rgba(255, 255, 255, 0.125); }
.post.main tr + tr > td { border-top: 1px solid rgba(255, 255, 255, 0.125); }
.post.main .footnote, .post.main .reversefootnote { line-height: 1; margin: 0 0 0 0.25rem; vertical-align: super; }
.post.main .footnote { font-size: 0.75rem; }
.post.main .note:not(.admonition.note)::before, .post.main .note > .admonition-title::before { color: #7f9fff; content: ""; font-family: "icon"; margin: 0 0.25rem 0 0; }
.post.main .warning:not(.admonition.warning)::before, .post.main .warning > .admonition-title::before { color: #ffbf00; content: ""; font-family: "icon"; font-size: 1.5rem; margin: 0 0.25rem 0 0; vertical-align: sub; }
.post.main .input:not(.admonition.input)::before, .post.main .input > .admonition-title::before { content: ""; font-family: "icon"; font-size: 1.5rem; margin: 0; vertical-align: sub; }
.post.main .input:not(.admonition.input).red::before, .post.main .input > .admonition-title.red::before { color: #df3f5f; }
.post.main .input:not(.admonition.input).orange::before, .post.main .input > .admonition-title.orange::before { color: #df5f3f; }
.post.main .input:not(.admonition.input).yellow::before, .post.main .input > .admonition-title.yellow::before { color: #dfdf5f; }
.post.main .input:not(.admonition.input).green::before, .post.main .input > .admonition-title.green::before { color: #3fdf3f; }
.post.main .input:not(.admonition.input).cyan::before, .post.main .input > .admonition-title.cyan::before { color: #3fdfdf; }
.post.main .input:not(.admonition.input).blue::before, .post.main .input > .admonition-title.blue::before { color: #3f5fdf; }
.post.main .input:not(.admonition.input).magenta::before, .post.main .input > .admonition-title.magenta::before { color: #df3fdf; }
.post.main .output:not(.admonition.output)::after, .post.main .output > .admonition-title::after { content: ""; font-family: "icon"; font-size: 1.5rem; margin: 0; vertical-align: sub; }
.post.main .output:not(.admonition.output).red::after, .post.main .output > .admonition-title.red::after { color: #df3f5f; }
.post.main .output:not(.admonition.output).orange::after, .post.main .output > .admonition-title.orange::after { color: #df5f3f; }
.post.main .output:not(.admonition.output).yellow::after, .post.main .output > .admonition-title.yellow::after { color: #dfdf5f; }
.post.main .output:not(.admonition.output).green::after, .post.main .output > .admonition-title.green::after { color: #3fdf3f; }
.post.main .output:not(.admonition.output).cyan::after, .post.main .output > .admonition-title.cyan::after { color: #3fdfdf; }
.post.main .output:not(.admonition.output).blue::after, .post.main .output > .admonition-title.blue::after { color: #3f5fdf; }
.post.main .output:not(.admonition.output).magenta::after, .post.main .output > .admonition-title.magenta::after { color: #df3fdf; }
.post.main .key, .post.main kbd { background-color: rgba(255, 255, 255, 0.0625); border-radius: 0.125rem; box-shadow: 0 0.125rem 0 0.125rem rgba(0, 0, 0, 0.25); margin: 0 0.25rem; }
.post.main .admonition { border: 1px solid rgba(255, 255, 255, 0.49609375); padding: 1rem; }
.post.main .admonition > * { margin: 1rem 0; }
.post.main .admonition > *:first-child { margin-top: 1rem; }
.post.main .admonition > *:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main .admonition > *:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main .admonition > *:last-child { margin-top: 1rem; }
.post.main .admonition > *:last-child:first-child { margin: 0; }
.post.main .admonition > h1, .post.main .admonition > h2, .post.main .admonition > h3, .post.main .admonition > h4, .post.main .admonition > h5, .post.main .admonition > h6 { margin: 5rem 0 1rem 0; }
.post.main .admonition > h1:first-child, .post.main .admonition > h2:first-child, .post.main .admonition > h3:first-child, .post.main .admonition > h4:first-child, .post.main .admonition > h5:first-child, .post.main .admonition > h6:first-child { margin-bottom: 1rem; }
.post.main .admonition > h1:first-child[class*="invisible"] + *, .post.main .admonition > h2:first-child[class*="invisible"] + *, .post.main .admonition > h3:first-child[class*="invisible"] + *, .post.main .admonition > h4:first-child[class*="invisible"] + *, .post.main .admonition > h5:first-child[class*="invisible"] + *, .post.main .admonition > h6:first-child[class*="invisible"] + * { margin-bottom: 1rem; }
.post.main .admonition > h1:first-child[class*="invisible"] + *:last-child, .post.main .admonition > h2:first-child[class*="invisible"] + *:last-child, .post.main .admonition > h3:first-child[class*="invisible"] + *:last-child, .post.main .admonition > h4:first-child[class*="invisible"] + *:last-child, .post.main .admonition > h5:first-child[class*="invisible"] + *:last-child, .post.main .admonition > h6:first-child[class*="invisible"] + *:last-child { margin: 0; }
.post.main .admonition > h1:last-child, .post.main .admonition > h2:last-child, .post.main .admonition > h3:last-child, .post.main .admonition > h4:last-child, .post.main .admonition > h5:last-child, .post.main .admonition > h6:last-child { margin-top: 5rem; }
.post.main .admonition > h1:last-child:first-child, .post.main .admonition > h2:last-child:first-child, .post.main .admonition > h3:last-child:first-child, .post.main .admonition > h4:last-child:first-child, .post.main .admonition > h5:last-child:first-child, .post.main .admonition > h6:last-child:first-child { margin: 0; }
.post.main .admonition > h1 + h1, .post.main .admonition > h1 + h2, .post.main .admonition > h1 + h3, .post.main .admonition > h1 + h4, .post.main .admonition > h1 + h5, .post.main .admonition > h1 + h6, .post.main .admonition > h2 + h1, .post.main .admonition > h2 + h2, .post.main .admonition > h2 + h3, .post.main .admonition > h2 + h4, .post.main .admonition > h2 + h5, .post.main .admonition > h2 + h6, .post.main .admonition > h3 + h1, .post.main .admonition > h3 + h2, .post.main .admonition > h3 + h3, .post.main .admonition > h3 + h4, .post.main .admonition > h3 + h5, .post.main .admonition > h3 + h6, .post.main .admonition > h4 + h1, .post.main .admonition > h4 + h2, .post.main .admonition > h4 + h3, .post.main .admonition > h4 + h4, .post.main .admonition > h4 + h5, .post.main .admonition > h4 + h6, .post.main .admonition > h5 + h1, .post.main .admonition > h5 + h2, .post.main .admonition > h5 + h3, .post.main .admonition > h5 + h4, .post.main .admonition > h5 + h5, .post.main .admonition > h5 + h6, .post.main .admonition > h6 + h1, .post.main .admonition > h6 + h2, .post.main .admonition > h6 + h3, .post.main .admonition > h6 + h4, .post.main .admonition > h6 + h5, .post.main .admonition > h6 + h6 { margin-top: 1rem !important; }
.post.main .admonition > .admonition-title { margin: 0; }