.vp-contributors{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-start;margin:1rem 0}.vp-contributor{display:flex;gap:.25rem;align-items:center;color:inherit;font-size:1.125rem}.vp-contributor::after{display:none !important}.vp-contributor-avatar{-o-object-fit:contain;object-fit:contain;width:1.75rem;height:1.75rem;margin-inline-end:.25rem;border-radius:50%}a.vp-contributor{text-decoration:none !important}

/*# sourceMappingURL=contributors.css.map */:root{--code-padding-x: 1.25rem;--code-padding-y: 1rem;--code-border-radius: 6px;--code-line-height: 1.6;--code-font-size: 0.875em;--code-font-family: consolas, monaco, "Andale Mono", "Ubuntu Mono", monospace}div[class*=language-]{position:relative;border-radius:var(--code-border-radius);background-color:var(--code-c-bg)}div[class*=language-]::before{content:attr(data-ext);position:absolute;top:.8em;right:1em;z-index:3;color:var(--code-c-text);font-size:.75rem}div[class*=language-] pre{position:relative;z-index:1;overflow-x:auto;margin:0;border-radius:var(--code-border-radius);font-size:var(--code-font-size);font-family:var(--code-font-family);line-height:var(--code-line-height)}div[class*=language-] pre code{display:block;box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:100%;padding:var(--code-padding-y) var(--code-padding-x);background-color:rgba(0,0,0,0) !important;color:var(--code-c-text);overflow-wrap:unset;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}

/*# sourceMappingURL=base.css.map */:root{--code-c-text: #9e9e9e;--code-c-highlight-bg: rgba(142 150 170 / 14%)}.shiki span{color:var(--shiki-light, inherit)}[data-theme=dark] .shiki span{color:var(--shiki-dark, inherit)}div[data-highlighter=shiki]{background-color:var(--code-c-bg, var(--shiki-light-bg))}[data-theme=dark] div[data-highlighter=shiki]{background-color:var(--code-c-bg, var(--shiki-dark-bg))}

/*# sourceMappingURL=shiki.css.map */:root{--code-line-number-width: 3rem}div[class*=language-]:not(.line-numbers-mode) .line-numbers{display:none}div[class*=language-].line-numbers-mode::after{content:"";position:absolute;top:0;left:0;width:var(--code-line-number-width);height:100%;border-right:1px solid var(--code-c-highlight-bg, var(--code-c-text));border-radius:var(--code-border-radius) 0 0 var(--code-border-radius);transition:border var(--vp-t-color)}div[class*=language-].line-numbers-mode pre{vertical-align:middle;margin-left:var(--code-line-number-width)}div[class*=language-].line-numbers-mode code{padding-left:1rem}div[class*=language-].line-numbers-mode .line-numbers{counter-reset:line-number;position:absolute;top:0;left:0;width:var(--code-line-number-width);padding-top:var(--code-padding-y);color:var(--code-c-line-number, var(--code-c-text));font-size:var(--code-font-size);line-height:var(--code-line-height);text-align:center}div[class*=language-].line-numbers-mode .line-number{position:relative;z-index:3;font-family:var(--code-font-family);-webkit-user-select:none;-moz-user-select:none;user-select:none}div[class*=language-].line-numbers-mode .line-number::before{content:counter(line-number);counter-increment:line-number}

/*# sourceMappingURL=line-numbers.css.map */div[class*=language-] .line.highlighted{display:inline-block;width:100%;margin:0 calc(-1*var(--code-padding-x));padding:0 var(--code-padding-x);background-color:var(--code-c-highlight-bg)}

/*# sourceMappingURL=notation-highlight.css.map */:root{--code-title-c-text: var(--vp-c-text-mute);--code-title-c-bg: var(--code-c-bg);--code-title-divider: var(--code-c-highlight-bg, var(--code-c-text))}.code-block-with-title div[class*=language-]{border-top-left-radius:0;border-top-right-radius:0}.code-block-with-title div[class*=language-]::before{display:none}.code-block-title-bar{overflow-x:auto;margin:.75rem 0 -0.75rem;padding:.5rem 1rem;border-bottom:solid 1px var(--code-title-divider);border-radius:6px 6px 0 0;background:var(--code-title-c-bg);color:var(--code-title-c-text);font-weight:500;font-size:.875em;line-height:1.7;white-space:nowrap;transition:background var(--vp-t-color),color var(--vp-t-color)}@media(max-width: 419px){.code-block-title-bar{margin:.75rem -1.5rem -0.75rem;border-radius:0}}

/*# sourceMappingURL=code-block-title.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable order/order */
/* stylelint-disable order/order */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable scss/dollar-variable-pattern */
:root {
  --vp-c-bg: #fff;
  --vp-c-bg-alt: #f6f6f7;
  --vp-c-bg-elv: #fff;
  --vp-c-text: rgb(60, 60, 67);
  --vp-c-border: #c2c2c4;
  --vp-c-gutter: #e2e2e3;
  --vp-c-shadow: rgba(0, 0, 0, 0.15);
  --vp-c-control: rgba(142, 150, 170, 0.1);
  --vp-c-control-hover: rgba(142, 150, 170, 0.16);
  --vp-c-control-disabled: #eaeaea;
  --vp-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", STHeiti, "Microsoft YaHei", SimSun, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --vp-font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", STHeiti, "Microsoft YaHei", SimSun, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --vp-font-mono: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  --navbar-height: 3.75rem;
  --navbar-padding-x: 1.5rem;
  --navbar-padding-y: 0.7rem;
  --navbar-mobile-height: 3.25rem;
  --navbar-mobile-padding-x: 1rem;
  --navbar-mobile-padding-y: 0.5rem;
  --sidebar-width: 18rem;
  --sidebar-mobile-width: 16rem;
  --content-width: 780px;
  --wide-content-width: 980px;
  --home-page-width: 1160px;
  --vp-t-color: 0.3s ease;
  --vp-t-transform: 0.3s ease;
  --theme-color: #E8513E;
  --vp-c-accent: rgb(159.4930555556, 34.7083333333, 19.0069444444);
  --vp-c-accent-bg: rgb(205.0625, 44.625, 24.4375);
  --vp-c-accent-hover: rgb(227.8472222222, 49.5833333333, 27.1527777778);
  --vp-c-accent-soft: rgba(183.6, 38.64, 20.4, 0.14);
  --vp-c-accent-text: var(--vp-c-white);
  --vp-c-bg-soft: rgba(255, 255, 255, 0.9);
  --vp-c-bg-elv-soft: rgba(255, 255, 255, 0.9);
  --vp-c-text-mute: rgba(60, 60, 67, 0.78);
  --vp-c-text-subtle: rgba(60, 60, 67, 0.56);
  --vp-c-border-hard: rgb(184.0875, 184.0875, 186.4125);
}

[data-theme=dark] {
  --vp-c-bg: #1b1b1f;
  --vp-c-bg-alt: #161618;
  --vp-c-bg-elv: #202127;
  --vp-c-text: rgba(235, 235, 245, 0.86);
  --vp-c-border: #3c3f44;
  --vp-c-gutter: #000;
  --vp-c-shadow: rgba(0, 0, 0, 0.3);
  --vp-c-control: rgba(101, 117, 133, 0.12);
  --vp-c-control-hover: rgba(101, 117, 133, 0.18);
  --vp-c-control-disabled: #363636;
  --vp-c-accent: rgb(230.5625, 70.125, 49.9375);
  --vp-c-accent-bg: rgb(216.4548611111, 47.1041666667, 25.7951388889);
  --vp-c-accent-hover: rgb(205.0625, 44.625, 24.4375);
  --vp-c-accent-soft: rgba(183.6, 38.64, 20.4, 0.16);
  --vp-c-bg-soft: rgba(27, 27, 31, 0.9);
  --vp-c-bg-elv-soft: rgba(32, 33, 39, 0.9);
  --vp-c-text-mute: rgba(235, 235, 245, 0.602);
  --vp-c-text-subtle: rgba(235, 235, 245, 0.3784);
  --vp-c-border-hard: rgb(68.953125, 72.40078125, 78.146875);
}.footnote-item{margin-top:calc(0rem - var(--header-offset, 3.6rem));padding-top:calc(var(--header-offset, 3.6rem) + .5rem)}.footnote-item>p{margin-bottom:0}.footnote-ref{position:relative}.footnote-anchor{position:absolute;top:calc(-0.5rem - var(--header-offset, 3.6rem))}

/*# sourceMappingURL=footnote.css.map */.task-list-container{padding-inline-start:0;list-style-position:inside}.task-list-container .task-list-container{padding-inline-start:1.5em}.task-list-item{list-style:none}.task-list-item-checkbox{position:relative;vertical-align:text-bottom;height:1em;margin-inline-end:1.5em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.task-list-item-checkbox::after{content:" ";position:absolute;top:0;display:inline-block;box-sizing:border-box;width:1em;height:1em;padding-inline-start:0;border:1px solid var(--vp-c-border);border-radius:2px;background:var(--vp-c-control);text-align:center;visibility:visible;transition:border-color var(--vp-t-color),background var(--vp-t-color)}@media print{.task-list-item-checkbox::after{border-color:var(--vp-c-text)}}.task-list-item-checkbox:checked::after{content:"";border-color:var(--vp-c-accent-bg);background:var(--vp-c-accent-bg)}@media print{.task-list-item-checkbox:checked::after{border-color:var(--vp-c-text);background:rgba(0,0,0,0)}}.task-list-item-checkbox:checked::before{content:"";position:absolute;inset-inline-start:.35em;top:.1em;z-index:1;width:.2em;height:.5em;border:solid var(--vp-c-white);border-width:0 .15em .15em 0;transition:border-color var(--vp-t-color);transform:rotate(45deg)}@media print{.task-list-item-checkbox:checked::before{border-color:var(--vp-c-text)}}

/*# sourceMappingURL=tasklist.css.map */.hint-container{position:relative;background:var(--hint-c-soft);transition:background var(--vp-t-color),color var(--vp-t-color)}@media print{.hint-container{page-break-inside:avoid}}.hint-container>.hint-container-title{color:var(--hint-c-title)}.hint-container :not(pre)>code{background:var(--hint-c-soft)}.hint-container .hint-container-title{position:relative;margin-block:.75em;font-weight:600;line-height:1.25}.hint-container.important,.hint-container.info,.hint-container.note,.hint-container.tip,.hint-container.warning,.hint-container.caution{margin-block:.75rem;padding:.25em 1em;border-radius:.5em;color:inherit;font-size:var(--hint-font-size)}@media print{.hint-container.important,.hint-container.info,.hint-container.note,.hint-container.tip,.hint-container.warning,.hint-container.caution{border:1px solid var(--hint-c-title)}}.hint-container.important .hint-container-title,.hint-container.info .hint-container-title,.hint-container.note .hint-container-title,.hint-container.tip .hint-container-title,.hint-container.warning .hint-container-title,.hint-container.caution .hint-container-title{padding-inline-start:1.75em}@media print{.hint-container.important .hint-container-title,.hint-container.info .hint-container-title,.hint-container.note .hint-container-title,.hint-container.tip .hint-container-title,.hint-container.warning .hint-container-title,.hint-container.caution .hint-container-title{padding-inline-start:0}}.hint-container.important .hint-container-title::before,.hint-container.info .hint-container-title::before,.hint-container.note .hint-container-title::before,.hint-container.tip .hint-container-title::before,.hint-container.warning .hint-container-title::before,.hint-container.caution .hint-container-title::before{content:" ";position:absolute;inset-inline-start:0;top:calc(50% - .6125em);width:1.25em;height:1.25em;font-size:1.25em}@media print{.hint-container.important .hint-container-title::before,.hint-container.info .hint-container-title::before,.hint-container.note .hint-container-title::before,.hint-container.tip .hint-container-title::before,.hint-container.warning .hint-container-title::before,.hint-container.caution .hint-container-title::before{display:none}}.hint-container.important p,.hint-container.info p,.hint-container.note p,.hint-container.tip p,.hint-container.warning p,.hint-container.caution p{line-height:1.5}.hint-container.important a,.hint-container.info a,.hint-container.note a,.hint-container.tip a,.hint-container.warning a,.hint-container.caution a{color:var(--vp-c-accent)}.hint-container.important{--hint-c-accent: var(--important-c-accent);--hint-c-title: var(--important-c-text);--hint-c-soft: var(--important-c-soft)}.hint-container.important>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.info{--hint-c-accent: var(--info-c-accent);--hint-c-title: var(--info-c-text);--hint-c-soft: var(--info-c-soft)}.hint-container.info>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.note{--hint-c-accent: var(--note-c-accent);--hint-c-title: var(--note-c-text);--hint-c-soft: var(--note-c-soft)}.hint-container.note>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.tip{--hint-c-accent: var(--tip-c-accent);--hint-c-title: var(--tip-c-text);--hint-c-soft: var(--tip-c-soft)}.hint-container.tip>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.warning{--hint-c-accent: var(--warning-c-accent);--hint-c-title: var(--warning-c-text);--hint-c-soft: var(--warning-c-soft)}.hint-container.warning>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.caution{--hint-c-accent: var(--caution-c-accent);--hint-c-title: var(--caution-c-text);--hint-c-soft: var(--caution-c-soft)}.hint-container.caution>.hint-container-title::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hint-container.details{position:relative;display:block;margin-block:.75rem;padding:1.25rem 1rem;border-radius:.5rem;background:var(--detail-c-bg);transition:background var(--vp-t-transform),color var(--vp-t-transform)}.hint-container.details h4{margin-top:0}.hint-container.details figure:last-child,.hint-container.details p:last-child{margin-bottom:0;padding-bottom:0}.hint-container.details a{color:var(--vp-c-accent)}.hint-container.details :not(pre)>code{background:var(--detail-c-soft)}.hint-container.details summary{position:relative;margin:-1rem;padding-block:1em;padding-inline:3em 1.5em;list-style:none;font-size:var(--hint-font-size);cursor:pointer}.hint-container.details summary::-webkit-details-marker{display:none}.hint-container.details summary::marker{color:rgba(0,0,0,0);font-size:0}.hint-container.details summary::before{background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;content:" ";position:absolute;inset-inline-start:.8em;top:calc(50% - .5em);width:1em;height:1em;font-size:1.25rem;line-height:normal;transition:color,var(--vp-t-color),transform var(--vp-t-transform);transform:rotate(90deg)}.hint-container.details[open]>summary{margin-bottom:.5em}.hint-container.details[open]>summary::before{transform:rotate(180deg)}

/*# sourceMappingURL=hint.css.map */:root{--hint-font-size: 0.92rem;--important-c-accent: var(--vp-c-purple-bg);--important-c-text: var(--vp-c-purple-text);--important-c-soft: var(--vp-c-purple-soft);--info-c-accent: var(--vp-c-blue-bg);--info-c-text: var(--vp-c-blue-text);--info-c-soft: var(--vp-c-blue-soft);--note-c-accent: var(--vp-c-grey-bg);--note-c-text: var(--vp-c-grey-text);--note-c-soft: var(--vp-c-grey-soft);--tip-c-accent: var(--vp-c-green-bg);--tip-c-text: var(--vp-c-green-text);--tip-c-soft: var(--vp-c-green-soft);--warning-c-accent: var(--vp-c-yellow-bg);--warning-c-text: var(--vp-c-yellow-text);--warning-c-soft: var(--vp-c-yellow-soft);--caution-c-accent: var(--vp-c-red-bg);--caution-c-text: var(--vp-c-red-text);--caution-c-soft: var(--vp-c-red-soft);--detail-c-bg: var(--vp-c-control);--detail-c-icon: var(--vp-c-border);--detail-c-soft: var(--vp-c-grey-soft)}

/*# sourceMappingURL=vars.css.map */.vp-code-tabs-nav{overflow-x:auto;margin:.75rem 0 -0.75rem;padding:0;border-radius:6px 6px 0 0;background:var(--code-tabs-c-bg);list-style:none;white-space:nowrap;transition:background var(--vp-t-color)}@media print{.vp-code-tabs-nav{display:none}}@media(max-width: 419px){.vp-code-tabs-nav{margin-inline:-1.5rem;border-radius:0}}.vp-code-tab-nav{position:relative;min-width:3rem;margin:0;padding:6px 12px;border-width:0;border-radius:6px 6px 0 0;background:rgba(0,0,0,0);color:var(--code-tabs-c-text);font-weight:600;font-size:.875em;line-height:1.4;cursor:pointer;transition:background var(--vp-t-color),color var(--vp-t-color)}.vp-code-tab-nav:hover{background:var(--code-tabs-c-hover)}.vp-code-tab-nav::before,.vp-code-tab-nav::after{content:" ";position:absolute;bottom:0;z-index:1;width:6px;height:6px}.vp-code-tab-nav::before{right:100%}.vp-code-tab-nav::after{left:100%}.vp-code-tab-nav.active{background:var(--code-c-bg, var(--vp-c-bg-alt))}.vp-code-tab-nav.active::before{background:radial-gradient(12px at left top, transparent 50%, var(--code-c-bg) 50%)}.vp-code-tab-nav.active::after{background:radial-gradient(12px at right top, transparent 50%, var(--code-c-bg) 50%)}.vp-code-tab-nav:first-child::before{display:none}[dir=rtl] .vp-code-tab-nav:first-child::before{display:block}[dir=rtl] .vp-code-tab-nav:first-child::after{display:none}.vp-code-tab{display:none}@media print{.vp-code-tab{display:block}}.vp-code-tab.active{display:block}.vp-code-tab .code-block-title-bar{border-radius:0}.vp-code-tab div[class*=language-]{border-top-left-radius:0;border-top-right-radius:0}@media(max-width: 419px){.vp-code-tab div[class*=language-]{margin:.75rem -1.5rem;border-radius:0}}.vp-code-tab div[class*=language-].line-numbers-mode::after{border-top-left-radius:0}.vp-code-tab div[class*=language-] pre{border-top-left-radius:0;border-top-right-radius:0}@media(max-width: 419px){.vp-code-tab div[class*=language-] pre{border-radius:0}}@media print{.vp-code-tab div[class*=language-] code{white-space:pre-wrap}}.vp-code-tab-title{display:none;font-weight:500}@media print{.vp-code-tab-title{display:block}}

/*# sourceMappingURL=code-tabs.css.map */.vp-tabs{margin:1.5rem 0;border:1px solid var(--vp-c-border);border-radius:8px}@media(max-width: 419px){[vp-content]>.vp-tabs{margin-inline:-1.5rem;border:none;border-bottom:1px solid var(--vp-c-border);border-radius:0}}.vp-tabs-nav{overflow-x:auto;margin:0;padding:0;border-radius:.5rem .5rem 0 0;background:var(--tab-c-bg-nav);list-style:none;white-space:nowrap;transition:background var(--vp-t-color)}@media print{.vp-tabs-nav{display:none}}@media(max-width: 419px){.vp-tabs-nav{border-radius:0}}.vp-tab-nav{position:relative;min-width:4rem;margin:0;padding:.5em 1em;border:none;border-radius:.5rem .5rem 0 0;background:rgba(0,0,0,0);color:var(--tab-c-nav);font-weight:600;font-size:.875em;line-height:1.75;cursor:pointer;transition:background var(--vp-t-color),color var(--vp-t-color)}.vp-tab-nav:hover{background:var(--tab-c-bg-nav-hover)}.vp-tab-nav::before,.vp-tab-nav::after{content:" ";position:absolute;bottom:0;z-index:1;width:8px;height:8px}.vp-tab-nav::before{right:100%}.vp-tab-nav::after{left:100%}.vp-tab-nav.active{background:var(--tab-c-bg)}.vp-tab-nav.active::before{background:radial-gradient(16px at left top, transparent 50%, var(--tab-c-bg) 50%)}.vp-tab-nav.active::after{background:radial-gradient(16px at right top, transparent 50%, var(--tab-c-bg) 50%)}.vp-tab-nav:first-child::before{display:none}.vp-tab{display:none;padding:1rem .75rem;border-radius:0 0 .5rem .5rem;background:var(--tab-c-bg);transition:background var(--vp-t-color)}@media print{.vp-tab{display:block;padding:.5rem}}.vp-tab.active{display:block}.vp-tab:nth-child(n+2) .vp-tab-title{border-top:none}.vp-tab-title{display:none;padding:.25rem 0;border-top:1px solid var(--vp-c-border);font-weight:500}@media print{.vp-tab-title{display:block}}

/*# sourceMappingURL=tabs.css.map */:root{--code-tabs-c-text: var(--code-c-text);--code-tabs-c-bg: var(--code-c-highlight-bg);--code-tabs-c-hover: var(--code-c-bg, var(--vp-c-bg-alt));--tab-c-bg: var(--vp-c-bg);--tab-c-nav: var(--vp-c-text);--tab-c-bg-nav: var(--vp-c-grey-bg);--tab-c-bg-nav-hover: var(--vp-c-control-hover)}

/*# sourceMappingURL=vars.css.map */:root {
  --balloon-border-radius: 2px;
  --balloon-color: rgba(16, 16, 16, 0.95);
  --balloon-text-color: #fff;
  --balloon-font-size: 12px;
  --balloon-move: 4px; }

button[aria-label][data-balloon-pos] {
  overflow: visible; }

[aria-label][data-balloon-pos] {
  position: relative;
  cursor: pointer; }
  [aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
  [aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10; }
  [aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none; }
  [aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  [aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre; }
  [aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word; }
  [aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0; }
  [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px; }
  [aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px; }
  [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color); }
  [aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal; }
  [aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px; }
  [aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px; }
  [aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px; }
  [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px; }
    @media screen and (max-width: 768px) {
      [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw; } }
  [aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%; }
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
:root {
  --container-c-bg-header: #eee;
}

[data-theme=dark] {
  --container-c-bg-header: #333;
}

.vp-container {
  overflow: hidden;
  margin: 0.75rem 0;
  border: 1px solid var(--vp-c-border);
  border-radius: 0.5rem;
}

.vp-container-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: var(--container-c-bg-header, #eee);
  font-weight: 500;
  text-align: start;
  transition: background var(--vp-t-color), border-color var(--vp-t-color);
}

.vp-container-title {
  flex: 1;
  overflow: hidden;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vp-code-demo {
  transition: all 0.2s;
}
.vp-code-demo:hover {
  box-shadow: 0 2px 12px var(--vp-c-shadow);
}
.vp-code-demo .vp-container-header {
  justify-content: space-between;
}
.vp-code-demo .vp-container-title {
  vertical-align: top;
}
.vp-code-demo .vp-container-title:first-child {
  margin-inline-start: 0.5rem;
}

.codepen-button,
.jsfiddle-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 4px;
  padding: 4px;
  border-radius: 50%;
  background: var(--vp-c-control);
  outline: none;
  transition: background var(--vp-t-color);
}
@media print {
  .codepen-button,
  .jsfiddle-button {
    display: none;
  }
}
.codepen-button svg,
.jsfiddle-button svg {
  width: 1.25rem;
  height: 1.25rem;
  transition: fill var(--vp-t-color);
  fill: var(--vp-c-text-mute);
}
.codepen-button:hover,
.jsfiddle-button:hover {
  background: var(--vp-c-control-hover);
}

.vp-code-demo-toggle-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-code-demo-toggle-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-code-demo-toggle-button.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-code-demo-toggle-button.down {
  transform: rotate(-180deg);
}
.vp-code-demo-toggle-button.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-code-demo-toggle-button.end {
  transform: rotate(-90deg);
}
.vp-code-demo-toggle-button.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-code-demo-toggle-button.start {
  transform: rotate(90deg);
}
.vp-code-demo-toggle-button {
  position: relative;
  margin: 8px 12px 8px 8px;
  padding: 0;
  border-color: transparent;
  border-radius: 50%;
  background-color: #ccc;
  outline: none;
  font-size: 24px;
  cursor: pointer;
}
@media print {
  .vp-code-demo-toggle-button {
    display: none;
  }
}
[data-theme=dark] .vp-code-demo-toggle-button {
  background-color: #555;
}
.vp-code-demo-toggle-button:hover {
  background-color: #aaa;
}
[data-theme=dark] .vp-code-demo-toggle-button:hover {
  background-color: #777;
}

.vp-code-demo-loading {
  color: var(--vp-c-accent-bg);
}

.vp-code-demo-display {
  position: relative;
  overflow: auto;
  max-height: 400px;
  padding: 20px;
  border-bottom: 1px solid var(--vp-c-border);
}
@media print {
  .vp-code-demo-display {
    page-break-inside: avoid;
  }
}

.vp-code-demo-code-wrapper {
  overflow: hidden;
  transition: height 0.5s;
}
@media print {
  .vp-code-demo-code-wrapper {
    height: auto !important;
  }
}

.vp-code-demo-codes > p {
  margin: 0.75rem;
}
.vp-code-demo-codes > div[class*=language-] {
  border-radius: 0;
}
@media (max-width: 419px) {
  .vp-code-demo-codes > div[class*=language-] {
    margin: 0.8rem 0;
  }
  .vp-code-demo-codes > div[class*=language-].line-numbers-mode::after {
    display: none;
  }
  .vp-code-demo-codes > div[class*=language-] .line-numbers-wrapper {
    display: none;
  }
  .vp-code-demo-codes > div[class*=language-] pre[class*=language-] {
    padding: 1.25rem 1.25rem 1rem;
  }
}
.vp-code-demo-codes > div[class*=language-]:first-child pre {
  margin-top: 0 !important;
}
.vp-code-demo-codes > div[class*=language-].language-json {
  display: none;
}
.vp-code-demo-codes > div[class*=language-].line-numbers-mode::after {
  border-radius: 0;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
:root {
  --container-c-bg-header: #eee;
}

[data-theme=dark] {
  --container-c-bg-header: #333;
}

.vp-container {
  overflow: hidden;
  margin: 0.75rem 0;
  border: 1px solid var(--vp-c-border);
  border-radius: 0.5rem;
}

.vp-container-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: var(--container-c-bg-header, #eee);
  font-weight: 500;
  text-align: start;
  transition: background var(--vp-t-color), border-color var(--vp-t-color);
}

.vp-container-title {
  flex: 1;
  overflow: hidden;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vp-md-demo {
  margin: 0.75rem -0.5rem;
  transition: all 0.2s;
}
.vp-md-demo:hover {
  box-shadow: 0 2px 12px var(--vp-c-shadow);
}

.vp-md-demo-toggle-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-md-demo-toggle-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-md-demo-toggle-button.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-md-demo-toggle-button.down {
  transform: rotate(-180deg);
}
.vp-md-demo-toggle-button.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-md-demo-toggle-button.end {
  transform: rotate(-90deg);
}
.vp-md-demo-toggle-button.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-md-demo-toggle-button.start {
  transform: rotate(90deg);
}
.vp-md-demo-toggle-button {
  position: relative;
  margin: 0.5rem 0.75rem 0.5rem 0.5rem;
  padding: 0;
  border-radius: 50%;
  background-color: #ccc;
  outline: none;
  font-size: 24px;
  cursor: pointer;
}
@media print {
  .vp-md-demo-toggle-button {
    display: none;
  }
}
[data-theme=dark] .vp-md-demo-toggle-button {
  background-color: #555;
}
.vp-md-demo-toggle-button:hover {
  background-color: #aaa;
}
[data-theme=dark] .vp-md-demo-toggle-button:hover {
  background-color: #777;
}

.vp-md-demo-display {
  position: relative;
  overflow: auto;
  padding: 8px;
}
@media print {
  .vp-md-demo-display {
    page-break-inside: avoid;
  }
}

.vp-md-demo-code-wrapper {
  overflow: hidden;
  transition: height 0.5s;
}
@media print {
  .vp-md-demo-code-wrapper {
    height: auto !important;
  }
}

.vp-md-demo-codes > div[class*=language-] {
  border-radius: 0;
}
@media (max-width: 419px) {
  .vp-md-demo-codes > div[class*=language-] {
    margin: 0.8rem 0;
  }
  .vp-md-demo-codes > div[class*=language-].line-numbers-mode::after {
    display: none;
  }
  .vp-md-demo-codes > div[class*=language-] .line-numbers-wrapper {
    display: none;
  }
  .vp-md-demo-codes > div[class*=language-] pre[class*=language-] {
    padding: 1.25rem 1.25rem 1rem;
  }
}
.vp-md-demo-codes > div[class*=language-] pre {
  margin-block: 0 !important;
}
.vp-md-demo-codes > div[class*=language-].line-numbers-mode::after {
  border-radius: 0;
}:root {
  --container-c-bg-header: #eee;
}

[data-theme=dark] {
  --container-c-bg-header: #333;
}

.vp-container {
  overflow: hidden;
  margin: 0.75rem 0;
  border: 1px solid var(--vp-c-border);
  border-radius: 0.5rem;
}

.vp-container-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: var(--container-c-bg-header, #eee);
  font-weight: 500;
  text-align: start;
  transition: background var(--vp-t-color), border-color var(--vp-t-color);
}

.vp-container-title {
  flex: 1;
  overflow: hidden;
  font-size: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media print {
  .vp-playground {
    display: none !important;
  }
}

.vp-playground-actions {
  display: flex;
  align-items: center;
}

.vp-playground-action {
  display: inline-flex;
  margin-inline-start: 10px;
}
.vp-playground-action .icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--vp-c-text-mute);
}
.vp-playground-action:hover .icon {
  fill: var(--vp-c-accent-bg);
}

.vp-playground-container {
  position: relative;
  overflow: hidden;
  background: var(--vp-c-bg);
  transition: background var(--vp-t-color);
}
@media print {
  .vp-playground-container {
    page-break-inside: avoid;
  }
}
.vp-playground-container iframe {
  display: block;
  resize: vertical;
  width: 100%;
  height: 100%;
  min-height: 400px;
  border: none;
}
.split-pane[data-v-a9fd0472] {
  display: flex;
  height: 100%;
  position: relative;
}
.split-pane.dragging[data-v-a9fd0472] {
  cursor: ew-resize;
}
.dragging .left[data-v-a9fd0472],
.dragging .right[data-v-a9fd0472] {
  pointer-events: none;
}
.left[data-v-a9fd0472],
.right[data-v-a9fd0472] {
  position: relative;
  height: 100%;
}
.view-size[data-v-a9fd0472] {
  position: absolute;
  top: 40px;
  left: 10px;
  font-size: 12px;
  color: var(--text-light);
  z-index: 100;
}
.left[data-v-a9fd0472] {
  border-right: 1px solid var(--border);
}
.dragger[data-v-a9fd0472] {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  right: -5px;
  width: 10px;
  cursor: ew-resize;
}
.toggler[data-v-a9fd0472] {
  display: none;
  z-index: 3;
  font-family: var(--font-code);
  color: var(--text-light);
  position: absolute;
  left: 50%;
  bottom: 20px;
  background-color: var(--bg);
  padding: 8px 12px;
  border-radius: 8px;
  transform: translateX(-50%);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
.dark .toggler[data-v-a9fd0472] {
  background-color: var(--bg);
}

/* vertical */
@media (min-width: 721px) {
.split-pane.vertical[data-v-a9fd0472] {
    display: block;
}
.split-pane.vertical.dragging[data-v-a9fd0472] {
    cursor: ns-resize;
}
.vertical .dragger[data-v-a9fd0472] {
    top: auto;
    height: 10px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -5px;
    cursor: ns-resize;
}
.vertical .left[data-v-a9fd0472],
  .vertical .right[data-v-a9fd0472] {
    width: 100%;
}
.vertical .left[data-v-a9fd0472] {
    border-right: none;
    border-bottom: 1px solid var(--border);
}
}

/* mobile */
@media (max-width: 720px) {
.left[data-v-a9fd0472],
  .right[data-v-a9fd0472] {
    position: absolute;
    inset: 0;
    width: auto !important;
    height: auto !important;
}
.dragger[data-v-a9fd0472] {
    display: none;
}
.split-pane .toggler[data-v-a9fd0472] {
    display: block;
}
.split-pane .right[data-v-a9fd0472],
  .split-pane.show-output.reverse .right[data-v-a9fd0472],
  .split-pane.show-output .left[data-v-a9fd0472],
  .split-pane.reverse .left[data-v-a9fd0472] {
    z-index: -1;
    pointer-events: none;
}
.split-pane .left[data-v-a9fd0472],
  .split-pane.show-output.reverse .left[data-v-a9fd0472],
  .split-pane.show-output .right[data-v-a9fd0472],
  .split-pane.reverse .right[data-v-a9fd0472] {
    z-index: 0;
    pointer-events: all;
}
}

.msg.err[data-v-024df844] {
  --color: #f56c6c;
  --bg-color: #fef0f0;
}
.dark .msg.err[data-v-024df844] {
  --bg-color: #2b1d1d;
}
.msg.warn[data-v-024df844] {
  --color: #e6a23c;
  --bg-color: #fdf6ec;
}
.dark .msg.warn[data-v-024df844] {
  --bg-color: #292218;
}
pre[data-v-024df844] {
  margin: 0;
  padding: 12px 20px;
  overflow: auto;
}
.msg[data-v-024df844] {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  z-index: 20;
  border: 2px solid transparent;
  border-radius: 6px;
  font-family: var(--font-code);
  white-space: pre-wrap;
  margin-bottom: 8px;
  max-height: calc(100% - 300px);
  min-height: 40px;
  display: flex;
  align-items: stretch;
  color: var(--color);
  border-color: var(--color);
  background-color: var(--bg-color);
}
.dismiss[data-v-024df844] {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 9px;
  text-align: center;
  display: block;
  font-size: 9px;
  padding: 0;
  color: var(--bg-color);
  background-color: var(--color);
}
@media (max-width: 720px) {
.dismiss[data-v-024df844] {
    top: -9px;
    right: -9px;
}
.msg[data-v-024df844] {
    bottom: 50px;
}
}
.fade-enter-active[data-v-024df844],
.fade-leave-active[data-v-024df844] {
  transition: all 0.15s ease-out;
}
.fade-enter-from[data-v-024df844],
.fade-leave-to[data-v-024df844] {
  opacity: 0;
  transform: translate(0, 10px);
}

.iframe-container[data-v-da264500],
.iframe-container[data-v-da264500] iframe {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
}
.iframe-container.dark[data-v-da264500] iframe {
  background-color: #1e1e1e;
}

.output-container[data-v-5893ae30] {
  height: calc(100% - var(--header-height));
  overflow: hidden;
  position: relative;
}
.tab-buttons[data-v-5893ae30] {
  box-sizing: border-box;
  border-bottom: 1px solid var(--border);
  background-color: var(--bg);
  height: var(--header-height);
  overflow: hidden;
}
.tab-buttons button[data-v-5893ae30] {
  padding: 0;
  box-sizing: border-box;
}
.tab-buttons span[data-v-5893ae30] {
  font-size: 13px;
  font-family: var(--font-code);
  text-transform: uppercase;
  color: var(--text-light);
  display: inline-block;
  padding: 8px 16px 6px;
  line-height: 20px;
}
button.active[data-v-5893ae30] {
  color: var(--color-branding-dark);
  border-bottom: 3px solid var(--color-branding-dark);
}

.file-selector[data-v-13b607d1] {
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border);
  background-color: var(--bg);
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  height: var(--header-height);
}
.file-selector[data-v-13b607d1]::-webkit-scrollbar {
  height: 1px;
}
.file-selector[data-v-13b607d1]::-webkit-scrollbar-track {
  background-color: var(--border);
}
.file-selector[data-v-13b607d1]::-webkit-scrollbar-thumb {
  background-color: var(--color-branding);
}
@-moz-document url-prefix() {
.file-selector[data-v-13b607d1] {
    scrollbar-width: thin;
    scrollbar-color: var(--color-branding) var(--border);
}
}
.file-selector.has-import-map .add[data-v-13b607d1] {
  margin-right: 10px;
}
.file[data-v-13b607d1] {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-family: var(--font-code);
  cursor: pointer;
  color: var(--text-light);
  box-sizing: border-box;
}
.file.active[data-v-13b607d1] {
  color: var(--color-branding);
  border-bottom: 3px solid var(--color-branding);
  cursor: text;
}
.file span[data-v-13b607d1] {
  display: inline-block;
  padding: 8px 10px 6px;
  line-height: 20px;
}
.file.pending span[data-v-13b607d1] {
  min-width: 50px;
  min-height: 34px;
  padding-right: 32px;
  background-color: rgba(200, 200, 200, 0.2);
  color: transparent;
}
.file.pending input[data-v-13b607d1] {
  position: absolute;
  inset: 8px 7px auto;
  font-size: 13px;
  font-family: var(--font-code);
  line-height: 20px;
  outline: none;
  border: none;
  padding: 0 3px;
  min-width: 1px;
  color: inherit;
  background-color: transparent;
}
.file .remove[data-v-13b607d1] {
  display: inline-block;
  vertical-align: middle;
  line-height: 12px;
  cursor: pointer;
  padding-left: 0;
}
.add[data-v-13b607d1] {
  font-size: 18px;
  font-family: var(--font-code);
  color: #999;
  vertical-align: middle;
  margin-left: 6px;
  position: relative;
  top: -1px;
}
.add[data-v-13b607d1]:hover {
  color: var(--color-branding);
}
.icon[data-v-13b607d1] {
  margin-top: -1px;
}
.import-map-wrapper[data-v-13b607d1] {
  position: sticky;
  margin-left: auto;
  top: 0;
  right: 0;
  padding-left: 30px;
  background-color: var(--bg);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 25%
  );
}
.dark .import-map-wrapper[data-v-13b607d1] {
  background: linear-gradient(
    90deg,
    rgba(26, 26, 26, 0) 0%,
    rgba(26, 26, 26, 1) 25%
  );
}

.wrapper[data-v-17ef6099] {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.toggle[data-v-17ef6099] {
  display: inline-block;
  margin-left: 4px;
  width: 32px;
  height: 18px;
  border-radius: 12px;
  position: relative;
  background-color: var(--border);
}
.indicator[data-v-17ef6099] {
  font-size: 12px;
  background-color: var(--text-light);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transition: transform ease-in-out 0.2s;
  position: absolute;
  left: 2px;
  top: 2px;
  color: var(--bg);
  text-align: center;
}
.active .indicator[data-v-17ef6099] {
  background-color: var(--color-branding);
  transform: translateX(14px);
  color: white;
}

.editor-container[data-v-f4f45a3c] {
  height: calc(100% - var(--header-height));
  overflow: hidden;
  position: relative;
}
.editor-floating[data-v-f4f45a3c] {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 11;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 8px;
  background-color: var(--bg);
  color: var(--text-light);
  padding: 8px;
}

.vue-repl {
  --bg: #fff;
  --bg-soft: #f8f8f8;
  --border: #ddd;
  --text-light: #888;
  --font-code: Menlo, Monaco, Consolas, 'Courier New', monospace;
  --color-branding: #42b883;
  --color-branding-dark: #416f9c;
  --header-height: 38px;

  height: 100%;
  margin: 0;
  overflow: hidden;
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: var(--bg-soft);
}
.dark .vue-repl {
  --bg: #1a1a1a;
  --bg-soft: #242424;
  --border: #383838;
  --text-light: #aaa;
  --color-branding: #42d392;
  --color-branding-dark: #89ddff;
}
.vue-repl button {
  border: none;
  outline: none;
  cursor: pointer;
  margin: 0;
  background-color: transparent;
}
[data-theme=dark] {
  /**
   * copied from https://github.com/vuejs/repl/blob/main/src/Repl.vue
   */
}
[data-theme=dark] .vue-repl {
  --bg: #1a1a1a;
  --bg-soft: #242424;
  --border: #383838;
  --text-light: #aaa;
  --color-branding: #42d392;
  --color-branding-dark: #89ddff;
  /**
   * copied from https://github.com/vuejs/repl/blob/main/src/codemirror/codemirror.css
   */
}
[data-theme=dark] .vue-repl .import-map-wrapper {
  background: linear-gradient(90deg, rgba(26, 26, 26, 0) 0%, rgb(26, 26, 26) 25%) !important;
}
[data-theme=dark] .vue-repl .CodeMirror {
  --symbols: #89ddff;
  --base: #a6accd;
  --comment: #6d6d6d;
  --keyword: #89ddff;
  --string: #c3e88d;
  --variable: #82aaff;
  --number: #f78c6c;
  --tags: #f07178;
  --brackets: var(--symbols);
  --property: #f07178;
  --attribute: #c792ea;
  --cursor: #fff;
  --selected-bg: rgb(255 255 255 / 10%);
  --selected-bg-non-focus: rgb(255 255 255 / 15%);
  color: var(--symbols);
}

.vue-playground-wrapper .vue-preview-loading {
  color: var(--vp-c-accent-bg);
}
.vue-playground-wrapper .repl-container {
  position: relative;
  overflow: hidden;
  height: auto;
  background: var(--vp-c-bg);
  transition: background var(--vp-t-color);
}
@media print {
  .vue-playground-wrapper .repl-container {
    page-break-inside: avoid;
  }
}
.vue-playground-wrapper .repl-container .vue-repl {
  height: 300px;
}
[vp-content] .vue-playground-wrapper .repl-container pre,
[vp-content] .vue-playground-wrapper .repl-container pre[class*=language-] {
  margin: 0;
  padding: 0;
  border-radius: 0;
}figure{text-align:center}figure>a[href*="://"]::after,figure>a[target=_blank]::after{display:none !important}figcaption{font-size:.8rem}

/*# sourceMappingURL=figure.css.map */.spoiler {
  background-color: currentColor;
  border-radius: 0.2em;
  transition: background ease 0.5s;
  cursor: help;
}

.spoiler:not(:hover) * {
  background-color: inherit;
  color: inherit;
}

.spoiler:hover,
.spoiler:focus {
  background-color: transparent;
}
:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}.fade-in-enter-active,.fade-in-leave-active{transition:all var(--transition-duration) var(--transition-ease-in-out) !important}.fade-in-enter-from,.fade-in-leave-to{opacity:0 !important}.fade-in-leave-from,.fade-in-enter-to{opacity:1}

/*# sourceMappingURL=fade-in.css.map */.vp-back-to-top-button{position:fixed !important;inset-inline-end:1rem;bottom:4rem;z-index:100;width:48px;height:48px;padding:12px;border-width:0;border-radius:50%;background:var(--back-to-top-c-bg);color:var(--back-to-top-c-accent-bg);box-shadow:2px 2px 10px 4px var(--back-to-top-c-shadow);cursor:pointer}@media(max-width: 959px){.vp-back-to-top-button{transform:scale(0.8);transform-origin:100% 100%}}@media print{.vp-back-to-top-button{display:none}}.vp-back-to-top-button:hover{color:var(--back-to-top-c-accent-hover)}.vp-back-to-top-button .back-to-top-icon{overflow:hidden;width:24px;height:24px;margin:0 auto;background:var(--back-to-top-c-icon);-webkit-mask-image:var(--back-to-top-icon);mask-image:var(--back-to-top-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover}.vp-scroll-progress{position:absolute;inset-inline-end:-2px;bottom:-2px;width:52px;height:52px}.vp-scroll-progress svg{width:100%;height:100%}.vp-scroll-progress circle{opacity:.9;transform:rotate(-90deg);transform-origin:50% 50%}

/*# sourceMappingURL=back-to-top.css.map */:root{--back-to-top-z-index: 5;--back-to-top-icon: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3e%3cpath%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='4'%20d='M24.008%2014.1V42M12%2026l12-12l12%2012M12%206h24'%20/%3e%3c/svg%3e");--back-to-top-c-bg: var(--vp-c-bg);--back-to-top-c-accent-bg: var(--vp-c-accent-bg);--back-to-top-c-accent-hover: var(--vp-c-accent-hover);--back-to-top-c-shadow: var(--vp-c-shadow);--back-to-top-c-icon: currentcolor}

/*# sourceMappingURL=vars.css.map */:root{--message-offset: calc(var(--vp-header-offset, 3.6rem) + 1rem);--message-timing-duration: 0.3s;--message-timing-function: ease-in-out;--message-gap: 0.5rem}@keyframes message-move-in{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes message-move-out{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}#message-container{position:fixed;inset:var(--message-offset) 0 auto;z-index:75;display:flex;flex-flow:column;gap:var(--message-gap);align-items:center;text-align:center}.message-item{display:inline-block;padding:8px 10px;border-radius:3px;background:var(--vp-c-bg);color:var(--vp-c-text);box-shadow:0 0 10px 0 var(--vp-c-shadow);font-size:14px}.message-item.move-in{animation:message-move-in var(--message-timing-duration) var(--message-timing-function)}.message-item.move-out{animation:message-move-out var(--message-timing-duration) var(--message-timing-function);animation-fill-mode:forwards}.message-item svg{position:relative;bottom:-0.125em;margin-inline-end:5px}

/*# sourceMappingURL=message.css.map */.vp-copy-code-button{position:absolute;top:.5em;right:.5em;z-index:5;width:2.5rem;height:2.5rem;padding:0;border-width:0;border-radius:.5rem;background:rgba(0,0,0,0);outline:none;opacity:0;cursor:pointer;transition:opacity .4s}@media print{.vp-copy-code-button{display:none}}.vp-copy-code-button::before{content:"";display:inline-block;width:1.25rem;height:1.25rem;padding:.625rem;background:currentcolor;color:var(--copy-code-c-text);font-size:1.25rem;-webkit-mask-image:var(--code-copy-icon);mask-image:var(--code-copy-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:1em;mask-size:1em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.vp-copy-code-button:focus,.vp-copy-code-button.copied{opacity:1}.vp-copy-code-button:hover,.vp-copy-code-button.copied{background:var(--copy-code-c-hover)}.vp-copy-code-button.copied::before{-webkit-mask-image:var(--code-copied-icon);mask-image:var(--code-copied-icon)}.vp-copy-code-button.copied::after{content:attr(data-copied);position:absolute;top:0;right:calc(100% + .25rem);display:block;height:1.25rem;padding:.625rem;border-radius:.5rem;background:var(--copy-code-c-hover);color:var(--copy-code-c-text);font-weight:500;line-height:1.25rem;white-space:nowrap}.no-copy-code .vp-copy-code-button{display:none}body:not(.no-copy-code) div[class*=language-]:hover::before{display:none}body:not(.no-copy-code) div[class*=language-]:hover .vp-copy-code-button{opacity:1}

/*# sourceMappingURL=copy-code.css.map */:root{--code-copy-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2' /%3e%3c/svg%3e");--code-copied-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='2'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4' /%3e%3c/svg%3e");--copy-code-c-text: var(--code-c-line-number);--copy-code-c-hover: var(--code-c-highlight-bg)}

/*# sourceMappingURL=vars.css.map */.vp-icon{--fa-fw-width: 1em;display:inline-block;width:var(--icon-width, auto);height:var(--icon-height, auto);font-size:var(--icon-size, 1em);line-height:1}.vp-icon[sizing=width]{--icon-width: 1em}.vp-icon[sizing=height]{--icon-height: 1em}.vp-icon[sizing=both]{--icon-width: 1em;--icon-height: 1em}.vp-icon:is(i){vertical-align:var(--icon-vertical-align)}.vp-icon:not(i){vertical-align:var(--icon-vertical-align, -0.125em)}.vp-icon.iconfont{font-size:var(--icon-size, 1em)}

/*# sourceMappingURL=vp-icon.css.map */:root{--photo-swipe-c-bullet: var(--vp-c-bg-elv);--photo-swipe-c-bullet-active: var(--vp-c-accent)}

/*# sourceMappingURL=vars.css.map *//*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}
.photo-swipe-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.photo-swipe-bullets-indicator{position:absolute;bottom:30px;left:50%;display:flex;flex-flow:row;align-items:center;transform:translate(-50%, 0)}.photo-swipe-bullet{width:12px;height:6px;margin:0 5px;border-radius:3px;background:var(--photo-swipe-c-bullet);transition:width .3s,color .3s}.photo-swipe-bullet.active{width:30px;background:var(--photo-swipe-c-bullet-active)}

/*# sourceMappingURL=photo-swipe.css.map */:root {
  --badge-c-tip-text: var(--vp-c-green-text);
  --badge-c-tip-bg: var(--vp-c-green-soft);
  --badge-c-warning-text: var(--vp-c-yellow-text);
  --badge-c-warning-bg: var(--vp-c-yellow-soft);
  --badge-c-danger-text: var(--vp-c-red-text);
  --badge-c-danger-bg: var(--vp-c-red-soft);
  --badge-c-important-text: var(--vp-c-purple-text);
  --badge-c-important-bg: var(--vp-c-purple-soft);
  --badge-c-info-text: var(--vp-c-blue-text);
  --badge-c-info-bg: var(--vp-c-blue-soft);
  --badge-c-note-text: var(--vp-c-grey-text);
  --badge-c-note-bg: var(--vp-c-grey-soft);
}

.vp-badge {
  display: inline-block;
  vertical-align: center;
  height: 18px;
  padding: 0 6px;
  border-radius: 3px;
  background: var(--vp-c-accent-soft);
  color: var(--vp-c-accent);
  font-size: 14px;
  line-height: 18px;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}
.vp-badge + .vp-badge {
  margin-inline-start: 5px;
}
h1 .vp-badge, h2 .vp-badge, h3 .vp-badge, h4 .vp-badge, h5 .vp-badge, h6 .vp-badge {
  vertical-align: top;
}
.vp-badge.tip {
  background: var(--badge-c-tip-bg);
  color: var(--badge-c-tip-text);
}
.vp-badge.warning {
  background: var(--badge-c-warning-bg);
  color: var(--badge-c-warning-text);
}
.vp-badge.danger {
  background: var(--badge-c-danger-bg);
  color: var(--badge-c-danger-text);
}
.vp-badge.important {
  background: var(--badge-c-important-bg);
  color: var(--badge-c-important-text);
}
.vp-badge.info {
  background: var(--badge-c-info-bg);
  color: var(--badge-c-info-text);
}
.vp-badge.note {
  background: var(--badge-c-note-bg);
  color: var(--badge-c-note-text);
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-card {
  display: inline-flex;
  align-items: center;
  max-width: 400px;
  margin: 1rem 0.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background: var(--vp-c-control);
  color: inherit;
  box-shadow: 2px 2px 10px 0 var(--vp-c-shadow);
  text-decoration: none !important;
  transition: background var(--vp-t-color), box-shadow var(--vp-t-transform);
}
.vp-card:hover {
  background: var(--vp-c-control-hover);
}
.vp-card hr {
  margin: 0.25em 0;
}
.vp-card-logo {
  width: 3em;
  height: 3em;
  margin-inline-end: 1em;
  border-radius: 50%;
}
.vp-card-content {
  flex: 1;
}
.vp-card-title {
  font-weight: 500;
  font-size: 1.1em;
}
.vp-card-desc {
  color: #888;
  font-size: 0.9em;
  line-height: 1.5;
  transition: color var(--vp-t-color);
}
.vp-card-container {
  display: flex;
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: stretch;
}
.vp-card-container .vp-card {
  flex-basis: calc(50% - 3rem);
  max-width: unset;
  margin: 0.5rem;
}
@media (max-width: 959px) {
  .vp-card-container .vp-card {
    flex-basis: 100%;
  }
}
@media (max-width: 719px) {
  .vp-card-container .vp-card {
    font-size: 0.95rem;
  }
}
@media (max-width: 419px) {
  .vp-card-container .vp-card {
    font-size: 0.9rem;
  }
}@media screen{.sr-only{position:absolute;overflow:hidden;clip-path:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}}@media print{.sr-only{display:none}}

/*# sourceMappingURL=sr-only.css.map */.vp-catalog{margin-top:.5rem;margin-bottom:.5rem}.vp-catalog-item{counter-increment:catalog-item}.vp-catalog-main-title{margin-top:calc(1rem - var(--catalog-header-offset));margin-bottom:.5rem;padding-top:var(--catalog-header-offset);font-weight:500;font-size:1.75rem}.vp-catalog-main-title:first-child{margin-bottom:.5rem !important}.vp-catalog-main-title:only-child{margin-bottom:0 !important}.vp-catalog-main-title .vp-link{text-decoration:none !important}.vp-catalog-child-title{margin-bottom:.5rem !important}.vp-catalog-child-title.has-children{margin-top:calc(1rem - var(--catalog-header-offset));padding-top:var(--catalog-header-offset);border-bottom:1px solid var(--catalog-c-gutter);font-weight:500;font-size:1.3rem;transition:border-color .3s}.vp-catalog-child-title.has-children:only-child{margin-bottom:0 !important}.vp-catalog-child-title .vp-link{text-decoration:none !important}.vp-catalog-sub-title{font-weight:500;font-size:1.1rem}.vp-catalog-sub-title:only-child{margin-bottom:0 !important}.vp-catalog-title{color:inherit;text-decoration:none}.vp-catalog-title:hover{color:var(--catalog-c-accent)}.vp-catalog.index ol{padding-inline-start:0}.vp-catalog.index li{list-style-type:none}.vp-catalog.index .vp-catalog-list{padding-inline-start:0}.vp-catalog.index .vp-catalog-item{list-style-type:none}.vp-catalog.index .vp-catalog-title::before{content:"§" counter(catalog-item, upper-roman) " "}.vp-catalog.index .vp-child-catalogs{counter-reset:child-catalog}.vp-catalog.index .vp-child-catalog{counter-increment:child-catalog}.vp-catalog.index .vp-child-catalog .vp-catalog-title::before{content:counter(catalog-item) "." counter(child-catalog) " "}.vp-catalog.index .vp-sub-catalogs{padding-inline-start:.5rem}.vp-catalog-list{counter-reset:catalog-item;margin:0}.vp-catalog-list.deep{padding-inline-start:0}.vp-catalog-list.deep .vp-catalog-item{list-style-type:none}.vp-catalog-list .font-icon{vertical-align:baseline;margin-inline-end:.25rem}.vp-child-catalogs{margin:0}.vp-child-catalog{list-style-type:disc}.vp-sub-catalogs{counter-reset:sub-catalog}.vp-sub-catalog{counter-increment:sub-catalog}.vp-sub-catalog .vp-link::before{content:counter(catalog-item) "." counter(child-catalog) "." counter(sub-catalog) " "}.vp-sub-catalogs-wrapper{display:flex;flex-wrap:wrap}.vp-sub-catalog-link{display:inline-block;margin:.25rem .5rem;padding:.25rem .5rem;border-radius:.375rem;background-color:var(--catalog-c-control);line-height:1.5;overflow-wrap:break-word;transition:background-color .3s,color .3s}.vp-sub-catalog-link:hover{background-color:var(--catalog-c-control-hover);color:var(--catalog-c-accent);text-decoration:none !important}.vp-catalog-header-anchor{float:left;margin-top:.125em;margin-left:-1em;font-size:.85em;text-decoration:none;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media print{.vp-catalog-header-anchor{display:none}}.vp-catalog-header-anchor::before{content:"¶"}[dir=rtl] .vp-catalog-header-anchor{float:right;margin-right:-1em;margin-left:0}h2:hover .vp-catalog-header-anchor,h3:hover .vp-catalog-header-anchor{text-decoration:none;opacity:1}.vp-catalog-header-anchor:focus-visible{opacity:1}.vp-empty-catalog{font-size:1.25rem;text-align:center}

/*# sourceMappingURL=catalog.css.map */:root{--catalog-c-accent: var(--vp-c-accent);--catalog-c-accent-text: var(--vp-c-accent-text);--catalog-c-control: var(--vp-c-bg-alt);--catalog-c-control-hover: var(--vp-c-bg-alt);--catalog-c-gutter: var(--vp-c-gutter);--catalog-header-offset: var(--header-offset, 3.6rem)}

/*# sourceMappingURL=vars.css.map */:root{--nprogress-c: var(--vp-c-accent);--nprogress-z-index: 1031}

/*# sourceMappingURL=vars.css.map */#nprogress{pointer-events:none}#nprogress .bar{position:fixed;top:0;left:0;z-index:var(--nprogress-z-index);width:100%;height:2px;background:var(--nprogress-c)}

/*# sourceMappingURL=nprogress.css.map */:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}:root{--transition-fade-in-scale-up-scale: 0.9;--transition-fade-in-scale-up-duration: var(--transition-duration);--transition-fade-in-scale-up-origin: inherit}.fade-in-scale-up-leave-active{transition:opacity var(--transition-fade-in-scale-up-duration) var(--transition-ease-in),transform var(--transition-fade-in-scale-up-duration) var(--transition-ease-in) !important;transform-origin:var(--transition-fade-in-scale-up-origin) !important}.fade-in-scale-up-enter-active{transition:opacity var(--transition-fade-in-scale-up-duration) var(--transition-ease-out),transform var(--transition-fade-in-scale-up-duration) var(--transition-ease-out) !important;transform-origin:var(--transition-fade-in-scale-up-origin) !important}.fade-in-scale-up-enter-from,.fade-in-scale-up-leave-to{opacity:0 !important;transform:scale(var(--transition-fade-in-scale-up-scale)) !important}.fade-in-scale-up-leave-from,.fade-in-scale-up-enter-to{opacity:1;transform:scale(1) !important}

/*# sourceMappingURL=fade-in-scale-up.css.map */.redirect-modal-mask{position:fixed;inset:0;z-index:var(--redirect-z-index);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media print{.redirect-modal-mask{display:none}}.redirect-modal-wrapper{position:relative;z-index:1500;overflow:hidden;max-width:80vw;padding:1rem 2rem;border-radius:.5rem;background:var(--redirect-c-bg);box-shadow:0 2px 6px 0 var(--redirect-c-shadow)}.redirect-modal-hint{margin-top:.5rem;color:var(--vp-c-text-mute);font-size:.875rem;text-align:start}.redirect-modal-hint input[type=checkbox]{position:relative;vertical-align:text-bottom;height:1em;margin-inline-end:18px;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.redirect-modal-hint input[type=checkbox]::after{content:" ";position:absolute;top:0;display:inline-block;box-sizing:border-box;width:14px;height:14px;padding-inline-start:0;border:1px solid var(--vp-c-border);border-radius:50%;background:var(--vp-c-control);text-align:center;visibility:visible}.redirect-modal-hint input[type=checkbox]:checked::after{content:"";border-color:var(--vp-c-accent-bg);background:var(--vp-c-accent-bg)}.redirect-modal-hint input[type=checkbox]:checked::before{content:"";position:absolute;inset-inline-start:5px;top:2px;z-index:1;width:2px;height:6px;border:solid var(--vp-c-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.redirect-modal-hint label{display:inline-block}.redirect-modal-action{display:block;width:100%;margin:1rem 0;padding:.5rem .75rem;border:none;border-radius:.5rem;background-color:var(--redirect-c-control);color:inherit;cursor:pointer}.redirect-modal-action:hover{background-color:var(--redirect-c-control-hover)}.redirect-modal-action.primary{background-color:var(--redirect-c-accent-bg);color:var(--redirect-c-accent-text)}.redirect-modal-action.primary:hover{background-color:var(--redirect-c-accent-hover)}

/*# sourceMappingURL=redirect-modal.css.map */:root{--redirect-z-index: 1499;--redirect-c-bg: var(--vp-c-bg-elv);--redirect-c-text: var(--vp-c-text);--redirect-c-accent-bg: var(--vp-c-accent-bg);--redirect-c-accent-hover: var(--vp-c-accent-hover);--redirect-c-accent-text: var(--vp-c-accent-text);--redirect-c-control: var(--vp-c-control);--redirect-c-control-hover: var(--vp-c-control-hover);--redirect-c-shadow: var(--vp-c-shadow)}

/*# sourceMappingURL=vars.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-footer-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  padding-block: 0.75rem;
  padding-inline: calc(var(--sidebar-space) + 2rem) 2rem;
  border-top: 1px solid var(--vp-c-border);
  background: var(--vp-c-bg);
  color: var(--vp-c-text-mute);
  text-align: center;
  transition: border-top-color var(--vp-t-color), background var(--vp-t-color), padding var(--vp-t-transform);
}
@media (max-width: 719px) {
  .vp-footer-wrapper {
    padding-inline-start: 2rem;
  }
}
@media (min-width: 1440px) {
  .vp-footer-wrapper {
    z-index: 50;
    padding-inline-start: 2rem;
  }
}
@media print {
  .vp-footer-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 419px) {
  .vp-footer-wrapper {
    display: block;
  }
}
.no-sidebar .vp-footer-wrapper, .sidebar-collapsed .vp-footer-wrapper {
  padding-inline-start: 2rem;
}

.vp-footer {
  margin: 0.5rem 1rem;
  font-size: 14px;
}
@media print {
  .vp-footer {
    display: none;
  }
}

.vp-copyright {
  margin: 6px 0;
  font-size: 13px;
}

.vp-page:not(.not-found) + .vp-footer-wrapper {
  margin-top: -2rem;
}.page-author-item {
  display: inline-block;
  margin: 0 4px;
  font-weight: normal;
  overflow-wrap: break-word;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.page-category-info {
  flex-wrap: wrap;
}

.page-category-item {
  display: inline-block;
  margin: 0.125em 0.25em;
  padding: 0 0.25em;
  border-radius: 0.25em;
  background: var(--vp-c-grey-soft);
  color: var(--vp-c-text-mute);
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 2;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}
@media print {
  .page-category-item {
    padding: 0;
    font-weight: normal;
  }
  .page-category-item::after {
    content: ", ";
  }
  .page-category-item:last-of-type::after {
    content: "";
  }
}
.page-category-item.clickable {
  cursor: pointer;
}
.page-category-item.clickable:not([class*=color]):hover {
  color: var(--vp-c-accent-hover);
}
.page-category-item.color0 {
  background: rgb(252.6123893805, 228.9876106195, 230.8725663717);
  color: rgb(235.8991150442, 46.9008849558, 61.9805309735);
}
[data-theme=dark] .page-category-item.color0 {
  background: rgb(51.75, 4.75, 8.5);
  color: rgb(186.3, 17.1, 30.6);
}
.page-category-item.color0.clickable:hover {
  background: rgb(249.0309734513, 189.9690265487, 194.6814159292);
}
[data-theme=dark] .page-category-item.color0.clickable:hover {
  background: rgb(82.8, 7.6, 13.6);
}
.page-category-item.color1 {
  background: rgb(254.5, 237.9, 232.3);
  color: rgb(251, 118.2, 73.4);
}
[data-theme=dark] .page-category-item.color1 {
  background: rgb(68.0021551724, 18.2737068966, 1.4978448276);
  color: rgb(244.8077586207, 65.7853448276, 5.3922413793);
}
.page-category-item.color1.clickable:hover {
  background: rgb(253.75, 212.25, 198.25);
}
[data-theme=dark] .page-category-item.color1.clickable:hover {
  background: rgb(108.8034482759, 29.2379310345, 2.3965517241);
}
.page-category-item.color2 {
  background: rgb(253.8, 245.1, 231.3);
  color: rgb(245.4, 175.8, 65.4);
}
[data-theme=dark] .page-category-item.color2 {
  background: rgb(62.1054216867, 39.3072289157, 3.1445783133);
  color: rgb(223.5795180723, 141.5060240964, 11.3204819277);
}
.page-category-item.color2.clickable:hover {
  background: rgb(252, 230.25, 195.75);
}
[data-theme=dark] .page-category-item.color2.clickable:hover {
  background: rgb(99.3686746988, 62.8915662651, 5.0313253012);
}
.page-category-item.color3 {
  background: rgb(233.784, 250.216, 240.752);
  color: rgb(85.272, 216.728, 141.016);
}
[data-theme=dark] .page-category-item.color3 {
  background: rgb(11.5, 51, 28.25);
  color: rgb(41.4, 183.6, 101.7);
}
.page-category-item.color3.clickable:hover {
  background: rgb(201.96, 243.04, 219.38);
}
[data-theme=dark] .page-category-item.color3.clickable:hover {
  background: rgb(18.4, 81.6, 45.2);
}
.page-category-item.color4 {
  background: rgb(229.8415841584, 249.3584158416, 238.0752475248);
  color: rgb(53.7326732673, 209.8673267327, 119.601980198);
}
[data-theme=dark] .page-category-item.color4 {
  background: rgb(9.25, 41.25, 22.75);
  color: rgb(33.3, 148.5, 81.9);
}
.page-category-item.color4.clickable:hover {
  background: rgb(192.103960396, 240.896039604, 212.6881188119);
}
[data-theme=dark] .page-category-item.color4.clickable:hover {
  background: rgb(14.8, 66, 36.4);
}
.page-category-item.color5 {
  background: rgb(225.0082872928, 252.0917127072, 252.0917127072);
  color: rgb(21.8165745856, 224.9834254144, 224.9834254144);
}
[data-theme=dark] .page-category-item.color5 {
  background: rgb(4, 41.25, 41.25);
  color: rgb(14.4, 148.5, 148.5);
}
.page-category-item.color5.clickable:hover {
  background: rgb(180.020718232, 247.729281768, 247.729281768);
}
[data-theme=dark] .page-category-item.color5.clickable:hover {
  background: rgb(6.4, 66, 66);
}
.page-category-item.color6 {
  background: rgb(227.7309734513, 240.2973451327, 253.8690265487);
  color: rgb(36.8477876106, 137.3787610619, 245.9522123894);
}
[data-theme=dark] .page-category-item.color6 {
  background: rgb(2.25, 27.25, 54.25);
  color: rgb(8.1, 98.1, 195.3);
}
.page-category-item.color6.clickable:hover {
  background: rgb(186.8274336283, 218.2433628319, 252.1725663717);
}
[data-theme=dark] .page-category-item.color6.clickable:hover {
  background: rgb(3.6, 43.6, 86.8);
}
.page-category-item.color7 {
  background: rgb(246.5, 240.6, 252.8);
  color: rgb(187, 139.8, 237.4);
}
[data-theme=dark] .page-category-item.color7 {
  background: rgb(41.9638554217, 11.3975903614, 74.6024096386);
  color: rgb(152.3855421687, 81.1590361446, 228.4409638554);
}
.page-category-item.color7.clickable:hover {
  background: rgb(233.75, 219, 249.5);
}
[data-theme=dark] .page-category-item.color7.clickable:hover {
  background: rgb(67.1421686747, 18.2361445783, 119.3638554217);
}
.page-category-item.color8 {
  background: rgb(253, 234.2, 244.5);
  color: rgb(239, 88.6, 171);
}
[data-theme=dark] .page-category-item.color8 {
  background: rgb(64.3157894737, 6.1842105263, 38.0328947368);
  color: rgb(231.5368421053, 22.2631578947, 136.9184210526);
}
.page-category-item.color8.clickable:hover {
  background: rgb(250, 203, 228.75);
}
[data-theme=dark] .page-category-item.color8.clickable:hover {
  background: rgb(102.9052631579, 9.8947368421, 60.8526315789);
}.page-original-info {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 0.5em;
  border: 0.5px solid var(--vp-c-border-hard);
  border-radius: 0.75em;
  background: var(--vp-c-bg);
  font-size: 0.75em;
  line-height: 1.5 !important;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.page-tag-info {
  flex-wrap: wrap;
}

.page-tag-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  min-width: 1.5rem;
  margin: 0.125rem;
  padding: 0.125rem 0.25rem 0.125rem 0.625rem;
  background: var(--vp-c-grey-soft);
  background: linear-gradient(135deg, transparent 0.75em, var(--vp-c-grey-soft) 0) top, linear-gradient(45deg, transparent 0.75em, var(--vp-c-grey-soft) 0) bottom;
  background-size: 100% 52% !important;
  background-repeat: no-repeat !important;
  color: var(--vp-c-text-mute);
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 1.5;
  text-align: center;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}
@media print {
  .page-tag-item {
    padding: 0;
    font-weight: normal;
  }
  .page-tag-item::after {
    content: ", ";
  }
  .page-tag-item:last-of-type::after {
    content: "";
  }
}
.page-tag-item.clickable {
  cursor: pointer;
}
.page-tag-item.clickable:not([class*=color]):hover {
  color: var(--vp-c-accent);
}
.page-tag-item.color0 {
  background: rgb(252.6123893805, 228.9876106195, 230.8725663717);
  background: linear-gradient(135deg, transparent 0.75em, rgb(252.6123893805, 228.9876106195, 230.8725663717) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(252.6123893805, 228.9876106195, 230.8725663717) 0) bottom;
  color: rgb(235.8991150442, 46.9008849558, 61.9805309735);
}
[data-theme=dark] .page-tag-item.color0 {
  background: rgb(51.75, 4.75, 8.5);
  background: linear-gradient(135deg, transparent 0.75em, rgb(51.75, 4.75, 8.5) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(51.75, 4.75, 8.5) 0) bottom;
  color: rgb(186.3, 17.1, 30.6);
}
.page-tag-item.color0.clickable:hover {
  background: rgb(249.0309734513, 189.9690265487, 194.6814159292);
  background: linear-gradient(135deg, transparent 0.75em, rgb(249.0309734513, 189.9690265487, 194.6814159292) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(249.0309734513, 189.9690265487, 194.6814159292) 0) bottom;
}
[data-theme=dark] .page-tag-item.color0.clickable:hover {
  background: rgb(82.8, 7.6, 13.6);
  background: linear-gradient(135deg, transparent 0.75em, rgb(82.8, 7.6, 13.6) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(82.8, 7.6, 13.6) 0) bottom;
}
.page-tag-item.color1 {
  background: rgb(254.5, 237.9, 232.3);
  background: linear-gradient(135deg, transparent 0.75em, rgb(254.5, 237.9, 232.3) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(254.5, 237.9, 232.3) 0) bottom;
  color: rgb(251, 118.2, 73.4);
}
[data-theme=dark] .page-tag-item.color1 {
  background: rgb(68.0021551724, 18.2737068966, 1.4978448276);
  background: linear-gradient(135deg, transparent 0.75em, rgb(68.0021551724, 18.2737068966, 1.4978448276) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(68.0021551724, 18.2737068966, 1.4978448276) 0) bottom;
  color: rgb(244.8077586207, 65.7853448276, 5.3922413793);
}
.page-tag-item.color1.clickable:hover {
  background: rgb(253.75, 212.25, 198.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(253.75, 212.25, 198.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(253.75, 212.25, 198.25) 0) bottom;
}
[data-theme=dark] .page-tag-item.color1.clickable:hover {
  background: rgb(108.8034482759, 29.2379310345, 2.3965517241);
  background: linear-gradient(135deg, transparent 0.75em, rgb(108.8034482759, 29.2379310345, 2.3965517241) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(108.8034482759, 29.2379310345, 2.3965517241) 0) bottom;
}
.page-tag-item.color2 {
  background: rgb(253.8, 245.1, 231.3);
  background: linear-gradient(135deg, transparent 0.75em, rgb(253.8, 245.1, 231.3) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(253.8, 245.1, 231.3) 0) bottom;
  color: rgb(245.4, 175.8, 65.4);
}
[data-theme=dark] .page-tag-item.color2 {
  background: rgb(62.1054216867, 39.3072289157, 3.1445783133);
  background: linear-gradient(135deg, transparent 0.75em, rgb(62.1054216867, 39.3072289157, 3.1445783133) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(62.1054216867, 39.3072289157, 3.1445783133) 0) bottom;
  color: rgb(223.5795180723, 141.5060240964, 11.3204819277);
}
.page-tag-item.color2.clickable:hover {
  background: rgb(252, 230.25, 195.75);
  background: linear-gradient(135deg, transparent 0.75em, rgb(252, 230.25, 195.75) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(252, 230.25, 195.75) 0) bottom;
}
[data-theme=dark] .page-tag-item.color2.clickable:hover {
  background: rgb(99.3686746988, 62.8915662651, 5.0313253012);
  background: linear-gradient(135deg, transparent 0.75em, rgb(99.3686746988, 62.8915662651, 5.0313253012) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(99.3686746988, 62.8915662651, 5.0313253012) 0) bottom;
}
.page-tag-item.color3 {
  background: rgb(233.784, 250.216, 240.752);
  background: linear-gradient(135deg, transparent 0.75em, rgb(233.784, 250.216, 240.752) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(233.784, 250.216, 240.752) 0) bottom;
  color: rgb(85.272, 216.728, 141.016);
}
[data-theme=dark] .page-tag-item.color3 {
  background: rgb(11.5, 51, 28.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(11.5, 51, 28.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(11.5, 51, 28.25) 0) bottom;
  color: rgb(41.4, 183.6, 101.7);
}
.page-tag-item.color3.clickable:hover {
  background: rgb(201.96, 243.04, 219.38);
  background: linear-gradient(135deg, transparent 0.75em, rgb(201.96, 243.04, 219.38) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(201.96, 243.04, 219.38) 0) bottom;
}
[data-theme=dark] .page-tag-item.color3.clickable:hover {
  background: rgb(18.4, 81.6, 45.2);
  background: linear-gradient(135deg, transparent 0.75em, rgb(18.4, 81.6, 45.2) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(18.4, 81.6, 45.2) 0) bottom;
}
.page-tag-item.color4 {
  background: rgb(229.8415841584, 249.3584158416, 238.0752475248);
  background: linear-gradient(135deg, transparent 0.75em, rgb(229.8415841584, 249.3584158416, 238.0752475248) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(229.8415841584, 249.3584158416, 238.0752475248) 0) bottom;
  color: rgb(53.7326732673, 209.8673267327, 119.601980198);
}
[data-theme=dark] .page-tag-item.color4 {
  background: rgb(9.25, 41.25, 22.75);
  background: linear-gradient(135deg, transparent 0.75em, rgb(9.25, 41.25, 22.75) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(9.25, 41.25, 22.75) 0) bottom;
  color: rgb(33.3, 148.5, 81.9);
}
.page-tag-item.color4.clickable:hover {
  background: rgb(192.103960396, 240.896039604, 212.6881188119);
  background: linear-gradient(135deg, transparent 0.75em, rgb(192.103960396, 240.896039604, 212.6881188119) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(192.103960396, 240.896039604, 212.6881188119) 0) bottom;
}
[data-theme=dark] .page-tag-item.color4.clickable:hover {
  background: rgb(14.8, 66, 36.4);
  background: linear-gradient(135deg, transparent 0.75em, rgb(14.8, 66, 36.4) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(14.8, 66, 36.4) 0) bottom;
}
.page-tag-item.color5 {
  background: rgb(225.0082872928, 252.0917127072, 252.0917127072);
  background: linear-gradient(135deg, transparent 0.75em, rgb(225.0082872928, 252.0917127072, 252.0917127072) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(225.0082872928, 252.0917127072, 252.0917127072) 0) bottom;
  color: rgb(21.8165745856, 224.9834254144, 224.9834254144);
}
[data-theme=dark] .page-tag-item.color5 {
  background: rgb(4, 41.25, 41.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(4, 41.25, 41.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(4, 41.25, 41.25) 0) bottom;
  color: rgb(14.4, 148.5, 148.5);
}
.page-tag-item.color5.clickable:hover {
  background: rgb(180.020718232, 247.729281768, 247.729281768);
  background: linear-gradient(135deg, transparent 0.75em, rgb(180.020718232, 247.729281768, 247.729281768) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(180.020718232, 247.729281768, 247.729281768) 0) bottom;
}
[data-theme=dark] .page-tag-item.color5.clickable:hover {
  background: rgb(6.4, 66, 66);
  background: linear-gradient(135deg, transparent 0.75em, rgb(6.4, 66, 66) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(6.4, 66, 66) 0) bottom;
}
.page-tag-item.color6 {
  background: rgb(227.7309734513, 240.2973451327, 253.8690265487);
  background: linear-gradient(135deg, transparent 0.75em, rgb(227.7309734513, 240.2973451327, 253.8690265487) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(227.7309734513, 240.2973451327, 253.8690265487) 0) bottom;
  color: rgb(36.8477876106, 137.3787610619, 245.9522123894);
}
[data-theme=dark] .page-tag-item.color6 {
  background: rgb(2.25, 27.25, 54.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(2.25, 27.25, 54.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(2.25, 27.25, 54.25) 0) bottom;
  color: rgb(8.1, 98.1, 195.3);
}
.page-tag-item.color6.clickable:hover {
  background: rgb(186.8274336283, 218.2433628319, 252.1725663717);
  background: linear-gradient(135deg, transparent 0.75em, rgb(186.8274336283, 218.2433628319, 252.1725663717) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(186.8274336283, 218.2433628319, 252.1725663717) 0) bottom;
}
[data-theme=dark] .page-tag-item.color6.clickable:hover {
  background: rgb(3.6, 43.6, 86.8);
  background: linear-gradient(135deg, transparent 0.75em, rgb(3.6, 43.6, 86.8) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(3.6, 43.6, 86.8) 0) bottom;
}
.page-tag-item.color7 {
  background: rgb(246.5, 240.6, 252.8);
  background: linear-gradient(135deg, transparent 0.75em, rgb(246.5, 240.6, 252.8) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(246.5, 240.6, 252.8) 0) bottom;
  color: rgb(187, 139.8, 237.4);
}
[data-theme=dark] .page-tag-item.color7 {
  background: rgb(41.9638554217, 11.3975903614, 74.6024096386);
  background: linear-gradient(135deg, transparent 0.75em, rgb(41.9638554217, 11.3975903614, 74.6024096386) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(41.9638554217, 11.3975903614, 74.6024096386) 0) bottom;
  color: rgb(152.3855421687, 81.1590361446, 228.4409638554);
}
.page-tag-item.color7.clickable:hover {
  background: rgb(233.75, 219, 249.5);
  background: linear-gradient(135deg, transparent 0.75em, rgb(233.75, 219, 249.5) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(233.75, 219, 249.5) 0) bottom;
}
[data-theme=dark] .page-tag-item.color7.clickable:hover {
  background: rgb(67.1421686747, 18.2361445783, 119.3638554217);
  background: linear-gradient(135deg, transparent 0.75em, rgb(67.1421686747, 18.2361445783, 119.3638554217) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(67.1421686747, 18.2361445783, 119.3638554217) 0) bottom;
}
.page-tag-item.color8 {
  background: rgb(253, 234.2, 244.5);
  background: linear-gradient(135deg, transparent 0.75em, rgb(253, 234.2, 244.5) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(253, 234.2, 244.5) 0) bottom;
  color: rgb(239, 88.6, 171);
}
[data-theme=dark] .page-tag-item.color8 {
  background: rgb(64.3157894737, 6.1842105263, 38.0328947368);
  background: linear-gradient(135deg, transparent 0.75em, rgb(64.3157894737, 6.1842105263, 38.0328947368) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(64.3157894737, 6.1842105263, 38.0328947368) 0) bottom;
  color: rgb(231.5368421053, 22.2631578947, 136.9184210526);
}
.page-tag-item.color8.clickable:hover {
  background: rgb(250, 203, 228.75);
  background: linear-gradient(135deg, transparent 0.75em, rgb(250, 203, 228.75) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(250, 203, 228.75) 0) bottom;
}
[data-theme=dark] .page-tag-item.color8.clickable:hover {
  background: rgb(102.9052631579, 9.8947368421, 60.8526315789);
  background: linear-gradient(135deg, transparent 0.75em, rgb(102.9052631579, 9.8947368421, 60.8526315789) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(102.9052631579, 9.8947368421, 60.8526315789) 0) bottom;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.page-info {
  display: flex;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: center;
  color: var(--vp-c-text-mute);
  font-size: 0.875rem;
}
@media print {
  .page-info {
    display: flex !important;
  }
}
.page-info > span {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-inline-end: 0.5em;
  line-height: 2;
}
@media (min-width: 1440px) {
  .page-info > span {
    font-size: 1.1em;
  }
}
@media (max-width: 419px) {
  .page-info > span {
    margin-inline-end: 0.3em;
    font-size: 0.875em;
  }
}
@media print {
  .page-info > span {
    display: flex !important;
  }
}
.page-info .icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.25em;
}
.page-info a {
  color: inherit;
}
.page-info a:hover, .page-info a:active {
  color: var(--vp-c-accent);
}.vp-dropdown-wrapper {
  cursor: pointer;
}
.vp-dropdown-wrapper:not(:hover) .arrow {
  transform: rotate(-180deg);
}
.vp-dropdown-wrapper .auto-link {
  position: relative;
  display: block;
  margin-bottom: 0;
  border-bottom: none;
  color: var(--vp-c-text);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.7rem;
  transition: color var(--vp-t-color);
}
.vp-dropdown-wrapper .auto-link:hover {
  color: var(--vp-c-accent);
}
.vp-dropdown-wrapper .auto-link.route-link-active {
  color: var(--vp-c-accent);
}

.vp-dropdown-title {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  padding: 0 0.25rem;
  color: var(--vp-c-text);
  font-weight: 500;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  cursor: inherit;
}
.vp-dropdown-title:hover {
  border-color: transparent;
}
.vp-dropdown-title .vp-icon {
  margin-inline-end: 0.25em;
}
.vp-dropdown-title .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
  font-size: 1.2em;
}
[data-theme=dark] .vp-dropdown-title .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-dropdown-title .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-dropdown-title .arrow.down {
  transform: rotate(-180deg);
}
.vp-dropdown-title .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-dropdown-title .arrow.end {
  transform: rotate(-90deg);
}
.vp-dropdown-title .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-dropdown-title .arrow.start {
  transform: rotate(90deg);
}

.vp-dropdown {
  position: absolute;
  inset-inline-end: 0;
  top: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  min-width: 6rem;
  max-height: calc(100vh - var(--navbar-height));
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--vp-c-gutter);
  border-radius: 0.5rem;
  background: var(--vp-c-bg-elv);
  box-shadow: 2px 2px 10px var(--vp-c-shadow);
  list-style-type: none;
  text-align: start;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.18s ease-out;
  transform: scale(0.9);
}
.vp-dropdown-wrapper:hover .vp-dropdown, .vp-dropdown-wrapper.open .vp-dropdown {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.vp-dropdown-item {
  color: inherit;
  line-height: 1.7rem;
}

.vp-dropdown-subtitle {
  margin: 0;
  padding: 0.5rem 0.25rem 0;
  color: var(--vp-c-text-mute);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
  text-transform: uppercase;
}
.vp-dropdown-item:first-child .vp-dropdown-subtitle {
  padding-top: 0;
}

.vp-dropdown-subitems {
  margin: 0;
  padding: 0 0 0.25rem;
  list-style-type: none;
}
.vp-dropdown-item:last-child .vp-dropdown-subitems {
  padding-bottom: 0;
}.vp-nav-screen-menu-title {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  color: var(--vp-c-text);
  font-size: inherit;
  font-family: inherit;
  text-align: start;
  cursor: pointer;
}
.vp-nav-screen-menu-title:hover, .vp-nav-screen-menu-title.active {
  color: var(--vp-c-text);
}
.vp-nav-screen-menu-title .text {
  flex: 1;
}
.vp-nav-screen-menu-title .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-nav-screen-menu-title .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-nav-screen-menu-title .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-nav-screen-menu-title .arrow.down {
  transform: rotate(-180deg);
}
.vp-nav-screen-menu-title .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-nav-screen-menu-title .arrow.end {
  transform: rotate(-90deg);
}
.vp-nav-screen-menu-title .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-nav-screen-menu-title .arrow.start {
  transform: rotate(90deg);
}

.vp-nav-screen-menu {
  overflow: hidden;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
  transition: transform 0.1s ease-out;
  transform: scaleY(1);
  transform-origin: top;
}
.vp-nav-screen-menu.hide {
  height: 0;
  margin: 0;
  transform: scaleY(0);
}
.vp-nav-screen-menu .auto-link {
  position: relative;
  display: block;
  padding-inline-start: 0.5rem;
  font-weight: 400;
  line-height: 2;
}
.vp-nav-screen-menu .auto-link:hover {
  color: var(--vp-c-accent);
}
.vp-nav-screen-menu .auto-link.route-link-active {
  color: var(--vp-c-accent);
}

.vp-nav-screen-menu-item {
  color: inherit;
  line-height: 1.7rem;
}

.vp-nav-screen-menu-subtitle {
  margin: 0;
  padding-inline-start: 0.25rem;
  color: var(--vp-c-text-mute);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
  text-transform: uppercase;
}
.vp-nav-screen-menu-subtitle .auto-link {
  padding: 0;
}

.vp-nav-screen-menu-subitems {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vp-nav-screen-menu-subitem {
  padding-inline-start: 0.5rem;
  font-size: 0.9em;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.nav-screen-links {
  display: none;
  padding-bottom: 0.75rem;
}
@media (max-width: 719px) {
  .nav-screen-links {
    display: block;
  }
}
.nav-screen-links .navbar-links-item {
  position: relative;
  display: block;
  padding-block: 12px;
  padding-inline-end: 4px;
  border-bottom: 1px solid var(--vp-c-border);
  font-size: 16px;
  line-height: 1.5rem;
}
.nav-screen-links .auto-link {
  display: inline-block;
  width: 100%;
  color: var(--vp-c-text);
  font-weight: normal;
}
.nav-screen-links .auto-link:hover {
  color: var(--vp-c-text);
}
.nav-screen-links .auto-link.route-link-active {
  color: var(--vp-c-accent);
}::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

[data-theme=light]::view-transition-old(root),
[data-theme=dark]::view-transition-new(root) {
  z-index: 1;
}

[data-theme=light]::view-transition-new(root),
[data-theme=dark]::view-transition-old(root) {
  z-index: 99999;
}

.vp-color-mode-switch {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  padding: 6px;
  color: var(--vp-c-text-mute);
  cursor: pointer;
  transition: color var(--vp-t-color);
}
.vp-color-mode-switch:hover {
  color: var(--vp-c-accent-bg);
}
.vp-color-mode-switch .icon {
  width: 1.25rem;
  height: 1.25rem;
}.vp-color-mode-title {
  display: block;
  margin: 0;
  padding: 0 0.25rem;
  color: var(--vp-c-text-subtle);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
}/* stylelint-disable order/order */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable order/order */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable scss/operator-no-newline-before */
.vp-theme-color-picker {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
}
.vp-theme-color-picker li span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 0 2px;
  border-radius: 2px;
}
.vp-theme-color-picker li span.theme-color {
  background: rgb(205.0625, 44.625, 24.4375);
  /* stylelint-disable-next-line max-nesting-depth */
}
.vp-theme-color-picker li span.theme-color [data-theme=dark] {
  background: rgb(216.4548611111, 47.1041666667, 25.7951388889);
}.vp-theme-color-title {
  display: block;
  margin: 0;
  padding: 0 0.25rem;
  color: var(--vp-c-text-subtle);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
}.full-screen,
.cancel-full-screen {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  padding: 0.25rem;
  color: var(--vp-c-text-mute);
  cursor: pointer;
}
@media print {
  .full-screen,
  .cancel-full-screen {
    display: none;
  }
}
.full-screen:hover,
.cancel-full-screen:hover {
  color: var(--vp-c-accent-hover);
}
.full-screen .icon,
.cancel-full-screen .icon {
  width: 1.25rem;
  height: 1.25rem;
}@media print {
  .full-screen-wrapper {
    display: none;
  }
}

.full-screen-title {
  display: block;
  margin: 0;
  padding: 0 0.25rem;
  color: var(--vp-c-text-subtle);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
}:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}:root{--transition-fade-in-down-offset: -10px}.fade-in-down-enter-from,.fade-in-down-leave-to{opacity:0 !important;transform:translateY(var(--transition-fade-in-down-offset)) !important}.fade-in-down-enter-to,.fade-in-down-leave-from{opacity:1;transform:translateY(0) !important}.fade-in-down-leave-active{transition:opacity var(--transition-leave-duration) var(--transition-ease-in-out),transform var(--transition-leave-duration) var(--transition-ease-in-out) !important}.fade-in-down-enter-active{transition:opacity var(--transition-enter-duration) var(--transition-ease-in-out),transform var(--transition-enter-duration) var(--transition-ease-in-out) !important}

/*# sourceMappingURL=fade-in-down.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-nav-screen {
  position: fixed;
  inset: var(--navbar-height) 0 0 0;
  z-index: 150;
  display: none;
  overflow-y: auto;
  padding: 0 2rem;
  background: var(--vp-c-bg);
  transition: background var(--vp-t-color);
}
@media (max-width: 719px) {
  .vp-nav-screen {
    display: block;
  }
}
.vp-nav-screen .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-nav-screen-container {
  max-width: 320px;
  margin: 0 auto;
  padding: 2rem 0 4rem;
}

.vp-outlook-wrapper {
  display: flex;
  justify-content: space-around;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-nav-logo {
  vertical-align: top;
  height: var(--navbar-line-height);
  margin-inline-end: 0.8rem;
}
.vp-nav-logo.light {
  display: inline-block;
}
.vp-nav-logo.dark {
  display: none;
}
[data-theme=dark] .vp-nav-logo.light {
  display: none;
}
[data-theme=dark] .vp-nav-logo.dark {
  display: inline-block;
}

.vp-site-name {
  position: relative;
  color: var(--vp-c-text);
  font-size: 1.25rem;
}
@media (max-width: 719px) {
  .vp-site-name {
    overflow: hidden;
    width: calc(100vw - 9.4rem);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.vp-brand:hover .vp-site-name {
  color: var(--vp-c-accent);
}.vp-nav-links {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.vp-nav-item {
  position: relative;
  margin: 0 0.25rem;
  line-height: 2rem;
}
.vp-nav-item:first-child {
  margin-inline-start: 0;
}
.vp-nav-item:last-child {
  margin-inline-end: 0;
}
.vp-nav-item > .auto-link {
  color: var(--vp-c-text);
}
.vp-nav-item > .auto-link::before {
  content: " ";
  position: absolute;
  inset: auto 50% 0;
  height: 2px;
  border-radius: 1px;
  background: var(--vp-c-accent-hover);
  visibility: hidden;
  transition: inset 0.2s ease-in-out;
}
.vp-nav-item > .auto-link.route-link-active {
  color: var(--vp-c-accent);
}
.vp-nav-item > .auto-link:hover::before, .vp-nav-item > .auto-link.route-link-active::before {
  inset: auto 0 0;
  visibility: visible;
}
.vp-nav-item .i18n-icon {
  color: var(--vp-c-text-mute);
}.vp-navbar .vp-action {
  margin: 0 !important;
}
.vp-navbar .vp-action-link {
  display: inline-block;
  margin: auto;
  padding: 6px;
  color: var(--vp-c-text-mute);
  line-height: 1;
}
.vp-navbar .vp-action-link:hover, .vp-navbar .vp-action-link:active {
  color: var(--vp-c-accent-bg);
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-toggle-navbar-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
@media screen and (max-width: 719px) {
  .vp-toggle-navbar-button {
    display: flex;
  }
}
.vp-toggle-navbar-button > span {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 14px;
}
.vp-toggle-navbar-button .vp-top,
.vp-toggle-navbar-button .vp-middle,
.vp-toggle-navbar-button .vp-bottom {
  position: absolute;
  width: 16px;
  height: 2px;
  background: var(--vp-c-text);
  transition: top 0.25s, background 0.5s, transform 0.25s;
}
.vp-toggle-navbar-button .vp-top {
  top: 0;
  left: 0;
  transform: translateX(0);
}
.vp-toggle-navbar-button .vp-middle {
  top: 6px;
  left: 0;
  transform: translateX(8px);
}
.vp-toggle-navbar-button .vp-bottom {
  top: 12px;
  left: 0;
  transform: translateX(4px);
}
.vp-toggle-navbar-button:hover .vp-top {
  top: 0;
  left: 0;
  transform: translateX(4px);
}
.vp-toggle-navbar-button:hover .vp-middle {
  top: 6;
  left: 0;
  transform: translateX(0);
}
.vp-toggle-navbar-button:hover .vp-bottom {
  top: 12px;
  left: 0;
  transform: translateX(8px);
}
.vp-toggle-navbar-button.is-active .vp-top {
  top: 6px;
  transform: translateX(0) rotate(225deg);
}
.vp-toggle-navbar-button.is-active .vp-middle {
  top: 6px;
  transform: translateX(16px);
}
.vp-toggle-navbar-button.is-active .vp-bottom {
  top: 6px;
  transform: translateX(0) rotate(135deg);
}
.vp-toggle-navbar-button.is-active:hover .vp-top,
.vp-toggle-navbar-button.is-active:hover .vp-middle,
.vp-toggle-navbar-button.is-active:hover .vp-bottom {
  background: var(--vp-c-accent-bg);
  transition: top 0.25s, background 0.25s, transform 0.25s;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-toggle-sidebar-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  display: none;
  vertical-align: middle;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  font: unset;
  transition: transform 0.2s ease-in-out;
}
@media screen and (max-width: 719px) {
  .vp-toggle-sidebar-button {
    display: block;
    padding-inline-end: var(--navbar-mobile-padding-x);
  }
}
.vp-toggle-sidebar-button::before, .vp-toggle-sidebar-button::after,
.vp-toggle-sidebar-button .icon {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 0.05em;
  background: var(--vp-c-text);
  transition: transform 0.2s ease-in-out;
}
.vp-toggle-sidebar-button::before {
  content: " ";
  margin-top: 0.125em;
}
.sidebar-open .vp-toggle-sidebar-button::before {
  transform: translateY(0.34rem) rotate(135deg);
}
.vp-toggle-sidebar-button::after {
  content: " ";
  margin-bottom: 0.125em;
}
.sidebar-open .vp-toggle-sidebar-button::after {
  transform: translateY(-0.34rem) rotate(-135deg);
}
.vp-toggle-sidebar-button .icon {
  margin: 0.2em 0;
}
.sidebar-open .vp-toggle-sidebar-button .icon {
  transform: scale(0);
}.vp-outlook-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  padding: 0.375rem;
  color: var(--vp-c-text-mute);
}
.vp-outlook-button .icon {
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}

.vp-outlook-dropdown {
  position: absolute;
  inset-inline-end: 0;
  top: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  min-width: 100px;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--vp-c-gutter);
  border-radius: 0.25rem;
  background: var(--vp-c-bg);
  box-shadow: 2px 2px 10px var(--vp-c-shadow);
  text-align: start;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.18s ease-out;
  transform: scale(0.8);
}
.vp-outlook-dropdown > *:not(:last-child) {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--vp-c-border);
}
.vp-outlook-button:hover .vp-outlook-dropdown, .vp-outlook-button.open .vp-outlook-dropdown {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}.vp-navbar {
  --navbar-line-height: calc(
    var(--navbar-height) - var(--navbar-padding-y) * 2
  );
  position: fixed;
  inset: 0 0 auto;
  z-index: 175;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: var(--navbar-height);
  padding: var(--navbar-padding-y) var(--navbar-padding-x);
  background: var(--navbar-c-bg);
  box-shadow: 0 2px 8px var(--vp-c-shadow);
  line-height: var(--navbar-line-height);
  white-space: nowrap;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
          backdrop-filter: saturate(150%) blur(12px);
  transition: transform var(--vp-t-transform);
}
@media print {
  .vp-navbar {
    display: none;
  }
}
.hide-navbar .vp-navbar.auto-hide {
  transform: translateY(-100%);
}
.vp-navbar .auto-link {
  padding: 0 0.25rem;
  color: var(--vp-c-text);
}
.vp-navbar .auto-link.route-link-active {
  color: var(--vp-c-accent);
}
.vp-navbar .auto-link .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-navbar-start,
.vp-navbar-end,
.vp-navbar-center {
  display: flex;
  flex: 1;
  align-items: center;
}
.vp-navbar-start > *,
.vp-navbar-end > *,
.vp-navbar-center > * {
  position: relative;
  margin: 0 0.25rem !important;
}
.vp-navbar-start > *:first-child,
.vp-navbar-end > *:first-child,
.vp-navbar-center > *:first-child {
  margin-inline-start: 0 !important;
}
.vp-navbar-start > *:last-child,
.vp-navbar-end > *:last-child,
.vp-navbar-center > *:last-child {
  margin-inline-end: 0 !important;
}

.vp-navbar-start {
  justify-content: left;
}
[dir=rtl] .vp-navbar-start {
  justify-content: right;
}

.vp-navbar-center {
  justify-content: center;
}

.vp-navbar-end {
  justify-content: right;
}
[dir=rtl] .vp-navbar-end {
  justify-content: left;
}.vp-sidebar-link {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 1rem);
  margin-inline: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  color: var(--vp-c-text);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
}
.vp-sidebar-link:hover {
  background: var(--vp-c-control);
}
.vp-sidebar-link.active {
  background: var(--vp-c-accent-soft);
  color: var(--vp-c-accent);
  font-weight: 500;
}
.vp-sidebar-link.active .vp-icon {
  color: var(--vp-c-accent);
}.vp-sidebar-group:not(.collapsible) .vp-sidebar-header:not(.clickable) {
  color: inherit;
  cursor: auto;
}
.vp-sidebar-group .vp-sidebar-group .vp-sidebar-header {
  font-size: 1em;
}

.vp-sidebar-header {
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  width: calc(100% - 1rem);
  margin: 0;
  margin-inline: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-width: 0;
  border-radius: 0.375rem;
  background: transparent;
  color: var(--vp-c-text);
  font-size: 1.1em;
  line-height: 1.5;
  text-align: start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease;
  transform: rotate(0);
}
.vp-sidebar-header.open {
  color: inherit;
}
.vp-sidebar-header.clickable {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.vp-sidebar-header.clickable:hover {
  background: var(--vp-c-control);
}
.vp-sidebar-header.clickable.exact {
  border-inline-start-color: var(--vp-c-accent-bg);
  color: var(--vp-c-accent);
}
.vp-sidebar-header.clickable.exact a {
  color: inherit;
}
.vp-sidebar-header .vp-sidebar-title {
  flex: 1;
}
.vp-sidebar-header .vp-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-sidebar-header .vp-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-sidebar-header .vp-arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-sidebar-header .vp-arrow.down {
  transform: rotate(-180deg);
}
.vp-sidebar-header .vp-arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-sidebar-header .vp-arrow.end {
  transform: rotate(-90deg);
}
.vp-sidebar-header .vp-arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-sidebar-header .vp-arrow.start {
  transform: rotate(90deg);
}
.vp-sidebar-header .vp-arrow {
  font-size: 1.5em;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable order/order */
.vp-sidebar-links {
  margin: 0 0 0 0.75em;
  padding: 0;
}
.vp-sidebar-links li {
  list-style-type: none;
}
.vp-sidebar > .vp-sidebar-links {
  margin: 0;
  padding: 1.5rem 0;
}
@media (max-width: 719px) {
  .vp-sidebar > .vp-sidebar-links {
    padding: 1rem 0;
  }
}
.vp-sidebar > .vp-sidebar-links > li > .vp-sidebar-link {
  font-size: 1.1em;
}
.vp-sidebar > .vp-sidebar-links > li:not(:first-child) {
  margin-top: 0.5rem;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-sidebar {
  position: fixed;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  overflow-y: auto;
  width: var(--sidebar-width);
  margin: 0;
  padding-inline-start: calc(var(--sidebar-space) - var(--sidebar-width));
  background: var(--sidebar-c-bg);
  box-shadow: 2px 0 8px var(--vp-c-shadow);
  font-size: 0.94rem;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
          backdrop-filter: saturate(150%) blur(12px);
  transition: padding var(--vp-t-transform), transform var(--vp-t-transform);
  scrollbar-color: var(--vp-c-accent-bg) var(--vp-c-border);
  scrollbar-width: thin;
}
@media (max-width: 959px) {
  .vp-sidebar {
    font-size: 0.86em;
  }
}
@media (max-width: 719px) {
  .vp-sidebar {
    z-index: 125;
    box-shadow: none;
    transform: translateX(-100%);
  }
  [dir=rtl] .vp-sidebar {
    transform: translateX(100%);
  }
}
@media (min-width: 1440px) {
  .vp-sidebar {
    padding-bottom: 3rem;
    box-shadow: none;
    font-size: 1rem;
  }
}
@media print {
  .vp-sidebar {
    display: none;
  }
}
.vp-sidebar a {
  display: inline-block;
  color: var(--vp-c-text);
  font-weight: normal;
}
.vp-sidebar .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-sidebar-mask {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.15);
}:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}.fade-in-enter-active,.fade-in-leave-active{transition:all var(--transition-duration) var(--transition-ease-in-out) !important}.fade-in-enter-from,.fade-in-leave-to{opacity:0 !important}.fade-in-leave-from,.fade-in-enter-to{opacity:1}

/*# sourceMappingURL=fade-in.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.toggle-sidebar-wrapper {
  position: fixed;
  inset-inline-start: var(--sidebar-space);
  top: var(--navbar-height);
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  transition: inset-inline-start var(--vp-t-transform);
}
@media (max-width: 719px) {
  .toggle-sidebar-wrapper {
    display: none;
  }
}
@media (min-width: 1440px) {
  .toggle-sidebar-wrapper {
    display: none;
  }
}
@media print {
  .toggle-sidebar-wrapper {
    display: none;
  }
}
.toggle-sidebar-wrapper:hover {
  background: rgba(127, 127, 127, 0.05);
  cursor: pointer;
}
.toggle-sidebar-wrapper .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .toggle-sidebar-wrapper .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.toggle-sidebar-wrapper .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .toggle-sidebar-wrapper .arrow.down {
  transform: rotate(-180deg);
}
.toggle-sidebar-wrapper .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .toggle-sidebar-wrapper .arrow.end {
  transform: rotate(-90deg);
}
.toggle-sidebar-wrapper .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .toggle-sidebar-wrapper .arrow.start {
  transform: rotate(90deg);
}

.theme-container {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
}
.theme-container .vp-page {
  padding-top: var(--navbar-height);
  padding-inline-start: calc(var(--sidebar-space) + 2rem);
}
@media (max-width: 719px) {
  .theme-container .vp-page {
    padding-inline: 0;
  }
}
@media (min-width: 1440px) {
  .theme-container .vp-page {
    padding-inline-end: calc(100vw - var(--content-width) - var(--sidebar-space) - 6rem);
  }
}
.theme-container .vp-sidebar {
  top: var(--navbar-height);
}
.theme-container.no-navbar .vp-page {
  padding-top: 0;
}
.theme-container.no-navbar .vp-sidebar {
  top: 0;
}
@media (max-width: 719px) {
  .theme-container.no-navbar .vp-sidebar {
    top: 0;
  }
}
@media (max-width: 719px) {
  .theme-container.hide-navbar .vp-sidebar {
    top: 0;
  }
}
.theme-container.sidebar-collapsed .vp-page {
  padding-inline-start: 0;
}
.theme-container.sidebar-collapsed .vp-sidebar {
  box-shadow: none;
  transform: translateX(-100%);
}
[dir=rtl] .theme-container.sidebar-collapsed .vp-sidebar {
  transform: translateX(100%);
}
.theme-container.sidebar-collapsed .toggle-sidebar-wrapper {
  inset-inline-start: 0;
}
.theme-container.no-sidebar .vp-page {
  padding-inline: 0;
}
@media (min-width: 1440px) {
  .theme-container.no-sidebar.has-toc .vp-page {
    padding-inline-end: 16rem;
  }
}
.theme-container.no-sidebar .vp-toggle-sidebar-button,
.theme-container.no-sidebar .toggle-sidebar-wrapper {
  display: none;
}
.theme-container.no-sidebar .vp-sidebar {
  display: none;
}
.theme-container.sidebar-open .vp-sidebar {
  box-shadow: 2px 0 8px var(--vp-c-shadow);
  transform: translateX(0);
}.vp-hero-slide-down-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: calc(50vw - 30px);
  display: none;
  width: 60px;
  height: 60px;
  padding: 10px;
}
.hero-fullscreen .vp-hero-slide-down-button {
  display: block;
}
.vp-hero-slide-down-button .slide-down-icon {
  width: 30px;
  margin: -15px 0;
  animation-name: bounce-down;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
.vp-hero-slide-down-button .slide-down-icon:first-child {
  color: rgba(255, 255, 255, 0.15);
}
.vp-hero-slide-down-button .slide-down-icon:last-child {
  color: rgba(255, 255, 255, 0.5);
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.is-focusing [vp-navbar] > *,
.is-focusing [vp-sidebar],
.is-focusing [vp-footer],
.is-focusing [vp-comment],
.is-focusing .vp-breadcrumb,
.is-focusing .vp-page-meta,
.is-focusing .vp-page-nav {
  opacity: 0.5;
  filter: blur(0.095rem);
  transition: filter 0.35s, opacity 0.35s;
}
@media (min-width: 1440px) {
  .is-focusing [vp-toc] {
    opacity: 0.5;
    filter: blur(0.095rem);
    transition: filter 0.35s, opacity 0.35s;
  }
}.print-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  border-radius: 0.25em;
  color: inherit;
  font-size: 1rem;
  transform: translateY(0.25rem);
}
@media print {
  .print-button {
    display: none;
  }
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-toc-placeholder {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-toc-placeholder {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-toc-placeholder {
    max-width: unset;
  }
}
.vp-toc-placeholder {
  position: sticky;
  top: calc(var(--navbar-height) + 0.5rem);
  z-index: 99;
  display: none;
  max-width: var(--content-width);
}
@media (max-width: 719px) {
  .hide-navbar .vp-toc-placeholder {
    top: 0.5rem;
  }
}
@media (min-width: 1440px) {
  .vp-toc-placeholder {
    top: calc(var(--navbar-height) + 2rem);
  }
}
@media print {
  .vp-toc-placeholder {
    display: none !important;
  }
}
.vp-toc-placeholder + [vp-content]:not(.custom) {
  padding-top: 0;
}
.has-toc .vp-toc-placeholder {
  display: block;
}

#toc {
  margin-bottom: 1rem;
  border-radius: 8px;
  background: var(--vp-c-bg-alt);
}
@media (min-width: 1440px) {
  #toc {
    position: absolute;
    inset-inline-start: calc(100% + 1rem);
    min-width: 10rem;
    max-width: 15rem;
    margin-bottom: 0;
    border-radius: 0;
    background: transparent;
  }
}

.vp-toc-header {
  padding: 0.5rem 1rem;
  font-weight: 600;
}
@media (min-width: 1440px) {
  .vp-toc-header {
    padding-top: 0;
    font-size: 0.875rem;
  }
}
.vp-toc-header .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-toc-header .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-toc-header .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-toc-header .arrow.down {
  transform: rotate(-180deg);
}
.vp-toc-header .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-toc-header .arrow.end {
  transform: rotate(-90deg);
}
.vp-toc-header .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-toc-header .arrow.start {
  transform: rotate(90deg);
}
@media (min-width: 1440px) {
  .vp-toc-header .arrow {
    display: none;
  }
}
.vp-toc-header .print-button {
  display: none;
}
@media (min-width: 1440px) {
  .vp-toc-header .print-button {
    display: inline-block;
  }
}

.vp-toc-wrapper {
  position: relative;
  overflow: hidden auto;
  height: 0;
  max-height: 12rem;
  margin: 0 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  scroll-behavior: smooth;
  transition: height 0.5s;
}
@media (min-width: 1440px) {
  .vp-toc-wrapper {
    height: auto;
    max-height: 75vh;
  }
}
.vp-toc-wrapper.open {
  height: auto;
  margin-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1440px) {
  .vp-toc-wrapper.open {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.vp-toc-wrapper::-webkit-scrollbar-track-piece {
  background: transparent;
}
.vp-toc-wrapper::-webkit-scrollbar {
  width: 3px;
}
.vp-toc-wrapper::-webkit-scrollbar-thumb:vertical {
  background: var(--vp-c-border);
}
.vp-toc-wrapper > .vp-toc-list {
  padding-inline-start: 8px;
}
@media (min-width: 1440px) {
  .vp-toc-wrapper > .vp-toc-list::before {
    content: " ";
    position: absolute;
    inset-inline-start: 4px;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 2px;
    background: var(--vp-c-border);
  }
}

.vp-toc-list {
  position: relative;
  margin: 0;
  padding: 0;
}

.vp-toc-marker {
  position: absolute;
  inset-inline-start: 4px;
  top: 0;
  z-index: 2;
  display: none;
  width: 2px;
  height: 2rem;
  background: var(--vp-c-accent-bg);
  transition: top var(--vp-t-transform);
}
@media (min-width: 1440px) {
  .vp-toc-marker {
    display: block;
  }
}

.vp-toc-link {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  color: var(--vp-c-text-mute);
  line-height: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vp-toc-link.level2 {
  padding-inline-start: 0rem;
  font-size: 0.875rem;
}
.vp-toc-link.level3 {
  padding-inline-start: 0.5rem;
  font-size: 0.875rem;
}
.vp-toc-link.level4 {
  padding-inline-start: 1rem;
  font-size: 0.875rem;
}
.vp-toc-link.level5 {
  padding-inline-start: 1.5rem;
  font-size: 0.875rem;
}
.vp-toc-link.level6 {
  padding-inline-start: 2rem;
  font-size: 0.875rem;
}

.vp-toc-item {
  position: relative;
  box-sizing: border-box;
  height: 2rem;
  list-style: none;
  line-height: 2rem;
}
@media (min-width: 1440px) {
  .vp-toc-item {
    padding: 0 0.5rem;
  }
}
.vp-toc-item:hover > .vp-toc-link {
  color: var(--vp-c-accent);
}
.vp-toc-item.active > .vp-toc-link {
  color: var(--vp-c-accent);
  font-weight: bold;
}.vp-skip-link {
  inset-inline-start: 0.25rem;
  top: 0.25rem;
  z-index: 999;
  padding: 0.65rem 1.5rem;
  border-radius: 0.5rem;
  background: var(--vp-c-bg);
  color: var(--vp-c-accent);
  box-shadow: var(--vp-c-shadow);
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}
@media print {
  .vp-skip-link {
    display: none;
  }
}
.vp-skip-link:focus {
  clip-path: none;
  clip: auto;
  width: auto;
  height: auto;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-feature-wrapper {
  position: relative;
}

.vp-feature-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
}
.vp-feature-bg.light {
  display: inline-block;
}
.vp-feature-bg.dark {
  display: none;
}
[data-theme=dark] .vp-feature-bg.light {
  display: none;
}
[data-theme=dark] .vp-feature-bg.dark {
  display: inline-block;
}

.vp-feature {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  color: var(--vp-c-text-mute);
  text-align: center;
}
.vp-feature-bg + .vp-feature {
  color: #222;
}
[data-theme=dark] .vp-feature-bg + .vp-feature {
  color: #eee;
}
.vp-feature-bg + .vp-feature .vp-icon {
  color: inherit;
}

.vp-feature-image {
  height: 10rem;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .vp-feature-image {
    height: 8rem;
  }
}
.vp-feature-image.light {
  display: inline-block;
}
.vp-feature-image.dark {
  display: none;
}
[data-theme=dark] .vp-feature-image.light {
  display: none;
}
[data-theme=dark] .vp-feature-image.dark {
  display: inline-block;
}

.vp-feature-header {
  margin-bottom: 1.5rem;
  border-bottom: none;
  font-size: 3rem;
  font-family: var(--vp-font);
  text-align: center;
}
@media (max-width: 959px) {
  .vp-feature-header {
    font-size: 2.5rem;
  }
}
@media (max-width: 719px) {
  .vp-feature-header {
    font-size: 2.25rem;
  }
}
@media (max-width: 419px) {
  .vp-feature-header {
    font-size: 2rem;
  }
}

.vp-feature-description {
  margin: 1rem 0;
  font-size: 1.125rem;
}

.vp-features {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: stretch;
  margin: 1rem 0;
  text-align: start;
}
@media print {
  .vp-features {
    display: block;
  }
}
.vp-features:first-child {
  border-top: 1px solid var(--vp-c-border);
}

.vp-feature-item {
  position: relative;
  display: block;
  flex-basis: calc(33% - 3rem);
  margin: 0.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  color: inherit;
  transition: background var(--vp-t-color), box-shadow var(--vp-t-transform), transform var(--vp-t-transform);
}
@media (min-width: 1440px) {
  .vp-feature-item {
    flex-basis: calc(25% - 3rem);
  }
}
@media (max-width: 959px) {
  .vp-feature-item {
    flex-basis: calc(50% - 3rem);
  }
}
@media (max-width: 719px) {
  .vp-feature-item {
    flex-basis: 100%;
    font-size: 0.95rem;
  }
}
@media (max-width: 419px) {
  .vp-feature-item {
    margin: 0.5rem 0;
    font-size: 0.9rem;
  }
}
.vp-feature-item.link {
  cursor: pointer;
  transition: transform var(--vp-t-transform);
}
@media print {
  .vp-feature-item.link {
    text-decoration: none;
  }
}
.vp-feature-item.link:hover {
  background-color: var(--vp-c-grey-soft);
}
.vp-feature-bg + .vp-feature .vp-feature-item.link:hover {
  background-color: transparent;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.vp-feature-item.link:hover::before {
  content: "➜";
  display: block;
  float: right;
}
.vp-feature-item.link:active {
  transform: scale(0.96);
}
.vp-feature-item .vp-icon {
  display: inline-block;
  height: 1.1em;
  margin-inline-end: 0.5rem;
  color: var(--vp-c-accent);
  font-weight: normal;
  font-size: 1.1em;
}
.vp-feature-item:only-child {
  flex-basis: 100%;
}
.vp-feature-item:first-child:nth-last-child(2), .vp-feature-item:nth-child(2):last-child {
  flex-basis: calc(50% - 3rem);
}
@media (max-width: 719px) {
  .vp-feature-item:first-child:nth-last-child(2), .vp-feature-item:nth-child(2):last-child {
    flex-basis: 100%;
  }
}

.vp-feature-title {
  margin: 0.25rem 0 0.5rem;
  font-weight: bold;
  font-size: 1.3rem;
  font-family: var(--vp-font);
}
@media (max-width: 419px) {
  .vp-feature-title {
    font-size: 1.2rem;
  }
}

.vp-feature-details {
  margin: 0;
  line-height: 1.4;
}/* stylelint-disable order/order */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable order/order */
.vp-hero-info-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.vp-hero-info-wrapper.hero-fullscreen {
  height: calc(100vh - var(--navbar-height)) !important;
}
.vp-hero-info {
  z-index: 1;
  width: 100%;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-hero-info {
    padding-inline: 1.5rem;
  }
}
@media (min-width: 959px) {
  .vp-hero-info {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
}
.vp-hero-mask {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: 50%;
  background-size: cover;
}
.vp-hero-mask::after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}
.vp-hero-mask.light {
  display: block;
}
[data-theme=dark] .vp-hero-mask.light {
  display: none;
}
.vp-hero-mask.dark {
  display: none;
}
[data-theme=dark] .vp-hero-mask.dark {
  display: block;
}
.vp-hero-infos {
  z-index: 1;
  margin: 0 0.5rem;
}
.vp-hero-image {
  display: block;
  max-width: 100%;
  max-height: 18rem;
  margin: 1rem;
}
@media (max-width: 959px) {
  .vp-hero-image {
    margin: 2rem auto;
  }
}
@media (max-width: 719px) {
  .vp-hero-image {
    max-height: 16rem;
    margin: 1.5rem auto;
  }
}
@media (max-width: 419px) {
  .vp-hero-image {
    max-height: 14rem;
  }
}
.vp-hero-image.light {
  display: block;
}
[data-theme=dark] .vp-hero-image.light {
  display: none;
}
.vp-hero-image.dark {
  display: none;
}
[data-theme=dark] .vp-hero-image.dark {
  display: block;
}
.vp-hero-title {
  margin: 0.5rem 0;
  background: linear-gradient(120deg, var(--vp-c-accent-hover), var(--vp-c-accent) 30%, rgb(143.7916666667, 159.4930555556, 19.0069444444) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: bold;
  font-size: 3.6rem;
  font-family: var(--vp-font);
  line-height: 1.5;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 719px) {
  .vp-hero-title {
    margin: 0;
  }
}
@media (max-width: 959px) {
  .vp-hero-title {
    font-size: 2.5rem;
    text-align: center;
  }
}
@media (max-width: 719px) {
  .vp-hero-title {
    font-size: 2.25rem;
    text-align: center;
  }
}
@media (max-width: 419px) {
  .vp-hero-title {
    margin: 0 auto;
    font-size: 2rem;
  }
}
.vp-hero-title [data-theme=dark] {
  background: linear-gradient(120deg, var(--vp-c-accent-hover), var(--vp-c-accent) 30%, rgb(210.375, 230.5625, 49.9375) 100%);
}

#main-description,
.vp-hero-actions {
  margin: 1.8rem 0;
}
@media (max-width: 719px) {
  #main-description,
  .vp-hero-actions {
    margin: 1.5rem 0;
  }
}
@media (max-width: 959px) {
  #main-description,
  .vp-hero-actions {
    margin: 1.5rem auto;
    text-align: center;
  }
}
@media (max-width: 419px) {
  #main-description,
  .vp-hero-actions {
    margin: 1.2rem 0;
  }
}

#main-description {
  max-width: 35rem;
  color: var(--vp-c-text-mute);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.3;
}
@media (max-width: 719px) {
  #main-description {
    font-size: 1.4rem;
  }
}
@media (max-width: 419px) {
  #main-description {
    font-size: 1.2rem;
  }
}

.vp-hero-action {
  display: inline-block;
  overflow: hidden;
  min-width: 4rem;
  margin: 0.5rem;
  padding: 0.5em 1.5rem;
  border-radius: 2rem;
  background: var(--vp-c-control);
  color: var(--vp-c-text);
  font-size: 1.2rem;
  text-align: center;
  transition: color var(--vp-t-color), color var(--vp-t-color), transform var(--vp-t-transform);
}
@media (max-width: 719px) {
  .vp-hero-action {
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 419px) {
  .vp-hero-action {
    font-size: 1rem;
  }
}
@media print {
  .vp-hero-action {
    text-decoration: none;
  }
}
.vp-hero-action:first-child {
  margin-inline-start: 0;
}
@media (max-width: 959px) {
  .vp-hero-action:first-child {
    margin-inline-start: 0.5rem;
  }
}
.vp-hero-action:hover {
  background: var(--vp-c-control-hover);
}
.vp-hero-action.primary {
  border-color: var(--vp-c-accent-bg);
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-white);
}
.vp-hero-action.primary:hover {
  border-color: var(--vp-c-accent-hover);
  background: var(--vp-c-accent-hover);
}
.theme-container:not(.pure) .vp-hero-action:active {
  transform: scale(0.96);
}
.vp-hero-action .vp-icon {
  margin-inline-end: 0.25em;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-highlight-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vp-highlight-wrapper:nth-child(odd) .vp-highlight {
  flex-flow: row-reverse;
}

.vp-highlight {
  z-index: 1;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  max-width: var(--home-page-width);
  margin: 0 auto;
  padding: 1.5rem 2.5rem;
}
@media (max-width: 719px) {
  .vp-highlight {
    display: block;
    padding-inline: 1.5rem;
    text-align: center;
  }
}

.vp-highlight-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
}
.vp-highlight-bg.light {
  display: inline-block;
}
.vp-highlight-bg.dark {
  display: none;
}
[data-theme=dark] .vp-highlight-bg.light {
  display: none;
}
[data-theme=dark] .vp-highlight-bg.dark {
  display: inline-block;
}

.vp-highlight-image {
  width: 12rem;
  margin: 2rem 4rem;
}
@media (max-width: 959px) {
  .vp-highlight-image {
    width: 10rem;
  }
}
@media (max-width: 719px) {
  .vp-highlight-image {
    width: 8rem;
    margin: 0 auto;
  }
}
.vp-highlight-image.light {
  display: inline-block;
}
.vp-highlight-image.dark {
  display: none;
}
[data-theme=dark] .vp-highlight-image.light {
  display: none;
}
[data-theme=dark] .vp-highlight-image.dark {
  display: inline-block;
}

.vp-highlight-info-wrapper {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 2rem;
}
@media (max-width: 719px) {
  .vp-highlight-info-wrapper {
    padding: 1rem 0;
  }
}
.vp-highlight-info-wrapper:only-child {
  flex: 1 0 100%;
}

.vp-highlight-info {
  text-align: start;
}

.vp-highlight-header {
  margin-bottom: 1.5rem;
  border-bottom: none;
  font-size: 3rem;
  font-family: var(--vp-font);
}
@media (max-width: 959px) {
  .vp-highlight-header {
    font-size: 2.5rem;
  }
}
@media (max-width: 719px) {
  .vp-highlight-header {
    font-size: 2.25rem;
    text-align: center;
  }
}
@media (max-width: 419px) {
  .vp-highlight-header {
    font-size: 2rem;
  }
}

.vp-highlight-description {
  margin: 1rem 0;
  font-size: 1.125rem;
}

.vp-highlights {
  margin-inline-start: -1.25em;
  padding-inline-start: 0;
}
.vp-highlights :not(pre) > code {
  color: var(--vp-c-text);
}

.vp-highlight-item-wrapper {
  position: relative;
  padding-block: 0.5em;
  padding-inline: 0.5em 1.75em;
  border-radius: 0.5rem;
  list-style: none;
}
.vp-highlight-item-wrapper.link {
  cursor: pointer;
  transition: transform var(--vp-t-transform);
}
.vp-highlight-item-wrapper.link:hover {
  background-color: var(--vp-c-bg-alt);
}
.vp-highlight-bg + .vp-highlight .vp-highlight-item-wrapper.link:hover {
  background-color: transparent;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.vp-highlight-item-wrapper.link:hover::before {
  content: "➜";
  display: block;
  float: right;
}
.vp-highlight-item-wrapper.link:active {
  transform: scale(0.96);
}
.vp-highlight-item-wrapper::marker {
  font-weight: bold;
}

.vp-highlight-item {
  display: list-item;
  color: inherit;
  list-style: initial;
}
@media print {
  .vp-highlight-item {
    text-decoration: none;
  }
}

.vp-highlight-title {
  margin: 0;
  font-weight: 600;
  font-size: 1.125rem;
  font-family: var(--vp-font);
}
.vp-highlight-title .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-highlight-details {
  margin: 0.5rem 0 0;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-project-home {
  --content-width: var(--home-page-width);
  display: block;
  flex: 1;
  padding-top: var(--navbar-height);
}
@media screen {
  .vp-project-home .vp-hero-info-wrapper:not(.fullscreen) .vp-hero-info {
    max-width: var(--home-page-width);
  }
}
@media screen {
  .vp-project-home .vp-feature {
    max-width: var(--home-page-width);
  }
}
.vp-project-home [vp-content] {
  padding-bottom: 1.5rem !important;
}
.vp-project-home [vp-content]:has(#markdown-content:only-child:empty) {
  padding: 0 !important;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-breadcrumb {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-breadcrumb {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-breadcrumb {
    max-width: unset;
  }
}
.vp-breadcrumb {
  position: relative;
  z-index: 2;
  padding-top: 1rem;
  font-size: 15px;
}
@media (max-width: 959px) {
  .vp-breadcrumb {
    font-size: 14px;
  }
}
@media (max-width: 419px) {
  .vp-breadcrumb {
    padding-top: 0.5rem;
    font-size: 12.8px;
  }
}
@media print {
  .vp-breadcrumb {
    display: none;
  }
}
.vp-breadcrumb .vp-icon {
  margin-inline-end: 0.25em;
}
.vp-breadcrumb a {
  display: inline-block;
  padding: 0 0.5em;
}
.vp-breadcrumb a::before {
  position: relative;
  bottom: 0.125rem;
  margin-inline-end: 0.25em;
}
.vp-breadcrumb a:hover {
  color: var(--vp-c-accent);
}
.vp-breadcrumb ol {
  margin: 0;
  padding-inline-start: 0;
  list-style: none;
}
.vp-breadcrumb li {
  display: inline-block;
  line-height: 1.5;
}
.vp-breadcrumb li:first-child a {
  padding-inline-start: 0;
}
.vp-breadcrumb li:last-child a {
  padding-inline-end: 0;
}
.vp-breadcrumb li.is-active a {
  color: var(--vp-c-text-mute);
  cursor: default;
  pointer-events: none;
}
.vp-breadcrumb li + li::before {
  content: "/";
  color: var(--vp-c-text-mute);
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-page-nav {
  display: flex;
  flex-wrap: wrap;
  max-width: var(--content-width);
  min-height: 2rem;
  margin-inline: auto;
  margin-top: 0;
  padding-block: 0.5rem;
  padding-inline: 2rem;
  border-top: 1px solid var(--vp-c-border);
}
@media (max-width: 959px) {
  .vp-page-nav {
    padding-inline: 1rem;
  }
}
@media print {
  .vp-page-nav {
    display: none;
  }
}
.vp-page-nav .auto-link {
  display: inline-block;
  flex-grow: 1;
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--vp-c-border);
  border-radius: 0.25rem;
}
.vp-page-nav .auto-link:hover {
  background: var(--vp-c-control);
}
.vp-page-nav .auto-link .hint {
  color: var(--vp-c-text-mute);
  font-size: 0.875rem;
  line-height: 2;
}
.vp-page-nav .auto-link .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
  font-size: 0.75rem;
}
[data-theme=dark] .vp-page-nav .auto-link .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-page-nav .auto-link .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-page-nav .auto-link .arrow.down {
  transform: rotate(-180deg);
}
.vp-page-nav .auto-link .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-page-nav .auto-link .arrow.end {
  transform: rotate(-90deg);
}
.vp-page-nav .auto-link .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-page-nav .auto-link .arrow.start {
  transform: rotate(90deg);
}
.vp-page-nav .prev {
  text-align: start;
}
.vp-page-nav .prev .vp-icon {
  margin-inline-end: 0.25em;
}
.vp-page-nav .next {
  text-align: end;
}
.vp-page-nav .next .vp-icon {
  margin-inline-start: 0.25em;
}:root{--transition-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--transition-ease-out: cubic-bezier(0, 0, 0.2, 1);--transition-ease-in: cubic-bezier(0.4, 0, 1, 1);--transition-duration: 0.2s;--transition-slow-duration: 0.3s;--transition-enter-duration: var(--transition-duration);--transition-leave-duration: var(--transition-duration);--transition-delay: 0.1s}:root{--transition-fade-in-up-offset: 10px}.fade-in-up-enter-from,.fade-in-up-leave-to{opacity:0 !important;transform:translateY(var(--transition-fade-in-up-offset)) !important}.fade-in-up-enter-to,.fade-in-up-leave-from{opacity:1;transform:translateY(0) !important}.fade-in-up-leave-active{transition:opacity var(--transition-leave-duration) var(--transition-ease-in-out),transform var(--transition-leave-duration) var(--transition-ease-in-out) !important}.fade-in-up-enter-active{transition:opacity var(--transition-enter-duration) var(--transition-ease-in-out),transform var(--transition-enter-duration) var(--transition-ease-in-out) !important}

/*# sourceMappingURL=fade-in-up.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-page-title {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-page-title {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-page-title {
    max-width: unset;
  }
}
.vp-page-title {
  position: relative;
  z-index: 1;
  padding-top: 1rem;
  padding-bottom: 0;
}
@media print {
  .vp-page-title {
    padding-inline: 0 !important;
  }
}
@media (max-width: 959px) {
  .vp-page-title {
    padding-top: 0.5rem;
  }
}
.vp-page-title h1 {
  margin-top: calc(0px - var(--header-offset)) !important;
  margin-bottom: 1rem;
  padding-top: var(--header-offset) !important;
  font-size: 2.2rem;
}
@media (max-width: 959px) {
  .vp-page-title h1 {
    margin-bottom: 0.5rem;
  }
}
.vp-page-title h1 .vp-icon {
  margin-inline-end: 0.25em;
  color: var(--vp-c-accent);
}

[vp-content]:not(.custom) #markdown-content > h1:first-child {
  display: none;
}
[vp-content]:not(.custom) #markdown-content > h2:first-child {
  padding-top: var(--header-offset) !important;
}:root{--changelog-bg: var(--vp-c-bg-alt);--changelog-font-size: 0.875rem;--changelog-c-text: var(--vp-c-text)}

/*# sourceMappingURL=vars.css.map */.vp-changelog-wrapper{margin-block:1rem;padding-inline:1rem;border-radius:8px;background-color:var(--changelog-bg);color:var(--changelog-c-text);font-size:var(--changelog-font-size);line-height:1.7;transition:background-color var(--vp-t-color)}.vp-changelog-wrapper.active{padding-block:0 .5rem}.vp-changelog-wrapper a{text-decoration:none !important}.vp-changelog-wrapper a::after{display:none !important}.vp-changelog-header{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;font-weight:bold;cursor:pointer}@media(max-width: 419px){.vp-changelog-header{flex-wrap:wrap}}.vp-changelog-wrapper.active .vp-changelog-header{padding-block-end:.5rem}.vp-changelog-icon,.vp-changelog-menu-icon{display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;margin-inline-end:4px;background-color:currentcolor;color:var(--vp-c-text-mute);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:color var(--vp-t-color);transform:translateY(-1px)}.vp-changelog-icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M2.71 10.96a6.5 6.5 0 1 0-.69-3.53M2 8l1.5-1.5M2 8L.5 6.5m8 2v-4m0 4h3'/%3E%3C/svg%3E")}.vp-changelog-menu-icon{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 5h0.01'/%3E%3Cpath d='M8 5h12'/%3E%3Cpath d='M4 10h0.01'/%3E%3Cpath d='M8 10h12'/%3E%3Cpath d='M4 15h0.01'/%3E%3Cpath d='M8 15h12'/%3E%3Cpath d='M4 20h0.01'/%3E%3Cpath d='M8 20h12'/%3E%3C/g%3E%3C/svg%3E")}.vp-changelog-list{display:none;margin-block:.5rem;padding-inline-start:0;list-style:none}.vp-changelog-wrapper.active .vp-changelog-list{display:block}.vp-changelog-item-tag,.vp-changelog-item-commit{position:relative;margin-block-start:8px;padding-inline-start:20px}.vp-changelog-item-tag:first-child,.vp-changelog-item-commit:first-child{margin-block-start:0}.vp-changelog-item-tag::before,.vp-changelog-item-commit::before{content:"";position:absolute;top:3px;left:0;display:inline-block;width:1.25em;height:1.25em;background-color:currentcolor;color:var(--vp-c-text-subtle);-webkit-mask:var(--icon) no-repeat;mask:var(--icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:color var(--vp-t-color)}.vp-changelog-item-commit::before{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12a3 3 0 1 0 6 0a3 3 0 1 0-6 0m3-9v6m0 6v6'/%3E%3C/svg%3E")}.vp-changelog-item-tag::before{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0-2 0'/%3E%3Cpath d='M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592-5.592a2.41 2.41 0 0 0 0-3.408l-7.71-7.71A2 2 0 0 0 11.172 3H6a3 3 0 0 0-3 3'/%3E%3C/g%3E%3C/svg%3E")}.vp-changelog-tag{margin-inline-end:4px;text-decoration:none}.vp-changelog-tag code{font-weight:500;font-size:14px}.vp-changelog-hash{margin-inline-end:4px;text-decoration:none}.vp-changelog-divider{margin-inline-end:8px}.vp-changelog-message{margin-inline-end:8px;line-height:1.7}.vp-changelog-date{color:var(--vp-c-text-subtle);font-size:.75rem;transition:color var(--vp-t-color)}

/*# sourceMappingURL=changelog.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-page-meta {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-page-meta {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-page-meta {
    max-width: unset;
  }
}
.vp-page-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media print {
  .vp-page-meta {
    margin: 0 !important;
    padding-inline: 0 !important;
  }
}
@media (max-width: 719px) {
  .vp-page-meta {
    display: block;
  }
}
.vp-page-meta .vp-meta-item {
  flex-grow: 1;
}
.vp-page-meta .vp-meta-item .vp-meta-label {
  font-weight: 500;
}
.vp-page-meta .vp-meta-item .vp-meta-label:not(a) {
  color: var(--vp-c-text);
}
.vp-page-meta .vp-meta-item .vp-meta-info {
  color: var(--vp-c-text-mute);
  font-weight: 400;
}
.vp-page-meta .git-info {
  text-align: end;
}
.vp-page-meta .edit-link {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-inline-end: 0.5rem;
  font-size: 14px;
}
@media print {
  .vp-page-meta .edit-link {
    display: none;
  }
}
.vp-page-meta .edit-link .icon {
  position: relative;
  bottom: -0.125em;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.25em;
}
.vp-page-meta .update-time,
.vp-page-meta .contributors {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 14px;
}
@media (max-width: 719px) {
  .vp-page-meta .update-time,
  .vp-page-meta .contributors {
    font-size: 13px;
    text-align: start;
  }
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
.vp-page {
  display: block;
  flex-grow: 1;
  padding-bottom: 2rem;
  transition: padding var(--vp-t-transform);
}
@media print {
  .vp-page {
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.page-cover {
  width: var(--content-width);
  margin-inline: auto;
}
@media (max-width: 719px) {
  .page-cover {
    width: 100%;
  }
}
.page-cover img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 25vh;
  border-radius: 0.5rem;
}
@media (max-width: 719px) {
  .page-cover img {
    border-radius: 0;
  }
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
@keyframes cursor-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vp-portfolio {
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.vp-portfolio:not(.bg) {
  background: var(--vp-c-accent-soft);
}
.vp-portfolio:not(.bg)::after {
  content: "";
  position: absolute;
  inset-inline-start: -200px;
  top: -200px;
  z-index: -1;
  width: 1000px;
  height: 1000px;
  border-radius: 50%;
  background-color: var(--vp-c-white);
}
@media (max-width: 959px) {
  .vp-portfolio:not(.bg)::after {
    display: none;
  }
}
.vp-portfolio-mask {
  position: absolute;
  inset: 0;
}
.vp-portfolio-mask::after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background: #888;
  opacity: 0.2;
}
.vp-portfolio-mask.light {
  display: block;
}
[data-theme=dark] .vp-portfolio-mask.light {
  display: none;
}
.vp-portfolio-mask.dark {
  display: none;
}
[data-theme=dark] .vp-portfolio-mask.dark {
  display: block;
}
.vp-portfolio-avatar {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 50vw;
  height: 100vh;
  border-radius: 10px;
}
@media (min-width: 1440px) {
  .vp-portfolio-avatar {
    width: 60vw;
  }
}
@media (max-width: 959px) {
  .vp-portfolio-avatar {
    width: 100vw;
  }
}
.vp-portfolio-avatar img {
  max-height: 93vh;
}
.vp-portfolio-avatar img.light {
  display: block;
}
[data-theme=dark] .vp-portfolio-avatar img.light {
  display: none;
}
.vp-portfolio-avatar img.dark {
  display: none;
}
[data-theme=dark] .vp-portfolio-avatar img.dark {
  display: block;
}
.vp-portfolio-container {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 70px;
}
.vp-portfolio-info {
  position: relative;
  flex: 0 0 50%;
  box-sizing: border-box;
  max-width: 50%;
  padding: 0 25px;
}
@media (max-width: 959px) {
  .vp-portfolio-info {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
    flex: 0 0 100%;
    max-width: unset;
    padding: 2rem 1.5rem;
    border-radius: 0.5rem;
    background: var(--vp-c-bg-soft);
    text-align: center;
  }
}
.vp-portfolio-info .vp-social-medias {
  justify-content: start;
}
@media (max-width: 959px) {
  .vp-portfolio-info .vp-social-medias {
    justify-content: center;
  }
}
.vp-portfolio-welcome {
  margin: 0 0 10px;
  padding: 0;
  color: var(--vp-c-accent);
  font-weight: 600;
  font-size: 28px;
}
@media (max-width: 959px) {
  .vp-portfolio-welcome {
    font-size: 18px;
  }
}
.vp-portfolio-name {
  margin: 0 0 10px;
  padding: 0;
  color: var(--vp-c-black);
  font-weight: bold;
  font-size: 64px;
}
@media (min-width: 1440px) {
  .vp-portfolio-name {
    font-size: 72px;
  }
}
@media (max-width: 959px) {
  .vp-portfolio-name {
    font-size: 36px;
  }
}
.vp-portfolio-title {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: none;
  color: var(--vp-c-accent);
  font-weight: 600;
  font-size: 25px;
}
@media (max-width: 959px) {
  .vp-portfolio-title {
    font-size: 18px;
  }
}
.vp-portfolio-title::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 2px;
  height: 1.3em;
  background: var(--vp-c-accent-bg);
  animation-name: cursor-blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.vp-portfolio-medias {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
}
@media (min-width: 959px) {
  .vp-portfolio-medias {
    justify-content: flex-start;
  }
}
.vp-portfolio-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-white);
  transition: ease all 0.35s;
}
.vp-portfolio-media:hover {
  background-color: var(--vp-c-accent-hover);
  cursor: pointer;
}
.vp-portfolio-media::after {
  --balloon-font-size: 10px;
  padding: 0.2em 0.4em !important;
}
.vp-portfolio-media + a {
  margin-inline-start: 5px;
}/* stylelint-disable order/order */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable order/order */
[vp-content].vp-portfolio-content {
  --content-width: min(84%, 1200px);
  --header-underline: rgba(159.4930555556, 34.7083333333, 19.0069444444, 0.4);
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 1280px) {
  [vp-content].vp-portfolio-content {
    font-size: 18px;
  }
}
@media (max-width: 419px) {
  [vp-content].vp-portfolio-content {
    font-size: 14px;
  }
}
[data-theme=dark] [vp-content].vp-portfolio-content {
  --header-underline: rgba(230.5625, 70.125, 49.9375, 0.4);
}
[vp-content].vp-portfolio-content > h2,
[vp-content].vp-portfolio-content > h3,
[vp-content].vp-portfolio-content > h4,
[vp-content].vp-portfolio-content > h5,
[vp-content].vp-portfolio-content > h6 {
  margin-bottom: 1rem;
  border-bottom: none;
  text-align: center;
}
[vp-content].vp-portfolio-content > h2 {
  font-size: 2.5rem;
}
@media (max-width: 419px) {
  [vp-content].vp-portfolio-content > h2 {
    font-size: 2rem;
  }
}
[vp-content].vp-portfolio-content > h3 {
  font-size: 2rem;
}
@media (max-width: 419px) {
  [vp-content].vp-portfolio-content > h3 {
    font-size: 1.75rem;
  }
}
[vp-content].vp-portfolio-content > p {
  align-self: stretch;
}
[vp-content].vp-portfolio-content .header-anchor > span {
  background: linear-gradient(var(--header-underline), var(--header-underline)) no-repeat;
  background-position: -0.1em calc(100% - 0.05em);
  background-size: calc(100% + 0.1em) 0.2em;
  text-shadow: 0.05em 0 var(--vp-c-bg), -0.05em 0 var(--vp-c-bg);
}
[vp-content].vp-portfolio-content .header-anchor > span::before, [vp-content].vp-portfolio-content .header-anchor > span::after {
  content: "";
  position: relative;
  bottom: 0.05em;
  display: inline-block;
  vertical-align: text-bottom;
  width: 0.1em;
  height: 0.2em;
  background-color: var(--header-underline);
}
[vp-content].vp-portfolio-content .header-anchor > span::before {
  inset-inline-start: -0.1em;
  border-radius: 0.2em 0 0 0.2em;
}
[vp-content].vp-portfolio-content .header-anchor > span::after {
  inset-inline-end: -0.1em;
  border-radius: 0 0.2em 0.2em 0;
}.not-found-hint {
  padding: 2rem;
}
.not-found-hint .error-code {
  margin: 0;
  font-weight: bold;
  font-size: 4rem;
  line-height: 4rem;
}
.not-found-hint .error-title {
  font-weight: bold;
}
.not-found-hint .error-hint {
  margin: 0;
  padding: 12px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 2px;
}.vp-page.not-found {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100vw;
  max-width: var(--home-page-width);
  margin: 0 auto;
  padding: calc(var(--navbar-height) + 1rem) 1rem 1rem !important;
  text-align: center;
}
.vp-page.not-found .action-button {
  display: inline-block;
  box-sizing: border-box;
  margin: 0.25rem;
  padding: 0.75rem 1rem;
  border-width: 0;
  border-radius: 3rem;
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-white);
  outline: none;
  font-size: 1rem;
  transition: background var(--vp-t-color);
}
.vp-page.not-found .action-button:hover {
  background: var(--vp-c-accent-hover);
  cursor: pointer;
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
.vp-decrypt-layer {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: calc(80vh - var(--navbar-height));
  margin-top: var(--navbar-height);
  text-align: center;
}
.vp-decrypt-layer.expand {
  margin-top: 0;
}

.vp-decrypt-modal {
  width: calc(100% - 8rem);
  max-width: 420px;
  margin: 2rem;
  padding: 2rem;
  border-radius: 1.5rem;
  box-shadow: 2px 2px 10px 6px var(--vp-c-shadow);
  transition: box-shadow var(--vp-t-color);
}
@media (max-width: 719px) {
  .vp-decrypt-modal {
    width: calc(100% - 5rem);
    padding: 1.5rem;
  }
}
@media (max-width: 419px) {
  .vp-decrypt-modal {
    width: calc(100% - 3rem);
    box-shadow: none;
  }
}

.vp-decrypt-hint {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2;
}
.vp-decrypt-hint.tried {
  color: #f00;
  animation-name: shake;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
.vp-decrypt-hint svg {
  width: 1.25em;
  height: 1.25em;
}

.vp-decrypt-input input {
  width: calc(100% - 3rem);
  margin-top: 1.25rem;
  padding: 0 1.5rem;
  border: 2px solid var(--vp-c-accent-bg);
  border-radius: 0.5rem;
  background: var(--vp-c-bg) !important;
  color: var(--vp-c-text) !important;
  outline: none;
  font-size: 1rem;
  line-height: 2;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}

.vp-remember-password {
  margin-top: 0.5rem;
  color: var(--vp-c-text-mute);
  font-size: 14px;
  text-align: start;
}
.vp-remember-password input[type=checkbox] {
  position: relative;
  vertical-align: text-bottom;
  height: 1em;
  margin-inline-end: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vp-remember-password input[type=checkbox]::after {
  content: " ";
  position: absolute;
  top: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  padding-inline-start: 0;
  border: 1px solid var(--vp-c-border);
  border-radius: 50%;
  background: var(--vp-c-control);
  text-align: center;
  visibility: visible;
}
.vp-remember-password input[type=checkbox]:checked::after {
  content: "";
  border-color: var(--vp-c-accent-bg);
  background: var(--vp-c-accent-bg);
}
.vp-remember-password input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  inset-inline-start: 5px;
  top: 2px;
  z-index: 1;
  width: 2px;
  height: 6px;
  border: solid var(--vp-c-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.vp-remember-password label {
  display: inline-block;
}

.vp-decrypt-submit {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  width: 70px;
  margin-top: 1.5rem;
  border-width: 0;
  border-radius: 0.5rem;
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-text);
  outline: none;
  font-size: 1.2rem;
  line-height: 2;
  transition: color var(--vp-t-color);
}
.vp-decrypt-submit:hover {
  background: var(--vp-c-accent-hover);
}/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
.vp-decrypt-layer {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: calc(80vh - var(--navbar-height));
  margin-top: var(--navbar-height);
  text-align: center;
}
.vp-decrypt-layer.expand {
  margin-top: 0;
}

.vp-decrypt-modal {
  width: calc(100% - 8rem);
  max-width: 420px;
  margin: 2rem;
  padding: 2rem;
  border-radius: 1.5rem;
  box-shadow: 2px 2px 10px 6px var(--vp-c-shadow);
  transition: box-shadow var(--vp-t-color);
}
@media (max-width: 719px) {
  .vp-decrypt-modal {
    width: calc(100% - 5rem);
    padding: 1.5rem;
  }
}
@media (max-width: 419px) {
  .vp-decrypt-modal {
    width: calc(100% - 3rem);
    box-shadow: none;
  }
}

.vp-decrypt-hint {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2;
}
.vp-decrypt-hint.tried {
  color: #f00;
  animation-name: shake;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
.vp-decrypt-hint svg {
  width: 1.25em;
  height: 1.25em;
}

.vp-decrypt-input input {
  width: calc(100% - 3rem);
  margin-top: 1.25rem;
  padding: 0 1.5rem;
  border: 2px solid var(--vp-c-accent-bg);
  border-radius: 0.5rem;
  background: var(--vp-c-bg) !important;
  color: var(--vp-c-text) !important;
  outline: none;
  font-size: 1rem;
  line-height: 2;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}

.vp-remember-password {
  margin-top: 0.5rem;
  color: var(--vp-c-text-mute);
  font-size: 14px;
  text-align: start;
}
.vp-remember-password input[type=checkbox] {
  position: relative;
  vertical-align: text-bottom;
  height: 1em;
  margin-inline-end: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vp-remember-password input[type=checkbox]::after {
  content: " ";
  position: absolute;
  top: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  padding-inline-start: 0;
  border: 1px solid var(--vp-c-border);
  border-radius: 50%;
  background: var(--vp-c-control);
  text-align: center;
  visibility: visible;
}
.vp-remember-password input[type=checkbox]:checked::after {
  content: "";
  border-color: var(--vp-c-accent-bg);
  background: var(--vp-c-accent-bg);
}
.vp-remember-password input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  inset-inline-start: 5px;
  top: 2px;
  z-index: 1;
  width: 2px;
  height: 6px;
  border: solid var(--vp-c-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.vp-remember-password label {
  display: inline-block;
}

.vp-decrypt-submit {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  width: 70px;
  margin-top: 1.5rem;
  border-width: 0;
  border-radius: 0.5rem;
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-text);
  outline: none;
  font-size: 1.2rem;
  line-height: 2;
  transition: color var(--vp-t-color);
}
.vp-decrypt-submit:hover {
  background: var(--vp-c-accent-hover);
}:root{--vp-c-white: #fff;--vp-c-black: #000;--vp-c-grey-text: #656869;--vp-c-grey-hover: #e4e4e9;--vp-c-grey-bg: #ebebef;--vp-c-grey-soft: rgb(142 150 170 / 14%);--vp-c-indigo-text: #3451b2;--vp-c-indigo-hover: #3a5ccc;--vp-c-indigo-bg: #5672cd;--vp-c-indigo-soft: rgb(100 108 255 / 14%);--vp-c-purple-text: #6f42c1;--vp-c-purple-hover: #7e4cc9;--vp-c-purple-bg: #8e5cd9;--vp-c-purple-soft: rgb(159 122 234 / 14%);--vp-c-blue-text: #2888a7;--vp-c-blue-hover: #2d98ba;--vp-c-blue-bg: #2fa1c5;--vp-c-blue-soft: rgb(27 178 229 / 14%);--vp-c-green-text: #18794e;--vp-c-green-hover: #299764;--vp-c-green-bg: #30a46c;--vp-c-green-soft: rgb(16 185 129 / 14%);--vp-c-yellow-text: #915930;--vp-c-yellow-hover: #946300;--vp-c-yellow-bg: #c28100;--vp-c-yellow-soft: rgb(234 179 8 / 14%);--vp-c-red-text: #b8272c;--vp-c-red-hover: #d5393e;--vp-c-red-bg: #e0575b;--vp-c-red-soft: rgb(244 63 94 / 14%)}[data-theme=dark]{--vp-c-white: #000;--vp-c-black: #fff;--vp-c-grey-text: #939499;--vp-c-grey-hover: #414853;--vp-c-grey-bg: #32363f;--vp-c-grey-soft: rgb(101 117 133 / 16%);--vp-c-indigo-text: #a8b1ff;--vp-c-indigo-hover: #5c73e7;--vp-c-indigo-bg: #3e63dd;--vp-c-indigo-soft: rgb(100 108 255 / 16%);--vp-c-blue-text: #c9e8f2;--vp-c-blue-hover: #a6d9ea;--vp-c-blue-bg: #2785a3;--vp-c-blue-soft: rgb(27 178 229 / 16%);--vp-c-purple-text: #c8abfa;--vp-c-purple-hover: #a879e6;--vp-c-purple-bg: #8e5cd9;--vp-c-purple-soft: rgb(159 122 234 / 16%);--vp-c-green-text: #3dd68c;--vp-c-green-hover: #30a46c;--vp-c-green-bg: #298459;--vp-c-green-soft: rgb(16 185 129 / 16%);--vp-c-yellow-text: #f9b44e;--vp-c-yellow-hover: #da8b17;--vp-c-yellow-bg: #a46a0a;--vp-c-yellow-soft: rgb(234 179 8 / 16%);--vp-c-red-text: #f66f81;--vp-c-red-hover: #f14158;--vp-c-red-bg: #b62a3c;--vp-c-red-soft: rgb(244 63 94 / 16%)}

/*# sourceMappingURL=colors.css.map */:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}html,body{background:var(--vp-c-bg, #fff);accent-color:var(--vp-c-accent, #299764);transition:background-color var(--vp-t-color)}html{font-display:optional;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}@media print{html{font-size:12pt}}html[data-theme=dark]{color-scheme:dark}body{min-height:100vh;margin:0;padding:0;color:var(--vp-c-text, rgb(60, 60, 67));font-size:1rem;font-synthesis:style}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;overflow-wrap:break-word}h1:focus-visible,h2:focus-visible,h3:focus-visible,h4:focus-visible,h5:focus-visible,h6:focus-visible{outline:none}h1{font-size:2rem}h2{padding-bottom:.3rem;border-bottom:1px solid var(--vp-c-divider, #e2e2e3);font-size:1.65rem;transition:border-color var(--vp-t-color)}h3{font-size:1.35rem}h4{font-size:1.15rem}h5{font-size:1.05rem}h6{font-size:1rem}p,ul,ol{line-height:1.6;overflow-wrap:break-word}@media print{p,ul,ol{line-height:1.5}}ul,ol{padding-inline-start:1.2em}a{color:var(--vp-c-accent, #299764);font-weight:500;text-decoration:none;overflow-wrap:break-word}a.header-anchor{position:relative;color:inherit;font-weight:inherit;text-decoration:none}a.header-anchor::before{content:"¶";position:absolute;top:.4167em;left:-0.75em;display:none;color:var(--vp-c-accent, #299764);font-size:.75em}[dir=rtl] a.header-anchor::before{right:-0.75em}a.header-anchor:hover::before{display:block}a.header-anchor:focus-visible{outline:none}a.header-anchor:focus-visible::before{display:block;outline:auto}strong{font-weight:600}blockquote{margin:1rem 0;padding-block:.25rem;padding-inline:1rem 0;border-inline-start:.2rem solid var(--vp-c-border-hard, #b8b8ba);color:var(--vp-c-text-mute, rgba(60, 60, 67, 0.78));font-size:1rem;overflow-wrap:break-word;transition:border-color var(--vp-t-color),color var(--vp-t-color)}blockquote>p{margin:0}hr{border:0;border-bottom:1px solid var(--vp-c-divider, #e2e2e3);transition:border-color var(--vp-t-color)}:not(pre)>code{margin:0;padding:3px 6px;border-radius:4px;background:var(--vp-c-grey-soft, rgba(142, 150, 170, 0.14));font-size:.875em;overflow-wrap:break-word;transition:background-color var(--vp-t-color),color var(--vp-t-color)}p a code{color:var(--vp-c-accent, #299764);font-weight:400}table code{padding:.1rem .4rem}kbd{display:inline-block;min-width:1em;margin-inline:.125rem;padding:.25em;border:1px solid var(--vp-c-border, #c2c2c4);border-radius:.25em;box-shadow:1px 1px 4px 0 var(--vp-c-shadow, rgba(0, 0, 0, 0.15));line-height:1;letter-spacing:-0.1em;text-align:center}table{display:block;overflow-x:auto;margin:1rem 0;border-collapse:collapse}tbody tr:nth-child(odd){background:var(--vp-c-bg-alt, #f6f8fa);transition:background-color var(--vp-t-color)}th,td{padding:.6em 1em;border:1px solid var(--vp-c-border-hard, #d1d4d7);transition:border-color var(--vp-t-color)}pre{text-align:left;direction:ltr;white-space:pre;word-spacing:normal;word-wrap:normal;word-break:normal;overflow-wrap:unset;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}@media print{pre{white-space:pre-wrap}}pre code{padding:0;border-radius:0}@page{margin:2cm;font-size:12pt;size:a4}@media print{*,::after,::before{box-shadow:none !important;text-shadow:none !important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}a{color:inherit;font-weight:inherit !important;font-size:inherit !important;text-decoration:underline}a.header-anchor{text-decoration:none}abbr[title]::after{content:" (" attr(title) ")"}pre{border:1px solid #eee;white-space:pre-wrap !important}pre>code{white-space:pre-wrap !important}blockquote{border-inline-start:.2rem solid #ddd;color:inherit}blockquote,pre{orphans:5;widows:5}img,tr,canvas{page-break-inside:avoid}}@media(prefers-reduced-motion: reduce){*,::before,::after{background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;animation-duration:1ms !important;animation-delay:-1ms !important;animation-iteration-count:1 !important}}

/*# sourceMappingURL=normalize.css.map *//* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
:root {
  --external-link-icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");
  --external-link-c-icon: var(--vp-c-text-mute);
  --header-offset: var(--navbar-height);
}

#app {
  --navbar-c-bg: var(--vp-c-bg-elv-soft);
  --sidebar-c-bg: var(--vp-c-bg-soft);
  --sidebar-space: var(--sidebar-width);
  --message-offset: var(--navbar-height);
}
@media (max-width: 959px) {
  #app {
    --navbar-height: var(--navbar-mobile-height);
    --navbar-padding-y: var(--navbar-mobile-padding-y);
    --navbar-padding-x: var(--navbar-mobile-padding-x);
    --sidebar-width: var(--sidebar-mobile-width);
  }
}
@media (min-width: 1440px) {
  #app {
    --sidebar-space: clamp(
      var(--sidebar-width),
      calc(max(0px, calc((100vw - var(--content-width)) / 2 - 2rem))),
      100vw
    );
  }
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: Crimson;
  src: url("data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTYr5mwEAAAyMAAAAHEdERUYAKQATAAAMbAAAAB5PUy8yVsJ0MgAAAVgAAABgY21hcBiKDzgAAAHcAAABWGdhc3D//wADAAAMZAAAAAhnbHlmr+DBdQAAA1AAAAdsaGVhZBZwt+8AAADcAAAANmhoZWEFawEuAAABFAAAACRobXR4BksA9gAAAbgAAAAibG9jYQlsC24AAAM0AAAAHG1heHAAEQBZAAABOAAAACBuYW1lLaFDVAAACrwAAAFrcG9zdAC1AHoAAAwoAAAAPAABAAAAAQAAqBd2H18PPPUACwQAAAAAANqqufwAAAAA2qq5/AAb/9wB4QMeAAAACAACAAAAAAAAAAEAAAMs/ywAXAH9AAAAAAHhAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAANAFkAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAH1AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAIABgMAAAAAAAAAAAABEAAAAAAAAAAAAAAAUGZFZADAADAAOQMs/ywAXAMsANQAAAABAAAAAAMYAAAAAAAgAAEBpwAfAAAAAAFVAAAB/QAfAH0ALQA+ABsAPgAyACgAPgAxAAAAAAADAAAAAwAAABwAAQAAAAAAUgADAAEAAAAcAAQANgAAAAQABAABAAAAOf//AAAAL///AAAAAQAEAAAAAAADAAQABQAGAAcACAAJAAoACwAMAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAwQFBgcICQoLDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYAJgAmAGIAwAEeAZIBzgJAApYC2gNiA7YAAQAf/9wBhwMeABIAAAEGBwYHATAXFjM2NzY3ASYnJjcBgxwLCgH+zgMECxIKCgIBLgEDAwMDHhQFBgP85wMEAQgJBgMOAwMDEwAAAAIAH//9Ad0CkAAQACEAABMWFxYXNjc2NzQnJicGBwYHNyY3NjcWFxYXFAcGByYnJjcfATo6amo7OQE5OmxrOjkBXQIlJEE5IyIBIyJEOSQjAgFOkV5eBAReXoqJXl4EBF5eggJ0UlEDA09Qe3xVVgMDU1OEAAAAAAEAff/9AYACkQA+AAA3FAcGBwYHBiMGFQYXNjc2MzIXFhc2JzQnIicmJyY1JjURNjc2MSYnJicjBgcGBwYVFBUUFxYXNjc2NzIXFhXkAQEEBRgYDAMBBB4ZGhweGxofBAEDDBgZBQQBAQMEAQIDBAIFNTZCAgMDBA0XFw0LBQV3GBMVDAgEBAUKCgUCAQICAQIFCgoFBAQIDBUTGAGnLxkbBAYFAQIZGh4BAgECBQUEAwUHBwEICRYAAAAAAQAtAAAB0QKRADoAADcGFxYXITY3NjcmJyYjIgcGBwYHBisBNjc2NzY3NjUmJyYnBgcGBxQXFhc2NzY3FhcWFxYHBgcGBwYHLgEEAwMBYwURERADBwYFBAMDAg8VEx/LJkBAOhsQDwIxMkxSMjIHCAYGCSYmPTIfHwEBCgoeLkJBQg8EBQQCETAwKQICAgEBBCgUEylJSUYhJicsRDIzAgY1NRoEBQYBEyEhAwEjIjYlJCQtQlBQSAAAAAABAD7/+wG+ApEASgAANwYXFhcWFxYzNjc2NyYnJic2NzY3JicmIwYHBgcUFxYXNjc2NxYXFhcGBwYHBgcUFRQXNjc2NxYXFhcGBwYnIicmJyYnJiciBwYXPwEIBwUaHB0VZU5NBAMvLi8eIB4DAywsKzwrKxgEAwUIHR4wLRscAQMvLz8BAQYKEhEQNSYmAgImJSsWExQPCw0NFREMDQE7DgsLBQwFBgE8PWpMKSoGECQkMkAiIQIdHyUHBwcBCRscAwEbGSpCIyUOAgMCAwwIAwUEAQEoKD9XJSQBBQYODg8PAQ0NFQAAAgAb//oB4QKTACIAJQAANxQXFhchFRQXFjMyNzYjNTM2NzY1NCcmJyMRNCcmIwYHBgcBExEbAgMFASEJCRIdCAkBRgIBAQUEBTwFAwgHCQkG/vjmxgUGBgOwBQIBAwKzAgQDCBAMDQEBlAYGBgEICQf+cwEs/tQAAQA+//sBvgKTAEoAADcGFxYXFhcWMzY3NjcmJyYnIgcGBzY3NjczMjc2NzY3NjU0JyYnBgcGByMGBwYHFBcWMzY3NjMWFxYHBgcGJyInJicmJyYnIgcGFz8BCAcFGhwdFWVOTQQBMjJbFx8gFwoJCQlWKB0dFQ4JCAQDBQMdHSKXCREQEgMCBA4bGhNYJyUBAiYlKxYTFA8LDQ0VEQwNATsOCwsFDAUGATw9akU2NwMFBggrMC8uAgICExcZBgQCAgMBAwQBMVNUWAUFBAYFBAMxMTNZIyQBBQYODg8PAQ0NFQAAAgAy//oBzQKXACAAMwAANxQXFhc2NzY3NicmJyIHBgc2NzY3NCcmJwYHBgcGBwYXNyY3Njc2FxYXFgcGBwYHJicmNzM1NV5aOTsCAioqahoiIRsnWFhFAwIHQ0tMOTAZGQFbBAQaGxkXRB8fAQEfIDE9Hh4E511FRwQDPT1ZPEJBBQwLF4Y9PRMGCwwBEiwsPDZFRkkTHyAbCAcBAjAwREYsLQEFREVQAAAAAAEAKP/7AdUCiwApAAATFhcWMzI3Njc2NzYzIQYHBgcWFxYzMjcBNjc2NzQnJiMiBwYjIQYHBgcoAwYHAwYDAwELEBEdAQUJYWJXAQ8PDgcDAQ4LCQgBAQEEBhUVFv7JBgsNDAH6DQMCAQEFKRITFMjHjQcFBgMCPxYSEwoEAgMBAhkrKiAAAAADAD7/9wG/ApIAKABBAFgAADcGFxYXNjc2NyYnJicmJzQ3Njc2NyYnJiMGBwYHFhcWFxYVFAcGBwYHNyY3Njc2MzIzMhcyFxYXFhcGBwYHIicmNxMmNzY3FhcWFRQHBgcGByIjIicmJyY3PwE1M1ZQODgDAykpMQIBAyYlJQMCMC9HRjExAgIiIiMCAiMvLwNTBBQTKgEBAQECAQIBEjU1CAEdHjMrISICGAMYGSYvGxoTEx8CAQIBBAMfJCQBoU8tLQECMjFPOC4uGwIBAgEWJiU7SCYoAjEwQzopKhMBAgECEykpQAQsIiEbAQEBBywsQjUeHQEiI0QBZSMhIAECJiYvKh8gFAEBAhAfIEYAAAIAMf/6AcsClwAgADMAABMGFxYXMjc2NwYHBgcUFxYXNjc2NzY3NjUmJyYnBgcGBzcmNzY3FhcWFRQHBgcGJyYnJjc0AyopahoiIRsoV1hFAwIHQ0tMODEZGQE2NF5ZOjoBWgMfHzE9Hh4EGhoaF0QeHwUBy0dBQgUMCxeFPj0SBwsLAREsLD01RkVPV0dFBQQ8PU8UPCwtAQVFRUklIRsHCAECMDBPAAAADACWAAEAAAAAAAEABwAQAAEAAAAAAAIABwAoAAEAAAAAAAMABwBAAAEAAAAAAAQABwBYAAEAAAAAAAUAHgCeAAEAAAAAAAYABwDNAAMAAQQJAAEADgAAAAMAAQQJAAIADgAYAAMAAQQJAAMADgAwAAMAAQQJAAQADgBIAAMAAQQJAAUAPABgAAMAAQQJAAYADgC9AEMAcgBpAG0AcwBvAG4AAENyaW1zb24AAEMAcgBpAG0AcwBvAG4AAENyaW1zb24AAEMAcgBpAG0AcwBvAG4AAENyaW1zb24AAEMAcgBpAG0AcwBvAG4AAENyaW1zb24AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAA7ACAARgBvAG4AdABFAGQAaQB0AG8AcgAgACgAdgAxAC4AMAApAABWZXJzaW9uIDEuMDsgRm9udEVkaXRvciAodjEuMCkAAEMAcgBpAG0AcwBvAG4AAENyaW1zb24AAAACAAAAAAAAADIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0AAAABAAIAEwAUABUAFgAXABgAGQAaABsAHAAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAwAAQAEAAAAAgAAAAAAAAABAAAAANWkJwgAAAAA2qq5/AAAAADaqrn8") format("truetype");
}
:root {
  color-scheme: light;
}

body {
  font-family: var(--vp-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--vp-font-heading);
}

@media (max-width: 419px) {
  h1 {
    font-size: 1.9rem;
  }
}

code {
  font-family: var(--vp-font-mono);
}

@media print {
  @page {
    --vp-c-bg: #fff !important;
    --vp-c-text: #000 !important;
  }
  div[class*=language-] {
    position: relative !important;
  }
}
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-disable order/order */
div[class*=language-] {
  margin: 0.75rem 0;
  transition: background-color var(--vp-t-color), color var(--vp-t-color);
}
@media (max-width: 419px) {
  #markdown-content > div[class*=language-] {
    --code-border-radius: 0;
    margin: 0.75rem -1.5rem;
  }
}
@media print {
  div[class*=language-] pre code {
    padding: 0.5rem;
  }
}
div[class*=language-] .line.diff, div[class*=language-] .line.highlighted {
  transition: background-color var(--vp-t-color);
}

:root {
  --code-c-text: #383a42;
  --code-c-bg: #ecf4fa;
  --code-c-highlight-bg: rgb(215.75625, 233.00625, 245.94375);
  --code-c-line-number: rgba(56, 58, 66, 0.67);
}

[data-theme=dark] {
  --code-c-text: #abb2bf;
  --code-c-bg: #282c34;
  --code-c-highlight-bg: rgb(46.6326086957, 53.1775362319, 66.2673913043);
  --code-c-line-number: rgba(171, 178, 191, 0.67);
}

.vp-external-link-icon::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: -1px;
  margin-inline-start: 4px;
  background: var(--external-link-c-icon);
  -webkit-mask-image: var(--external-link-icon);
          mask-image: var(--external-link-icon);
}

.external-link-icon .external-link:not(.no-external-link-icon)::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: -1px;
  margin-inline-start: 4px;
  background: var(--external-link-c-icon);
  -webkit-mask-image: var(--external-link-icon);
          mask-image: var(--external-link-icon);
}
.external-link-icon [vp-content] a[href*="://"]:not(.no-external-link-icon)::after,
.external-link-icon [vp-content] a[target=_blank]:not(.no-external-link-icon)::after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 11px;
  height: 11px;
  margin-top: -1px;
  margin-inline-start: 4px;
  background: var(--external-link-c-icon);
  -webkit-mask-image: var(--external-link-icon);
          mask-image: var(--external-link-icon);
}

@media print {
  [vp-content] {
    margin: 0 !important;
    padding-inline: 0 !important;
  }
}
[vp-content].custom {
  margin: 0;
  padding: 0;
}
[vp-content]:not(.custom) {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 2.5rem;
}
@media (max-width: 959px) {
  [vp-content]:not(.custom) {
    padding: 1.5rem;
  }
}
@media (max-width: 419px) {
  [vp-content]:not(.custom) {
    padding: 1rem 1.5rem;
  }
}
@media print {
  [vp-content]:not(.custom) {
    max-width: unset;
  }
}
[vp-content]:not(.custom) {
  padding-top: 0;
}
[vp-content]:not(.custom) #markdown-content > h1,
[vp-content]:not(.custom) #markdown-content > h2,
[vp-content]:not(.custom) #markdown-content > h3,
[vp-content]:not(.custom) #markdown-content > h4,
[vp-content]:not(.custom) #markdown-content > h5,
[vp-content]:not(.custom) #markdown-content > h6 {
  margin-top: calc(0.5rem - var(--navbar-height));
  margin-bottom: 0.5rem;
  padding-top: calc(1rem + var(--navbar-height));
  outline: none;
}
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h1,
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h2,
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h3,
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h4,
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h5,
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h6 {
  margin-top: 1.5rem;
  padding-top: 0;
}
.theme-container.no-navbar [vp-content]:not(.custom) #markdown-content > h2:first-child {
  padding-top: 0 !important;
}
[vp-content]:not(.custom) #markdown-content > p,
[vp-content]:not(.custom) #markdown-content > ul p,
[vp-content]:not(.custom) #markdown-content > ol p {
  text-align: justify;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 419px) {
  [vp-content]:not(.custom) #markdown-content > p,
  [vp-content]:not(.custom) #markdown-content > ul p,
  [vp-content]:not(.custom) #markdown-content > ol p {
    text-align: start;
  }
}
@media print {
  [vp-content]:not(.custom) #markdown-content > p,
  [vp-content]:not(.custom) #markdown-content > ul p,
  [vp-content]:not(.custom) #markdown-content > ol p {
    text-align: start;
  }
}
[vp-content] a:not(.header-anchor):hover {
  text-decoration: underline;
}
[vp-content] img {
  max-width: 100%;
}
[vp-content] table img {
  max-width: unset;
}

:root {
  scrollbar-width: thin;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (min-width: 1920px) {
  :root {
    --content-width: var(--wide-content-width);
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track-piece {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: var(--vp-c-accent-bg);
}
::-webkit-scrollbar-thumb:active {
  background: var(--vp-c-accent-hover);
}

@media (max-width: 719px) {
  .hide-in-mobile {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .hide-in-pad {
    display: none !important;
  }
}

.vp-catalog-title .vp-icon,
.vp-catalog-sub-title .vp-icon {
  margin-inline-end: 0.25rem;
}

[vp-comment] {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 2rem 2.5rem;
}
@media (max-width: 959px) {
  [vp-comment] {
    padding: 1.5rem;
  }
}
@media (max-width: 419px) {
  [vp-comment] {
    padding: 1rem 1.5rem;
  }
}
@media print {
  [vp-comment] {
    max-width: unset;
  }
}

#docsearch-container {
  min-width: 145.7px !important;
}
@media (max-width: 959px) {
  #docsearch-container {
    min-width: 36px !important;
  }
}

.DocSearch.DocSearch-Button {
  margin-left: 0;
}
@media (max-width: 959px) {
  .DocSearch.DocSearch-Button {
    min-width: 36px !important;
  }
}
.DocSearch .DocSearch-Button-Placeholder {
  display: inline-block;
  padding-block: 4px;
  padding-inline: 6px 12px;
  font-size: 14px;
}
@media (max-width: 719px) {
  .DocSearch .DocSearch-Button-Placeholder {
    display: none;
  }
}
.DocSearch .DocSearch-Search-Icon {
  width: 1.25em;
  height: 1.25em;
}
@media (max-width: 959px) {
  .DocSearch .DocSearch-Button-Keys {
    display: none;
  }
}
.DocSearch .DocSearch-Button-Key {
  background: var(--vp-c-bg);
  box-shadow: none;
}

:root {
  --fa-fw-width: 1em;
}

@media (max-width: 419px) {
  .hint-container {
    margin-inline: -0.75rem;
  }
}

.vp-breadcrumb {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-breadcrumb {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-breadcrumb {
    max-width: unset;
  }
}
.vp-breadcrumb {
  position: relative;
  z-index: 2;
  padding-top: 1rem;
  font-size: 15px;
}
@media (max-width: 959px) {
  .vp-breadcrumb {
    font-size: 14px;
  }
}
@media (max-width: 419px) {
  .vp-breadcrumb {
    padding-top: 0.5rem;
    font-size: 12.8px;
  }
}
@media print {
  .vp-breadcrumb {
    display: none;
  }
}
.vp-breadcrumb .vp-icon {
  margin-inline-end: 0.25em;
}
.vp-breadcrumb a {
  display: inline-block;
  padding: 0 0.5em;
}
.vp-breadcrumb a::before {
  position: relative;
  bottom: 0.125rem;
  margin-inline-end: 0.25em;
}
.vp-breadcrumb a:hover {
  color: var(--vp-c-accent);
}
.vp-breadcrumb ol {
  margin: 0;
  padding-inline-start: 0;
  list-style: none;
}
.vp-breadcrumb li {
  display: inline-block;
  line-height: 1.5;
}
.vp-breadcrumb li:first-child a {
  padding-inline-start: 0;
}
.vp-breadcrumb li:last-child a {
  padding-inline-end: 0;
}
.vp-breadcrumb li.is-active a {
  color: var(--vp-c-text-mute);
  cursor: default;
  pointer-events: none;
}
.vp-breadcrumb li + li::before {
  content: "/";
  color: var(--vp-c-text-mute);
}

.toggle-sidebar-wrapper {
  position: fixed;
  inset-inline-start: var(--sidebar-space);
  top: var(--navbar-height);
  bottom: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  transition: inset-inline-start var(--vp-t-transform);
}
@media (max-width: 719px) {
  .toggle-sidebar-wrapper {
    display: none;
  }
}
@media (min-width: 1440px) {
  .toggle-sidebar-wrapper {
    display: none;
  }
}
@media print {
  .toggle-sidebar-wrapper {
    display: none;
  }
}
.toggle-sidebar-wrapper:hover {
  background: rgba(127, 127, 127, 0.05);
  cursor: pointer;
}
.toggle-sidebar-wrapper .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .toggle-sidebar-wrapper .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.toggle-sidebar-wrapper .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .toggle-sidebar-wrapper .arrow.down {
  transform: rotate(-180deg);
}
.toggle-sidebar-wrapper .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .toggle-sidebar-wrapper .arrow.end {
  transform: rotate(-90deg);
}
.toggle-sidebar-wrapper .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .toggle-sidebar-wrapper .arrow.start {
  transform: rotate(90deg);
}

.theme-container {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
}
.theme-container .vp-page {
  padding-top: var(--navbar-height);
  padding-inline-start: calc(var(--sidebar-space) + 2rem);
}
@media (max-width: 719px) {
  .theme-container .vp-page {
    padding-inline: 0;
  }
}
@media (min-width: 1440px) {
  .theme-container .vp-page {
    padding-inline-end: calc(100vw - var(--content-width) - var(--sidebar-space) - 6rem);
  }
}
.theme-container .vp-sidebar {
  top: var(--navbar-height);
}
.theme-container.no-navbar .vp-page {
  padding-top: 0;
}
.theme-container.no-navbar .vp-sidebar {
  top: 0;
}
@media (max-width: 719px) {
  .theme-container.no-navbar .vp-sidebar {
    top: 0;
  }
}
@media (max-width: 719px) {
  .theme-container.hide-navbar .vp-sidebar {
    top: 0;
  }
}
.theme-container.sidebar-collapsed .vp-page {
  padding-inline-start: 0;
}
.theme-container.sidebar-collapsed .vp-sidebar {
  box-shadow: none;
  transform: translateX(-100%);
}
[dir=rtl] .theme-container.sidebar-collapsed .vp-sidebar {
  transform: translateX(100%);
}
.theme-container.sidebar-collapsed .toggle-sidebar-wrapper {
  inset-inline-start: 0;
}
.theme-container.no-sidebar .vp-page {
  padding-inline: 0;
}
@media (min-width: 1440px) {
  .theme-container.no-sidebar.has-toc .vp-page {
    padding-inline-end: 16rem;
  }
}
.theme-container.no-sidebar .vp-toggle-sidebar-button,
.theme-container.no-sidebar .toggle-sidebar-wrapper {
  display: none;
}
.theme-container.no-sidebar .vp-sidebar {
  display: none;
}
.theme-container.sidebar-open .vp-sidebar {
  box-shadow: 2px 0 8px var(--vp-c-shadow);
  transform: translateX(0);
}

.vp-feature-wrapper {
  position: relative;
}

.vp-feature-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
}
.vp-feature-bg.light {
  display: inline-block;
}
.vp-feature-bg.dark {
  display: none;
}
[data-theme=dark] .vp-feature-bg.light {
  display: none;
}
[data-theme=dark] .vp-feature-bg.dark {
  display: inline-block;
}

.vp-feature {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 1.5rem 1rem;
  color: var(--vp-c-text-mute);
  text-align: center;
}
.vp-feature-bg + .vp-feature {
  color: #222;
}
[data-theme=dark] .vp-feature-bg + .vp-feature {
  color: #eee;
}
.vp-feature-bg + .vp-feature .vp-icon {
  color: inherit;
}

.vp-feature-image {
  height: 10rem;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .vp-feature-image {
    height: 8rem;
  }
}
.vp-feature-image.light {
  display: inline-block;
}
.vp-feature-image.dark {
  display: none;
}
[data-theme=dark] .vp-feature-image.light {
  display: none;
}
[data-theme=dark] .vp-feature-image.dark {
  display: inline-block;
}

.vp-feature-header {
  margin-bottom: 1.5rem;
  border-bottom: none;
  font-size: 3rem;
  font-family: var(--vp-font);
  text-align: center;
}
@media (max-width: 959px) {
  .vp-feature-header {
    font-size: 2.5rem;
  }
}
@media (max-width: 719px) {
  .vp-feature-header {
    font-size: 2.25rem;
  }
}
@media (max-width: 419px) {
  .vp-feature-header {
    font-size: 2rem;
  }
}

.vp-feature-description {
  margin: 1rem 0;
  font-size: 1.125rem;
}

.vp-features {
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  place-content: stretch center;
  align-items: stretch;
  margin: 1rem 0;
  text-align: start;
}
@media print {
  .vp-features {
    display: block;
  }
}
.vp-features:first-child {
  border-top: 1px solid var(--vp-c-border);
}

.vp-feature-item {
  position: relative;
  display: block;
  flex-basis: calc(33% - 3rem);
  margin: 0.5rem;
  padding: 1rem;
  border-radius: 0.5rem;
  color: inherit;
  transition: background var(--vp-t-color), box-shadow var(--vp-t-transform), transform var(--vp-t-transform);
}
@media (min-width: 1440px) {
  .vp-feature-item {
    flex-basis: calc(25% - 3rem);
  }
}
@media (max-width: 959px) {
  .vp-feature-item {
    flex-basis: calc(50% - 3rem);
  }
}
@media (max-width: 719px) {
  .vp-feature-item {
    flex-basis: 100%;
    font-size: 0.95rem;
  }
}
@media (max-width: 419px) {
  .vp-feature-item {
    margin: 0.5rem 0;
    font-size: 0.9rem;
  }
}
.vp-feature-item.link {
  cursor: pointer;
  transition: transform var(--vp-t-transform);
}
@media print {
  .vp-feature-item.link {
    text-decoration: none;
  }
}
.vp-feature-item.link:hover {
  background-color: var(--vp-c-grey-soft);
}
.vp-feature-bg + .vp-feature .vp-feature-item.link:hover {
  background-color: transparent;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.vp-feature-item.link:hover::before {
  content: "➜";
  display: block;
  float: right;
}
.vp-feature-item.link:active {
  transform: scale(0.96);
}
.vp-feature-item .vp-icon {
  display: inline-block;
  height: 1.1em;
  margin-inline-end: 0.5rem;
  color: var(--vp-c-accent);
  font-weight: normal;
  font-size: 1.1em;
}
.vp-feature-item:only-child {
  flex-basis: 100%;
}
.vp-feature-item:first-child:nth-last-child(2), .vp-feature-item:nth-child(2):last-child {
  flex-basis: calc(50% - 3rem);
}
@media (max-width: 719px) {
  .vp-feature-item:first-child:nth-last-child(2), .vp-feature-item:nth-child(2):last-child {
    flex-basis: 100%;
  }
}

.vp-feature-title {
  margin: 0.25rem 0 0.5rem;
  font-weight: bold;
  font-size: 1.3rem;
  font-family: var(--vp-font);
}
@media (max-width: 419px) {
  .vp-feature-title {
    font-size: 1.2rem;
  }
}

.vp-feature-details {
  margin: 0;
  line-height: 1.4;
}

.vp-hero-slide-down-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: calc(50vw - 30px);
  display: none;
  width: 60px;
  height: 60px;
  padding: 10px;
}
.hero-fullscreen .vp-hero-slide-down-button {
  display: block;
}
.vp-hero-slide-down-button .slide-down-icon {
  width: 30px;
  margin: -15px 0;
  animation-name: bounce-down;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
.vp-hero-slide-down-button .slide-down-icon:first-child {
  color: rgba(255, 255, 255, 0.15);
}
.vp-hero-slide-down-button .slide-down-icon:last-child {
  color: rgba(255, 255, 255, 0.5);
}

/* stylelint-disable order/order */
/* responsive breakpoints */
/* theme color */
/* Color list */
/* Code Block */
/* stylelint-disable scss/dollar-variable-pattern */
.vp-hero-info-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.vp-hero-info-wrapper.hero-fullscreen {
  height: calc(100vh - var(--navbar-height)) !important;
}
.vp-hero-info {
  z-index: 1;
  width: 100%;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-hero-info {
    padding-inline: 1.5rem;
  }
}
@media (min-width: 959px) {
  .vp-hero-info {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }
}
.vp-hero-mask {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: 50%;
  background-size: cover;
}
.vp-hero-mask::after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}
.vp-hero-mask.light {
  display: block;
}
[data-theme=dark] .vp-hero-mask.light {
  display: none;
}
.vp-hero-mask.dark {
  display: none;
}
[data-theme=dark] .vp-hero-mask.dark {
  display: block;
}
.vp-hero-infos {
  z-index: 1;
  margin: 0 0.5rem;
}
.vp-hero-image {
  display: block;
  max-width: 100%;
  max-height: 18rem;
  margin: 1rem;
}
@media (max-width: 959px) {
  .vp-hero-image {
    margin: 2rem auto;
  }
}
@media (max-width: 719px) {
  .vp-hero-image {
    max-height: 16rem;
    margin: 1.5rem auto;
  }
}
@media (max-width: 419px) {
  .vp-hero-image {
    max-height: 14rem;
  }
}
.vp-hero-image.light {
  display: block;
}
[data-theme=dark] .vp-hero-image.light {
  display: none;
}
.vp-hero-image.dark {
  display: none;
}
[data-theme=dark] .vp-hero-image.dark {
  display: block;
}
.vp-hero-title {
  margin: 0.5rem 0;
  background: linear-gradient(120deg, var(--vp-c-accent-hover), var(--vp-c-accent) 30%, rgb(143.7916666667, 159.4930555556, 19.0069444444) 100%);
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: bold;
  font-size: 3.6rem;
  font-family: var(--vp-font);
  line-height: 1.5;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 719px) {
  .vp-hero-title {
    margin: 0;
  }
}
@media (max-width: 959px) {
  .vp-hero-title {
    font-size: 2.5rem;
    text-align: center;
  }
}
@media (max-width: 719px) {
  .vp-hero-title {
    font-size: 2.25rem;
    text-align: center;
  }
}
@media (max-width: 419px) {
  .vp-hero-title {
    margin: 0 auto;
    font-size: 2rem;
  }
}
.vp-hero-title [data-theme=dark] {
  background: linear-gradient(120deg, var(--vp-c-accent-hover), var(--vp-c-accent) 30%, rgb(210.375, 230.5625, 49.9375) 100%);
}

#main-description,
.vp-hero-actions {
  margin: 1.8rem 0;
}
@media (max-width: 719px) {
  #main-description,
  .vp-hero-actions {
    margin: 1.5rem 0;
  }
}
@media (max-width: 959px) {
  #main-description,
  .vp-hero-actions {
    margin: 1.5rem auto;
    text-align: center;
  }
}
@media (max-width: 419px) {
  #main-description,
  .vp-hero-actions {
    margin: 1.2rem 0;
  }
}

#main-description {
  max-width: 35rem;
  color: var(--vp-c-text-mute);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.3;
}
@media (max-width: 719px) {
  #main-description {
    font-size: 1.4rem;
  }
}
@media (max-width: 419px) {
  #main-description {
    font-size: 1.2rem;
  }
}

.vp-hero-action {
  display: inline-block;
  overflow: hidden;
  min-width: 4rem;
  margin: 0.5rem;
  padding: 0.5em 1.5rem;
  border-radius: 2rem;
  background: var(--vp-c-control);
  color: var(--vp-c-text);
  font-size: 1.2rem;
  text-align: center;
  transition: color var(--vp-t-color), color var(--vp-t-color), transform var(--vp-t-transform);
}
@media (max-width: 719px) {
  .vp-hero-action {
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 419px) {
  .vp-hero-action {
    font-size: 1rem;
  }
}
@media print {
  .vp-hero-action {
    text-decoration: none;
  }
}
.vp-hero-action:first-child {
  margin-inline-start: 0;
}
@media (max-width: 959px) {
  .vp-hero-action:first-child {
    margin-inline-start: 0.5rem;
  }
}
.vp-hero-action:hover {
  background: var(--vp-c-control-hover);
}
.vp-hero-action.primary {
  border-color: var(--vp-c-accent-bg);
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-white);
}
.vp-hero-action.primary:hover {
  border-color: var(--vp-c-accent-hover);
  background: var(--vp-c-accent-hover);
}
.theme-container:not(.pure) .vp-hero-action:active {
  transform: scale(0.96);
}
.vp-hero-action .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-highlight-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vp-highlight-wrapper:nth-child(odd) .vp-highlight {
  flex-flow: row-reverse;
}

.vp-highlight {
  z-index: 1;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  max-width: var(--home-page-width);
  margin: 0 auto;
  padding: 1.5rem 2.5rem;
}
@media (max-width: 719px) {
  .vp-highlight {
    display: block;
    padding-inline: 1.5rem;
    text-align: center;
  }
}

.vp-highlight-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-attachment: fixed;
  background-position: 50%;
  background-size: cover;
}
.vp-highlight-bg.light {
  display: inline-block;
}
.vp-highlight-bg.dark {
  display: none;
}
[data-theme=dark] .vp-highlight-bg.light {
  display: none;
}
[data-theme=dark] .vp-highlight-bg.dark {
  display: inline-block;
}

.vp-highlight-image {
  width: 12rem;
  margin: 2rem 4rem;
}
@media (max-width: 959px) {
  .vp-highlight-image {
    width: 10rem;
  }
}
@media (max-width: 719px) {
  .vp-highlight-image {
    width: 8rem;
    margin: 0 auto;
  }
}
.vp-highlight-image.light {
  display: inline-block;
}
.vp-highlight-image.dark {
  display: none;
}
[data-theme=dark] .vp-highlight-image.light {
  display: none;
}
[data-theme=dark] .vp-highlight-image.dark {
  display: inline-block;
}

.vp-highlight-info-wrapper {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 2rem;
}
@media (max-width: 719px) {
  .vp-highlight-info-wrapper {
    padding: 1rem 0;
  }
}
.vp-highlight-info-wrapper:only-child {
  flex: 1 0 100%;
}

.vp-highlight-info {
  text-align: start;
}

.vp-highlight-header {
  margin-bottom: 1.5rem;
  border-bottom: none;
  font-size: 3rem;
  font-family: var(--vp-font);
}
@media (max-width: 959px) {
  .vp-highlight-header {
    font-size: 2.5rem;
  }
}
@media (max-width: 719px) {
  .vp-highlight-header {
    font-size: 2.25rem;
    text-align: center;
  }
}
@media (max-width: 419px) {
  .vp-highlight-header {
    font-size: 2rem;
  }
}

.vp-highlight-description {
  margin: 1rem 0;
  font-size: 1.125rem;
}

.vp-highlights {
  margin-inline-start: -1.25em;
  padding-inline-start: 0;
}
.vp-highlights :not(pre) > code {
  color: var(--vp-c-text);
}

.vp-highlight-item-wrapper {
  position: relative;
  padding-block: 0.5em;
  padding-inline: 0.5em 1.75em;
  border-radius: 0.5rem;
  list-style: none;
}
.vp-highlight-item-wrapper.link {
  cursor: pointer;
  transition: transform var(--vp-t-transform);
}
.vp-highlight-item-wrapper.link:hover {
  background-color: var(--vp-c-bg-alt);
}
.vp-highlight-bg + .vp-highlight .vp-highlight-item-wrapper.link:hover {
  background-color: transparent;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.vp-highlight-item-wrapper.link:hover::before {
  content: "➜";
  display: block;
  float: right;
}
.vp-highlight-item-wrapper.link:active {
  transform: scale(0.96);
}
.vp-highlight-item-wrapper::marker {
  font-weight: bold;
}

.vp-highlight-item {
  display: list-item;
  color: inherit;
  list-style: initial;
}
@media print {
  .vp-highlight-item {
    text-decoration: none;
  }
}

.vp-highlight-title {
  margin: 0;
  font-weight: 600;
  font-size: 1.125rem;
  font-family: var(--vp-font);
}
.vp-highlight-title .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-highlight-details {
  margin: 0.5rem 0 0;
}

.vp-project-home {
  --content-width: var(--home-page-width);
  display: block;
  flex: 1;
  padding-top: var(--navbar-height);
}
@media screen {
  .vp-project-home .vp-hero-info-wrapper:not(.fullscreen) .vp-hero-info {
    max-width: var(--home-page-width);
  }
}
@media screen {
  .vp-project-home .vp-feature {
    max-width: var(--home-page-width);
  }
}
.vp-project-home [vp-content] {
  padding-bottom: 1.5rem !important;
}
.vp-project-home [vp-content]:has(#markdown-content:only-child:empty) {
  padding: 0 !important;
}

.is-focusing [vp-navbar] > *,
.is-focusing [vp-sidebar],
.is-focusing [vp-footer],
.is-focusing [vp-comment],
.is-focusing .vp-breadcrumb,
.is-focusing .vp-page-meta,
.is-focusing .vp-page-nav {
  opacity: 0.5;
  filter: blur(0.095rem);
  transition: filter 0.35s, opacity 0.35s;
}
@media (min-width: 1440px) {
  .is-focusing [vp-toc] {
    opacity: 0.5;
    filter: blur(0.095rem);
    transition: filter 0.35s, opacity 0.35s;
  }
}

.vp-page {
  display: block;
  flex-grow: 1;
  padding-bottom: 2rem;
  transition: padding var(--vp-t-transform);
}
@media print {
  .vp-page {
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.page-cover {
  width: var(--content-width);
  margin-inline: auto;
}
@media (max-width: 719px) {
  .page-cover {
    width: 100%;
  }
}
.page-cover img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-height: 25vh;
  border-radius: 0.5rem;
}
@media (max-width: 719px) {
  .page-cover img {
    border-radius: 0;
  }
}

.not-found-hint {
  padding: 2rem;
}
.not-found-hint .error-code {
  margin: 0;
  font-weight: bold;
  font-size: 4rem;
  line-height: 4rem;
}
.not-found-hint .error-title {
  font-weight: bold;
}
.not-found-hint .error-hint {
  margin: 0;
  padding: 12px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 2px;
}

.vp-page.not-found {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100vw;
  max-width: var(--home-page-width);
  margin: 0 auto;
  padding: calc(var(--navbar-height) + 1rem) 1rem 1rem !important;
  text-align: center;
}
.vp-page.not-found .action-button {
  display: inline-block;
  box-sizing: border-box;
  margin: 0.25rem;
  padding: 0.75rem 1rem;
  border-width: 0;
  border-radius: 3rem;
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-white);
  outline: none;
  font-size: 1rem;
  transition: background var(--vp-t-color);
}
.vp-page.not-found .action-button:hover {
  background: var(--vp-c-accent-hover);
  cursor: pointer;
}

.vp-footer-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  padding-block: 0.75rem;
  padding-inline: calc(var(--sidebar-space) + 2rem) 2rem;
  border-top: 1px solid var(--vp-c-border);
  background: var(--vp-c-bg);
  color: var(--vp-c-text-mute);
  text-align: center;
  transition: border-top-color var(--vp-t-color), background var(--vp-t-color), padding var(--vp-t-transform);
}
@media (max-width: 719px) {
  .vp-footer-wrapper {
    padding-inline-start: 2rem;
  }
}
@media (min-width: 1440px) {
  .vp-footer-wrapper {
    z-index: 50;
    padding-inline-start: 2rem;
  }
}
@media print {
  .vp-footer-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 419px) {
  .vp-footer-wrapper {
    display: block;
  }
}
.no-sidebar .vp-footer-wrapper, .sidebar-collapsed .vp-footer-wrapper {
  padding-inline-start: 2rem;
}

.vp-footer {
  margin: 0.5rem 1rem;
  font-size: 14px;
}
@media print {
  .vp-footer {
    display: none;
  }
}

.vp-copyright {
  margin: 6px 0;
  font-size: 13px;
}

.vp-page:not(.not-found) + .vp-footer-wrapper {
  margin-top: -2rem;
}

.vp-page-nav {
  display: flex;
  flex-wrap: wrap;
  max-width: var(--content-width);
  min-height: 2rem;
  margin-inline: auto;
  margin-top: 0;
  padding-block: 0.5rem;
  padding-inline: 2rem;
  border-top: 1px solid var(--vp-c-border);
}
@media (max-width: 959px) {
  .vp-page-nav {
    padding-inline: 1rem;
  }
}
@media print {
  .vp-page-nav {
    display: none;
  }
}
.vp-page-nav .auto-link {
  display: inline-block;
  flex-grow: 1;
  margin: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--vp-c-border);
  border-radius: 0.25rem;
}
.vp-page-nav .auto-link:hover {
  background: var(--vp-c-control);
}
.vp-page-nav .auto-link .hint {
  color: var(--vp-c-text-mute);
  font-size: 0.875rem;
  line-height: 2;
}
.vp-page-nav .auto-link .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
  font-size: 0.75rem;
}
[data-theme=dark] .vp-page-nav .auto-link .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-page-nav .auto-link .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-page-nav .auto-link .arrow.down {
  transform: rotate(-180deg);
}
.vp-page-nav .auto-link .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-page-nav .auto-link .arrow.end {
  transform: rotate(-90deg);
}
.vp-page-nav .auto-link .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-page-nav .auto-link .arrow.start {
  transform: rotate(90deg);
}
.vp-page-nav .prev {
  text-align: start;
}
.vp-page-nav .prev .vp-icon {
  margin-inline-end: 0.25em;
}
.vp-page-nav .next {
  text-align: end;
}
.vp-page-nav .next .vp-icon {
  margin-inline-start: 0.25em;
}

.vp-page-title {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-page-title {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-page-title {
    max-width: unset;
  }
}
.vp-page-title {
  position: relative;
  z-index: 1;
  padding-top: 1rem;
  padding-bottom: 0;
}
@media print {
  .vp-page-title {
    padding-inline: 0 !important;
  }
}
@media (max-width: 959px) {
  .vp-page-title {
    padding-top: 0.5rem;
  }
}
.vp-page-title h1 {
  margin-top: calc(0px - var(--header-offset)) !important;
  margin-bottom: 1rem;
  padding-top: var(--header-offset) !important;
  font-size: 2.2rem;
}
@media (max-width: 959px) {
  .vp-page-title h1 {
    margin-bottom: 0.5rem;
  }
}
.vp-page-title h1 .vp-icon {
  margin-inline-end: 0.25em;
  color: var(--vp-c-accent);
}

[vp-content]:not(.custom) #markdown-content > h1:first-child {
  display: none;
}
[vp-content]:not(.custom) #markdown-content > h2:first-child {
  padding-top: var(--header-offset) !important;
}

@keyframes cursor-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.vp-portfolio {
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.vp-portfolio:not(.bg) {
  background: var(--vp-c-accent-soft);
}
.vp-portfolio:not(.bg)::after {
  content: "";
  position: absolute;
  inset-inline-start: -200px;
  top: -200px;
  z-index: -1;
  width: 1000px;
  height: 1000px;
  border-radius: 50%;
  background-color: var(--vp-c-white);
}
@media (max-width: 959px) {
  .vp-portfolio:not(.bg)::after {
    display: none;
  }
}
.vp-portfolio-mask {
  position: absolute;
  inset: 0;
}
.vp-portfolio-mask::after {
  content: " ";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background: #888;
  opacity: 0.2;
}
.vp-portfolio-mask.light {
  display: block;
}
[data-theme=dark] .vp-portfolio-mask.light {
  display: none;
}
.vp-portfolio-mask.dark {
  display: none;
}
[data-theme=dark] .vp-portfolio-mask.dark {
  display: block;
}
.vp-portfolio-avatar {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: end;
  justify-content: center;
  width: 50vw;
  height: 100vh;
  border-radius: 10px;
}
@media (min-width: 1440px) {
  .vp-portfolio-avatar {
    width: 60vw;
  }
}
@media (max-width: 959px) {
  .vp-portfolio-avatar {
    width: 100vw;
  }
}
.vp-portfolio-avatar img {
  max-height: 93vh;
}
.vp-portfolio-avatar img.light {
  display: block;
}
[data-theme=dark] .vp-portfolio-avatar img.light {
  display: none;
}
.vp-portfolio-avatar img.dark {
  display: none;
}
[data-theme=dark] .vp-portfolio-avatar img.dark {
  display: block;
}
.vp-portfolio-container {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  min-height: 100vh;
  padding-top: 120px;
  padding-bottom: 70px;
}
.vp-portfolio-info {
  position: relative;
  flex: 0 0 50%;
  box-sizing: border-box;
  max-width: 50%;
  padding: 0 25px;
}
@media (max-width: 959px) {
  .vp-portfolio-info {
    position: absolute;
    right: 15px;
    bottom: 15px;
    left: 15px;
    flex: 0 0 100%;
    max-width: unset;
    padding: 2rem 1.5rem;
    border-radius: 0.5rem;
    background: var(--vp-c-bg-soft);
    text-align: center;
  }
}
.vp-portfolio-info .vp-social-medias {
  justify-content: start;
}
@media (max-width: 959px) {
  .vp-portfolio-info .vp-social-medias {
    justify-content: center;
  }
}
.vp-portfolio-welcome {
  margin: 0 0 10px;
  padding: 0;
  color: var(--vp-c-accent);
  font-weight: 600;
  font-size: 28px;
}
@media (max-width: 959px) {
  .vp-portfolio-welcome {
    font-size: 18px;
  }
}
.vp-portfolio-name {
  margin: 0 0 10px;
  padding: 0;
  color: var(--vp-c-black);
  font-weight: bold;
  font-size: 64px;
}
@media (min-width: 1440px) {
  .vp-portfolio-name {
    font-size: 72px;
  }
}
@media (max-width: 959px) {
  .vp-portfolio-name {
    font-size: 36px;
  }
}
.vp-portfolio-title {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: none;
  color: var(--vp-c-accent);
  font-weight: 600;
  font-size: 25px;
}
@media (max-width: 959px) {
  .vp-portfolio-title {
    font-size: 18px;
  }
}
.vp-portfolio-title::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 2px;
  height: 1.3em;
  background: var(--vp-c-accent-bg);
  animation-name: cursor-blink;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.vp-portfolio-medias {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
}
@media (min-width: 959px) {
  .vp-portfolio-medias {
    justify-content: flex-start;
  }
}
.vp-portfolio-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--vp-c-accent-bg);
  color: var(--vp-c-white);
  transition: ease all 0.35s;
}
.vp-portfolio-media:hover {
  background-color: var(--vp-c-accent-hover);
  cursor: pointer;
}
.vp-portfolio-media::after {
  --balloon-font-size: 10px;
  padding: 0.2em 0.4em !important;
}
.vp-portfolio-media + a {
  margin-inline-start: 5px;
}

[vp-content].vp-portfolio-content {
  --content-width: min(84%, 1200px);
  --header-underline: rgba(159.4930555556, 34.7083333333, 19.0069444444, 0.4);
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 1280px) {
  [vp-content].vp-portfolio-content {
    font-size: 18px;
  }
}
@media (max-width: 419px) {
  [vp-content].vp-portfolio-content {
    font-size: 14px;
  }
}
[data-theme=dark] [vp-content].vp-portfolio-content {
  --header-underline: rgba(230.5625, 70.125, 49.9375, 0.4);
}
[vp-content].vp-portfolio-content > h2,
[vp-content].vp-portfolio-content > h3,
[vp-content].vp-portfolio-content > h4,
[vp-content].vp-portfolio-content > h5,
[vp-content].vp-portfolio-content > h6 {
  margin-bottom: 1rem;
  border-bottom: none;
  text-align: center;
}
[vp-content].vp-portfolio-content > h2 {
  font-size: 2.5rem;
}
@media (max-width: 419px) {
  [vp-content].vp-portfolio-content > h2 {
    font-size: 2rem;
  }
}
[vp-content].vp-portfolio-content > h3 {
  font-size: 2rem;
}
@media (max-width: 419px) {
  [vp-content].vp-portfolio-content > h3 {
    font-size: 1.75rem;
  }
}
[vp-content].vp-portfolio-content > p {
  align-self: stretch;
}
[vp-content].vp-portfolio-content .header-anchor > span {
  background: linear-gradient(var(--header-underline), var(--header-underline)) no-repeat;
  background-position: -0.1em calc(100% - 0.05em);
  background-size: calc(100% + 0.1em) 0.2em;
  text-shadow: 0.05em 0 var(--vp-c-bg), -0.05em 0 var(--vp-c-bg);
}
[vp-content].vp-portfolio-content .header-anchor > span::before, [vp-content].vp-portfolio-content .header-anchor > span::after {
  content: "";
  position: relative;
  bottom: 0.05em;
  display: inline-block;
  vertical-align: text-bottom;
  width: 0.1em;
  height: 0.2em;
  background-color: var(--header-underline);
}
[vp-content].vp-portfolio-content .header-anchor > span::before {
  inset-inline-start: -0.1em;
  border-radius: 0.2em 0 0 0.2em;
}
[vp-content].vp-portfolio-content .header-anchor > span::after {
  inset-inline-end: -0.1em;
  border-radius: 0 0.2em 0.2em 0;
}

.vp-skip-link {
  inset-inline-start: 0.25rem;
  top: 0.25rem;
  z-index: 999;
  padding: 0.65rem 1.5rem;
  border-radius: 0.5rem;
  background: var(--vp-c-bg);
  color: var(--vp-c-accent);
  box-shadow: var(--vp-c-shadow);
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}
@media print {
  .vp-skip-link {
    display: none;
  }
}
.vp-skip-link:focus {
  clip-path: none;
  clip: auto;
  width: auto;
  height: auto;
}

.page-author-item {
  display: inline-block;
  margin: 0 4px;
  font-weight: normal;
  overflow-wrap: break-word;
}

.page-category-info {
  flex-wrap: wrap;
}

.page-category-item {
  display: inline-block;
  margin: 0.125em 0.25em;
  padding: 0 0.25em;
  border-radius: 0.25em;
  background: var(--vp-c-grey-soft);
  color: var(--vp-c-text-mute);
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 2;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}
@media print {
  .page-category-item {
    padding: 0;
    font-weight: normal;
  }
  .page-category-item::after {
    content: ", ";
  }
  .page-category-item:last-of-type::after {
    content: "";
  }
}
.page-category-item.clickable {
  cursor: pointer;
}
.page-category-item.clickable:not([class*=color]):hover {
  color: var(--vp-c-accent-hover);
}
.page-category-item.color0 {
  background: rgb(252.6123893805, 228.9876106195, 230.8725663717);
  color: rgb(235.8991150442, 46.9008849558, 61.9805309735);
}
[data-theme=dark] .page-category-item.color0 {
  background: rgb(51.75, 4.75, 8.5);
  color: rgb(186.3, 17.1, 30.6);
}
.page-category-item.color0.clickable:hover {
  background: rgb(249.0309734513, 189.9690265487, 194.6814159292);
}
[data-theme=dark] .page-category-item.color0.clickable:hover {
  background: rgb(82.8, 7.6, 13.6);
}
.page-category-item.color1 {
  background: rgb(254.5, 237.9, 232.3);
  color: rgb(251, 118.2, 73.4);
}
[data-theme=dark] .page-category-item.color1 {
  background: rgb(68.0021551724, 18.2737068966, 1.4978448276);
  color: rgb(244.8077586207, 65.7853448276, 5.3922413793);
}
.page-category-item.color1.clickable:hover {
  background: rgb(253.75, 212.25, 198.25);
}
[data-theme=dark] .page-category-item.color1.clickable:hover {
  background: rgb(108.8034482759, 29.2379310345, 2.3965517241);
}
.page-category-item.color2 {
  background: rgb(253.8, 245.1, 231.3);
  color: rgb(245.4, 175.8, 65.4);
}
[data-theme=dark] .page-category-item.color2 {
  background: rgb(62.1054216867, 39.3072289157, 3.1445783133);
  color: rgb(223.5795180723, 141.5060240964, 11.3204819277);
}
.page-category-item.color2.clickable:hover {
  background: rgb(252, 230.25, 195.75);
}
[data-theme=dark] .page-category-item.color2.clickable:hover {
  background: rgb(99.3686746988, 62.8915662651, 5.0313253012);
}
.page-category-item.color3 {
  background: rgb(233.784, 250.216, 240.752);
  color: rgb(85.272, 216.728, 141.016);
}
[data-theme=dark] .page-category-item.color3 {
  background: rgb(11.5, 51, 28.25);
  color: rgb(41.4, 183.6, 101.7);
}
.page-category-item.color3.clickable:hover {
  background: rgb(201.96, 243.04, 219.38);
}
[data-theme=dark] .page-category-item.color3.clickable:hover {
  background: rgb(18.4, 81.6, 45.2);
}
.page-category-item.color4 {
  background: rgb(229.8415841584, 249.3584158416, 238.0752475248);
  color: rgb(53.7326732673, 209.8673267327, 119.601980198);
}
[data-theme=dark] .page-category-item.color4 {
  background: rgb(9.25, 41.25, 22.75);
  color: rgb(33.3, 148.5, 81.9);
}
.page-category-item.color4.clickable:hover {
  background: rgb(192.103960396, 240.896039604, 212.6881188119);
}
[data-theme=dark] .page-category-item.color4.clickable:hover {
  background: rgb(14.8, 66, 36.4);
}
.page-category-item.color5 {
  background: rgb(225.0082872928, 252.0917127072, 252.0917127072);
  color: rgb(21.8165745856, 224.9834254144, 224.9834254144);
}
[data-theme=dark] .page-category-item.color5 {
  background: rgb(4, 41.25, 41.25);
  color: rgb(14.4, 148.5, 148.5);
}
.page-category-item.color5.clickable:hover {
  background: rgb(180.020718232, 247.729281768, 247.729281768);
}
[data-theme=dark] .page-category-item.color5.clickable:hover {
  background: rgb(6.4, 66, 66);
}
.page-category-item.color6 {
  background: rgb(227.7309734513, 240.2973451327, 253.8690265487);
  color: rgb(36.8477876106, 137.3787610619, 245.9522123894);
}
[data-theme=dark] .page-category-item.color6 {
  background: rgb(2.25, 27.25, 54.25);
  color: rgb(8.1, 98.1, 195.3);
}
.page-category-item.color6.clickable:hover {
  background: rgb(186.8274336283, 218.2433628319, 252.1725663717);
}
[data-theme=dark] .page-category-item.color6.clickable:hover {
  background: rgb(3.6, 43.6, 86.8);
}
.page-category-item.color7 {
  background: rgb(246.5, 240.6, 252.8);
  color: rgb(187, 139.8, 237.4);
}
[data-theme=dark] .page-category-item.color7 {
  background: rgb(41.9638554217, 11.3975903614, 74.6024096386);
  color: rgb(152.3855421687, 81.1590361446, 228.4409638554);
}
.page-category-item.color7.clickable:hover {
  background: rgb(233.75, 219, 249.5);
}
[data-theme=dark] .page-category-item.color7.clickable:hover {
  background: rgb(67.1421686747, 18.2361445783, 119.3638554217);
}
.page-category-item.color8 {
  background: rgb(253, 234.2, 244.5);
  color: rgb(239, 88.6, 171);
}
[data-theme=dark] .page-category-item.color8 {
  background: rgb(64.3157894737, 6.1842105263, 38.0328947368);
  color: rgb(231.5368421053, 22.2631578947, 136.9184210526);
}
.page-category-item.color8.clickable:hover {
  background: rgb(250, 203, 228.75);
}
[data-theme=dark] .page-category-item.color8.clickable:hover {
  background: rgb(102.9052631579, 9.8947368421, 60.8526315789);
}

.page-original-info {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 0.5em;
  border: 0.5px solid var(--vp-c-border-hard);
  border-radius: 0.75em;
  background: var(--vp-c-bg);
  font-size: 0.75em;
  line-height: 1.5 !important;
}

.page-info {
  display: flex;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: center;
  color: var(--vp-c-text-mute);
  font-size: 0.875rem;
}
@media print {
  .page-info {
    display: flex !important;
  }
}
.page-info > span {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin-inline-end: 0.5em;
  line-height: 2;
}
@media (min-width: 1440px) {
  .page-info > span {
    font-size: 1.1em;
  }
}
@media (max-width: 419px) {
  .page-info > span {
    margin-inline-end: 0.3em;
    font-size: 0.875em;
  }
}
@media print {
  .page-info > span {
    display: flex !important;
  }
}
.page-info .icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.25em;
}
.page-info a {
  color: inherit;
}
.page-info a:hover, .page-info a:active {
  color: var(--vp-c-accent);
}

.vp-page-meta {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-page-meta {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-page-meta {
    max-width: unset;
  }
}
.vp-page-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media print {
  .vp-page-meta {
    margin: 0 !important;
    padding-inline: 0 !important;
  }
}
@media (max-width: 719px) {
  .vp-page-meta {
    display: block;
  }
}
.vp-page-meta .vp-meta-item {
  flex-grow: 1;
}
.vp-page-meta .vp-meta-item .vp-meta-label {
  font-weight: 500;
}
.vp-page-meta .vp-meta-item .vp-meta-label:not(a) {
  color: var(--vp-c-text);
}
.vp-page-meta .vp-meta-item .vp-meta-info {
  color: var(--vp-c-text-mute);
  font-weight: 400;
}
.vp-page-meta .git-info {
  text-align: end;
}
.vp-page-meta .edit-link {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-inline-end: 0.5rem;
  font-size: 14px;
}
@media print {
  .vp-page-meta .edit-link {
    display: none;
  }
}
.vp-page-meta .edit-link .icon {
  position: relative;
  bottom: -0.125em;
  width: 1em;
  height: 1em;
  margin-inline-end: 0.25em;
}
.vp-page-meta .update-time,
.vp-page-meta .contributors {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 14px;
}
@media (max-width: 719px) {
  .vp-page-meta .update-time,
  .vp-page-meta .contributors {
    font-size: 13px;
    text-align: start;
  }
}

.print-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  border-radius: 0.25em;
  color: inherit;
  font-size: 1rem;
  transform: translateY(0.25rem);
}
@media print {
  .print-button {
    display: none;
  }
}

.page-tag-info {
  flex-wrap: wrap;
}

.page-tag-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  min-width: 1.5rem;
  margin: 0.125rem;
  padding: 0.125rem 0.25rem 0.125rem 0.625rem;
  background: var(--vp-c-grey-soft);
  background: linear-gradient(135deg, transparent 0.75em, var(--vp-c-grey-soft) 0) top, linear-gradient(45deg, transparent 0.75em, var(--vp-c-grey-soft) 0) bottom;
  background-size: 100% 52% !important;
  background-repeat: no-repeat !important;
  color: var(--vp-c-text-mute);
  font-weight: bold;
  font-size: 0.625rem;
  line-height: 1.5;
  text-align: center;
  transition: background var(--vp-t-color), color var(--vp-t-color);
}
@media print {
  .page-tag-item {
    padding: 0;
    font-weight: normal;
  }
  .page-tag-item::after {
    content: ", ";
  }
  .page-tag-item:last-of-type::after {
    content: "";
  }
}
.page-tag-item.clickable {
  cursor: pointer;
}
.page-tag-item.clickable:not([class*=color]):hover {
  color: var(--vp-c-accent);
}
.page-tag-item.color0 {
  background: rgb(252.6123893805, 228.9876106195, 230.8725663717);
  background: linear-gradient(135deg, transparent 0.75em, rgb(252.6123893805, 228.9876106195, 230.8725663717) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(252.6123893805, 228.9876106195, 230.8725663717) 0) bottom;
  color: rgb(235.8991150442, 46.9008849558, 61.9805309735);
}
[data-theme=dark] .page-tag-item.color0 {
  background: rgb(51.75, 4.75, 8.5);
  background: linear-gradient(135deg, transparent 0.75em, rgb(51.75, 4.75, 8.5) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(51.75, 4.75, 8.5) 0) bottom;
  color: rgb(186.3, 17.1, 30.6);
}
.page-tag-item.color0.clickable:hover {
  background: rgb(249.0309734513, 189.9690265487, 194.6814159292);
  background: linear-gradient(135deg, transparent 0.75em, rgb(249.0309734513, 189.9690265487, 194.6814159292) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(249.0309734513, 189.9690265487, 194.6814159292) 0) bottom;
}
[data-theme=dark] .page-tag-item.color0.clickable:hover {
  background: rgb(82.8, 7.6, 13.6);
  background: linear-gradient(135deg, transparent 0.75em, rgb(82.8, 7.6, 13.6) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(82.8, 7.6, 13.6) 0) bottom;
}
.page-tag-item.color1 {
  background: rgb(254.5, 237.9, 232.3);
  background: linear-gradient(135deg, transparent 0.75em, rgb(254.5, 237.9, 232.3) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(254.5, 237.9, 232.3) 0) bottom;
  color: rgb(251, 118.2, 73.4);
}
[data-theme=dark] .page-tag-item.color1 {
  background: rgb(68.0021551724, 18.2737068966, 1.4978448276);
  background: linear-gradient(135deg, transparent 0.75em, rgb(68.0021551724, 18.2737068966, 1.4978448276) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(68.0021551724, 18.2737068966, 1.4978448276) 0) bottom;
  color: rgb(244.8077586207, 65.7853448276, 5.3922413793);
}
.page-tag-item.color1.clickable:hover {
  background: rgb(253.75, 212.25, 198.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(253.75, 212.25, 198.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(253.75, 212.25, 198.25) 0) bottom;
}
[data-theme=dark] .page-tag-item.color1.clickable:hover {
  background: rgb(108.8034482759, 29.2379310345, 2.3965517241);
  background: linear-gradient(135deg, transparent 0.75em, rgb(108.8034482759, 29.2379310345, 2.3965517241) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(108.8034482759, 29.2379310345, 2.3965517241) 0) bottom;
}
.page-tag-item.color2 {
  background: rgb(253.8, 245.1, 231.3);
  background: linear-gradient(135deg, transparent 0.75em, rgb(253.8, 245.1, 231.3) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(253.8, 245.1, 231.3) 0) bottom;
  color: rgb(245.4, 175.8, 65.4);
}
[data-theme=dark] .page-tag-item.color2 {
  background: rgb(62.1054216867, 39.3072289157, 3.1445783133);
  background: linear-gradient(135deg, transparent 0.75em, rgb(62.1054216867, 39.3072289157, 3.1445783133) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(62.1054216867, 39.3072289157, 3.1445783133) 0) bottom;
  color: rgb(223.5795180723, 141.5060240964, 11.3204819277);
}
.page-tag-item.color2.clickable:hover {
  background: rgb(252, 230.25, 195.75);
  background: linear-gradient(135deg, transparent 0.75em, rgb(252, 230.25, 195.75) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(252, 230.25, 195.75) 0) bottom;
}
[data-theme=dark] .page-tag-item.color2.clickable:hover {
  background: rgb(99.3686746988, 62.8915662651, 5.0313253012);
  background: linear-gradient(135deg, transparent 0.75em, rgb(99.3686746988, 62.8915662651, 5.0313253012) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(99.3686746988, 62.8915662651, 5.0313253012) 0) bottom;
}
.page-tag-item.color3 {
  background: rgb(233.784, 250.216, 240.752);
  background: linear-gradient(135deg, transparent 0.75em, rgb(233.784, 250.216, 240.752) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(233.784, 250.216, 240.752) 0) bottom;
  color: rgb(85.272, 216.728, 141.016);
}
[data-theme=dark] .page-tag-item.color3 {
  background: rgb(11.5, 51, 28.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(11.5, 51, 28.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(11.5, 51, 28.25) 0) bottom;
  color: rgb(41.4, 183.6, 101.7);
}
.page-tag-item.color3.clickable:hover {
  background: rgb(201.96, 243.04, 219.38);
  background: linear-gradient(135deg, transparent 0.75em, rgb(201.96, 243.04, 219.38) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(201.96, 243.04, 219.38) 0) bottom;
}
[data-theme=dark] .page-tag-item.color3.clickable:hover {
  background: rgb(18.4, 81.6, 45.2);
  background: linear-gradient(135deg, transparent 0.75em, rgb(18.4, 81.6, 45.2) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(18.4, 81.6, 45.2) 0) bottom;
}
.page-tag-item.color4 {
  background: rgb(229.8415841584, 249.3584158416, 238.0752475248);
  background: linear-gradient(135deg, transparent 0.75em, rgb(229.8415841584, 249.3584158416, 238.0752475248) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(229.8415841584, 249.3584158416, 238.0752475248) 0) bottom;
  color: rgb(53.7326732673, 209.8673267327, 119.601980198);
}
[data-theme=dark] .page-tag-item.color4 {
  background: rgb(9.25, 41.25, 22.75);
  background: linear-gradient(135deg, transparent 0.75em, rgb(9.25, 41.25, 22.75) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(9.25, 41.25, 22.75) 0) bottom;
  color: rgb(33.3, 148.5, 81.9);
}
.page-tag-item.color4.clickable:hover {
  background: rgb(192.103960396, 240.896039604, 212.6881188119);
  background: linear-gradient(135deg, transparent 0.75em, rgb(192.103960396, 240.896039604, 212.6881188119) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(192.103960396, 240.896039604, 212.6881188119) 0) bottom;
}
[data-theme=dark] .page-tag-item.color4.clickable:hover {
  background: rgb(14.8, 66, 36.4);
  background: linear-gradient(135deg, transparent 0.75em, rgb(14.8, 66, 36.4) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(14.8, 66, 36.4) 0) bottom;
}
.page-tag-item.color5 {
  background: rgb(225.0082872928, 252.0917127072, 252.0917127072);
  background: linear-gradient(135deg, transparent 0.75em, rgb(225.0082872928, 252.0917127072, 252.0917127072) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(225.0082872928, 252.0917127072, 252.0917127072) 0) bottom;
  color: rgb(21.8165745856, 224.9834254144, 224.9834254144);
}
[data-theme=dark] .page-tag-item.color5 {
  background: rgb(4, 41.25, 41.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(4, 41.25, 41.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(4, 41.25, 41.25) 0) bottom;
  color: rgb(14.4, 148.5, 148.5);
}
.page-tag-item.color5.clickable:hover {
  background: rgb(180.020718232, 247.729281768, 247.729281768);
  background: linear-gradient(135deg, transparent 0.75em, rgb(180.020718232, 247.729281768, 247.729281768) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(180.020718232, 247.729281768, 247.729281768) 0) bottom;
}
[data-theme=dark] .page-tag-item.color5.clickable:hover {
  background: rgb(6.4, 66, 66);
  background: linear-gradient(135deg, transparent 0.75em, rgb(6.4, 66, 66) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(6.4, 66, 66) 0) bottom;
}
.page-tag-item.color6 {
  background: rgb(227.7309734513, 240.2973451327, 253.8690265487);
  background: linear-gradient(135deg, transparent 0.75em, rgb(227.7309734513, 240.2973451327, 253.8690265487) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(227.7309734513, 240.2973451327, 253.8690265487) 0) bottom;
  color: rgb(36.8477876106, 137.3787610619, 245.9522123894);
}
[data-theme=dark] .page-tag-item.color6 {
  background: rgb(2.25, 27.25, 54.25);
  background: linear-gradient(135deg, transparent 0.75em, rgb(2.25, 27.25, 54.25) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(2.25, 27.25, 54.25) 0) bottom;
  color: rgb(8.1, 98.1, 195.3);
}
.page-tag-item.color6.clickable:hover {
  background: rgb(186.8274336283, 218.2433628319, 252.1725663717);
  background: linear-gradient(135deg, transparent 0.75em, rgb(186.8274336283, 218.2433628319, 252.1725663717) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(186.8274336283, 218.2433628319, 252.1725663717) 0) bottom;
}
[data-theme=dark] .page-tag-item.color6.clickable:hover {
  background: rgb(3.6, 43.6, 86.8);
  background: linear-gradient(135deg, transparent 0.75em, rgb(3.6, 43.6, 86.8) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(3.6, 43.6, 86.8) 0) bottom;
}
.page-tag-item.color7 {
  background: rgb(246.5, 240.6, 252.8);
  background: linear-gradient(135deg, transparent 0.75em, rgb(246.5, 240.6, 252.8) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(246.5, 240.6, 252.8) 0) bottom;
  color: rgb(187, 139.8, 237.4);
}
[data-theme=dark] .page-tag-item.color7 {
  background: rgb(41.9638554217, 11.3975903614, 74.6024096386);
  background: linear-gradient(135deg, transparent 0.75em, rgb(41.9638554217, 11.3975903614, 74.6024096386) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(41.9638554217, 11.3975903614, 74.6024096386) 0) bottom;
  color: rgb(152.3855421687, 81.1590361446, 228.4409638554);
}
.page-tag-item.color7.clickable:hover {
  background: rgb(233.75, 219, 249.5);
  background: linear-gradient(135deg, transparent 0.75em, rgb(233.75, 219, 249.5) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(233.75, 219, 249.5) 0) bottom;
}
[data-theme=dark] .page-tag-item.color7.clickable:hover {
  background: rgb(67.1421686747, 18.2361445783, 119.3638554217);
  background: linear-gradient(135deg, transparent 0.75em, rgb(67.1421686747, 18.2361445783, 119.3638554217) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(67.1421686747, 18.2361445783, 119.3638554217) 0) bottom;
}
.page-tag-item.color8 {
  background: rgb(253, 234.2, 244.5);
  background: linear-gradient(135deg, transparent 0.75em, rgb(253, 234.2, 244.5) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(253, 234.2, 244.5) 0) bottom;
  color: rgb(239, 88.6, 171);
}
[data-theme=dark] .page-tag-item.color8 {
  background: rgb(64.3157894737, 6.1842105263, 38.0328947368);
  background: linear-gradient(135deg, transparent 0.75em, rgb(64.3157894737, 6.1842105263, 38.0328947368) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(64.3157894737, 6.1842105263, 38.0328947368) 0) bottom;
  color: rgb(231.5368421053, 22.2631578947, 136.9184210526);
}
.page-tag-item.color8.clickable:hover {
  background: rgb(250, 203, 228.75);
  background: linear-gradient(135deg, transparent 0.75em, rgb(250, 203, 228.75) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(250, 203, 228.75) 0) bottom;
}
[data-theme=dark] .page-tag-item.color8.clickable:hover {
  background: rgb(102.9052631579, 9.8947368421, 60.8526315789);
  background: linear-gradient(135deg, transparent 0.75em, rgb(102.9052631579, 9.8947368421, 60.8526315789) 0) top, linear-gradient(45deg, transparent 0.75em, rgb(102.9052631579, 9.8947368421, 60.8526315789) 0) bottom;
}

.vp-toc-placeholder {
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 2.5rem;
}
@media (max-width: 959px) {
  .vp-toc-placeholder {
    padding-inline: 1.5rem;
  }
}
@media print {
  .vp-toc-placeholder {
    max-width: unset;
  }
}
.vp-toc-placeholder {
  position: sticky;
  top: calc(var(--navbar-height) + 0.5rem);
  z-index: 99;
  display: none;
  max-width: var(--content-width);
}
@media (max-width: 719px) {
  .hide-navbar .vp-toc-placeholder {
    top: 0.5rem;
  }
}
@media (min-width: 1440px) {
  .vp-toc-placeholder {
    top: calc(var(--navbar-height) + 2rem);
  }
}
@media print {
  .vp-toc-placeholder {
    display: none !important;
  }
}
.vp-toc-placeholder + [vp-content]:not(.custom) {
  padding-top: 0;
}
.has-toc .vp-toc-placeholder {
  display: block;
}

#toc {
  margin-bottom: 1rem;
  border-radius: 8px;
  background: var(--vp-c-bg-alt);
}
@media (min-width: 1440px) {
  #toc {
    position: absolute;
    inset-inline-start: calc(100% + 1rem);
    min-width: 10rem;
    max-width: 15rem;
    margin-bottom: 0;
    border-radius: 0;
    background: transparent;
  }
}

.vp-toc-header {
  padding: 0.5rem 1rem;
  font-weight: 600;
}
@media (min-width: 1440px) {
  .vp-toc-header {
    padding-top: 0;
    font-size: 0.875rem;
  }
}
.vp-toc-header .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-toc-header .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-toc-header .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-toc-header .arrow.down {
  transform: rotate(-180deg);
}
.vp-toc-header .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-toc-header .arrow.end {
  transform: rotate(-90deg);
}
.vp-toc-header .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-toc-header .arrow.start {
  transform: rotate(90deg);
}
@media (min-width: 1440px) {
  .vp-toc-header .arrow {
    display: none;
  }
}
.vp-toc-header .print-button {
  display: none;
}
@media (min-width: 1440px) {
  .vp-toc-header .print-button {
    display: inline-block;
  }
}

.vp-toc-wrapper {
  position: relative;
  overflow: hidden auto;
  height: 0;
  max-height: 12rem;
  margin: 0 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  scroll-behavior: smooth;
  transition: height 0.5s;
}
@media (min-width: 1440px) {
  .vp-toc-wrapper {
    height: auto;
    max-height: 75vh;
  }
}
.vp-toc-wrapper.open {
  height: auto;
  margin-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1440px) {
  .vp-toc-wrapper.open {
    margin-top: 0;
    padding-bottom: 0;
  }
}
.vp-toc-wrapper::-webkit-scrollbar-track-piece {
  background: transparent;
}
.vp-toc-wrapper::-webkit-scrollbar {
  width: 3px;
}
.vp-toc-wrapper::-webkit-scrollbar-thumb:vertical {
  background: var(--vp-c-border);
}
.vp-toc-wrapper > .vp-toc-list {
  padding-inline-start: 8px;
}
@media (min-width: 1440px) {
  .vp-toc-wrapper > .vp-toc-list::before {
    content: " ";
    position: absolute;
    inset-inline-start: 4px;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 2px;
    background: var(--vp-c-border);
  }
}

.vp-toc-list {
  position: relative;
  margin: 0;
  padding: 0;
}

.vp-toc-marker {
  position: absolute;
  inset-inline-start: 4px;
  top: 0;
  z-index: 2;
  display: none;
  width: 2px;
  height: 2rem;
  background: var(--vp-c-accent-bg);
  transition: top var(--vp-t-transform);
}
@media (min-width: 1440px) {
  .vp-toc-marker {
    display: block;
  }
}

.vp-toc-link {
  position: relative;
  display: block;
  overflow: hidden;
  max-width: 100%;
  color: var(--vp-c-text-mute);
  line-height: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vp-toc-link.level2 {
  padding-inline-start: 0rem;
  font-size: 0.875rem;
}
.vp-toc-link.level3 {
  padding-inline-start: 0.5rem;
  font-size: 0.875rem;
}
.vp-toc-link.level4 {
  padding-inline-start: 1rem;
  font-size: 0.875rem;
}
.vp-toc-link.level5 {
  padding-inline-start: 1.5rem;
  font-size: 0.875rem;
}
.vp-toc-link.level6 {
  padding-inline-start: 2rem;
  font-size: 0.875rem;
}

.vp-toc-item {
  position: relative;
  box-sizing: border-box;
  height: 2rem;
  list-style: none;
  line-height: 2rem;
}
@media (min-width: 1440px) {
  .vp-toc-item {
    padding: 0 0.5rem;
  }
}
.vp-toc-item:hover > .vp-toc-link {
  color: var(--vp-c-accent);
}
.vp-toc-item.active > .vp-toc-link {
  color: var(--vp-c-accent);
  font-weight: bold;
}

.nav-screen-links {
  display: none;
  padding-bottom: 0.75rem;
}
@media (max-width: 719px) {
  .nav-screen-links {
    display: block;
  }
}
.nav-screen-links .navbar-links-item {
  position: relative;
  display: block;
  padding-block: 12px;
  padding-inline-end: 4px;
  border-bottom: 1px solid var(--vp-c-border);
  font-size: 16px;
  line-height: 1.5rem;
}
.nav-screen-links .auto-link {
  display: inline-block;
  width: 100%;
  color: var(--vp-c-text);
  font-weight: normal;
}
.nav-screen-links .auto-link:hover {
  color: var(--vp-c-text);
}
.nav-screen-links .auto-link.route-link-active {
  color: var(--vp-c-accent);
}

.vp-nav-screen-menu-title {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  color: var(--vp-c-text);
  font-size: inherit;
  font-family: inherit;
  text-align: start;
  cursor: pointer;
}
.vp-nav-screen-menu-title:hover, .vp-nav-screen-menu-title.active {
  color: var(--vp-c-text);
}
.vp-nav-screen-menu-title .text {
  flex: 1;
}
.vp-nav-screen-menu-title .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-nav-screen-menu-title .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-nav-screen-menu-title .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-nav-screen-menu-title .arrow.down {
  transform: rotate(-180deg);
}
.vp-nav-screen-menu-title .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-nav-screen-menu-title .arrow.end {
  transform: rotate(-90deg);
}
.vp-nav-screen-menu-title .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-nav-screen-menu-title .arrow.start {
  transform: rotate(90deg);
}

.vp-nav-screen-menu {
  overflow: hidden;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
  transition: transform 0.1s ease-out;
  transform: scaleY(1);
  transform-origin: top;
}
.vp-nav-screen-menu.hide {
  height: 0;
  margin: 0;
  transform: scaleY(0);
}
.vp-nav-screen-menu .auto-link {
  position: relative;
  display: block;
  padding-inline-start: 0.5rem;
  font-weight: 400;
  line-height: 2;
}
.vp-nav-screen-menu .auto-link:hover {
  color: var(--vp-c-accent);
}
.vp-nav-screen-menu .auto-link.route-link-active {
  color: var(--vp-c-accent);
}

.vp-nav-screen-menu-item {
  color: inherit;
  line-height: 1.7rem;
}

.vp-nav-screen-menu-subtitle {
  margin: 0;
  padding-inline-start: 0.25rem;
  color: var(--vp-c-text-mute);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
  text-transform: uppercase;
}
.vp-nav-screen-menu-subtitle .auto-link {
  padding: 0;
}

.vp-nav-screen-menu-subitems {
  margin: 0;
  padding: 0;
  list-style: none;
}

.vp-nav-screen-menu-subitem {
  padding-inline-start: 0.5rem;
  font-size: 0.9em;
}

.vp-nav-screen {
  position: fixed;
  inset: var(--navbar-height) 0 0 0;
  z-index: 150;
  display: none;
  overflow-y: auto;
  padding: 0 2rem;
  background: var(--vp-c-bg);
  transition: background var(--vp-t-color);
}
@media (max-width: 719px) {
  .vp-nav-screen {
    display: block;
  }
}
.vp-nav-screen .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-nav-screen-container {
  max-width: 320px;
  margin: 0 auto;
  padding: 2rem 0 4rem;
}

.vp-outlook-wrapper {
  display: flex;
  justify-content: space-around;
}

.vp-nav-logo {
  vertical-align: top;
  height: var(--navbar-line-height);
  margin-inline-end: 0.8rem;
}
.vp-nav-logo.light {
  display: inline-block;
}
.vp-nav-logo.dark {
  display: none;
}
[data-theme=dark] .vp-nav-logo.light {
  display: none;
}
[data-theme=dark] .vp-nav-logo.dark {
  display: inline-block;
}

.vp-site-name {
  position: relative;
  color: var(--vp-c-text);
  font-size: 1.25rem;
}
@media (max-width: 719px) {
  .vp-site-name {
    overflow: hidden;
    width: calc(100vw - 9.4rem);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.vp-brand:hover .vp-site-name {
  color: var(--vp-c-accent);
}

.vp-dropdown-wrapper {
  cursor: pointer;
}
.vp-dropdown-wrapper:not(:hover) .arrow {
  transform: rotate(-180deg);
}
.vp-dropdown-wrapper .auto-link {
  position: relative;
  display: block;
  margin-bottom: 0;
  border-bottom: none;
  color: var(--vp-c-text);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.7rem;
  transition: color var(--vp-t-color);
}
.vp-dropdown-wrapper .auto-link:hover {
  color: var(--vp-c-accent);
}
.vp-dropdown-wrapper .auto-link.route-link-active {
  color: var(--vp-c-accent);
}

.vp-dropdown-title {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  padding: 0 0.25rem;
  color: var(--vp-c-text);
  font-weight: 500;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  cursor: inherit;
}
.vp-dropdown-title:hover {
  border-color: transparent;
}
.vp-dropdown-title .vp-icon {
  margin-inline-end: 0.25em;
}
.vp-dropdown-title .arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
  font-size: 1.2em;
}
[data-theme=dark] .vp-dropdown-title .arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-dropdown-title .arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-dropdown-title .arrow.down {
  transform: rotate(-180deg);
}
.vp-dropdown-title .arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-dropdown-title .arrow.end {
  transform: rotate(-90deg);
}
.vp-dropdown-title .arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-dropdown-title .arrow.start {
  transform: rotate(90deg);
}

.vp-dropdown {
  position: absolute;
  inset-inline-end: 0;
  top: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  min-width: 6rem;
  max-height: calc(100vh - var(--navbar-height));
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--vp-c-gutter);
  border-radius: 0.5rem;
  background: var(--vp-c-bg-elv);
  box-shadow: 2px 2px 10px var(--vp-c-shadow);
  list-style-type: none;
  text-align: start;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.18s ease-out;
  transform: scale(0.9);
}
.vp-dropdown-wrapper:hover .vp-dropdown, .vp-dropdown-wrapper.open .vp-dropdown {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: none;
}

.vp-dropdown-item {
  color: inherit;
  line-height: 1.7rem;
}

.vp-dropdown-subtitle {
  margin: 0;
  padding: 0.5rem 0.25rem 0;
  color: var(--vp-c-text-mute);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
  text-transform: uppercase;
}
.vp-dropdown-item:first-child .vp-dropdown-subtitle {
  padding-top: 0;
}

.vp-dropdown-subitems {
  margin: 0;
  padding: 0 0 0.25rem;
  list-style-type: none;
}
.vp-dropdown-item:last-child .vp-dropdown-subitems {
  padding-bottom: 0;
}

.vp-nav-links {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.vp-nav-item {
  position: relative;
  margin: 0 0.25rem;
  line-height: 2rem;
}
.vp-nav-item:first-child {
  margin-inline-start: 0;
}
.vp-nav-item:last-child {
  margin-inline-end: 0;
}
.vp-nav-item > .auto-link {
  color: var(--vp-c-text);
}
.vp-nav-item > .auto-link::before {
  content: " ";
  position: absolute;
  inset: auto 50% 0;
  height: 2px;
  border-radius: 1px;
  background: var(--vp-c-accent-hover);
  visibility: hidden;
  transition: inset 0.2s ease-in-out;
}
.vp-nav-item > .auto-link.route-link-active {
  color: var(--vp-c-accent);
}
.vp-nav-item > .auto-link:hover::before, .vp-nav-item > .auto-link.route-link-active::before {
  inset: auto 0 0;
  visibility: visible;
}
.vp-nav-item .i18n-icon {
  color: var(--vp-c-text-mute);
}

.vp-navbar {
  --navbar-line-height: calc(
    var(--navbar-height) - var(--navbar-padding-y) * 2
  );
  position: fixed;
  inset: 0 0 auto;
  z-index: 175;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: var(--navbar-height);
  padding: var(--navbar-padding-y) var(--navbar-padding-x);
  background: var(--navbar-c-bg);
  box-shadow: 0 2px 8px var(--vp-c-shadow);
  line-height: var(--navbar-line-height);
  white-space: nowrap;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
          backdrop-filter: saturate(150%) blur(12px);
  transition: transform var(--vp-t-transform);
}
@media print {
  .vp-navbar {
    display: none;
  }
}
.hide-navbar .vp-navbar.auto-hide {
  transform: translateY(-100%);
}
.vp-navbar .auto-link {
  padding: 0 0.25rem;
  color: var(--vp-c-text);
}
.vp-navbar .auto-link.route-link-active {
  color: var(--vp-c-accent);
}
.vp-navbar .auto-link .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-navbar-start,
.vp-navbar-end,
.vp-navbar-center {
  display: flex;
  flex: 1;
  align-items: center;
}
.vp-navbar-start > *,
.vp-navbar-end > *,
.vp-navbar-center > * {
  position: relative;
  margin: 0 0.25rem !important;
}
.vp-navbar-start > *:first-child,
.vp-navbar-end > *:first-child,
.vp-navbar-center > *:first-child {
  margin-inline-start: 0 !important;
}
.vp-navbar-start > *:last-child,
.vp-navbar-end > *:last-child,
.vp-navbar-center > *:last-child {
  margin-inline-end: 0 !important;
}

.vp-navbar-start {
  justify-content: left;
}
[dir=rtl] .vp-navbar-start {
  justify-content: right;
}

.vp-navbar-center {
  justify-content: center;
}

.vp-navbar-end {
  justify-content: right;
}
[dir=rtl] .vp-navbar-end {
  justify-content: left;
}

.vp-navbar .vp-action {
  margin: 0 !important;
}
.vp-navbar .vp-action-link {
  display: inline-block;
  margin: auto;
  padding: 6px;
  color: var(--vp-c-text-mute);
  line-height: 1;
}
.vp-navbar .vp-action-link:hover, .vp-navbar .vp-action-link:active {
  color: var(--vp-c-accent-bg);
}

.vp-toggle-navbar-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
@media screen and (max-width: 719px) {
  .vp-toggle-navbar-button {
    display: flex;
  }
}
.vp-toggle-navbar-button > span {
  position: relative;
  overflow: hidden;
  width: 16px;
  height: 14px;
}
.vp-toggle-navbar-button .vp-top,
.vp-toggle-navbar-button .vp-middle,
.vp-toggle-navbar-button .vp-bottom {
  position: absolute;
  width: 16px;
  height: 2px;
  background: var(--vp-c-text);
  transition: top 0.25s, background 0.5s, transform 0.25s;
}
.vp-toggle-navbar-button .vp-top {
  top: 0;
  left: 0;
  transform: translateX(0);
}
.vp-toggle-navbar-button .vp-middle {
  top: 6px;
  left: 0;
  transform: translateX(8px);
}
.vp-toggle-navbar-button .vp-bottom {
  top: 12px;
  left: 0;
  transform: translateX(4px);
}
.vp-toggle-navbar-button:hover .vp-top {
  top: 0;
  left: 0;
  transform: translateX(4px);
}
.vp-toggle-navbar-button:hover .vp-middle {
  top: 6;
  left: 0;
  transform: translateX(0);
}
.vp-toggle-navbar-button:hover .vp-bottom {
  top: 12px;
  left: 0;
  transform: translateX(8px);
}
.vp-toggle-navbar-button.is-active .vp-top {
  top: 6px;
  transform: translateX(0) rotate(225deg);
}
.vp-toggle-navbar-button.is-active .vp-middle {
  top: 6px;
  transform: translateX(16px);
}
.vp-toggle-navbar-button.is-active .vp-bottom {
  top: 6px;
  transform: translateX(0) rotate(135deg);
}
.vp-toggle-navbar-button.is-active:hover .vp-top,
.vp-toggle-navbar-button.is-active:hover .vp-middle,
.vp-toggle-navbar-button.is-active:hover .vp-bottom {
  background: var(--vp-c-accent-bg);
  transition: top 0.25s, background 0.25s, transform 0.25s;
}

.vp-toggle-sidebar-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  display: none;
  vertical-align: middle;
  box-sizing: content-box;
  width: 1rem;
  height: 1rem;
  padding: 0.5rem;
  font: unset;
  transition: transform 0.2s ease-in-out;
}
@media screen and (max-width: 719px) {
  .vp-toggle-sidebar-button {
    display: block;
    padding-inline-end: var(--navbar-mobile-padding-x);
  }
}
.vp-toggle-sidebar-button::before, .vp-toggle-sidebar-button::after,
.vp-toggle-sidebar-button .icon {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 0.05em;
  background: var(--vp-c-text);
  transition: transform 0.2s ease-in-out;
}
.vp-toggle-sidebar-button::before {
  content: " ";
  margin-top: 0.125em;
}
.sidebar-open .vp-toggle-sidebar-button::before {
  transform: translateY(0.34rem) rotate(135deg);
}
.vp-toggle-sidebar-button::after {
  content: " ";
  margin-bottom: 0.125em;
}
.sidebar-open .vp-toggle-sidebar-button::after {
  transform: translateY(-0.34rem) rotate(-135deg);
}
.vp-toggle-sidebar-button .icon {
  margin: 0.2em 0;
}
.sidebar-open .vp-toggle-sidebar-button .icon {
  transform: scale(0);
}

::view-transition-old(root),
::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}

[data-theme=light]::view-transition-old(root),
[data-theme=dark]::view-transition-new(root) {
  z-index: 1;
}

[data-theme=light]::view-transition-new(root),
[data-theme=dark]::view-transition-old(root) {
  z-index: 99999;
}

.vp-color-mode-switch {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  padding: 6px;
  color: var(--vp-c-text-mute);
  cursor: pointer;
  transition: color var(--vp-t-color);
}
.vp-color-mode-switch:hover {
  color: var(--vp-c-accent-bg);
}
.vp-color-mode-switch .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.vp-color-mode-title {
  display: block;
  margin: 0;
  padding: 0 0.25rem;
  color: var(--vp-c-text-subtle);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
}

.vp-outlook-button {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
  padding: 0.375rem;
  color: var(--vp-c-text-mute);
}
.vp-outlook-button .icon {
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}

.vp-outlook-dropdown {
  position: absolute;
  inset-inline-end: 0;
  top: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  min-width: 100px;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--vp-c-gutter);
  border-radius: 0.25rem;
  background: var(--vp-c-bg);
  box-shadow: 2px 2px 10px var(--vp-c-shadow);
  text-align: start;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.18s ease-out;
  transform: scale(0.8);
}
.vp-outlook-dropdown > *:not(:last-child) {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--vp-c-border);
}
.vp-outlook-button:hover .vp-outlook-dropdown, .vp-outlook-button.open .vp-outlook-dropdown {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

/* stylelint-disable scss/operator-no-newline-before */
.vp-theme-color-picker {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
}
.vp-theme-color-picker li span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin: 0 2px;
  border-radius: 2px;
}
.vp-theme-color-picker li span.theme-color {
  background: rgb(205.0625, 44.625, 24.4375);
  /* stylelint-disable-next-line max-nesting-depth */
}
.vp-theme-color-picker li span.theme-color [data-theme=dark] {
  background: rgb(216.4548611111, 47.1041666667, 25.7951388889);
}

.vp-theme-color-title {
  display: block;
  margin: 0;
  padding: 0 0.25rem;
  color: var(--vp-c-text-subtle);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 2;
}

.full-screen,
.cancel-full-screen {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  padding: 0.25rem;
  color: var(--vp-c-text-mute);
  cursor: pointer;
}
@media print {
  .full-screen,
  .cancel-full-screen {
    display: none;
  }
}
.full-screen:hover,
.cancel-full-screen:hover {
  color: var(--vp-c-accent-hover);
}
.full-screen .icon,
.cancel-full-screen .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.vp-sidebar-link {
  display: inline-block;
  box-sizing: border-box;
  width: calc(100% - 1rem);
  margin-inline: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  color: var(--vp-c-text);
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
}
.vp-sidebar-link:hover {
  background: var(--vp-c-control);
}
.vp-sidebar-link.active {
  background: var(--vp-c-accent-soft);
  color: var(--vp-c-accent);
  font-weight: 500;
}
.vp-sidebar-link.active .vp-icon {
  color: var(--vp-c-accent);
}

.vp-sidebar-group:not(.collapsible) .vp-sidebar-header:not(.clickable) {
  color: inherit;
  cursor: auto;
}
.vp-sidebar-group .vp-sidebar-group .vp-sidebar-header {
  font-size: 1em;
}

.vp-sidebar-header {
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  width: calc(100% - 1rem);
  margin: 0;
  margin-inline: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-width: 0;
  border-radius: 0.375rem;
  background: transparent;
  color: var(--vp-c-text);
  font-size: 1.1em;
  line-height: 1.5;
  text-align: start;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: color 0.15s ease;
  transform: rotate(0);
}
.vp-sidebar-header.open {
  color: inherit;
}
.vp-sidebar-header.clickable {
  border-width: 0;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.vp-sidebar-header.clickable:hover {
  background: var(--vp-c-control);
}
.vp-sidebar-header.clickable.exact {
  border-inline-start-color: var(--vp-c-accent-bg);
  color: var(--vp-c-accent);
}
.vp-sidebar-header.clickable.exact a {
  color: inherit;
}
.vp-sidebar-header .vp-sidebar-title {
  flex: 1;
}
.vp-sidebar-header .vp-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(0,0,0,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  line-height: normal;
  transition: all 0.3s;
}
[data-theme=dark] .vp-sidebar-header .vp-arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(255,255,255,0.5)' d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E");
}
.vp-sidebar-header .vp-arrow.down {
  transform: rotate(180deg);
}
[dir=rtl] .vp-sidebar-header .vp-arrow.down {
  transform: rotate(-180deg);
}
.vp-sidebar-header .vp-arrow.end {
  transform: rotate(90deg);
}
[dir=rtl] .vp-sidebar-header .vp-arrow.end {
  transform: rotate(-90deg);
}
.vp-sidebar-header .vp-arrow.start {
  transform: rotate(-90deg);
}
[dir=rtl] .vp-sidebar-header .vp-arrow.start {
  transform: rotate(90deg);
}
.vp-sidebar-header .vp-arrow {
  font-size: 1.5em;
}

.vp-sidebar-links {
  margin: 0 0 0 0.75em;
  padding: 0;
}
.vp-sidebar-links li {
  list-style-type: none;
}
.vp-sidebar > .vp-sidebar-links {
  margin: 0;
  padding: 1.5rem 0;
}
@media (max-width: 719px) {
  .vp-sidebar > .vp-sidebar-links {
    padding: 1rem 0;
  }
}
.vp-sidebar > .vp-sidebar-links > li > .vp-sidebar-link {
  font-size: 1.1em;
}
.vp-sidebar > .vp-sidebar-links > li:not(:first-child) {
  margin-top: 0.5rem;
}

.vp-sidebar {
  position: fixed;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  overflow-y: auto;
  width: var(--sidebar-width);
  margin: 0;
  padding-inline-start: calc(var(--sidebar-space) - var(--sidebar-width));
  background: var(--sidebar-c-bg);
  box-shadow: 2px 0 8px var(--vp-c-shadow);
  font-size: 0.94rem;
  -webkit-backdrop-filter: saturate(150%) blur(12px);
          backdrop-filter: saturate(150%) blur(12px);
  transition: padding var(--vp-t-transform), transform var(--vp-t-transform);
  scrollbar-color: var(--vp-c-accent-bg) var(--vp-c-border);
  scrollbar-width: thin;
}
@media (max-width: 959px) {
  .vp-sidebar {
    font-size: 0.86em;
  }
}
@media (max-width: 719px) {
  .vp-sidebar {
    z-index: 125;
    box-shadow: none;
    transform: translateX(-100%);
  }
  [dir=rtl] .vp-sidebar {
    transform: translateX(100%);
  }
}
@media (min-width: 1440px) {
  .vp-sidebar {
    padding-bottom: 3rem;
    box-shadow: none;
    font-size: 1rem;
  }
}
@media print {
  .vp-sidebar {
    display: none;
  }
}
.vp-sidebar a {
  display: inline-block;
  color: var(--vp-c-text);
  font-weight: normal;
}
.vp-sidebar .vp-icon {
  margin-inline-end: 0.25em;
}

.vp-sidebar-mask {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.15);
}

blockquote {
  border-color: #E8513E;
  background-color: #d3c8f6;
  color: #343333;
  transition: border-color var(--color-transition), color var(--color-transition);
}

basic {
  background-color: red !important;
}

label-container {
  background-color: red !important;
}

nodeLabel {
  color: white !important;
}.vp-playground {
  margin: 15px;
  padding: 15px;
  border: 1px solid var(--c-border, #eaecef);
  border-radius: 8px;
  background-color: var(--c-bg, #e4e3e3);
}
.vp-playground .vp-playground__method {
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.vp-playground .vp-playground__response {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid var(--c-border, #eaecef);
  border-radius: 4px;
}
.vp-playground table {
  display: table;
  width: 100%;
  margin: 0.5rem 0 1rem;
  border-collapse: collapse;
}
.vp-playground th, .vp-playground td {
  padding: 0.5rem;
  border: 1px solid var(--c-border, #eaecef);
}
.vp-playground input {
  box-sizing: border-box;
  width: 100%;
  height: 2rem;
  color: var(--c-text, #2c3e50);
  border: 1px solid var(--c-border, #eaecef);
  border-radius: 4px;
  font-size: 0.9rem;
  line-height: 2rem;
  padding: 0 0.5rem;
  outline: none;
  transition: all 0.2s ease;
}
.vp-playground input:focus {
  border-color: var(--theme-color, #3eaf7c);
}
.vp-playground button {
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
  color: #fff;
  background-color: var(--theme-color);
  border: 1px solid var(--c-border, #eaecef);
  padding: 10px;
  border-radius: 4px;
  transition: opacity 0.1s ease;
  margin: 10px;
}
.vp-playground button:hover {
  opacity: 0.8;
}
.vp-playground button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.vp-playground .badge {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  border-radius: 3px;
  padding: 0 6px;
  color: #fff;
  margin-right: 5px;
  vertical-align: middle;
}
.vp-playground .badge.tip {
  background-color: #42b983;
}
.vp-playground .badge.warn {
  background-color: #e7c000;
}
.vp-playground .badge.danger {
  background-color: #da5961;
}
.vp-playground .badge.info {
  background-color: #0284c7;
}.very-visible {
  background-color: red;
  color: white;
  padding: 20px;
  margin: 20px;
  border: 5px solid black;
  font-size: 24px;
  z-index: 1000;
  width: 100px;
  height: 200px;
}.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}
/* BASICS */

.CodeMirror {
  color: var(--symbols);
  --symbols: #777;
  --base: #545281;
  --comment: hsl(210, 25%, 60%);
  --keyword: #af4ab1;
  --variable: var(--base);
  --function: #c25205;
  --string: #2ba46d;
  --number: #c25205;
  --tags: #dd0000;
  --brackets: var(--comment);
  --qualifier: #ff6032;
  --important: var(--string);
  --attribute: #9c3eda;
  --property: #6182b8;

  --selected-bg: #d7d4f0;
  --selected-bg-non-focus: #d9d9d9;
  --cursor: #000;

  direction: ltr;
  font-family: var(--font-code);
  height: auto;
}

.dark .CodeMirror {
  color: var(--symbols);
  --symbols: #89ddff;
  --base: #a6accd;
  --comment: #6d6d6d;
  --keyword: #89ddff;
  --string: #c3e88d;
  --variable: #82aaff;
  --number: #f78c6c;
  --tags: #f07178;
  --brackets: var(--symbols);
  --property: #f07178;
  --attribute: #c792ea;
  --cursor: #fff;

  --selected-bg: rgba(255, 255, 255, 0.1);
  --selected-bg-non-focus: rgba(255, 255, 255, 0.15);
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid var(--border);
  background-color: transparent;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: var(--comment);
  white-space: nowrap;
  opacity: 0.6;
}

.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* FOLD GUTTER */

.CodeMirror-foldmarker {
  color: #414141;
  text-shadow:
    #ff9966 1px 1px 2px,
    #ff9966 -1px -1px 2px,
    #ff9966 1px -1px 2px,
    #ff9966 -1px 1px 2px;
  font-family: arial;
  line-height: 0.3;
  cursor: pointer;
}
.CodeMirror-foldgutter {
  width: 0.7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after,
.CodeMirror-foldgutter-folded:after {
  content: '>';
  font-size: 0.8em;
  opacity: 0.8;
  transition: transform 0.2s;
  display: inline-block;
  top: -0.1em;
  position: relative;
  transform: rotate(90deg);
}
.CodeMirror-foldgutter-folded:after {
  transform: none;
}

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid var(--cursor);
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@keyframes blink {
  0% {
  }
  50% {
    background-color: transparent;
  }
  100% {
  }
}

.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default.CodeMirror {
  background-color: transparent;
}
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-atom,
.cm-s-default .cm-def,
.cm-s-default .cm-variable-2,
.cm-s-default .cm-variable-3,
.cm-s-default .cm-punctuation {
  color: var(--base);
}
.cm-s-default .cm-property {
  color: var(--property);
}
.cm-s-default .cm-hr,
.cm-s-default .cm-comment {
  color: var(--comment);
}
.cm-s-default .cm-attribute {
  color: var(--attribute);
}
.cm-s-default .cm-keyword {
  color: var(--keyword);
}
.cm-s-default .cm-variable {
  color: var(--variable);
}
.cm-s-default .cm-tag {
  color: var(--tags);
}
.cm-s-default .cm-bracket {
  color: var(--brackets);
}
.cm-s-default .cm-number {
  color: var(--number);
}
.cm-s-default .cm-string,
.cm-s-default .cm-string-2 {
  color: var(--string);
}
.cm-s-default .cm-type {
  color: rgb(255, 208, 0);
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: var(--qualifier);
}
.cm-s-default .cm-builtin {
  color: #7539ff;
}
.cm-s-default .cm-link {
  color: var(--flash);
}
.cm-s-default .cm-error {
  color: #ff008c;
}
.cm-invalidchar {
  color: #ff008c;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: var(--selected-bg-non-focus);
}
.CodeMirror-focused .CodeMirror-selected {
  background: var(--selected-bg);
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: var(--selected-bg);
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: var(--selected-bg);
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: var(--selected-bg);
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.CodeMirror-dialog {
  background-color: var(--bg);
}

.editor {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.CodeMirror {
  font-family: var(--font-code);
  line-height: 1.5;
  height: 100%;
}