@charset "UTF-8";
/* https://unpkg.com/tailwindcss@3.3.1/src/css/preflight.css
@license
MIT License

Copyright (c) Tailwind Labs, Inc.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: theme("borderColor.DEFAULT", currentColor); /* 2 */
}

::before,
::after {
  --tw-content: "";
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: theme("fontFamily.sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
  font-feature-settings: theme("fontFamily.sans[1].fontFeatureSettings", normal); /* 5 */
  font-variation-settings: theme("fontFamily.sans[1].fontVariationSettings", normal); /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: theme("colors.gray.400", #9ca3af); /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

/* TailwindCSS Color Palette
@license
MIT License

Copyright (c) Tailwind Labs, Inc.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
@keyframes target-highlight {
  33% {
    color: var(--color--highlight-fg--target);
    text-shadow: 0 0 2px var(--color--highlight-shadow--target), 0 0 4px var(--color--highlight-shadow--target), 0 0 6px var(--color--highlight-shadow--target);
  }
}
@keyframes target-highlight--scale {
  33% {
    transform: scale(1.5);
  }
}
.hidden {
  display: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (max-width: 639px) {
  .sm\:visible:not(.sr-always) {
    display: none;
  }
  .sm\:visible.sr-always {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.sm\:hidden {
  display: initial;
}
@media (min-width: 640px) {
  .sm\:hidden {
    display: none;
  }
}

@media (max-width: 767px) {
  .md\:visible:not(.sr-always) {
    display: none;
  }
  .md\:visible.sr-always {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}

.md\:hidden {
  display: initial;
}
@media (min-width: 768px) {
  .md\:hidden {
    display: none;
  }
}

.markdown-target .admonition {
  overflow: hidden;
}
.markdown-target .admonition.warn {
  border-left: 4px solid var(--color--warn-block-border);
  padding: 4px 16px 8px;
  margin-bottom: 16px;
  background: linear-gradient(to right, var(--color--warn-block-bg-start), transparent);
}
.markdown-target .admonition.warn::before {
  display: block;
  content: "⚠  Achtung";
  white-space: pre;
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 8px;
  color: var(--color--warn-block-title-fg);
}
.markdown-target .admonition.info {
  border-left: 4px solid var(--color--info-block-border);
  padding: 4px 16px 8px;
  margin-bottom: 16px;
  background: linear-gradient(to right, var(--color--info-block-bg-start), transparent);
}
.markdown-target .admonition.info::before {
  display: block;
  content: "ⓘ  Hinweis";
  white-space: pre;
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 8px;
  color: var(--color--info-block-title-fg);
}
.markdown-target .admonition.danger {
  border-left: 4px solid var(--color--danger-block-border);
  padding: 4px 16px 8px;
  margin-bottom: 16px;
  background: linear-gradient(to right, var(--color--danger-block-bg-start), transparent);
}
.markdown-target .admonition.danger::before {
  display: block;
  content: "⚠  Achtung";
  white-space: pre;
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: 0.75rem;
  margin-bottom: 8px;
  color: var(--color--danger-block-title-fg);
}
.markdown-target .admonition .admonition-title {
  display: none;
}
.markdown-target .admonition > :last-child {
  margin-bottom: 0;
}
.markdown-target pre, .markdown-target code {
  font-family: "Source Code Pro", "Noto Sans Mono", "Roboto Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace";
  letter-spacing: unset;
}
.markdown-target code {
  white-space: nowrap;
  background-color: var(--color--md-code-inline-bg);
  padding: 2px 8px;
  border: 1px solid var(--color--md-code-border);
  border-radius: 3px;
  margin: -3px 4px;
}
.markdown-target pre {
  margin: 32px 0;
  padding: 16px 24px;
  border: 2px dotted var(--color--md-code-border);
  border-left-width: 0;
  border-right-width: 0;
  background-color: var(--color--md-code-block-bg);
  overflow: auto;
  max-height: 384px;
  line-height: 1.8;
}
.markdown-target pre > code {
  white-space: pre;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
.markdown-target .footnote-ref {
  font-weight: 500;
}
.markdown-target .footnote {
  font-size: 0.85em;
}
.markdown-target .footnote li {
  margin: 2px 0;
}
.markdown-target .footnote li p {
  margin: 0;
}
.markdown-target h2, .markdown-target h3, .markdown-target h4, .markdown-target h5, .markdown-target h6 {
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  font-weight: 600;
  margin: 12px 0;
  position: relative;
}
.markdown-target h2::after {
  display: block;
  content: "";
  height: 0;
  padding-bottom: 12px;
  border-bottom: 4px solid var(--color--md-heading-border);
  overflow: hidden;
}
.markdown-target h2, .markdown-target h3 {
  display: block;
  font-size: 1.25em;
  margin: 24px 0;
}
.markdown-target h2, .markdown-target h3, .markdown-target h4 {
  color: var(--color--md-heading1234-fg);
}
.markdown-target h4 {
  font-size: 1.1em;
  font-weight: 700;
  margin: 20px 0;
}
.markdown-target h5 {
  font-size: 1em;
  margin: 16px 0;
}
.markdown-target h5, .markdown-target h6 {
  font-weight: 800;
  color: var(--color--md-heading56-fg);
}
.markdown-target h6 {
  font-size: 0.9em;
}
.markdown-target .headerlink {
  position: absolute;
  display: inline-block;
  text-align: right;
  left: -0.9em;
  width: 1rem;
  opacity: var(--opacity--highlight-indicator);
  font-size: 0.85em;
  font-weight: 800;
  line-height: 185%;
  margin-left: -0.4rem;
  transition: opacity 100ms ease;
}
.markdown-target .headerlink:hover, .markdown-target .headerlink:focus {
  opacity: 1;
}
@media (min-width: 768px) {
  .markdown-target .headerlink {
    margin-left: -0.6rem;
  }
}
.markdown-target h2:target .headerlink, .markdown-target h3:target .headerlink, .markdown-target h4:target .headerlink, .markdown-target h5:target .headerlink, .markdown-target h6:target .headerlink {
  opacity: 1;
  color: var(--color--highlight-fg--target);
}
.markdown-target hr {
  border: 0;
  padding: 0;
  border-top: 4px solid var(--color--md-hr);
}
.markdown-target .figures-flex-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  margin: 0 0 32px;
}
.markdown-target .figures-flex-wrapper > *:not(.small) {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}
.markdown-target .figures-flex-wrapper figure {
  margin: 0;
}
.markdown-target figure {
  margin: 0 auto 32px;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
}
.markdown-target figure a {
  display: contents;
}
.markdown-target figure img {
  display: block;
  min-width: 200px;
  max-height: 100%;
  overflow: hidden;
}
.markdown-target figure.small img {
  max-width: 300px;
  max-height: 250px;
  min-width: 150px;
}
.markdown-target figure.small figcaption {
  max-width: min-content;
}
.markdown-target figure figcaption {
  background-color: var(--color--md-caption-bg);
  color: var(--color--md-caption-fg);
  padding: 4px 12px;
  font-size: 0.9em;
  min-width: 100%;
  max-width: fit-content;
}
.markdown-target figure figcaption:empty {
  display: none;
}
.markdown-target a {
  color: var(--color--md-link-fg);
  font-weight: 500;
  text-decoration: none;
}
.markdown-target a:hover, .markdown-target a:focus {
  color: var(--color--md-link-fg--hocus);
}
.markdown-target ul.task-list {
  list-style: none;
  padding-left: 0;
}
.markdown-target ul.task-list ul.task-list {
  padding-left: 16px;
}
.markdown-target ul.task-list li.task-list-item {
  list-style-type: none;
  margin: 8px 0;
}
.markdown-target ul.task-list li.task-list-item .task-list-control {
  position: relative;
  display: inline-block;
  margin-right: 12px;
}
.markdown-target ul.task-list li.task-list-item .task-list-control > input {
  display: none;
}
.markdown-target ul.task-list li.task-list-item .task-list-control > input:checked + .task-list-indicator::before {
  position: absolute;
  margin-top: -0.37em;
  margin-left: -0.02em;
  font-size: 2em;
  line-height: 1;
  content: "✔";
  color: var(--color--md-tasklist-check-fg);
}
.markdown-target ul.task-list li.task-list-item .task-list-indicator {
  display: block;
  width: 1em;
  height: 1em;
  margin-bottom: -2px;
  background-color: var(--color--md-tasklist-check-bg);
  border: 1px solid var(--color--md-tasklist-check-border);
  border-radius: 3px;
}
.markdown-target ul, .markdown-target ol {
  margin: 16px 0;
  padding: 0 0 0 24px;
}
.markdown-target ul ul, .markdown-target ul ol, .markdown-target ol ul, .markdown-target ol ol {
  margin: 0;
}
.markdown-target ul li, .markdown-target ol li {
  margin: 6px 0;
  padding-left: 8px;
}
.markdown-target ul {
  list-style: circle;
}
.markdown-target ul ul {
  list-style: square;
}
.markdown-target ul ul ul {
  list-style: disc;
}
.markdown-target ul ul ul ul {
  list-style: disclosure-closed;
}
.markdown-target ul ul ul ul ul {
  list-style: circle;
}
.markdown-target ol {
  list-style: decimal;
}
.markdown-target dl {
  margin: 24px 0;
}
.markdown-target dt {
  margin: 16px 0 8px;
  font-weight: 600;
  color: var(--color--md-list-dt-fg);
  font-size: 0.85em;
}
.markdown-target dd {
  padding: 0 16px;
  border-left: 6px solid var(--color--md-list-dd-border);
  margin-bottom: 2px;
  font-style: italic;
}
.markdown-target blockquote {
  border-left: 10px solid var(--color--md-quote-border);
  padding: 8px 0 8px 24px;
  margin: 16px 0;
  color: var(--color--md-quote-fg);
}
.markdown-target blockquote > :first-child {
  margin-top: 0;
}
.markdown-target blockquote > :last-child {
  margin-bottom: 0;
}
.markdown-target table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 24px 0;
  min-width: 100%;
}
.markdown-target thead, .markdown-target tfoot {
  background-color: var(--color--md-table-headfoot-bg);
}
.markdown-target th, .markdown-target td {
  padding: 12px 16px;
  text-align: left;
}
.markdown-target th {
  font-weight: 600;
  color: var(--color--md-table-head-fg);
}
.markdown-target th:empty {
  visibility: hidden;
}
.markdown-target tr:nth-child(2n) {
  background-color: var(--color--md-table-row-bg--striped);
}
.markdown-target *:target {
  animation: 1.4s 2 forwards target-highlight;
  animation-delay: 200ms;
  animation-play-state: var(--animation-state);
}
.markdown-target > *:not(h2, h3, h4, h5, h6):target::before {
  content: "⁘";
  opacity: var(--opacity--highlight-indicator);
  position: absolute;
  margin-left: -1.2rem;
  line-height: 115%;
}
@media (min-width: 768px) {
  .markdown-target > *:not(h2, h3, h4, h5, h6):target::before {
    margin-left: -1.5rem;
  }
}
.markdown-target sup:target, .markdown-target sub:target {
  display: inline-block;
  animation: 1.4s 2 forwards target-highlight--scale;
  animation-delay: 200ms;
  animation-play-state: var(--animation-state);
}
.markdown-target p {
  margin-bottom: 12px;
}
.markdown-target sup, .markdown-target sub {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  padding: 0 0.25em;
}
.markdown-target sup {
  bottom: 1.5ex;
}
.markdown-target sub {
  top: 0.4ex;
}
.markdown-target abbr[title] {
  text-decoration: underline dotted 2px;
  text-underline-offset: 4px;
  cursor: help;
}
.markdown-target strong {
  font-weight: 600;
  color: var(--color--md-strong-fg);
}
.markdown-target .toc {
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .markdown-target .toc {
    background-color: var(--color--md-toc-bg);
    max-width: 420px;
    padding: 16px 24px;
    position: relative;
    z-index: 1010;
    float: right;
    margin-left: 24px;
    margin-bottom: 16px;
  }
}
.markdown-target .toc .toctitle {
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  margin: 12px 0;
  position: relative;
  font-weight: 800;
  color: var(--color--md-heading56-fg);
  font-size: 0.9em;
}
.markdown-target .toc ul {
  font-weight: 600;
  font-size: 0.85rem;
  padding-left: 16px;
}
.markdown-target .toc ul li {
  margin: 2px 0;
  padding-left: 4px;
}

:root, html.theme--light {
  --color--main-fg: #170602;
  --color--main-bg: #fed6dd;
  /* @license Background designed with https://www.svgbackgrounds.com/ Licensed with CC BY 4.0 */
  --main-bg:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(336,832,619)'%3E%3Cstop offset='0' stop-color='%23FED6DD'/%3E%3Cstop offset='1' stop-color='%23FA8BA7'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='419' height='349.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  --color--container-bg: rgba(255, 255, 255, 0.4);
  --color--container-shadow: rgba(0, 0, 0, 0.1);
  --color--toggles-bg--floating: rgba(254, 233, 237, 0.8);
  --color--menu-toggle-fg: #951d4c;
  --color--menu-toggle-fg--hocus: #000;
  --color--menu-toggle-border: #fdb5c4;
  --color--menu-toggle-border--hocus: #ed3a7c;
  --color--menu-toggle-bg--hocus: #fff3f5;
  --color--menu-link-bg: #fff3f5;
  --color--menu-link-fg: inherit;
  --color--menu-link-shadow: rgba(0, 0, 0, 0.1);
  --color--menu-link-bg--hocus: #fff;
  --color--menu-link-fg--hocus: #65102e;
  --color--page-title-fg: #3b291e;
  --color-breadcrumb-bg: rgba(149, 29, 76, 0.1);
  --color-breadcrumb-bg--active: rgba(184, 163, 148, 0.3);
  --color-breadcrumb-bg--hocus: rgba(217, 40, 109, 0.2);
  --color-breadcrumb-fg: #65102e;
  --color-breadcrumb-fg--active: #695547;
  --color-breadcrumb-fg--hocus: #951d4c;
  --color--content-header-fg: #554133;
  --color--content-header-sub-fg: #695547;
  --color--content-header-date-fg: rgba(149, 29, 76, 0.3);
  --color--content-header-border: rgba(182, 33, 91, 0.15);
  --opacity--highlight-indicator: 0.2;
  --color--highlight-fg--target: #eb6325;
  --color--highlight-shadow--target: #fdc593;
  --color--footer-bg: rgba(0, 0, 0, 0.05);
  --color--footer-fg: rgba(42, 23, 15, 0.6);
  --color--footer-link-fg: #755e15;
  --color--footer-link-fg--hocus: #b29108;
  --color--warn-block-border: #ca8a04;
  --color--warn-block-title-fg: #a16207;
  --color--warn-block-bg-start: rgba(234, 179, 8, 0.15);
  --color--info-block-border: #2563eb;
  --color--info-block-title-fg: #1d4ed8;
  --color--info-block-bg-start: rgba(59, 130, 246, 0.15);
  --color--danger-block-border: #dc2626;
  --color--danger-block-title-fg: #b91c1c;
  --color--danger-block-bg-start: rgba(239, 68, 68, 0.15);
  --color--md-caption-bg: rgba(255, 243, 245, 0.5);
  --color--md-caption-fg: #3b291e;
  --color--md-code-border: rgba(246, 92, 139, 0.5);
  --color--md-code-inline-bg: rgba(255, 243, 245, 0.3);
  --color--md-code-block-bg: rgba(255, 243, 245, 0.5);
  --color--md-footnote-fg--target: #0e4092;
  --color--md-heading-border: rgba(182, 33, 91, 0.15);
  --color--md-heading1234-fg: #2a170f;
  --color--md-heading56-fg: #3b291e;
  --color--md-hr: rgba(182, 33, 91, 0.15);
  --color--md-link-fg: #755e15;
  --color--md-link-fg--hocus: #b29108;
  --color--md-list-dt-fg: #3b291e;
  --color--md-list-dd-border: rgba(182, 33, 91, 0.15);
  --color--md-quote-border: rgba(182, 33, 91, 0.15);
  --color--md-quote-fg: #3b291e;
  --color--md-table-headfoot-bg: rgba(255, 243, 245, 0.5);
  --color--md-table-head-fg: #3b291e;
  --color--md-table-row-bg--striped: rgba(255, 243, 245, 0.3);
  --color--md-tasklist-check-border: transparent;
  --color--md-tasklist-check-bg: rgba(249, 245, 241, 0.9);
  --color--md-tasklist-check-fg: #4aa316;
  --color--md-toc-bg: rgba(254, 233, 237, 0.7);
  --color--md-strong-fg: #3b291e;
}
@media (max-width: 639px) {
  :root, html.theme--light {
    --color--container-bg: rgba(255, 255, 255, 0.2);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --color--main-fg: #fcfaf8;
    --color--main-bg: #65102e;
    /* @license Background designed with https://www.svgbackgrounds.com/ Licensed with CC BY 4.0 */
    --main-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(336,832,619)'%3E%3Cstop offset='0' stop-color='%2396114B'/%3E%3Cstop offset='1' stop-color='%2355075E'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='419' height='349.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    --color--container-bg: rgba(0, 0, 0, 0.4);
    --color--container-shadow: rgba(0, 0, 0, 0.2);
    --color--toggles-bg--floating: rgba(101, 16, 46, 0.7);
    --color--menu-toggle-fg: #fdb5c4;
    --color--menu-toggle-fg--hocus: #fff;
    --color--menu-toggle-border: #d9286d;
    --color--menu-toggle-border--hocus: #f65c8b;
    --color--menu-toggle-bg--hocus: #951d4c;
    --color--menu-link-bg: #861a44;
    --color--menu-link-fg: inherit;
    --color--menu-link-shadow: rgba(0, 0, 0, 0.05);
    --color--menu-link-bg--hocus: #701639;
    --color--menu-link-fg--hocus: #fff;
    --color--page-title-fg: #f0e8e2;
    --color-breadcrumb-bg: rgba(254, 214, 221, 0.1);
    --color-breadcrumb-bg--active: rgba(105, 85, 71, 0.5);
    --color-breadcrumb-bg--hocus: rgba(255, 243, 245, 0.2);
    --color-breadcrumb-fg: #fdb5c4;
    --color-breadcrumb-fg--active: #f0e8e2;
    --color-breadcrumb-fg--hocus: #fff3f5;
    --color--content-header-fg: #e1d5cb;
    --color--content-header-sub-fg: #b8a394;
    --color--content-header-date-fg: rgba(254, 233, 237, 0.3);
    --color--content-header-border: rgba(254, 214, 221, 0.15);
    --opacity--highlight-indicator: 0.2;
    --color--highlight-fg--target: #eb6325;
    --color--highlight-shadow--target: #542517;
    --color--footer-bg: rgba(255, 255, 255, 0.05);
    --color--footer-fg: rgba(249, 245, 241, 0.6);
    --color--footer-link-fg: rgba(238, 211, 34, 0.7);
    --color--footer-link-fg--hocus: rgba(249, 232, 103, 0.9);
    --color--warn-block-border: #ca8a04;
    --color--warn-block-title-fg: #eab308;
    --color--warn-block-bg-start: rgba(234, 179, 8, 0.15);
    --color--info-block-border: #2563eb;
    --color--info-block-title-fg: #3b82f6;
    --color--info-block-bg-start: rgba(59, 130, 246, 0.15);
    --color--danger-block-border: #dc2626;
    --color--danger-block-title-fg: #ef4444;
    --color--danger-block-bg-start: rgba(239, 68, 68, 0.15);
    --color--md-caption-bg: rgba(0, 0, 0, 0.3);
    --color--md-caption-fg: #f0e8e2;
    --color--md-code-border: rgba(246, 92, 139, 0.5);
    --color--md-code-inline-bg: rgba(0, 0, 0, 0.15);
    --color--md-code-block-bg: rgba(0, 0, 0, 0.3);
    --color--md-footnote-fg--target: #fcf3a5;
    --color--md-heading-border: rgba(254, 214, 221, 0.15);
    --color--md-heading1234-fg: #f9f5f1;
    --color--md-heading56-fg: #f0e8e2;
    --color--md-hr: rgba(254, 214, 221, 0.15);
    --color--md-link-fg: #f9e867;
    --color--md-link-fg--hocus: #d4b606;
    --color--md-list-dt-fg: #f9f5f1;
    --color--md-list-dd-border: rgba(254, 214, 221, 0.15);
    --color--md-quote-border: rgba(254, 214, 221, 0.15);
    --color--md-quote-fg: #f9f5f1;
    --color--md-table-headfoot-bg: rgba(0, 0, 0, 0.3);
    --color--md-table-head-fg: #f9f5f1;
    --color--md-table-row-bg--striped: rgba(0, 0, 0, 0.15);
    --color--md-tasklist-check-border: transparent;
    --color--md-tasklist-check-bg: rgba(252, 250, 248, 0.8);
    --color--md-tasklist-check-fg: #3d8015;
    --color--md-toc-bg: rgba(0, 0, 0, 0.4);
    --color--md-strong-fg: #f9f5f1;
  }
}
html.theme--dark {
  --color--main-fg: #fcfaf8;
  --color--main-bg: #65102e;
  /* @license Background designed with https://www.svgbackgrounds.com/ Licensed with CC BY 4.0 */
  --main-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(336,832,619)'%3E%3Cstop offset='0' stop-color='%235B21B6'/%3E%3Cstop offset='1' stop-color='%232E1065'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='419' height='349.2' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  --color--container-bg: rgba(0, 0, 0, 0.4);
  --color--container-shadow: rgba(0, 0, 0, 0.2);
  --color--toggles-bg--floating: rgba(101, 16, 46, 0.7);
  --color--menu-toggle-fg: #fdb5c4;
  --color--menu-toggle-fg--hocus: #fff;
  --color--menu-toggle-border: #d9286d;
  --color--menu-toggle-border--hocus: #f65c8b;
  --color--menu-toggle-bg--hocus: #951d4c;
  --color--menu-link-bg: #861a44;
  --color--menu-link-fg: inherit;
  --color--menu-link-shadow: rgba(0, 0, 0, 0.05);
  --color--menu-link-bg--hocus: #701639;
  --color--menu-link-fg--hocus: #fff;
  --color--page-title-fg: #f0e8e2;
  --color-breadcrumb-bg: rgba(254, 214, 221, 0.1);
  --color-breadcrumb-bg--active: rgba(105, 85, 71, 0.5);
  --color-breadcrumb-bg--hocus: rgba(255, 243, 245, 0.2);
  --color-breadcrumb-fg: #fdb5c4;
  --color-breadcrumb-fg--active: #f0e8e2;
  --color-breadcrumb-fg--hocus: #fff3f5;
  --color--content-header-fg: #e1d5cb;
  --color--content-header-sub-fg: #b8a394;
  --color--content-header-date-fg: rgba(254, 233, 237, 0.3);
  --color--content-header-border: rgba(254, 214, 221, 0.15);
  --opacity--highlight-indicator: 0.2;
  --color--highlight-fg--target: #eb6325;
  --color--highlight-shadow--target: #542517;
  --color--footer-bg: rgba(255, 255, 255, 0.05);
  --color--footer-fg: rgba(249, 245, 241, 0.6);
  --color--footer-link-fg: rgba(238, 211, 34, 0.7);
  --color--footer-link-fg--hocus: rgba(249, 232, 103, 0.9);
  --color--warn-block-border: #ca8a04;
  --color--warn-block-title-fg: #eab308;
  --color--warn-block-bg-start: rgba(234, 179, 8, 0.15);
  --color--info-block-border: #2563eb;
  --color--info-block-title-fg: #3b82f6;
  --color--info-block-bg-start: rgba(59, 130, 246, 0.15);
  --color--danger-block-border: #dc2626;
  --color--danger-block-title-fg: #ef4444;
  --color--danger-block-bg-start: rgba(239, 68, 68, 0.15);
  --color--md-caption-bg: rgba(0, 0, 0, 0.3);
  --color--md-caption-fg: #f0e8e2;
  --color--md-code-border: rgba(246, 92, 139, 0.5);
  --color--md-code-inline-bg: rgba(0, 0, 0, 0.15);
  --color--md-code-block-bg: rgba(0, 0, 0, 0.3);
  --color--md-footnote-fg--target: #fcf3a5;
  --color--md-heading-border: rgba(254, 214, 221, 0.15);
  --color--md-heading1234-fg: #f9f5f1;
  --color--md-heading56-fg: #f0e8e2;
  --color--md-hr: rgba(254, 214, 221, 0.15);
  --color--md-link-fg: #f9e867;
  --color--md-link-fg--hocus: #d4b606;
  --color--md-list-dt-fg: #f9f5f1;
  --color--md-list-dd-border: rgba(254, 214, 221, 0.15);
  --color--md-quote-border: rgba(254, 214, 221, 0.15);
  --color--md-quote-fg: #f9f5f1;
  --color--md-table-headfoot-bg: rgba(0, 0, 0, 0.3);
  --color--md-table-head-fg: #f9f5f1;
  --color--md-table-row-bg--striped: rgba(0, 0, 0, 0.15);
  --color--md-tasklist-check-border: transparent;
  --color--md-tasklist-check-bg: rgba(252, 250, 248, 0.8);
  --color--md-tasklist-check-fg: #3d8015;
  --color--md-toc-bg: rgba(0, 0, 0, 0.4);
  --color--md-strong-fg: #f9f5f1;
}

html.theme--high-contrast {
  --animation-state: "paused";
  --color--main-fg: #000;
  --color--main-bg: #fed6dd;
  --main-bg: unset;
  --color--container-bg: #fff;
  --color--container-shadow: rgba(0, 0, 0, 0.1);
  --color--toggles-bg--floating: rgba(217, 40, 109, 0.8);
  --color--menu-toggle-fg: inherit;
  --color--menu-toggle-fg--hocus: #b6215b;
  --color--menu-toggle-border: #b6215b;
  --color--menu-toggle-border--hocus: #65102e;
  --color--menu-toggle-bg--hocus: unset;
  --color--menu-link-bg: unset;
  --color--menu-link-fg: #b6215b;
  --color--menu-link-shadow: none;
  --color--menu-link-bg--hocus: unset;
  --color--menu-link-fg--hocus: inherit;
  --color--page-title-fg: inherit;
  --color-breadcrumb-bg: rgba(250, 139, 167, 0.1);
  --color-breadcrumb-bg--active: transparent;
  --color-breadcrumb-bg--hocus: var(--color-breadcrumb-bg);
  --color-breadcrumb-fg: inherit;
  --color-breadcrumb-fg--active: inherit;
  --color-breadcrumb-fg--hocus: var(--color--md-link-fg--hocus);
  --color--content-header-fg: inherit;
  --color--content-header-sub-fg: inherit;
  --color--content-header-date-fg: #b6215b;
  --color--content-header-border: rgba(182, 33, 91, 0.7);
  --opacity--highlight-indicator: 1;
  --color--highlight-fg--target: unset;
  --color--highlight-shadow--target: transparent;
  --color--footer-bg: transparent;
  --color--footer-fg: inherit;
  --color--footer-link-fg: var(--color--md-link-fg);
  --color--footer-link-fg--hocus: var(--color--md-link-fg--hocus);
  --color--warn-block-border: #ca8a04;
  --color--warn-block-title-fg: inherit;
  --color--warn-block-bg-start: transparent;
  --color--info-block-border: #1d4ed8;
  --color--info-block-title-fg: inherit;
  --color--info-block-bg-start: transparent;
  --color--danger-block-border: #b91c1c;
  --color--danger-block-title-fg: inherit;
  --color--danger-block-bg-start: transparent;
  --color--md-caption-bg: unset;
  --color--md-caption-fg: inherit;
  --color--md-code-border: rgba(182, 33, 91, 0.7);
  --color--md-code-inline-bg: unset;
  --color--md-code-block-bg: unset;
  --color--md-footnote-fg--target: #ed3a7c;
  --color--md-heading-border: rgba(182, 33, 91, 0.7);
  --color--md-heading1234-fg: unset;
  --color--md-heading56-fg: unset;
  --color--md-hr: rgba(182, 33, 91, 0.7);
  --color--md-link-fg: #b6215b;
  --color--md-link-fg--hocus: #755e15;
  --color--md-list-dt-fg: unset;
  --color--md-list-dd-border: rgba(182, 33, 91, 0.7);
  --color--md-quote-border: rgba(182, 33, 91, 0.7);
  --color--md-quote-fg: unset;
  --color--md-table-headfoot-bg: #fff3f5;
  --color--md-table-head-fg: unset;
  --color--md-table-row-bg--striped: #fff3f5;
  --color--md-tasklist-check-border: #000;
  --color--md-tasklist-check-bg: rgba(252, 250, 248, 0.8);
  --color--md-tasklist-check-fg: #2d5314;
  --color--md-toc-bg: #fff;
  --color--md-strong-fg: unset;
  font-size: 18px;
}
html.theme--high-contrast .markdown-target a {
  font-weight: 600;
}
html.theme--high-contrast .markdown-target > p.warn, html.theme--high-contrast .markdown-target > p.info, html.theme--high-contrast .markdown-target > p.danger {
  border-left-width: 16px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: 4px 0;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .breadcrumb {
    margin-bottom: 24px;
  }
}
.breadcrumb li {
  color: var(--color-breadcrumb-fg);
}
.breadcrumb li a {
  --bg-color: var(--color-breadcrumb-bg);
}
.breadcrumb li a:hover, .breadcrumb li a:focus {
  --bg-color: var(--color-breadcrumb-bg--hocus);
  color: var(--color-breadcrumb-fg--hocus);
}
.breadcrumb li span {
  --bg-color: var(--color-breadcrumb-bg--active);
  color: var(--color-breadcrumb-fg--active);
}
.breadcrumb li a, .breadcrumb li span {
  display: block;
  background-color: var(--bg-color);
  position: relative;
  font-size: 0.8em;
  padding: 4px 8px;
  margin-right: 20px;
}
.breadcrumb li a::after, .breadcrumb li span::after {
  content: "";
  display: block;
  width: 1em;
  border: 1em solid black;
}
.breadcrumb li a::before, .breadcrumb li a::after, .breadcrumb li span::before, .breadcrumb li span::after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid var(--bg-color);
  border-width: 0.8em 0.7em;
  width: 0;
  height: 100%;
}
.breadcrumb li a::before, .breadcrumb li span::before {
  right: 100%;
  border-left-color: transparent;
}
.breadcrumb li a::after, .breadcrumb li span::after {
  left: 100%;
  border-color: transparent;
  border-left-color: var(--bg-color);
}
.breadcrumb li:first-child a, .breadcrumb li:first-child span {
  padding-left: 12px;
}
.breadcrumb li:first-child a::before, .breadcrumb li:first-child span::before {
  display: none;
}

#main-content > header.title {
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  margin-bottom: 32px;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  #main-content > header.title {
    text-align: initial;
    margin-bottom: 24px;
  }
}
#main-content > header.title h1 {
  color: var(--color--content-header-fg);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 8px;
}
#main-content > header.title .subtitle {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--color--content-header-sub-fg);
}
#main-content > header.title .date-changed {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color--content-header-date-fg);
}
@media (min-width: 768px) {
  #main-content > header.title .date-changed {
    float: right;
    margin-top: 6px;
  }
}
#main-content > header.title hr {
  color: var(--color--content-header-border);
  margin-top: 24px;
  border-top-width: 4px;
}

#main-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  padding: 16px 24px;
  background-color: var(--color--footer-bg);
  color: var(--color--footer-fg);
  font-size: 0.8em;
}
#main-footer a {
  color: var(--color--footer-link-fg);
}
#main-footer a:hover, #main-footer a:focus {
  color: var(--color--footer-link-fg--hocus);
}
#main-footer ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
#main-footer ul > li:not(:first-child)::before {
  content: "|";
  margin-right: 8px;
}

html {
  font-size: 16px;
  color: var(--color--main-fg);
  min-height: 100%;
  min-width: 100%;
  background-color: var(--color--main-bg);
  background-image: var(--main-bg);
  background-attachment: fixed;
  background-size: cover;
  font-family: "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.015em;
}

@media (min-width: 640px) {
  body {
    padding: 40px 32px;
  }
}
@media (min-width: 768px) {
  body {
    padding: 64px 48px;
  }
}
@media (min-width: 1024px) {
  body {
    padding: 80px 64px;
  }
}
body #main-container {
  min-height: 100vh;
  max-width: 1200px;
  margin: auto;
  position: relative;
  display: grid;
  background-color: var(--color--container-bg);
  grid-template: "header" "content" "footer";
  grid-template-rows: min-content 1fr min-content;
}
@media (min-width: 768px) {
  body #main-container {
    grid-template: "header content" "footer footer";
    grid-template-columns: minmax(200px, 1fr) 3fr;
  }
}
@media (min-width: 640px) {
  body #main-container {
    box-shadow: 1px 1px 6px 0 var(--color--container-shadow);
    min-height: unset;
  }
}
body #main-container > #main-header {
  grid-area: header;
  padding: 16px 24px;
}
@media (min-width: 768px) {
  body #main-container > #main-header {
    padding-bottom: 64px;
  }
}
body #main-container > #main-content {
  grid-area: content;
  min-width: 0;
  padding: 0 24px 16px;
}
@media (min-width: 768px) {
  body #main-container > #main-content {
    padding: 20px 24px;
  }
}
body #main-container > #main-footer {
  grid-area: footer;
}

.menu-toggle {
  display: none;
}

@media (max-width: 767px) {
  .menu-buttons {
    display: flex;
    gap: 8px;
    flex-direction: row-reverse;
    align-items: stretch;
  }
}
@media (max-width: 767px) and (min-width: 640px) {
  .menu-buttons {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .menu-toggle {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    width: fit-content;
    padding: 8px 16px;
    border: 1px solid var(--color--menu-toggle-border);
    color: var(--color--menu-toggle-fg);
  }
  .menu-toggle.hidden {
    display: none;
  }
  .menu-toggle:hover, .menu-toggle:focus {
    border-color: var(--color--menu-toggle-border--hocus);
    background-color: var(--color--menu-toggle-bg--hocus);
    color: var(--color--menu-toggle-fg--hocus);
  }
}
@media (max-width: 767px) and (min-width: 640px) {
  .menu-toggle {
    font-size: 1rem;
    padding: 4px 12px;
  }
}
@media (max-width: 767px) {
  .menu-toggle .icon {
    display: block;
    width: 1em;
    text-align: center;
  }
}
@media (max-width: 767px) and (min-width: 640px) {
  .menu-toggle {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .menu-toggle .icon-open {
    display: none;
  }
  .menu--closed #main-nav, .menu--closed .breadcrumb {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .menu--closed .menu-toggle .icon-open {
    display: inline-block;
  }
  .menu--closed .menu-toggle .icon-close {
    display: none;
  }
}
#global-toggles {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}
#global-toggles .toggle-item {
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  width: fit-content;
  padding: 8px 16px;
  border: 1px solid var(--color--menu-toggle-border);
  color: var(--color--menu-toggle-fg);
  border: none;
}
#global-toggles .toggle-item.hidden {
  display: none;
}
#global-toggles .toggle-item:hover, #global-toggles .toggle-item:focus {
  border-color: var(--color--menu-toggle-border--hocus);
  background-color: var(--color--menu-toggle-bg--hocus);
  color: var(--color--menu-toggle-fg--hocus);
}
@media (min-width: 640px) {
  #global-toggles .toggle-item {
    font-size: 1rem;
    padding: 4px 12px;
  }
}
#global-toggles .toggle-item .icon {
  display: block;
  width: 1em;
  text-align: center;
}
@media (max-width: 767px) {
  .menu--closed #global-toggles {
    display: none;
  }
}
@media (min-width: 768px) {
  #global-toggles {
    background: var(--color--toggles-bg--floating);
    position: absolute;
    top: -64px;
    right: 0;
    box-shadow: 1px 1px 6px 0 var(--color--container-shadow);
  }
}
@media (min-width: 768px) and (hover: hover) {
  #global-toggles {
    transform: translateY(-75%);
    transition: transform ease 500ms;
  }
  #global-toggles:hover {
    transform: translateY(0);
  }
}
@media (min-width: 768px) {
  #global-toggles .toggle-item {
    padding: 16px 24px;
  }
}
@media (min-width: 1024px) {
  #global-toggles {
    top: -80px;
  }
}

.header-flex {
  display: flex;
  gap: 24px;
  min-width: fit-content;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  /*
  background-image: url(pic/logo.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  */
}
.menu--closed .header-flex {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .header-flex {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  #main-nav > ul {
    margin: 0 -8px 0 -32px;
  }
}
#main-nav > ul > li > a {
  display: block;
  padding: 12px 24px;
  color: var(--color--menu-link-fg);
  background-color: var(--color--menu-link-bg);
  box-shadow: 1px 1px 3px 0 var(--color--menu-link-shadow);
  border-top: 1px solid var(--color--menu-link-shadow);
}
@media (min-width: 768px) {
  #main-nav > ul > li > a {
    margin-bottom: 8px;
    padding: 6px 8px 6px 24px;
  }
}
#main-nav > ul > li > a:hover, #main-nav > ul > li > a:focus {
  background-color: var(--color--menu-link-bg--hocus);
  color: var(--color--menu-link-fg--hocus);
}

.page-title {
  display: none;
  font-family: "Lato", "latolatin", "Montserrat", "inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  letter-spacing: 0.03em;
  font-weight: 800;
  color: var(--color--page-title-fg);
  max-height: 183px;
}
@media (min-width: 768px) {
  .page-title {
    margin-bottom: 16px;
    font-size: 1.4rem;
    max-height: unset;
  }
}
@media (min-width: 640px) {
  html.theme--light .light-visible {
    display: block;
  }
  html.theme--dark .dark-visible {
    display: block;
  }
  html.theme--high-contrast .high-contrast-visible {
    display: block;
  }
  html:not(.theme--dark):not(.theme--light):not(.theme--high-contrast) .page-title:not(.dark-visible):not(.light-visible):not(.high-contrast-visible) {
    display: block;
  }
}

#theme-selector {
  display: contents;
}
#theme-selector input {
  display: none;
}
#theme-selector label {
  cursor: pointer;
}
#theme-selector .icon {
  width: 20px;
}